@plaidev/karte-action-sdk 1.1.126-27949188.96bb611a → 1.1.126-27950980.e8e536b0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.es.js CHANGED
@@ -1361,6 +1361,11 @@ const WritingModes = ['horizontal-tb', 'vertical-lr'];
1361
1361
  /** @internal */
1362
1362
  const ListSeparatorTypes = ['none', 'border', 'gap'];
1363
1363
  /** @internal */
1364
+ const DefaultEdgePosition = {
1365
+ edgeDistance: '8px',
1366
+ edgeDirectionOffset: '0px',
1367
+ };
1368
+ /** @internal */
1364
1369
  const DefaultListSeparatorNone = {
1365
1370
  type: 'none',
1366
1371
  };
@@ -6631,109 +6636,119 @@ class FormRatingButtons extends SvelteComponent {
6631
6636
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
6632
6637
 
6633
6638
  function add_css$4(target) {
6634
- append_styles(target, "svelte-105wdod", ".root.svelte-105wdod{width:100%;height:100%;position:relative}.container.svelte-105wdod{width:100%;height:100%;position:relative;overflow:hidden}.slide.svelte-105wdod{height:100%;position:absolute;display:flex}.transition.svelte-105wdod{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-105wdod{height:100%;flex:none}.prev-button.svelte-105wdod,.next-button.svelte-105wdod{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button.svelte-105wdod{left:0}.next-button.svelte-105wdod{right:0}.button-container.svelte-105wdod{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box}.prev-icon.svelte-105wdod{width:20px;height:20px;box-sizing:border-box;border-right:solid 3px #000;border-top:solid 3px #000;transform:translateX(35.4%) rotate(-135deg)}.next-icon.svelte-105wdod{width:20px;height:20px;box-sizing:border-box;border-right:solid 3px #000;border-top:solid 3px #000;transform:translateX(-35.4%) rotate(45deg)}.navigation.svelte-105wdod{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-105wdod{flex-shrink:0;cursor:pointer}.navigation-item-inner.circle.svelte-105wdod{border-radius:51%}");
6639
+ append_styles(target, "svelte-c7zaph", ".root.svelte-c7zaph{width:100%;height:100%;position:relative}.container.svelte-c7zaph{width:100%;height:100%;position:relative;overflow:hidden}.slide.svelte-c7zaph{height:100%;position:absolute;display:flex}.transition.svelte-c7zaph{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-c7zaph{height:100%;flex:none}.prev-button.svelte-c7zaph,.next-button.svelte-c7zaph{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button.svelte-c7zaph{left:0}.next-button.svelte-c7zaph{right:0}.button-container.svelte-c7zaph{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box}.navigation.svelte-c7zaph{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-c7zaph{flex-shrink:0;cursor:pointer}.navigation-item-inner.circle.svelte-c7zaph{border-radius:51%}");
6635
6640
  }
6636
6641
 
6637
6642
  function get_each_context(ctx, list, i) {
6638
6643
  const child_ctx = ctx.slice();
6639
- child_ctx[52] = list[i];
6640
- child_ctx[54] = i;
6644
+ child_ctx[57] = list[i];
6645
+ child_ctx[59] = i;
6641
6646
  return child_ctx;
6642
6647
  }
6643
6648
 
6644
- // (315:2) {#if isVisiblePrevButton}
6649
+ // (349:2) {#if isVisiblePrevButton}
6645
6650
  function create_if_block_1(ctx) {
6646
- let div2;
6647
6651
  let div1;
6648
6652
  let div0;
6653
+ let svg;
6654
+ let polygon;
6649
6655
  let mounted;
6650
6656
  let dispose;
6651
6657
 
6652
6658
  return {
6653
6659
  c() {
6654
- div2 = element("div");
6655
6660
  div1 = element("div");
6656
6661
  div0 = element("div");
6657
- attr(div0, "class", "prev-icon svelte-105wdod");
6658
- attr(div0, "style", /*prevIconStyle*/ ctx[9]);
6659
- attr(div1, "class", "button-container svelte-105wdod");
6660
- attr(div1, "style", /*prevButtonContainerStyle*/ ctx[0]);
6661
- attr(div2, "class", "prev-button svelte-105wdod");
6662
+ svg = svg_element("svg");
6663
+ polygon = svg_element("polygon");
6664
+ attr(polygon, "points", "8,0 10,2 4,8 10,14 8,16 0,8");
6665
+ attr(svg, "viewBox", "0 0 10 16");
6666
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
6667
+ attr(svg, "style", /*prevIconStyle*/ ctx[9]);
6668
+ attr(div0, "class", "button-container svelte-c7zaph");
6669
+ attr(div0, "style", /*_prevButtonContainerStyle*/ ctx[8]);
6670
+ attr(div1, "class", "prev-button svelte-c7zaph");
6662
6671
  },
6663
6672
  m(target, anchor) {
6664
- insert(target, div2, anchor);
6665
- append(div2, div1);
6673
+ insert(target, div1, anchor);
6666
6674
  append(div1, div0);
6675
+ append(div0, svg);
6676
+ append(svg, polygon);
6667
6677
 
6668
6678
  if (!mounted) {
6669
- dispose = listen(div2, "click", /*prev*/ ctx[14]);
6679
+ dispose = listen(div1, "click", /*prev*/ ctx[14]);
6670
6680
  mounted = true;
6671
6681
  }
6672
6682
  },
6673
6683
  p(ctx, dirty) {
6674
6684
  if (dirty[0] & /*prevIconStyle*/ 512) {
6675
- attr(div0, "style", /*prevIconStyle*/ ctx[9]);
6685
+ attr(svg, "style", /*prevIconStyle*/ ctx[9]);
6676
6686
  }
6677
6687
 
6678
- if (dirty[0] & /*prevButtonContainerStyle*/ 1) {
6679
- attr(div1, "style", /*prevButtonContainerStyle*/ ctx[0]);
6688
+ if (dirty[0] & /*_prevButtonContainerStyle*/ 256) {
6689
+ attr(div0, "style", /*_prevButtonContainerStyle*/ ctx[8]);
6680
6690
  }
6681
6691
  },
6682
6692
  d(detaching) {
6683
- if (detaching) detach(div2);
6693
+ if (detaching) detach(div1);
6684
6694
  mounted = false;
6685
6695
  dispose();
6686
6696
  }
6687
6697
  };
6688
6698
  }
6689
6699
 
6690
- // (322:2) {#if isVisibleNextButton}
6700
+ // (358:2) {#if isVisibleNextButton}
6691
6701
  function create_if_block(ctx) {
6692
- let div2;
6693
6702
  let div1;
6694
6703
  let div0;
6704
+ let svg;
6705
+ let polygon;
6695
6706
  let mounted;
6696
6707
  let dispose;
6697
6708
 
6698
6709
  return {
6699
6710
  c() {
6700
- div2 = element("div");
6701
6711
  div1 = element("div");
6702
6712
  div0 = element("div");
6703
- attr(div0, "class", "next-icon svelte-105wdod");
6704
- attr(div0, "style", /*nextIconStyle*/ ctx[8]);
6705
- attr(div1, "class", "button-container svelte-105wdod");
6706
- attr(div1, "style", /*nextButtonContainerStyle*/ ctx[1]);
6707
- attr(div2, "class", "next-button svelte-105wdod");
6713
+ svg = svg_element("svg");
6714
+ polygon = svg_element("polygon");
6715
+ attr(polygon, "points", "2,0 10,8 2,16 0,14 6,8 0,2");
6716
+ attr(svg, "viewBox", "0 0 10 16");
6717
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
6718
+ attr(svg, "style", /*nextIconStyle*/ ctx[7]);
6719
+ attr(div0, "class", "button-container svelte-c7zaph");
6720
+ attr(div0, "style", /*_nextButtonContainerStyle*/ ctx[6]);
6721
+ attr(div1, "class", "next-button svelte-c7zaph");
6708
6722
  },
6709
6723
  m(target, anchor) {
6710
- insert(target, div2, anchor);
6711
- append(div2, div1);
6724
+ insert(target, div1, anchor);
6712
6725
  append(div1, div0);
6726
+ append(div0, svg);
6727
+ append(svg, polygon);
6713
6728
 
6714
6729
  if (!mounted) {
6715
- dispose = listen(div2, "click", /*next*/ ctx[15]);
6730
+ dispose = listen(div1, "click", /*next*/ ctx[15]);
6716
6731
  mounted = true;
6717
6732
  }
6718
6733
  },
6719
6734
  p(ctx, dirty) {
6720
- if (dirty[0] & /*nextIconStyle*/ 256) {
6721
- attr(div0, "style", /*nextIconStyle*/ ctx[8]);
6735
+ if (dirty[0] & /*nextIconStyle*/ 128) {
6736
+ attr(svg, "style", /*nextIconStyle*/ ctx[7]);
6722
6737
  }
6723
6738
 
6724
- if (dirty[0] & /*nextButtonContainerStyle*/ 2) {
6725
- attr(div1, "style", /*nextButtonContainerStyle*/ ctx[1]);
6739
+ if (dirty[0] & /*_nextButtonContainerStyle*/ 64) {
6740
+ attr(div0, "style", /*_nextButtonContainerStyle*/ ctx[6]);
6726
6741
  }
6727
6742
  },
6728
6743
  d(detaching) {
6729
- if (detaching) detach(div2);
6744
+ if (detaching) detach(div1);
6730
6745
  mounted = false;
6731
6746
  dispose();
6732
6747
  }
6733
6748
  };
6734
6749
  }
6735
6750
 
6736
- // (333:4) {#each items as _, i}
6751
+ // (371:4) {#each items as _, i}
6737
6752
  function create_each_block(ctx) {
6738
6753
  let div1;
6739
6754
  let div0;
@@ -6743,7 +6758,7 @@ function create_each_block(ctx) {
6743
6758
  let dispose;
6744
6759
 
6745
6760
  function click_handler() {
6746
- return /*click_handler*/ ctx[29](/*i*/ ctx[54]);
6761
+ return /*click_handler*/ ctx[34](/*i*/ ctx[59]);
6747
6762
  }
6748
6763
 
6749
6764
  return {
@@ -6751,10 +6766,10 @@ function create_each_block(ctx) {
6751
6766
  div1 = element("div");
6752
6767
  div0 = element("div");
6753
6768
  t = space();
6754
- attr(div0, "class", "navigation-item-inner circle svelte-105wdod");
6755
- attr(div0, "style", div0_style_value = /*getNavigationItemInnerStyle*/ ctx[6](/*i*/ ctx[54]));
6756
- attr(div1, "class", "navigation-item svelte-105wdod");
6757
- attr(div1, "style", /*navigationItemStyle*/ ctx[7]);
6769
+ attr(div0, "class", "navigation-item-inner circle svelte-c7zaph");
6770
+ attr(div0, "style", div0_style_value = /*getNavigationItemInnerStyle*/ ctx[4](/*i*/ ctx[59]));
6771
+ attr(div1, "class", "navigation-item svelte-c7zaph");
6772
+ attr(div1, "style", /*navigationItemStyle*/ ctx[5]);
6758
6773
  },
6759
6774
  m(target, anchor) {
6760
6775
  insert(target, div1, anchor);
@@ -6769,12 +6784,12 @@ function create_each_block(ctx) {
6769
6784
  p(new_ctx, dirty) {
6770
6785
  ctx = new_ctx;
6771
6786
 
6772
- if (dirty[0] & /*getNavigationItemInnerStyle*/ 64 && div0_style_value !== (div0_style_value = /*getNavigationItemInnerStyle*/ ctx[6](/*i*/ ctx[54]))) {
6787
+ if (dirty[0] & /*getNavigationItemInnerStyle*/ 16 && div0_style_value !== (div0_style_value = /*getNavigationItemInnerStyle*/ ctx[4](/*i*/ ctx[59]))) {
6773
6788
  attr(div0, "style", div0_style_value);
6774
6789
  }
6775
6790
 
6776
- if (dirty[0] & /*navigationItemStyle*/ 128) {
6777
- attr(div1, "style", /*navigationItemStyle*/ ctx[7]);
6791
+ if (dirty[0] & /*navigationItemStyle*/ 32) {
6792
+ attr(div1, "style", /*navigationItemStyle*/ ctx[5]);
6778
6793
  }
6779
6794
  },
6780
6795
  d(detaching) {
@@ -6795,11 +6810,11 @@ function create_fragment$4(ctx) {
6795
6810
  let t2;
6796
6811
  let div2;
6797
6812
  let current;
6798
- const default_slot_template = /*#slots*/ ctx[26].default;
6799
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[25], null);
6813
+ const default_slot_template = /*#slots*/ ctx[31].default;
6814
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[30], null);
6800
6815
  let if_block0 = /*isVisiblePrevButton*/ ctx[11] && create_if_block_1(ctx);
6801
6816
  let if_block1 = /*isVisibleNextButton*/ ctx[10] && create_if_block(ctx);
6802
- let each_value = /*items*/ ctx[3];
6817
+ let each_value = /*items*/ ctx[0];
6803
6818
  let each_blocks = [];
6804
6819
 
6805
6820
  for (let i = 0; i < each_value.length; i += 1) {
@@ -6823,12 +6838,12 @@ function create_fragment$4(ctx) {
6823
6838
  each_blocks[i].c();
6824
6839
  }
6825
6840
 
6826
- attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[12]) + " svelte-105wdod"));
6841
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[12]) + " svelte-c7zaph"));
6827
6842
  attr(div0, "style", /*slideStyle*/ ctx[13]);
6828
- attr(div1, "class", "container svelte-105wdod");
6829
- attr(div2, "class", "navigation svelte-105wdod");
6830
- attr(div2, "style", /*navigationStyle*/ ctx[2]);
6831
- attr(div3, "class", "root svelte-105wdod");
6843
+ attr(div1, "class", "container svelte-c7zaph");
6844
+ attr(div2, "class", "navigation svelte-c7zaph");
6845
+ attr(div2, "style", /*navigationStyle*/ ctx[3]);
6846
+ attr(div3, "class", "root svelte-c7zaph");
6832
6847
  },
6833
6848
  m(target, anchor) {
6834
6849
  insert(target, div3, anchor);
@@ -6839,8 +6854,8 @@ function create_fragment$4(ctx) {
6839
6854
  default_slot.m(div0, null);
6840
6855
  }
6841
6856
 
6842
- /*div0_binding*/ ctx[27](div0);
6843
- /*div1_binding*/ ctx[28](div1);
6857
+ /*div0_binding*/ ctx[32](div0);
6858
+ /*div1_binding*/ ctx[33](div1);
6844
6859
  append(div3, t0);
6845
6860
  if (if_block0) if_block0.m(div3, null);
6846
6861
  append(div3, t1);
@@ -6856,21 +6871,21 @@ function create_fragment$4(ctx) {
6856
6871
  },
6857
6872
  p(ctx, dirty) {
6858
6873
  if (default_slot) {
6859
- if (default_slot.p && (!current || dirty[0] & /*$$scope*/ 33554432)) {
6874
+ if (default_slot.p && (!current || dirty[0] & /*$$scope*/ 1073741824)) {
6860
6875
  update_slot_base(
6861
6876
  default_slot,
6862
6877
  default_slot_template,
6863
6878
  ctx,
6864
- /*$$scope*/ ctx[25],
6879
+ /*$$scope*/ ctx[30],
6865
6880
  !current
6866
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[25])
6867
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[25], dirty, null),
6881
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[30])
6882
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[30], dirty, null),
6868
6883
  null
6869
6884
  );
6870
6885
  }
6871
6886
  }
6872
6887
 
6873
- if (!current || dirty[0] & /*slideClass*/ 4096 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[12]) + " svelte-105wdod"))) {
6888
+ if (!current || dirty[0] & /*slideClass*/ 4096 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[12]) + " svelte-c7zaph"))) {
6874
6889
  attr(div0, "class", div0_class_value);
6875
6890
  }
