@plaidev/karte-action-sdk 1.1.268-29089806.0ded74d0 → 1.1.268-29089896.0dceea5e

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.
@@ -17452,17 +17452,17 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
17452
17452
  /* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
17453
17453
 
17454
17454
  function add_css$f(target) {
17455
- append_styles(target, "svelte-1slel1d", ".slider-list.svelte-1slel1d{-webkit-user-drag:none;margin:0;padding:0;list-style:none}");
17455
+ append_styles(target, "svelte-1rafop1", ".slider.svelte-1rafop1{width:100%;overflow:hidden}.slider-container.svelte-1rafop1{width:100%;overflow:hidden;overscroll-behavior:contain;touch-action:pan-y}.slider-list.svelte-1rafop1{-webkit-user-drag:none;margin:0;padding:0;list-style:none}");
17456
17456
  }
17457
17457
 
17458
17458
  function get_each_context$1(ctx, list, i) {
17459
17459
  const child_ctx = ctx.slice();
17460
- child_ctx[33] = list[i];
17461
- child_ctx[35] = i;
17460
+ child_ctx[32] = list[i];
17461
+ child_ctx[34] = i;
17462
17462
  return child_ctx;
17463
17463
  }
17464
17464
 
17465
- // (188:4) {#each indicators ?? [] as indicator, i}
17465
+ // (183:4) {#each indicators ?? [] as indicator, i}
17466
17466
  function create_each_block$1(ctx) {
17467
17467
  let button;
17468
17468
  let i_1;
@@ -17472,7 +17472,7 @@ function create_each_block$1(ctx) {
17472
17472
  let dispose;
17473
17473
 
17474
17474
  function click_handler() {
17475
- return /*click_handler*/ ctx[21](/*i*/ ctx[35]);
17475
+ return /*click_handler*/ ctx[20](/*i*/ ctx[34]);
17476
17476
  }
17477
17477
 