6876
6891
 
@@ -6904,8 +6919,8 @@ function create_fragment$4(ctx) {
6904
6919
  if_block1 = null;
6905
6920
  }
6906
6921
 
6907
- if (dirty[0] & /*navigationItemStyle, set, getNavigationItemInnerStyle, items*/ 65736) {
6908
- each_value = /*items*/ ctx[3];
6922
+ if (dirty[0] & /*navigationItemStyle, set, getNavigationItemInnerStyle, items*/ 65585) {
6923
+ each_value = /*items*/ ctx[0];
6909
6924
  let i;
6910
6925
 
6911
6926
  for (i = 0; i < each_value.length; i += 1) {
@@ -6927,8 +6942,8 @@ function create_fragment$4(ctx) {
6927
6942
  each_blocks.length = each_value.length;
6928
6943
  }
6929
6944
 
6930
- if (!current || dirty[0] & /*navigationStyle*/ 4) {
6931
- attr(div2, "style", /*navigationStyle*/ ctx[2]);
6945
+ if (!current || dirty[0] & /*navigationStyle*/ 8) {
6946
+ attr(div2, "style", /*navigationStyle*/ ctx[3]);
6932
6947
  }
6933
6948
  },
6934
6949
  i(local) {
@@ -6943,8 +6958,8 @@ function create_fragment$4(ctx) {
6943
6958
  d(detaching) {
6944
6959
  if (detaching) detach(div3);
6945
6960
  if (default_slot) default_slot.d(detaching);
6946
- /*div0_binding*/ ctx[27](null);
6947
- /*div1_binding*/ ctx[28](null);
6961
+ /*div0_binding*/ ctx[32](null);
6962
+ /*div1_binding*/ ctx[33](null);
6948
6963
  if (if_block0) if_block0.d();
6949
6964
  if (if_block1) if_block1.d();
6950
6965
  destroy_each(each_blocks, detaching);
@@ -6971,9 +6986,12 @@ function instance$4($$self, $$props, $$invalidate) {
6971
6986
  let isVisiblePrevButton;
6972
6987
  let isVisibleNextButton;
6973
6988
  let prevIconStyle;
6989
+ let _prevButtonContainerStyle;
6974
6990
  let nextIconStyle;
6991
+ let _nextButtonContainerStyle;
6975
6992
  let navigationItemStyle;
6976
6993
  let getNavigationItemInnerStyle;
6994
+ let navigationStyle;
6977
6995
  let { $$slots: slots = {}, $$scope } = $$props;
6978
6996
  let { loop = false } = $$props;
6979
6997
 
@@ -6985,7 +7003,12 @@ function instance$4($$self, $$props, $$invalidate) {
6985
7003
  size: '20px'
6986
7004
  } } = $$props;
6987
7005
 
6988
- let { prevButtonContainerStyle = 'height: 48px; width: 24px; margin: 0 0 0 8px;' } = $$props;
7006
+ let { prevButtonContainerStyle = 'height: 48px; width: 24px;' } = $$props;
7007
+
7008
+ let { prevButtonEdgePosition = {
7009
+ edgeDistance: '8px',
7010
+ edgeDirectionOffset: '0px'
7011
+ } } = $$props;
6989
7012
 
6990
7013
  let { nextButton = {
6991
7014
  type: 'icon',
@@ -6995,7 +7018,12 @@ function instance$4($$self, $$props, $$invalidate) {
6995
7018
  size: '20px'
6996
7019
  } } = $$props;
6997
7020
 
6998
- let { nextButtonContainerStyle = 'height: 48px; width: 24px; margin: 0 8px 0 0;' } = $$props;
7021
+ let { nextButtonContainerStyle = 'height: 48px; width: 24px;' } = $$props;
7022
+
7023
+ let { nextButtonEdgePosition = {
7024
+ edgeDistance: '8px',
7025
+ edgeDirectionOffset: '0px'
7026
+ } } = $$props;
6999
7027
 
7000
7028
  let { navigationButton = {
7001
7029
  type: 'circle',
@@ -7004,18 +7032,22 @@ function instance$4($$self, $$props, $$invalidate) {
7004
7032
  colorActive: '#666'
7005
7033
  } } = $$props;
7006
7034
 
7007
- let { navigationStyle = 'margin: 0 0 8px 0' } = $$props;
7035
+ let { navigationEdgePosition = {
7036
+ edgeDistance: '8px',
7037
+ edgeDirectionOffset: '0px'
7038
+ } } = $$props;
7039
+
7008
7040
  let items = [];
7009
7041
  const dispatch = createEventDispatcher();
7010
7042
 
7011
7043
  setContext('SLIDE', {
7012
7044
  registerItem: ({ onBeforeSlide, onMount, onResize }) => {
7013
7045
  const id = new Date().getTime().toString();
7014
- $$invalidate(3, items = [...items, { id, onBeforeSlide, onMount, onResize }]);
7046
+ $$invalidate(0, items = [...items, { id, onBeforeSlide, onMount, onResize }]);
7015
7047
  return id;
7016
7048
  },
7017
7049
  unregisterItem: id => {
7018
- $$invalidate(3, items = items.filter(item => item.id !== id));
7050
+ $$invalidate(0, items = items.filter(item => item.id !== id));
7019
7051
  }
7020
7052
  });
7021
7053
 
@@ -7042,7 +7074,7 @@ function instance$4($$self, $$props, $$invalidate) {
7042
7074
  onBeforeSlide({ shiftCount, index, length: items.length });
7043
7075
  });
7044
7076
 
7045
- $$invalidate(22, slidePosition = slidePosition + containerWidth * (calcPositionIndex(shiftCount, currentSlideId, items.length) - calcPositionIndex(previousShiftCount, currentSlideId, items.length)));
7077
+ $$invalidate(27, slidePosition = slidePosition + containerWidth * (calcPositionIndex(shiftCount, currentSlideId, items.length) - calcPositionIndex(previousShiftCount, currentSlideId, items.length)));
7046
7078
  previousShiftCount = shiftCount;
7047
7079
  resolve();
7048
7080
  });
@@ -7053,8 +7085,8 @@ function instance$4($$self, $$props, $$invalidate) {
7053
7085
  if (transitioning) {
7054
7086
  const slideRect = slideElement.getBoundingClientRect();
7055
7087
  const containerRect = containerElement.getBoundingClientRect();
7056
- $$invalidate(23, transitioning = false);
7057
- $$invalidate(22, slidePosition = slideRect.x - containerRect.x);
7088
+ $$invalidate(28, transitioning = false);
7089
+ $$invalidate(27, slidePosition = slideRect.x - containerRect.x);
7058
7090
  }
7059
7091
  }
7060
7092
 
@@ -7074,10 +7106,10 @@ function instance$4($$self, $$props, $$invalidate) {
7074
7106
  }
7075
7107
  }
7076
7108
 
7077
- $$invalidate(23, transitioning = true);
7078
- $$invalidate(22, slidePosition = containerWidth * calcPositionIndex(shiftCount, slideIndex, items.length));
7109
+ $$invalidate(28, transitioning = true);
7110
+ $$invalidate(27, slidePosition = containerWidth * calcPositionIndex(shiftCount, slideIndex, items.length));
7079
7111
  dispatch('change', { nextIndex: slideIndex });
7080
- $$invalidate(21, currentSlideId = slideIndex);
7112
+ $$invalidate(26, currentSlideId = slideIndex);
7081
7113
  });
7082
7114
  }
7083
7115
 
@@ -7099,7 +7131,7 @@ function instance$4($$self, $$props, $$invalidate) {
7099
7131
  const updatedSlidePosition = slidePosition + dx;
7100
7132
 
7101
7133
  window.requestAnimationFrame(() => {
7102
- $$invalidate(22, slidePosition = updatedSlidePosition);
7134
+ $$invalidate(27, slidePosition = updatedSlidePosition);
7103
7135
  });
7104
7136
  }
7105
7137
 
@@ -7119,7 +7151,7 @@ function instance$4($$self, $$props, $$invalidate) {
7119
7151
  });
7120
7152
  });
7121
7153
 
7122
- $$invalidate(22, slidePosition = containerWidth * calcPositionIndex(shiftCount, currentSlideId, items.length));
7154
+ $$invalidate(27, slidePosition = containerWidth * calcPositionIndex(shiftCount, currentSlideId, items.length));
7123
7155
  }
7124
7156
 
7125
7157
  function handleMoveEnd() {
@@ -7172,7 +7204,7 @@ function instance$4($$self, $$props, $$invalidate) {
7172
7204
  }
7173
7205
 
7174
7206
  function handleTransitionEnd() {
7175
- $$invalidate(23, transitioning = false);
7207
+ $$invalidate(28, transitioning = false);
7176
7208
  fixSlidePosition();
7177
7209
  }
7178
7210
 
@@ -7183,7 +7215,7 @@ function instance$4($$self, $$props, $$invalidate) {
7183
7215
  item.onMount({ containerElement });
7184
7216
  });
7185
7217
 
7186
- $$invalidate(21, currentSlideId = 0);
7218
+ $$invalidate(26, currentSlideId = 0);
7187
7219
 
7188
7220
  if (_loop) {
7189
7221
  await fixSlidePosition();
@@ -7240,14 +7272,14 @@ function instance$4($$self, $$props, $$invalidate) {
7240
7272
  function div0_binding($$value) {
7241
7273
  binding_callbacks[$$value ? 'unshift' : 'push'](() => {
7242
7274
  slideElement = $$value;
7243
- $$invalidate(5, slideElement);
7275
+ $$invalidate(2, slideElement);
7244
7276
  });
7245
7277
  }
7246
7278
 
7247
7279
  function div1_binding($$value) {
7248
7280
  binding_callbacks[$$value ? 'unshift' : 'push'](() => {
7249
7281
  containerElement = $$value;
7250
- $$invalidate(4, containerElement);
7282
+ $$invalidate(1, containerElement);
7251
7283
  });
7252
7284
  }
7253
7285
 
@@ -7256,71 +7288,95 @@ function instance$4($$self, $$props, $$invalidate) {
7256
7288
  $$self.$$set = $$props => {
7257
7289
  if ('loop' in $$props) $$invalidate(17, loop = $$props.loop);
7258
7290
  if ('prevButton' in $$props) $$invalidate(18, prevButton = $$props.prevButton);
7259
- if ('prevButtonContainerStyle' in $$props) $$invalidate(0, prevButtonContainerStyle = $$props.prevButtonContainerStyle);
7260
- if ('nextButton' in $$props) $$invalidate(19, nextButton = $$props.nextButton);
7261
- if ('nextButtonContainerStyle' in $$props) $$invalidate(1, nextButtonContainerStyle = $$props.nextButtonContainerStyle);
7262
- if ('navigationButton' in $$props) $$invalidate(20, navigationButton = $$props.navigationButton);
7263
- if ('navigationStyle' in $$props) $$invalidate(2, navigationStyle = $$props.navigationStyle);
7264
- if ('$$scope' in $$props) $$invalidate(25, $$scope = $$props.$$scope);
7291
+ if ('prevButtonContainerStyle' in $$props) $$invalidate(19, prevButtonContainerStyle = $$props.prevButtonContainerStyle);
7292
+ if ('prevButtonEdgePosition' in $$props) $$invalidate(20, prevButtonEdgePosition = $$props.prevButtonEdgePosition);
7293
+ if ('nextButton' in $$props) $$invalidate(21, nextButton = $$props.nextButton);
7294
+ if ('nextButtonContainerStyle' in $$props) $$invalidate(22, nextButtonContainerStyle = $$props.nextButtonContainerStyle);
7295
+ if ('nextButtonEdgePosition' in $$props) $$invalidate(23, nextButtonEdgePosition = $$props.nextButtonEdgePosition);
7296
+ if ('navigationButton' in $$props) $$invalidate(24, navigationButton = $$props.navigationButton);
7297
+ if ('navigationEdgePosition' in $$props) $$invalidate(25, navigationEdgePosition = $$props.navigationEdgePosition);
7298
+ if ('$$scope' in $$props) $$invalidate(30, $$scope = $$props.$$scope);
7265
7299
  };
7266
7300
 
7267
7301
  $$self.$$.update = () => {
7268
- if ($$self.$$.dirty[0] & /*slidePosition*/ 4194304) {
7302
+ if ($$self.$$.dirty[0] & /*slidePosition*/ 134217728) {
7269
7303
  $$invalidate(13, slideStyle = slidePosition != null ? `left: ${slidePosition}px;` : '');
7270
7304
  }
7271
7305
 
7272
- if ($$self.$$.dirty[0] & /*transitioning*/ 8388608) {
7306
+ if ($$self.$$.dirty[0] & /*transitioning*/ 268435456) {
7273
7307
  $$invalidate(12, slideClass = ['slide', transitioning ? 'transition' : ''].join(' '));
7274
7308
  }
7275
7309
 
7276
- if ($$self.$$.dirty[0] & /*items, loop*/ 131080) {
7277
- $$invalidate(24, _loop = items.length >= 3 ? loop : false);
7310
+ if ($$self.$$.dirty[0] & /*items, loop*/ 131073) {
7311
+ $$invalidate(29, _loop = items.length >= 3 ? loop : false);
7278
7312
  }
7279
7313
 
7280
- if ($$self.$$.dirty[0] & /*_loop, currentSlideId*/ 18874368) {
7314
+ if ($$self.$$.dirty[0] & /*_loop, currentSlideId*/ 603979776) {
7281
7315
  $$invalidate(11, isVisiblePrevButton = _loop || currentSlideId > 0);
7282
7316
  }
7283
7317
 
7284
- if ($$self.$$.dirty[0] & /*_loop, currentSlideId, items*/ 18874376) {
7318
+ if ($$self.$$.dirty[0] & /*_loop, currentSlideId, items*/ 603979777) {
7285
7319
  $$invalidate(10, isVisibleNextButton = _loop || currentSlideId < items.length - 1);
7286
7320
  }
7287
7321
 
7288
7322
  if ($$self.$$.dirty[0] & /*prevButton*/ 262144) {
7289
7323
  $$invalidate(9, prevIconStyle = prevButton.type === 'icon'
7290
- ? `width: ${prevButton.size}; height: ${prevButton.size}; border-color: ${prevButton.color};`
7324
+ ? `height: ${prevButton.size}; fill: ${prevButton.color};`
7291
7325
  : '');
7292
7326
  }
7293
7327
 
7294
- if ($$self.$$.dirty[0] & /*nextButton*/ 524288) {
7295
- $$invalidate(8, nextIconStyle = nextButton.type === 'icon'
7296
- ? `width: ${nextButton.size}; height: ${nextButton.size}; border-color: ${nextButton.color};`
7328
+ if ($$self.$$.dirty[0] & /*prevButtonEdgePosition, prevButtonContainerStyle*/ 1572864) {
7329
+ $$invalidate(8, _prevButtonContainerStyle = (() => {
7330
+ const marginLeft = prevButtonEdgePosition.edgeDistance;
7331
+ const marginTop = prevButtonEdgePosition.edgeDirectionOffset;
7332
+ const marginString = `margin:${marginTop} 0 0 ${marginLeft}`;
7333
+ return [...prevButtonContainerStyle.split(';'), marginString].join(';');
7334
+ })());
7335
+ }
7336
+
7337
+ if ($$self.$$.dirty[0] & /*nextButton*/ 2097152) {
7338
+ $$invalidate(7, nextIconStyle = nextButton.type === 'icon'
7339
+ ? `height: ${nextButton.size}; fill: ${nextButton.color};`
7297
7340
  : '');
7298
7341
  }
7299
7342
 
7300
- if ($$self.$$.dirty[0] & /*navigationButton*/ 1048576) {
7301
- $$invalidate(7, navigationItemStyle = `padding: calc(${navigationButton.size} / 2);`);
7343
+ if ($$self.$$.dirty[0] & /*nextButtonEdgePosition, nextButtonContainerStyle*/ 12582912) {
7344
+ $$invalidate(6, _nextButtonContainerStyle = (() => {
7345
+ const marginRight = nextButtonEdgePosition.edgeDistance;
7346
+ const marginTop = nextButtonEdgePosition.edgeDirectionOffset;
7347
+ const marginString = `margin:${marginTop} ${marginRight} 0 0`;
7348
+ return [...nextButtonContainerStyle.split(';'), marginString].join(';');
7349
+ })());
7350
+ }
7351
+
7352
+ if ($$self.$$.dirty[0] & /*navigationButton*/ 16777216) {
7353
+ $$invalidate(5, navigationItemStyle = `padding: calc(${navigationButton.size} / 2);`);
7302
7354
  }
7303
7355
 
7304
- if ($$self.$$.dirty[0] & /*navigationButton, currentSlideId*/ 3145728) {
7305
- $$invalidate(6, getNavigationItemInnerStyle = i => `
7356
+ if ($$self.$$.dirty[0] & /*navigationButton, currentSlideId*/ 83886080) {
7357
+ $$invalidate(4, getNavigationItemInnerStyle = i => `
7306
7358
  width: ${navigationButton.size};
7307
7359
  height: ${navigationButton.size};
7308
7360
  background-color: ${i === currentSlideId
7309
7361
  ? navigationButton.colorActive
7310
7362
  : navigationButton.color};`);
7311
7363
  }
7364
+
7365
+ if ($$self.$$.dirty[0] & /*navigationEdgePosition*/ 33554432) {
7366
+ $$invalidate(3, navigationStyle = `margin:0 0 ${navigationEdgePosition.edgeDistance} ${navigationEdgePosition.edgeDirectionOffset}`);
7367
+ }
7312
7368
  };
7313
7369
 
7314
7370
  return [
7315
- prevButtonContainerStyle,
7316
- nextButtonContainerStyle,
7317
- navigationStyle,
7318
7371
  items,
7319
7372
  containerElement,
7320
7373
  slideElement,
7374
+ navigationStyle,
7321
7375
  getNavigationItemInnerStyle,
7322
7376
  navigationItemStyle,
7377
+ _nextButtonContainerStyle,
7323
7378
  nextIconStyle,
7379
+ _prevButtonContainerStyle,
7324
7380
  prevIconStyle,
7325
7381
  isVisibleNextButton,
7326
7382
  isVisiblePrevButton,
@@ -7331,8 +7387,13 @@ background-color: ${i === currentSlideId
7331
7387
  set,
7332
7388
  loop,
7333
7389
  prevButton,
7390
+ prevButtonContainerStyle,
7391
+ prevButtonEdgePosition,
7334
7392
  nextButton,
7393
+ nextButtonContainerStyle,
7394
+ nextButtonEdgePosition,
7335
7395
  navigationButton,
7396
+ navigationEdgePosition,
7336
7397
  currentSlideId,
7337
7398
  slidePosition,
7338
7399
  transitioning,
@@ -7358,11 +7419,13 @@ class Slide extends SvelteComponent {
7358
7419
  {
7359
7420
  loop: 17,
7360
7421
  prevButton: 18,
7361
- prevButtonContainerStyle: 0,
7362
- nextButton: 19,
7363
- nextButtonContainerStyle: 1,
7364
- navigationButton: 20,
7365
- navigationStyle: 2
7422
+ prevButtonContainerStyle: 19,
7423
+ prevButtonEdgePosition: 20,
7424
+ nextButton: 21,
7425
+ nextButtonContainerStyle: 22,
7426
+ nextButtonEdgePosition: 23,
7427
+ navigationButton: 24,
7428
+ navigationEdgePosition: 25
7366
7429
  },
7367
7430
  add_css$4,
7368
7431
  [-1, -1]
@@ -7854,4 +7917,4 @@ class ImageBlock extends SvelteComponent {
7854
7917
  }
7855
7918
  }
7856
7919
 
7857
- export { Alignments, AnimationStyles, BackgroundSizes, ClipPaths, Cursors, DefaultFormButtonStyle, DefaultFormRatingButtonType, DefaultFormSelectStyle, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexItem, FormCheckBoxes, FormRadioButtons, FormRatingButtonTypes, FormRatingButtons, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, applyCss, applyGlobalCss, close, closeAction, closed, collection$1 as collection, create, createApp, createFog, customHandlers, customVariables, destroy, destroyed, ensureModalRoot, finalize, formData, getActionShadowRoot, getCustomHandlers, getCustomVariables, getEvents, getLogs, getState$1 as getState, getStates, getStoreState, getSystem, hideOnScroll, hideOnTime, initialize, isClosed, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestroy, onScroll, onShow, onTime, opened, setActionSetting, setAutoStart, setClosed, setCustomHandlers, setCustomVariables, setState$1 as setState, show, showAction, showModal, showOnScroll, showOnTime, state, stopped, updateCustomHandlers, updateCustomVariables, widget };
7920
+ export { Alignments, AnimationStyles, BackgroundSizes, ClipPaths, Cursors, DefaultEdgePosition, DefaultFormButtonStyle, DefaultFormRatingButtonType, DefaultFormSelectStyle, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexItem, FormCheckBoxes, FormRadioButtons, FormRatingButtonTypes, FormRatingButtons, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, applyCss, applyGlobalCss, close, closeAction, closed, collection$1 as collection, create, createApp, createFog, customHandlers, customVariables, destroy, destroyed, ensureModalRoot, finalize, formData, getActionShadowRoot, getCustomHandlers, getCustomVariables, getEvents, getLogs, getState$1 as getState, getStates, getStoreState, getSystem, hideOnScroll, hideOnTime, initialize, isClosed, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestroy, onScroll, onShow, onTime, opened, setActionSetting, setAutoStart, setClosed, setCustomHandlers, setCustomVariables, setState$1 as setState, show, showAction, showModal, showOnScroll, showOnTime, state, stopped, updateCustomHandlers, updateCustomVariables, widget };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@plaidev/karte-action-sdk",
3
- "version": "1.1.126-27949188.96bb611a",
3
+ "version": "1.1.126-27950980.e8e536b0",
4
4
  "author": "Plaid Inc.",
5
5
  "license": "Apache-2.0",
6
6
  "module": "./dist/index.es.js",