17478
17478
  return {
@@ -17495,7 +17495,7 @@ function create_each_block$1(ctx) {
17495
17495
  attr(i_1, "style", i_1_style_value = objToStyle({
17496
17496
  .../*indicatorItemStyle*/ ctx[3],
17497
17497
  ...{
17498
- background: /*indicator*/ ctx[33].isActive ? '#555555' : '#AAAAAA'
17498
+ background: /*indicator*/ ctx[32].isActive ? '#555555' : '#AAAAAA'
17499
17499
  }
17500
17500
  }));
17501
17501
 
@@ -17518,10 +17518,10 @@ function create_each_block$1(ctx) {
17518
17518
  p(new_ctx, dirty) {
17519
17519
  ctx = new_ctx;
17520
17520
 
17521
- if (dirty[0] & /*indicatorItemStyle, indicators*/ 136 && i_1_style_value !== (i_1_style_value = objToStyle({
17521
+ if (dirty[0] & /*indicatorItemStyle, indicators*/ 72 && i_1_style_value !== (i_1_style_value = objToStyle({
17522
17522
  .../*indicatorItemStyle*/ ctx[3],
17523
17523
  ...{
17524
- background: /*indicator*/ ctx[33].isActive ? '#555555' : '#AAAAAA'
17524
+ background: /*indicator*/ ctx[32].isActive ? '#555555' : '#AAAAAA'
17525
17525
  }
17526
17526
  }))) {
17527
17527
  attr(i_1, "style", i_1_style_value);
@@ -17536,17 +17536,18 @@ function create_each_block$1(ctx) {
17536
17536
  }
17537
17537
 
17538
17538
  function create_fragment$j(ctx) {
17539
- let div1;
17539
+ let div2;
17540
+ let div0;
17540
17541
  let ul;
17541
17542
  let ul_style_value;
17542
17543
  let t;
17543
- let div0;
17544
+ let div1;
17544
17545
  let current;
17545
17546
  let mounted;
17546
17547
  let dispose;
17547
- const default_slot_template = /*#slots*/ ctx[19].default;
17548
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[18], null);
17549
- let each_value = /*indicators*/ ctx[7] ?? [];
17548
+ const default_slot_template = /*#slots*/ ctx[18].default;
17549
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[17], null);
17550
+ let each_value = /*indicators*/ ctx[6] ?? [];
17550
17551
  let each_blocks = [];
17551
17552
 
17552
17553
  for (let i = 0; i < each_value.length; i += 1) {
@@ -17555,11 +17556,12 @@ function create_fragment$j(ctx) {
17555
17556
 
17556
17557
  return {
17557
17558
  c() {
17558
- div1 = element("div");
17559
+ div2 = element("div");
17560
+ div0 = element("div");
17559
17561
  ul = element("ul");
17560
17562
  if (default_slot) default_slot.c();
17561
17563
  t = space();
17562
- div0 = element("div");
17564
+ div1 = element("div");
17563
17565
 
17564
17566
  for (let i = 0; i < each_blocks.length; i += 1) {
17565
17567
  each_blocks[i].c();
@@ -17568,59 +17570,58 @@ function create_fragment$j(ctx) {
17568
17570
  this.h();
17569
17571
  },
17570
17572
  l(nodes) {
17571
- div1 = claim_element(nodes, "DIV", {
17572
- "data-layer-id": true,
17573
- style: true,
17574
- class: true
17575
- });
17576
-
17577
- var div1_nodes = children(div1);
17578
- ul = claim_element(div1_nodes, "UL", { class: true, style: true });
17573
+ div2 = claim_element(nodes, "DIV", { "data-layer-id": true, class: true });
17574
+ var div2_nodes = children(div2);
17575
+ div0 = claim_element(div2_nodes, "DIV", { class: true });
17576
+ var div0_nodes = children(div0);
17577
+ ul = claim_element(div0_nodes, "UL", { class: true, style: true });
17579
17578
  var ul_nodes = children(ul);
17580
17579
  if (default_slot) default_slot.l(ul_nodes);
17581
17580
  ul_nodes.forEach(detach);
17582
- t = claim_space(div1_nodes);
17583
- div0 = claim_element(div1_nodes, "DIV", { style: true });
17584
- var div0_nodes = children(div0);
17581
+ div0_nodes.forEach(detach);
17582
+ t = claim_space(div2_nodes);
17583
+ div1 = claim_element(div2_nodes, "DIV", { style: true });
17584
+ var div1_nodes = children(div1);
17585
17585
 
17586
17586
  for (let i = 0; i < each_blocks.length; i += 1) {
17587
- each_blocks[i].l(div0_nodes);
17587
+ each_blocks[i].l(div1_nodes);
17588
17588
  }
17589
17589
 
17590
- div0_nodes.forEach(detach);
17591
17590
  div1_nodes.forEach(detach);
17591
+ div2_nodes.forEach(detach);
17592
17592
  this.h();
17593
17593
  },
17594
17594
  h() {
17595
- attr(ul, "class", "slider-list svelte-1slel1d");
17595
+ attr(ul, "class", "slider-list svelte-1rafop1");
17596
17596
  attr(ul, "style", ul_style_value = [/*containerStyle*/ ctx[5], /*overrideStyle*/ ctx[1]].join(' '));
17597
- attr(div0, "style", /*indicatorListStyle*/ ctx[4]);
17598
- attr(div1, "data-layer-id", /*layerId*/ ctx[0]);
17599
- attr(div1, "style", /*style*/ ctx[6]);
17600
- attr(div1, "class", "slider svelte-1slel1d");
17597
+ attr(div0, "class", "slider-container svelte-1rafop1");
17598
+ attr(div1, "style", /*indicatorListStyle*/ ctx[4]);
17599
+ attr(div2, "data-layer-id", /*layerId*/ ctx[0]);
17600
+ attr(div2, "class", "slider svelte-1rafop1");
17601
17601
  },
17602
17602
  m(target, anchor) {
17603
- insert_hydration(target, div1, anchor);
17604
- append_hydration(div1, ul);
17603
+ insert_hydration(target, div2, anchor);
17604
+ append_hydration(div2, div0);
17605
+ append_hydration(div0, ul);
17605
17606
 
17606
17607
  if (default_slot) {
17607
17608
  default_slot.m(ul, null);
17608
17609
  }
17609
17610
 
17610
- /*ul_binding*/ ctx[20](ul);
17611
- append_hydration(div1, t);
17612
- append_hydration(div1, div0);
17611
+ /*ul_binding*/ ctx[19](ul);
17612
+ append_hydration(div2, t);
17613
+ append_hydration(div2, div1);
17613
17614
 
17614
17615
  for (let i = 0; i < each_blocks.length; i += 1) {
17615
- each_blocks[i].m(div0, null);
17616
+ each_blocks[i].m(div1, null);
17616
17617
  }
17617
17618
 
17618
17619
  current = true;
17619
17620
 
17620
17621
  if (!mounted) {
17621
17622
  dispose = [
17622
- listen(ul, "mousedown", /*handleMousedown*/ ctx[10]),
17623
- listen(ul, "touchstart", /*handleTouchstart*/ ctx[9])
17623
+ listen(div0, "mousedown", /*handleMousedown*/ ctx[9]),
17624
+ listen(div0, "touchstart", /*handleTouchstart*/ ctx[8])
17624
17625
  ];
17625
17626
 
17626
17627
  mounted = true;
@@ -17628,15 +17629,15 @@ function create_fragment$j(ctx) {
17628
17629
  },
17629
17630
  p(ctx, dirty) {
17630
17631
  if (default_slot) {
17631
- if (default_slot.p && (!current || dirty[0] & /*$$scope*/ 262144)) {
17632
+ if (default_slot.p && (!current || dirty[0] & /*$$scope*/ 131072)) {
17632
17633
  update_slot_base(
17633
17634
  default_slot,
17634
17635
  default_slot_template,
17635
17636
  ctx,
17636
- /*$$scope*/ ctx[18],
17637
+ /*$$scope*/ ctx[17],
17637
17638
  !current
17638
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[18])
17639
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[18], dirty, null),
17639
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[17])
17640
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[17], dirty, null),
17640
17641
  null
17641
17642
  );
17642
17643
  }
@@ -17646,8 +17647,8 @@ function create_fragment$j(ctx) {
17646
17647
  attr(ul, "style", ul_style_value);
17647
17648
  }
17648
17649
 
17649
- if (dirty[0] & /*handleClickIndicator, indicatorItemStyle, indicators*/ 392) {
17650
- each_value = /*indicators*/ ctx[7] ?? [];
17650
+ if (dirty[0] & /*handleClickIndicator, indicatorItemStyle, indicators*/ 200) {
17651
+ each_value = /*indicators*/ ctx[6] ?? [];
17651
17652
  let i;
17652
17653
 
17653
17654
  for (i = 0; i < each_value.length; i += 1) {
@@ -17658,7 +17659,7 @@ function create_fragment$j(ctx) {
17658
17659
  } else {
17659
17660
  each_blocks[i] = create_each_block$1(child_ctx);
17660
17661
  each_blocks[i].c();
17661
- each_blocks[i].m(div0, null);
17662
+ each_blocks[i].m(div1, null);
17662
17663
  }
17663
17664
  }
17664
17665
 
@@ -17670,15 +17671,11 @@ function create_fragment$j(ctx) {
17670
17671
  }
17671
17672
 
17672
17673
  if (!current || dirty[0] & /*indicatorListStyle*/ 16) {
17673
- attr(div0, "style", /*indicatorListStyle*/ ctx[4]);
17674
+ attr(div1, "style", /*indicatorListStyle*/ ctx[4]);
17674
17675
  }
17675
17676
 
17676
17677
  if (!current || dirty[0] & /*layerId*/ 1) {
17677
- attr(div1, "data-layer-id", /*layerId*/ ctx[0]);
17678
- }
17679
-
17680
- if (!current || dirty[0] & /*style*/ 64) {
17681
- attr(div1, "style", /*style*/ ctx[6]);
17678
+ attr(div2, "data-layer-id", /*layerId*/ ctx[0]);
17682
17679
  }
17683
17680
  },
17684
17681
  i(local) {
@@ -17691,9 +17688,9 @@ function create_fragment$j(ctx) {
17691
17688
  current = false;
17692
17689
  },
17693
17690
  d(detaching) {
17694
- if (detaching) detach(div1);
17691
+ if (detaching) detach(div2);
17695
17692
  if (default_slot) default_slot.d(detaching);
17696
- /*ul_binding*/ ctx[20](null);
17693
+ /*ul_binding*/ ctx[19](null);
17697
17694
  destroy_each(each_blocks, detaching);
17698
17695
  mounted = false;
17699
17696
  run_all(dispose);
@@ -17704,7 +17701,6 @@ function create_fragment$j(ctx) {
17704
17701
  function instance$j($$self, $$props, $$invalidate) {
17705
17702
  let indicators;
17706
17703
  let itemWidthPercentage;
17707
- let style;
17708
17704
  let baseContainerStyle;
17709
17705
  let containerStyle;
17710
17706
  let indicatorListStyle;
@@ -17741,14 +17737,14 @@ function instance$j($$self, $$props, $$invalidate) {
17741
17737
  };
17742
17738
 
17743
17739
  const handleClickIndicator = index => {
17744
- $$invalidate(12, currentIndex = index);
17740
+ $$invalidate(11, currentIndex = index);
17745
17741
  };
17746
17742
 
17747
17743
  const setChildCount = () => {
17748
17744
  const count = slotElement?.children?.length ?? 0;
17749
17745
 
17750
17746
  if (count !== childCount) {
17751
- $$invalidate(14, childCount = slotElement?.children?.length ?? 0);
17747
+ $$invalidate(13, childCount = slotElement?.children?.length ?? 0);
17752
17748
  }
17753
17749
  };
17754
17750
 
@@ -17756,17 +17752,17 @@ function instance$j($$self, $$props, $$invalidate) {
17756
17752
  console.log('toNext');
17757
17753
 
17758
17754
  if (currentIndex < childCount - 1) {
17759
- $$invalidate(12, currentIndex = currentIndex + 1);
17755
+ $$invalidate(11, currentIndex = currentIndex + 1);
17760
17756
  } else if (props.loop) {
17761
- $$invalidate(12, currentIndex = 0);
17757
+ $$invalidate(11, currentIndex = 0);
17762
17758
  }
17763
17759
  };
17764
17760
 
17765
17761
  const toPrev = () => {
17766
17762
  if (currentIndex > 0) {
17767
- $$invalidate(12, currentIndex = currentIndex - 1);
17763
+ $$invalidate(11, currentIndex = currentIndex - 1);
17768
17764
  } else if (props.loop) {
17769
- $$invalidate(12, currentIndex = childCount - 1);
17765
+ $$invalidate(11, currentIndex = childCount - 1);
17770
17766
  }
17771
17767
  };
17772
17768
 
@@ -17778,7 +17774,7 @@ function instance$j($$self, $$props, $$invalidate) {
17778
17774
  };
17779
17775
 
17780
17776
  const handleTouchmove = e => {
17781
- $$invalidate(13, movedX = startX - e.touches[0].clientX);
17777
+ $$invalidate(12, movedX = startX - e.touches[0].clientX);
17782
17778
 
17783
17779
  if (movedX > 10 || movedX < -10) {
17784
17780
  isDragging = true;
@@ -17792,7 +17788,7 @@ function instance$j($$self, $$props, $$invalidate) {
17792
17788
  toPrev();
17793
17789
  }
17794
17790
 
17795
- $$invalidate(13, movedX = null);
17791
+ $$invalidate(12, movedX = null);
17796
17792
  document.removeEventListener('touchmove', handleTouchmove);
17797
17793
  document.removeEventListener('touchend', handleTouchend);
17798
17794
  document.removeEventListener('click', handleClick);
@@ -17807,7 +17803,7 @@ function instance$j($$self, $$props, $$invalidate) {
17807
17803
  };
17808
17804
 
17809
17805
  const handleMousemove = e => {
17810
- $$invalidate(13, movedX = startX - e.clientX);
17806
+ $$invalidate(12, movedX = startX - e.clientX);
17811
17807
 
17812
17808
  if (movedX > 10 || movedX < -10) {
17813
17809
  isDragging = true;
@@ -17821,10 +17817,10 @@ function instance$j($$self, $$props, $$invalidate) {
17821
17817
  toPrev();
17822
17818
  }
17823
17819
 
17824
- $$invalidate(13, movedX = null);
17820
+ $$invalidate(12, movedX = null);
17825
17821
 
17826
17822
  if (isDragging) {
17827
- e.preventDefault();
17823
+ // e.preventDefault()
17828
17824
  e.stopPropagation();
17829
17825
  }
17830
17826
 
@@ -17843,8 +17839,6 @@ function instance$j($$self, $$props, $$invalidate) {
17843
17839
 
17844
17840
  onMount$1(() => {
17845
17841
  setChildCount();
17846
-
17847
- // const childCountTimer = setInterval(setChildCount, 300);
17848
17842
  let autoSlideTimer;
17849
17843
 
17850
17844
  if (props.auto) {
@@ -17873,32 +17867,32 @@ function instance$j($$self, $$props, $$invalidate) {
17873
17867
 
17874
17868
  $$self.$$set = $$props => {
17875
17869
  if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
17876
- if ('props' in $$props) $$invalidate(11, props = $$props.props);
17870
+ if ('props' in $$props) $$invalidate(10, props = $$props.props);
17877
17871
  if ('overrideStyle' in $$props) $$invalidate(1, overrideStyle = $$props.overrideStyle);
17878
- if ('$$scope' in $$props) $$invalidate(18, $$scope = $$props.$$scope);
17872
+ if ('$$scope' in $$props) $$invalidate(17, $$scope = $$props.$$scope);
17879
17873
  };
17880
17874
 
17881
17875
  $$self.$$.update = () => {
17882
17876
  if ($$self.$$.dirty[0] & /*slotElement*/ 4) {
17883
17877
  if (slotElement) {
17884
- $$invalidate(14, childCount = slotElement.children.length);
17878
+ $$invalidate(13, childCount = slotElement.children.length);
17885
17879
  }
17886
17880
  }
17887
17881
 
17888
- if ($$self.$$.dirty[0] & /*childCount, currentIndex*/ 20480) {
17889
- $$invalidate(7, indicators = [...Array(childCount)].map((_, i) => ({ index: i, isActive: i === currentIndex })));
17882
+ if ($$self.$$.dirty[0] & /*childCount, currentIndex*/ 10240) {
17883
+ $$invalidate(6, indicators = [...Array(childCount)].map((_, i) => ({ index: i, isActive: i === currentIndex })));
17890
17884
  }
17891
17885
 
17892
- if ($$self.$$.dirty[0] & /*props*/ 2048) {
17893
- $$invalidate(17, itemWidthPercentage = props.itemWidthPercentage ?? 100);
17886
+ if ($$self.$$.dirty[0] & /*props*/ 1024) {
17887
+ $$invalidate(16, itemWidthPercentage = props.itemWidthPercentage ?? 100);
17894
17888
  }
17895
17889
 
17896
- if ($$self.$$.dirty[0] & /*currentIndex, childCount, movedX, itemWidthPercentage, props*/ 161792) {
17897
- $$invalidate(15, transformX = computeTransformX(currentIndex, childCount, movedX, itemWidthPercentage, props.gap ?? 0));
17890
+ if ($$self.$$.dirty[0] & /*currentIndex, childCount, movedX, itemWidthPercentage, props*/ 80896) {
17891
+ $$invalidate(14, transformX = computeTransformX(currentIndex, childCount, movedX, itemWidthPercentage, props.gap ?? 0));
17898
17892
  }
17899
17893
 
17900
- if ($$self.$$.dirty[0] & /*props, itemWidthPercentage, movedX*/ 141312) {
17901
- $$invalidate(16, baseContainerStyle = {
17894
+ if ($$self.$$.dirty[0] & /*props, itemWidthPercentage, movedX*/ 70656) {
17895
+ $$invalidate(15, baseContainerStyle = {
17902
17896
  display: 'grid',
17903
17897
  // marginInline: `-${props.gap}px`,
17904
17898
  gap: `${props.gap}px`,
@@ -17911,7 +17905,7 @@ function instance$j($$self, $$props, $$invalidate) {
17911
17905
  });
17912
17906
  }
17913
17907
 
17914
- if ($$self.$$.dirty[0] & /*baseContainerStyle, transformX*/ 98304) {
17908
+ if ($$self.$$.dirty[0] & /*baseContainerStyle, transformX*/ 49152) {
17915
17909
  $$invalidate(5, containerStyle = objToStyle({
17916
17910
  ...baseContainerStyle,
17917
17911
  transform: transformX
@@ -17919,8 +17913,6 @@ function instance$j($$self, $$props, $$invalidate) {
17919
17913
  }
17920
17914
  };
17921
17915
 
17922
- $$invalidate(6, style = objToStyle({ overflow: 'hidden', width: '100%' }));
17923
-
17924
17916
  $$invalidate(4, indicatorListStyle = objToStyle({
17925
17917
  display: 'flex',
17926
17918
  justifyContent: 'center',
@@ -17944,7 +17936,6 @@ function instance$j($$self, $$props, $$invalidate) {
17944
17936
  indicatorItemStyle,
17945
17937
  indicatorListStyle,
17946
17938
  containerStyle,
17947
- style,
17948
17939
  indicators,
17949
17940
  handleClickIndicator,
17950
17941
  handleTouchstart,
@@ -17966,7 +17957,7 @@ function instance$j($$self, $$props, $$invalidate) {
17966
17957
  class Slider extends SvelteComponent {
17967
17958
  constructor(options) {
17968
17959
  super();
17969
- init(this, options, instance$j, create_fragment$j, safe_not_equal, { layerId: 0, props: 11, overrideStyle: 1 }, add_css$f, [-1, -1]);
17960
+ init(this, options, instance$j, create_fragment$j, safe_not_equal, { layerId: 0, props: 10, overrideStyle: 1 }, add_css$f, [-1, -1]);
17970
17961
  }
17971
17962
  }
17972
17963
 
package/dist/index.es.js CHANGED
@@ -16145,17 +16145,17 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
16145
16145
  /* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
16146
16146
 
16147
16147
  function add_css$f(target) {
16148
- append_styles(target, "svelte-1slel1d", ".slider-list.svelte-1slel1d{-webkit-user-drag:none;margin:0;padding:0;list-style:none}");
16148
+ append_styles(target, "svelte-1rafop1", ".slider.svelte-1rafop1{width:100%;overflow:hidden}.slider-container.svelte-1rafop1{width:100%;overflow:hidden;overscroll-behavior:contain;touch-action:pan-y}.slider-list.svelte-1rafop1{-webkit-user-drag:none;margin:0;padding:0;list-style:none}");
16149
16149
  }
16150
16150
 
16151
16151
  function get_each_context$1(ctx, list, i) {
16152
16152
  const child_ctx = ctx.slice();
16153
- child_ctx[33] = list[i];
16154
- child_ctx[35] = i;
16153
+ child_ctx[32] = list[i];
16154
+ child_ctx[34] = i;
16155
16155
  return child_ctx;
16156
16156
  }
16157
16157
 
16158
- // (188:4) {#each indicators ?? [] as indicator, i}
16158
+ // (183:4) {#each indicators ?? [] as indicator, i}
16159
16159
  function create_each_block$1(ctx) {
16160
16160
  let button;
16161
16161
  let i_1;
@@ -16165,7 +16165,7 @@ function create_each_block$1(ctx) {
16165
16165
  let dispose;
16166
16166
 
16167
16167
  function click_handler() {
16168
- return /*click_handler*/ ctx[21](/*i*/ ctx[35]);
16168
+ return /*click_handler*/ ctx[20](/*i*/ ctx[34]);
16169
16169
  }
16170
16170
 
16171
16171
  return {
@@ -16177,7 +16177,7 @@ function create_each_block$1(ctx) {
16177
16177
  attr(i_1, "style", i_1_style_value = objToStyle({
16178
16178
  .../*indicatorItemStyle*/ ctx[3],
16179
16179
  ...{
16180
- background: /*indicator*/ ctx[33].isActive ? '#555555' : '#AAAAAA'
16180
+ background: /*indicator*/ ctx[32].isActive ? '#555555' : '#AAAAAA'
16181
16181
  }
16182
16182
  }));
16183
16183
 
@@ -16200,10 +16200,10 @@ function create_each_block$1(ctx) {
16200
16200
  p(new_ctx, dirty) {
16201
16201
  ctx = new_ctx;
16202
16202
 
16203
- if (dirty[0] & /*indicatorItemStyle, indicators*/ 136 && i_1_style_value !== (i_1_style_value = objToStyle({
16203
+ if (dirty[0] & /*indicatorItemStyle, indicators*/ 72 && i_1_style_value !== (i_1_style_value = objToStyle({
16204
16204
  .../*indicatorItemStyle*/ ctx[3],
16205
16205
  ...{
16206
- background: /*indicator*/ ctx[33].isActive ? '#555555' : '#AAAAAA'
16206
+ background: /*indicator*/ ctx[32].isActive ? '#555555' : '#AAAAAA'
16207
16207
  }
16208
16208
  }))) {
16209
16209
  attr(i_1, "style", i_1_style_value);
@@ -16218,17 +16218,18 @@ function create_each_block$1(ctx) {
16218
16218
  }
16219
16219
 
16220
16220
  function create_fragment$j(ctx) {
16221
- let div1;
16221
+ let div2;
16222
+ let div0;
16222
16223
  let ul;
16223
16224
  let ul_style_value;
16224
16225
  let t;
16225
- let div0;
16226
+ let div1;
16226
16227
  let current;
16227
16228
  let mounted;
16228
16229
  let dispose;
16229
- const default_slot_template = /*#slots*/ ctx[19].default;
16230
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[18], null);
16231
- let each_value = /*indicators*/ ctx[7] ?? [];
16230
+ const default_slot_template = /*#slots*/ ctx[18].default;
16231
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[17], null);
16232
+ let each_value = /*indicators*/ ctx[6] ?? [];
16232
16233
  let each_blocks = [];
16233
16234
 
16234
16235
  for (let i = 0; i < each_value.length; i += 1) {
@@ -16237,45 +16238,47 @@ function create_fragment$j(ctx) {
16237
16238
 
16238
16239
  return {
16239
16240
  c() {
16240
- div1 = element("div");
16241
+ div2 = element("div");
16242
+ div0 = element("div");
16241
16243
  ul = element("ul");
16242
16244
  if (default_slot) default_slot.c();
16243
16245
  t = space();
16244
- div0 = element("div");
16246
+ div1 = element("div");
16245
16247
 
16246
16248
  for (let i = 0; i < each_blocks.length; i += 1) {
16247
16249
  each_blocks[i].c();
16248
16250
  }
16249
16251
 
16250
- attr(ul, "class", "slider-list svelte-1slel1d");
16252
+ attr(ul, "class", "slider-list svelte-1rafop1");
16251
16253
  attr(ul, "style", ul_style_value = [/*containerStyle*/ ctx[5], /*overrideStyle*/ ctx[1]].join(' '));
16252
- attr(div0, "style", /*indicatorListStyle*/ ctx[4]);
16253
- attr(div1, "data-layer-id", /*layerId*/ ctx[0]);
16254
- attr(div1, "style", /*style*/ ctx[6]);
16255
- attr(div1, "class", "slider svelte-1slel1d");
16254
+ attr(div0, "class", "slider-container svelte-1rafop1");
16255
+ attr(div1, "style", /*indicatorListStyle*/ ctx[4]);
16256
+ attr(div2, "data-layer-id", /*layerId*/ ctx[0]);
16257
+ attr(div2, "class", "slider svelte-1rafop1");
16256
16258
  },
16257
16259
  m(target, anchor) {
16258
- insert(target, div1, anchor);
16259
- append(div1, ul);
16260
+ insert(target, div2, anchor);
16261
+ append(div2, div0);
16262
+ append(div0, ul);
16260
16263
 
16261
16264
  if (default_slot) {
16262
16265
  default_slot.m(ul, null);
16263
16266
  }
16264
16267
 
16265
- /*ul_binding*/ ctx[20](ul);
16266
- append(div1, t);
16267
- append(div1, div0);
16268
+ /*ul_binding*/ ctx[19](ul);
16269
+ append(div2, t);
16270
+ append(div2, div1);
16268
16271
 
16269
16272
  for (let i = 0; i < each_blocks.length; i += 1) {
16270
- each_blocks[i].m(div0, null);
16273
+ each_blocks[i].m(div1, null);
16271
16274
  }
16272
16275
 
16273
16276
  current = true;
16274
16277
 
16275
16278
  if (!mounted) {
16276
16279
  dispose = [
16277
- listen(ul, "mousedown", /*handleMousedown*/ ctx[10]),
16278
- listen(ul, "touchstart", /*handleTouchstart*/ ctx[9])
16280
+ listen(div0, "mousedown", /*handleMousedown*/ ctx[9]),
16281
+ listen(div0, "touchstart", /*handleTouchstart*/ ctx[8])
16279
16282
  ];
16280
16283
 
16281
16284
  mounted = true;
@@ -16283,15 +16286,15 @@ function create_fragment$j(ctx) {
16283
16286
  },
16284
16287
  p(ctx, dirty) {
16285
16288
  if (default_slot) {
16286
- if (default_slot.p && (!current || dirty[0] & /*$$scope*/ 262144)) {
16289
+ if (default_slot.p && (!current || dirty[0] & /*$$scope*/ 131072)) {
16287
16290
  update_slot_base(
16288
16291
  default_slot,
16289
16292
  default_slot_template,
16290
16293
  ctx,
16291
- /*$$scope*/ ctx[18],
16294
+ /*$$scope*/ ctx[17],
16292
16295
  !current
16293
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[18])
16294
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[18], dirty, null),
16296
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[17])
16297
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[17], dirty, null),
16295
16298
  null
16296
16299
  );
16297
16300
  }
@@ -16301,8 +16304,8 @@ function create_fragment$j(ctx) {
16301
16304
  attr(ul, "style", ul_style_value);
16302
16305
  }
16303
16306
 
16304
- if (dirty[0] & /*handleClickIndicator, indicatorItemStyle, indicators*/ 392) {
16305
- each_value = /*indicators*/ ctx[7] ?? [];
16307
+ if (dirty[0] & /*handleClickIndicator, indicatorItemStyle, indicators*/ 200) {
16308
+ each_value = /*indicators*/ ctx[6] ?? [];
16306
16309
  let i;
16307
16310
 
16308
16311
  for (i = 0; i < each_value.length; i += 1) {
@@ -16313,7 +16316,7 @@ function create_fragment$j(ctx) {
16313
16316
  } else {
16314
16317
  each_blocks[i] = create_each_block$1(child_ctx);
16315
16318
  each_blocks[i].c();
16316
- each_blocks[i].m(div0, null);
16319
+ each_blocks[i].m(div1, null);
16317
16320
  }
16318
16321
  }
16319
16322
 
@@ -16325,15 +16328,11 @@ function create_fragment$j(ctx) {
16325
16328
  }
16326
16329
 
16327
16330
  if (!current || dirty[0] & /*indicatorListStyle*/ 16) {
16328
- attr(div0, "style", /*indicatorListStyle*/ ctx[4]);
16331
+ attr(div1, "style", /*indicatorListStyle*/ ctx[4]);
16329
16332
  }
16330
16333
 
16331
16334
  if (!current || dirty[0] & /*layerId*/ 1) {
16332
- attr(div1, "data-layer-id", /*layerId*/ ctx[0]);
16333
- }
16334
-
16335
- if (!current || dirty[0] & /*style*/ 64) {
16336
- attr(div1, "style", /*style*/ ctx[6]);
16335
+ attr(div2, "data-layer-id", /*layerId*/ ctx[0]);
16337
16336
  }
16338
16337
  },
16339
16338
  i(local) {
@@ -16346,9 +16345,9 @@ function create_fragment$j(ctx) {
16346
16345
  current = false;
16347
16346
  },
16348
16347
  d(detaching) {
16349
- if (detaching) detach(div1);
16348
+ if (detaching) detach(div2);
16350
16349
  if (default_slot) default_slot.d(detaching);
16351
- /*ul_binding*/ ctx[20](null);
16350
+ /*ul_binding*/ ctx[19](null);
16352
16351
  destroy_each(each_blocks, detaching);
16353
16352
  mounted = false;
16354
16353
  run_all(dispose);
@@ -16359,7 +16358,6 @@ function create_fragment$j(ctx) {
16359
16358
  function instance$j($$self, $$props, $$invalidate) {
16360
16359
  let indicators;
16361
16360
  let itemWidthPercentage;
16362
- let style;
16363
16361
  let baseContainerStyle;
16364
16362
  let containerStyle;
16365
16363
  let indicatorListStyle;
@@ -16396,14 +16394,14 @@ function instance$j($$self, $$props, $$invalidate) {
16396
16394
  };
16397
16395
 
16398
16396
  const handleClickIndicator = index => {
16399
- $$invalidate(12, currentIndex = index);
16397
+ $$invalidate(11, currentIndex = index);
16400
16398
  };
16401
16399
 
16402
16400
  const setChildCount = () => {
16403
16401
  const count = slotElement?.children?.length ?? 0;
16404
16402
 
16405
16403
  if (count !== childCount) {
16406
- $$invalidate(14, childCount = slotElement?.children?.length ?? 0);
16404
+ $$invalidate(13, childCount = slotElement?.children?.length ?? 0);
16407
16405
  }
16408
16406
  };
16409
16407
 
@@ -16411,17 +16409,17 @@ function instance$j($$self, $$props, $$invalidate) {
16411
16409
  console.log('toNext');
16412
16410
 
16413
16411
  if (currentIndex < childCount - 1) {
16414
- $$invalidate(12, currentIndex = currentIndex + 1);
16412
+ $$invalidate(11, currentIndex = currentIndex + 1);
16415
16413
  } else if (props.loop) {
16416
- $$invalidate(12, currentIndex = 0);
16414
+ $$invalidate(11, currentIndex = 0);
16417
16415
  }
16418
16416
  };
16419
16417
 
16420
16418
  const toPrev = () => {
16421
16419
  if (currentIndex > 0) {
16422
- $$invalidate(12, currentIndex = currentIndex - 1);
16420
+ $$invalidate(11, currentIndex = currentIndex - 1);
16423
16421
  } else if (props.loop) {
16424
- $$invalidate(12, currentIndex = childCount - 1);
16422
+ $$invalidate(11, currentIndex = childCount - 1);
16425
16423
  }
16426
16424
  };
16427
16425
 
@@ -16433,7 +16431,7 @@ function instance$j($$self, $$props, $$invalidate) {
16433
16431
  };
16434
16432
 
16435
16433
  const handleTouchmove = e => {
16436
- $$invalidate(13, movedX = startX - e.touches[0].clientX);
16434
+ $$invalidate(12, movedX = startX - e.touches[0].clientX);
16437
16435
 
16438
16436
  if (movedX > 10 || movedX < -10) {
16439
16437
  isDragging = true;
@@ -16447,7 +16445,7 @@ function instance$j($$self, $$props, $$invalidate) {
16447
16445
  toPrev();
16448
16446
  }
16449
16447
 
16450
- $$invalidate(13, movedX = null);
16448
+ $$invalidate(12, movedX = null);
16451
16449
  document.removeEventListener('touchmove', handleTouchmove);
16452
16450
  document.removeEventListener('touchend', handleTouchend);
16453
16451
  document.removeEventListener('click', handleClick);
@@ -16462,7 +16460,7 @@ function instance$j($$self, $$props, $$invalidate) {
16462
16460
  };
16463
16461
 
16464
16462
  const handleMousemove = e => {
16465
- $$invalidate(13, movedX = startX - e.clientX);
16463
+ $$invalidate(12, movedX = startX - e.clientX);
16466
16464
 
16467
16465
  if (movedX > 10 || movedX < -10) {
16468
16466
  isDragging = true;
@@ -16476,10 +16474,10 @@ function instance$j($$self, $$props, $$invalidate) {
16476
16474
  toPrev();
16477
16475
  }
16478
16476
 
16479
- $$invalidate(13, movedX = null);
16477
+ $$invalidate(12, movedX = null);
16480
16478
 
16481
16479
  if (isDragging) {
16482
- e.preventDefault();
16480
+ // e.preventDefault()
16483
16481
  e.stopPropagation();
16484
16482
  }
16485
16483
 
@@ -16498,8 +16496,6 @@ function instance$j($$self, $$props, $$invalidate) {
16498
16496
 
16499
16497
  onMount$1(() => {
16500
16498
  setChildCount();
16501
-
16502
- // const childCountTimer = setInterval(setChildCount, 300);
16503
16499
  let autoSlideTimer;
16504
16500
 
16505
16501
  if (props.auto) {
@@ -16528,32 +16524,32 @@ function instance$j($$self, $$props, $$invalidate) {
16528
16524
 
16529
16525
  $$self.$$set = $$props => {
16530
16526
  if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
16531
- if ('props' in $$props) $$invalidate(11, props = $$props.props);
16527
+ if ('props' in $$props) $$invalidate(10, props = $$props.props);
16532
16528
  if ('overrideStyle' in $$props) $$invalidate(1, overrideStyle = $$props.overrideStyle);
16533
- if ('$$scope' in $$props) $$invalidate(18, $$scope = $$props.$$scope);
16529
+ if ('$$scope' in $$props) $$invalidate(17, $$scope = $$props.$$scope);
16534
16530
  };
16535
16531
 
16536
16532
  $$self.$$.update = () => {
16537
16533
  if ($$self.$$.dirty[0] & /*slotElement*/ 4) {
16538
16534
  if (slotElement) {
16539
- $$invalidate(14, childCount = slotElement.children.length);
16535
+ $$invalidate(13, childCount = slotElement.children.length);
16540
16536
  }
16541
16537
  }
16542
16538
 
16543
- if ($$self.$$.dirty[0] & /*childCount, currentIndex*/ 20480) {
16544
- $$invalidate(7, indicators = [...Array(childCount)].map((_, i) => ({ index: i, isActive: i === currentIndex })));
16539
+ if ($$self.$$.dirty[0] & /*childCount, currentIndex*/ 10240) {
16540
+ $$invalidate(6, indicators = [...Array(childCount)].map((_, i) => ({ index: i, isActive: i === currentIndex })));
16545
16541
  }
16546
16542
 
16547
- if ($$self.$$.dirty[0] & /*props*/ 2048) {
16548
- $$invalidate(17, itemWidthPercentage = props.itemWidthPercentage ?? 100);
16543
+ if ($$self.$$.dirty[0] & /*props*/ 1024) {
16544
+ $$invalidate(16, itemWidthPercentage = props.itemWidthPercentage ?? 100);
16549
16545
  }
16550
16546
 
16551
- if ($$self.$$.dirty[0] & /*currentIndex, childCount, movedX, itemWidthPercentage, props*/ 161792) {
16552
- $$invalidate(15, transformX = computeTransformX(currentIndex, childCount, movedX, itemWidthPercentage, props.gap ?? 0));
16547
+ if ($$self.$$.dirty[0] & /*currentIndex, childCount, movedX, itemWidthPercentage, props*/ 80896) {
16548
+ $$invalidate(14, transformX = computeTransformX(currentIndex, childCount, movedX, itemWidthPercentage, props.gap ?? 0));
16553
16549
  }
16554
16550
 
16555
- if ($$self.$$.dirty[0] & /*props, itemWidthPercentage, movedX*/ 141312) {
16556
- $$invalidate(16, baseContainerStyle = {
16551
+ if ($$self.$$.dirty[0] & /*props, itemWidthPercentage, movedX*/ 70656) {
16552
+ $$invalidate(15, baseContainerStyle = {
16557
16553
  display: 'grid',
16558
16554
  // marginInline: `-${props.gap}px`,
16559
16555
  gap: `${props.gap}px`,
@@ -16566,7 +16562,7 @@ function instance$j($$self, $$props, $$invalidate) {
16566
16562
  });
16567
16563
  }
16568
16564
 
16569
- if ($$self.$$.dirty[0] & /*baseContainerStyle, transformX*/ 98304) {
16565
+ if ($$self.$$.dirty[0] & /*baseContainerStyle, transformX*/ 49152) {
16570
16566
  $$invalidate(5, containerStyle = objToStyle({
16571
16567
  ...baseContainerStyle,
16572
16568
  transform: transformX
@@ -16574,8 +16570,6 @@ function instance$j($$self, $$props, $$invalidate) {
16574
16570
  }
16575
16571
  };
16576
16572
 
16577
- $$invalidate(6, style = objToStyle({ overflow: 'hidden', width: '100%' }));
16578
-
16579
16573
  $$invalidate(4, indicatorListStyle = objToStyle({
16580
16574
  display: 'flex',
16581
16575
  justifyContent: 'center',
@@ -16599,7 +16593,6 @@ function instance$j($$self, $$props, $$invalidate) {
16599
16593
  indicatorItemStyle,
16600
16594
  indicatorListStyle,
16601
16595
  containerStyle,
16602
- style,
16603
16596
  indicators,
16604
16597
  handleClickIndicator,
16605
16598
  handleTouchstart,
@@ -16621,7 +16614,7 @@ function instance$j($$self, $$props, $$invalidate) {
16621
16614
  class Slider extends SvelteComponent {
16622
16615
  constructor(options) {
16623
16616
  super();
16624
- init(this, options, instance$j, create_fragment$j, safe_not_equal, { layerId: 0, props: 11, overrideStyle: 1 }, add_css$f, [-1, -1]);
16617
+ init(this, options, instance$j, create_fragment$j, safe_not_equal, { layerId: 0, props: 10, overrideStyle: 1 }, add_css$f, [-1, -1]);
16625
16618
  }
16626
16619
  }
16627
16620
 
@@ -5464,11 +5464,11 @@ const LAYOUT_ALIGN = ['flex-start', 'center', 'flex-end', 'stretch'];
5464
5464
  const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
5465
5465
 
5466
5466
  var root_1$2 = $.template(`<button><i></i></button>`);
5467
- var root$d = $.template(`<div class="slider svelte-1slel1d"><ul class="slider-list svelte-1slel1d"><!></ul> <div></div></div>`);
5467
+ var root$d = $.template(`<div class="slider svelte-1rafop1"><div class="slider-container svelte-1rafop1"><ul class="slider-list svelte-1rafop1"><!></ul></div> <div></div></div>`);
5468
5468
 
5469
5469
  const $$css$e = {
5470
- hash: 'svelte-1slel1d',
5471
- code: '.slider-list.svelte-1slel1d {-webkit-user-drag:none;margin:0;padding:0;list-style:none;}'
5470
+ hash: 'svelte-1rafop1',
5471
+ code: '.slider.svelte-1rafop1 {width:100%;overflow:hidden;}.slider-container.svelte-1rafop1 {width:100%;overflow:hidden;overscroll-behavior:contain;touch-action:pan-y;}.slider-list.svelte-1rafop1 {-webkit-user-drag:none;margin:0;padding:0;list-style:none;}'
5472
5472
  };
5473
5473
 
5474
5474
  function Slider($$anchor, $$props) {
@@ -5477,7 +5477,6 @@ function Slider($$anchor, $$props) {
5477
5477
 
5478
5478
  const indicators = $.mutable_state();
5479
5479
  const itemWidthPercentage = $.mutable_state();
5480
- const style = $.mutable_state();
5481
5480
  const baseContainerStyle = $.mutable_state();
5482
5481
  const containerStyle = $.mutable_state();
5483
5482
  const indicatorListStyle = $.mutable_state();
@@ -5607,7 +5606,7 @@ function Slider($$anchor, $$props) {
5607
5606
  $.set(movedX, null);
5608
5607
 
5609
5608
  if (isDragging) {
5610
- e.preventDefault();
5609
+ // e.preventDefault()
5611
5610
  e.stopPropagation();
5612
5611
  }
5613
5612
 
@@ -5627,7 +5626,6 @@ function Slider($$anchor, $$props) {
5627
5626
  onMount$1(() => {
5628
5627
  setChildCount();
5629
5628
 
5630
- // const childCountTimer = setInterval(setChildCount, 300);
5631
5629
  let autoSlideTimer;
5632
5630
 
5633
5631
  if (props().auto) {
@@ -5668,10 +5666,6 @@ function Slider($$anchor, $$props) {
5668
5666
  $.set(itemWidthPercentage, props().itemWidthPercentage ?? 100);
5669
5667
  });
5670
5668
 
5671
- $.legacy_pre_effect(() => (objToStyle), () => {
5672
- $.set(style, objToStyle({ overflow: 'hidden', width: '100%' }));
5673
- });
5674
-
5675
5669
  $.legacy_pre_effect(
5676
5670
  () => (
5677
5671
  $.get(currentIndex),
@@ -5743,16 +5737,18 @@ function Slider($$anchor, $$props) {
5743
5737
  $.init();
5744
5738
 
5745
5739
  var div = root$d();
5746
- var ul = $.child(div);
5740
+ var div_1 = $.child(div);
5741
+ var ul = $.child(div_1);
5747
5742
  var node = $.child(ul);
5748
5743
 
5749
5744
  $.slot(node, $$props, 'default', {}, null);
5750
5745
  $.reset(ul);
5751
5746
  $.bind_this(ul, ($$value) => $.set(slotElement, $$value), () => $.get(slotElement));
5747
+ $.reset(div_1);
5752
5748
 
5753
- var div_1 = $.sibling(ul, 2);
5749
+ var div_2 = $.sibling(div_1, 2);
5754
5750
 
5755
- $.each(div_1, 5, () => $.get(indicators) ?? [], $.index, ($$anchor, indicator, i) => {
5751
+ $.each(div_2, 5, () => $.get(indicators) ?? [], $.index, ($$anchor, indicator, i) => {
5756
5752
  var button = root_1$2();
5757
5753
  var i_1 = $.child(button);
5758
5754
 
@@ -5783,15 +5779,14 @@ function Slider($$anchor, $$props) {
5783
5779
  $.append($$anchor, button);
5784
5780
  });
5785
5781
 
5786
- $.reset(div_1);
5782
+ $.reset(div_2);
5787
5783
  $.reset(div);
5788
5784
 
5789
5785
  $.template_effect(
5790
5786
  ($0) => {
5791
5787
  $.set_attribute(div, 'data-layer-id', layerId());
5792
- $.set_style(div, $.get(style));
5793
5788
  $.set_style(ul, $0);
5794
- $.set_style(div_1, $.get(indicatorListStyle));
5789
+ $.set_style(div_2, $.get(indicatorListStyle));
5795
5790
  },
5796
5791
  [
5797
5792
  () => [
@@ -5802,8 +5797,8 @@ function Slider($$anchor, $$props) {
5802
5797
  $.derived_safe_equal
5803
5798
  );
5804
5799
 
5805
- $.event('mousedown', ul, handleMousedown);
5806
- $.event('touchstart', ul, handleTouchstart);
5800
+ $.event('mousedown', div_1, handleMousedown);
5801
+ $.event('touchstart', div_1, handleTouchstart);
5807
5802
  $.append($$anchor, div);
5808
5803
  $.pop();
5809
5804
  }
@@ -5430,11 +5430,11 @@ const LAYOUT_ALIGN = ['flex-start', 'center', 'flex-end', 'stretch'];
5430
5430
  const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
5431
5431
 
5432
5432
  var root_1$2 = $.template(`<button><i></i></button>`);
5433
- var root$d = $.template(`<div class="slider svelte-1slel1d"><ul class="slider-list svelte-1slel1d"><!></ul> <div></div></div>`);
5433
+ var root$d = $.template(`<div class="slider svelte-1rafop1"><div class="slider-container svelte-1rafop1"><ul class="slider-list svelte-1rafop1"><!></ul></div> <div></div></div>`);
5434
5434
 
5435
5435
  const $$css$e = {
5436
- hash: 'svelte-1slel1d',
5437
- code: '.slider-list.svelte-1slel1d {-webkit-user-drag:none;margin:0;padding:0;list-style:none;}'
5436
+ hash: 'svelte-1rafop1',
5437
+ code: '.slider.svelte-1rafop1 {width:100%;overflow:hidden;}.slider-container.svelte-1rafop1 {width:100%;overflow:hidden;overscroll-behavior:contain;touch-action:pan-y;}.slider-list.svelte-1rafop1 {-webkit-user-drag:none;margin:0;padding:0;list-style:none;}'
5438
5438
  };
5439
5439
 
5440
5440
  function Slider($$anchor, $$props) {
@@ -5443,7 +5443,6 @@ function Slider($$anchor, $$props) {
5443
5443
 
5444
5444
  const indicators = $.mutable_state();
5445
5445
  const itemWidthPercentage = $.mutable_state();
5446
- const style = $.mutable_state();
5447
5446
  const baseContainerStyle = $.mutable_state();
5448
5447
  const containerStyle = $.mutable_state();
5449
5448
  const indicatorListStyle = $.mutable_state();
@@ -5573,7 +5572,7 @@ function Slider($$anchor, $$props) {
5573
5572
  $.set(movedX, null);
5574
5573
 
5575
5574
  if (isDragging) {
5576
- e.preventDefault();
5575
+ // e.preventDefault()
5577
5576
  e.stopPropagation();
5578
5577
  }
5579
5578
 
@@ -5593,7 +5592,6 @@ function Slider($$anchor, $$props) {
5593
5592
  onMount$1(() => {
5594
5593
  setChildCount();
5595
5594
 
5596
- // const childCountTimer = setInterval(setChildCount, 300);
5597
5595
  let autoSlideTimer;
5598
5596
 
5599
5597
  if (props().auto) {
@@ -5634,10 +5632,6 @@ function Slider($$anchor, $$props) {
5634
5632
  $.set(itemWidthPercentage, props().itemWidthPercentage ?? 100);
5635
5633
  });
5636
5634
 
5637
- $.legacy_pre_effect(() => (objToStyle), () => {
5638
- $.set(style, objToStyle({ overflow: 'hidden', width: '100%' }));
5639
- });
5640
-
5641
5635
  $.legacy_pre_effect(
5642
5636
  () => (
5643
5637
  $.get(currentIndex),
@@ -5709,16 +5703,18 @@ function Slider($$anchor, $$props) {
5709
5703
  $.init();
5710
5704
 
5711
5705
  var div = root$d();
5712
- var ul = $.child(div);
5706
+ var div_1 = $.child(div);
5707
+ var ul = $.child(div_1);
5713
5708
  var node = $.child(ul);
5714
5709
 
5715
5710
  $.slot(node, $$props, 'default', {}, null);
5716
5711
  $.reset(ul);
5717
5712
  $.bind_this(ul, ($$value) => $.set(slotElement, $$value), () => $.get(slotElement));
5713
+ $.reset(div_1);
5718
5714
 
5719
- var div_1 = $.sibling(ul, 2);
5715
+ var div_2 = $.sibling(div_1, 2);
5720
5716
 
5721
- $.each(div_1, 5, () => $.get(indicators) ?? [], $.index, ($$anchor, indicator, i) => {
5717
+ $.each(div_2, 5, () => $.get(indicators) ?? [], $.index, ($$anchor, indicator, i) => {
5722
5718
  var button = root_1$2();
5723
5719
  var i_1 = $.child(button);
5724
5720
 
@@ -5749,15 +5745,14 @@ function Slider($$anchor, $$props) {
5749
5745
  $.append($$anchor, button);
5750
5746
  });
5751
5747
 
5752
- $.reset(div_1);
5748
+ $.reset(div_2);
5753
5749
  $.reset(div);
5754
5750
 
5755
5751
  $.template_effect(
5756
5752
  ($0) => {
5757
5753
  $.set_attribute(div, 'data-layer-id', layerId());
5758
- $.set_style(div, $.get(style));
5759
5754
  $.set_style(ul, $0);
5760
- $.set_style(div_1, $.get(indicatorListStyle));
5755
+ $.set_style(div_2, $.get(indicatorListStyle));
5761
5756
  },
5762
5757
  [
5763
5758
  () => [
@@ -5768,8 +5763,8 @@ function Slider($$anchor, $$props) {
5768
5763
  $.derived_safe_equal
5769
5764
  );
5770
5765
 
5771
- $.event('mousedown', ul, handleMousedown);
5772
- $.event('touchstart', ul, handleTouchstart);
5766
+ $.event('mousedown', div_1, handleMousedown);
5767
+ $.event('touchstart', div_1, handleTouchstart);
5773
5768
  $.append($$anchor, div);
5774
5769
  $.pop();
5775
5770
  }
@@ -5430,11 +5430,11 @@ const LAYOUT_ALIGN = ['flex-start', 'center', 'flex-end', 'stretch'];
5430
5430
  const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
5431
5431
 
5432
5432
  var root_1$2 = $.template(`<button><i></i></button>`);
5433
- var root$d = $.template(`<div class="slider svelte-1slel1d"><ul class="slider-list svelte-1slel1d"><!></ul> <div></div></div>`);
5433
+ var root$d = $.template(`<div class="slider svelte-1rafop1"><div class="slider-container svelte-1rafop1"><ul class="slider-list svelte-1rafop1"><!></ul></div> <div></div></div>`);
5434
5434
 
5435
5435
  const $$css$e = {
5436
- hash: 'svelte-1slel1d',
5437
- code: '.slider-list.svelte-1slel1d {-webkit-user-drag:none;margin:0;padding:0;list-style:none;}'
5436
+ hash: 'svelte-1rafop1',
5437
+ code: '.slider.svelte-1rafop1 {width:100%;overflow:hidden;}.slider-container.svelte-1rafop1 {width:100%;overflow:hidden;overscroll-behavior:contain;touch-action:pan-y;}.slider-list.svelte-1rafop1 {-webkit-user-drag:none;margin:0;padding:0;list-style:none;}'
5438
5438
  };
5439
5439
 
5440
5440
  function Slider($$anchor, $$props) {
@@ -5443,7 +5443,6 @@ function Slider($$anchor, $$props) {
5443
5443
 
5444
5444
  const indicators = $.mutable_state();
5445
5445
  const itemWidthPercentage = $.mutable_state();
5446
- const style = $.mutable_state();
5447
5446
  const baseContainerStyle = $.mutable_state();
5448
5447
  const containerStyle = $.mutable_state();
5449
5448
  const indicatorListStyle = $.mutable_state();
@@ -5573,7 +5572,7 @@ function Slider($$anchor, $$props) {
5573
5572
  $.set(movedX, null);
5574
5573
 
5575
5574
  if (isDragging) {
5576
- e.preventDefault();
5575
+ // e.preventDefault()
5577
5576
  e.stopPropagation();
5578
5577
  }
5579
5578
 
@@ -5593,7 +5592,6 @@ function Slider($$anchor, $$props) {
5593
5592
  onMount$1(() => {
5594
5593
  setChildCount();
5595
5594
 
5596
- // const childCountTimer = setInterval(setChildCount, 300);
5597
5595
  let autoSlideTimer;
5598
5596
 
5599
5597
  if (props().auto) {
@@ -5634,10 +5632,6 @@ function Slider($$anchor, $$props) {
5634
5632
  $.set(itemWidthPercentage, props().itemWidthPercentage ?? 100);
5635
5633
  });
5636
5634
 
5637
- $.legacy_pre_effect(() => (objToStyle), () => {
5638
- $.set(style, objToStyle({ overflow: 'hidden', width: '100%' }));
5639
- });
5640
-
5641
5635
  $.legacy_pre_effect(
5642
5636
  () => (
5643
5637
  $.get(currentIndex),
@@ -5709,16 +5703,18 @@ function Slider($$anchor, $$props) {
5709
5703
  $.init();
5710
5704
 
5711
5705
  var div = root$d();
5712
- var ul = $.child(div);
5706
+ var div_1 = $.child(div);
5707
+ var ul = $.child(div_1);
5713
5708
  var node = $.child(ul);
5714
5709
 
5715
5710
  $.slot(node, $$props, 'default', {}, null);
5716
5711
  $.reset(ul);
5717
5712
  $.bind_this(ul, ($$value) => $.set(slotElement, $$value), () => $.get(slotElement));
5713
+ $.reset(div_1);
5718
5714
 
5719
- var div_1 = $.sibling(ul, 2);
5715
+ var div_2 = $.sibling(div_1, 2);
5720
5716
 
5721
- $.each(div_1, 5, () => $.get(indicators) ?? [], $.index, ($$anchor, indicator, i) => {
5717
+ $.each(div_2, 5, () => $.get(indicators) ?? [], $.index, ($$anchor, indicator, i) => {
5722
5718
  var button = root_1$2();
5723
5719
  var i_1 = $.child(button);
5724
5720
 
@@ -5749,15 +5745,14 @@ function Slider($$anchor, $$props) {
5749
5745
  $.append($$anchor, button);
5750
5746
  });
5751
5747
 
5752
- $.reset(div_1);
5748
+ $.reset(div_2);
5753
5749
  $.reset(div);
5754
5750
 
5755
5751
  $.template_effect(
5756
5752
  ($0) => {
5757
5753
  $.set_attribute(div, 'data-layer-id', layerId());
5758
- $.set_style(div, $.get(style));
5759
5754
  $.set_style(ul, $0);
5760
- $.set_style(div_1, $.get(indicatorListStyle));
5755
+ $.set_style(div_2, $.get(indicatorListStyle));
5761
5756
  },
5762
5757
  [
5763
5758
  () => [
@@ -5768,8 +5763,8 @@ function Slider($$anchor, $$props) {
5768
5763
  $.derived_safe_equal
5769
5764
  );
5770
5765
 
5771
- $.event('mousedown', ul, handleMousedown);
5772
- $.event('touchstart', ul, handleTouchstart);
5766
+ $.event('mousedown', div_1, handleMousedown);
5767
+ $.event('touchstart', div_1, handleTouchstart);
5773
5768
  $.append($$anchor, div);
5774
5769
  $.pop();
5775
5770
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@plaidev/karte-action-sdk",
3
- "version": "1.1.268-29089806.0ded74d0",
3
+ "version": "1.1.268-29089896.0dceea5e",
4
4
  "author": "Plaid Inc.",
5
5
  "license": "Apache-2.0",
6
6
  "module": "./dist/index.es.js",