@plaidev/karte-action-sdk 1.1.264-29046374.a006e69f → 1.1.264-29051600.c90abff9

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.
@@ -5444,8 +5444,6 @@ function Slider($$anchor, $$props) {
5444
5444
  };
5445
5445
 
5446
5446
  const handleClick = (e) => {
5447
- console.log('handleClick', isDragging);
5448
-
5449
5447
  if (isDragging) {
5450
5448
  e.preventDefault();
5451
5449
  e.stopPropagation();
@@ -5470,6 +5468,7 @@ function Slider($$anchor, $$props) {
5470
5468
  $.set(movedX, null);
5471
5469
  document.removeEventListener('touchmove', handleTouchmove);
5472
5470
  document.removeEventListener('touchend', handleTouchend);
5471
+ document.removeEventListener('click', handleClick);
5473
5472
  };
5474
5473
 
5475
5474
  const handleTouchstart = (e) => {
@@ -5489,8 +5488,6 @@ function Slider($$anchor, $$props) {
5489
5488
  };
5490
5489
 
5491
5490
  const handleMouseup = (e) => {
5492
- console.log('handleMouseup');
5493
-
5494
5491
  if ($.get(movedX) >= 32) {
5495
5492
  toNext();
5496
5493
  } else if ($.get(movedX) <= -32) {
@@ -6286,11 +6283,13 @@ function Modal($$anchor, $$props) {
6286
6283
  const backgroundClickSP = $.mutable_state();
6287
6284
  const handle_keydown = $.mutable_state();
6288
6285
  const visible = $.mutable_state();
6286
+ const style = $.mutable_state();
6289
6287
  let useBreakPoint = $.prop($$props, 'useBreakPoint', 8, false);
6290
6288
  let placement = $.prop($$props, 'placement', 8);
6291
6289
  let breakPoint = $.prop($$props, 'breakPoint', 8);
6292
6290
  let elasticity = $.prop($$props, 'elasticity', 8);
6293
6291
  let animation = $.prop($$props, 'animation', 8, 'none');
6292
+ let props = $.prop($$props, 'props', 24, () => ({}));
6294
6293
  let closeEventName = $.prop($$props, 'closeEventName', 8, '');
6295
6294
  let closeEventValue = $.prop($$props, 'closeEventValue', 8, null);
6296
6295
  let layerId = $.prop($$props, 'layerId', 8, '');
@@ -6570,6 +6569,24 @@ function Modal($$anchor, $$props) {
6570
6569
  $.set(visible, false);
6571
6570
  });
6572
6571
 
6572
+ $.legacy_pre_effect(
6573
+ () => (
6574
+ $.deep_read_state(props()),
6575
+ toCssBorder
6576
+ ),
6577
+ () => {
6578
+ $.set(style, objToStyle({
6579
+ width: props().width,
6580
+ ...toCssOverflow(props()),
6581
+ ...toCssShadow(props()),
6582
+ ...toCssRadius(props()),
6583
+ ...toCssBackgroundImage(props()),
6584
+ ...toCssBackgroundColor(props()),
6585
+ ...toCssBorder(props())
6586
+ }));
6587
+ }
6588
+ );
6589
+
6573
6590
  $.legacy_pre_effect_reset();
6574
6591
  $.init();
6575
6592
 
@@ -6668,7 +6685,10 @@ function Modal($$anchor, $$props) {
6668
6685
  'modal',
6669
6686
  useBreakPoint() ? 'modal-bp' : ''
6670
6687
  ].join(' ')),
6671
- () => Array.from(modalStyles).join(';')
6688
+ () => [
6689
+ Array.from(modalStyles).join(';'),
6690
+ $.get(style)
6691
+ ].join(' ')
6672
6692
  ],
6673
6693
  $.derived_safe_equal
6674
6694
  );
@@ -6757,95 +6777,23 @@ function Code($$anchor, $$props) {
6757
6777
 
6758
6778
  const LIST_ITEM_CONTEXT_KEY = 'ListItemContext';
6759
6779
 
6760
- var root$7 = $.template(`<ul class="list svelte-v2vy6p"><!></ul>`);
6780
+ var root$7 = $.template(`<li class="list-item svelte-1223veg"><!></li>`);
6761
6781
 
6762
6782
  const $$css$6 = {
6763
- hash: 'svelte-v2vy6p',
6764
- code: '.list.svelte-v2vy6p {padding:0;margin:0;list-style:none;display:flex;flex-direction:column;--border-width: 0;--border-style: solit;--border-color: rgba(255, 255, 255, 0);border-top-width:var(--border-width);border-top-style:var(--border-style);border-top-color:var(--border-color);border-bottom-width:var(--border-width);border-bottom-style:var(--border-style);border-bottom-color:var(--border-color);}'
6765
- };
6766
-
6767
- function List($$anchor, $$props) {
6768
- $.push($$props, false);
6769
- $.append_styles($$anchor, $$css$6);
6770
-
6771
- const variables = $.mutable_state();
6772
- const style = $.mutable_state();
6773
- let layerId = $.prop($$props, 'layerId', 8);
6774
- let props = $.prop($$props, 'props', 8);
6775
-
6776
- useInjectCustomizeCss(props());
6777
-
6778
- setContext(LIST_ITEM_CONTEXT_KEY, {
6779
- paddingTop: props().itemPaddingTop,
6780
- paddingLeft: props().itemPaddingLeft,
6781
- paddingRight: props().itemPaddingRight,
6782
- paddingBottom: props().itemPaddingBottom,
6783
- height: props().itemHeight,
6784
- borderTopWidth: props().borderWidth,
6785
- borderTopColor: props().borderColor,
6786
- borderTopStyle: props().borderStyle,
6787
- gap: props().itemGap
6788
- });
6789
-
6790
- $.legacy_pre_effect(() => ($.deep_read_state(props())), () => {
6791
- $.set(variables, {
6792
- ...props().borderWidth
6793
- ? {
6794
- '--border-width': props().borderWidth,
6795
- '--border-color': props().borderColor,
6796
- '--border-style': props().borderStyle ?? 'solid'
6797
- }
6798
- : {}
6799
- });
6800
- });
6801
-
6802
- $.legacy_pre_effect(
6803
- () => (
6804
- $.deep_read_state(props()),
6805
- $.get(variables)
6806
- ),
6807
- () => {
6808
- $.set(style, objToStyle({
6809
- width: props().width ?? '100%',
6810
- ...$.get(variables)
6811
- }));
6812
- }
6813
- );
6814
-
6815
- $.legacy_pre_effect_reset();
6816
- $.init();
6817
-
6818
- var ul = root$7();
6819
- var node = $.child(ul);
6820
-
6821
- $.slot(node, $$props, 'default', {}, null);
6822
- $.reset(ul);
6823
-
6824
- $.template_effect(() => {
6825
- $.set_attribute(ul, 'data-layer-id', layerId());
6826
- $.set_style(ul, $.get(style));
6827
- });
6828
-
6829
- $.append($$anchor, ul);
6830
- $.pop();
6831
- }
6832
-
6833
- var root$6 = $.template(`<li class="list-item svelte-1223veg"><!></li>`);
6834
-
6835
- const $$css$5 = {
6836
6783
  hash: 'svelte-1223veg',
6837
6784
  code: '.list-item.svelte-1223veg {margin:0;padding:0;}.list-item-inner.svelte-1223veg {display:flex;align-items:center;width:100%;text-decoration:none;color:inherit;}.list-item-inner.svelte-1223veg:hover {opacity:0.8;}.list-item.svelte-1223veg:not(:first-child) {border-top-width:var(--list-item-border-width);border-top-style:var(--list-item-border-style);border-top-color:var(--list-item-border-color);}'
6838
6785
  };
6839
6786
 
6840
6787
  function ListItem($$anchor, $$props) {
6841
6788
  $.push($$props, false);
6842
- $.append_styles($$anchor, $$css$5);
6789
+ $.append_styles($$anchor, $$css$6);
6843
6790
 
6844
6791
  const variables = $.mutable_state();
6845
6792
  const style = $.mutable_state();
6846
6793
  const innerStyle = $.mutable_state();
6847
6794
  let layerId = $.prop($$props, 'layerId', 8);
6848
6795
  let props = $.prop($$props, 'props', 8);
6796
+ $.prop($$props, 'item', 8);
6849
6797
 
6850
6798
  useInjectCustomizeCss(props());
6851
6799
 
@@ -6881,7 +6829,7 @@ function ListItem($$anchor, $$props) {
6881
6829
  $.legacy_pre_effect_reset();
6882
6830
  $.init();
6883
6831
 
6884
- var li = root$6();
6832
+ var li = root$7();
6885
6833
  var node = $.child(li);
6886
6834
 
6887
6835
  $.element(node, () => element, false, ($$element, $$anchor) => {
@@ -6918,6 +6866,95 @@ function ListItem($$anchor, $$props) {
6918
6866
  $.pop();
6919
6867
  }
6920
6868
 
6869
+ var root$6 = $.template(`<ul class="list svelte-v2vy6p"><!></ul>`);
6870
+
6871
+ const $$css$5 = {
6872
+ hash: 'svelte-v2vy6p',
6873
+ code: '.list.svelte-v2vy6p {padding:0;margin:0;list-style:none;display:flex;flex-direction:column;--border-width: 0;--border-style: solit;--border-color: rgba(255, 255, 255, 0);border-top-width:var(--border-width);border-top-style:var(--border-style);border-top-color:var(--border-color);border-bottom-width:var(--border-width);border-bottom-style:var(--border-style);border-bottom-color:var(--border-color);}'
6874
+ };
6875
+
6876
+ function List($$anchor, $$props) {
6877
+ $.push($$props, false);
6878
+ $.append_styles($$anchor, $$css$5);
6879
+
6880
+ const variables = $.mutable_state();
6881
+ const actionTableData = $.mutable_state();
6882
+ const items = $.mutable_state();
6883
+ const style = $.mutable_state();
6884
+ let layerId = $.prop($$props, 'layerId', 8);
6885
+ let props = $.prop($$props, 'props', 8);
6886
+
6887
+ useInjectCustomizeCss(props());
6888
+
6889
+ const vars = getVariables();
6890
+
6891
+ console.log(vars);
6892
+ console.log(props().actionTableKey);
6893
+ console.log(vars[props().actionTableKey]);
6894
+
6895
+ setContext(LIST_ITEM_CONTEXT_KEY, {
6896
+ paddingTop: props().itemPaddingTop,
6897
+ paddingLeft: props().itemPaddingLeft,
6898
+ paddingRight: props().itemPaddingRight,
6899
+ paddingBottom: props().itemPaddingBottom,
6900
+ height: props().itemHeight,
6901
+ borderTopWidth: props().borderWidth,
6902
+ borderTopColor: props().borderColor,
6903
+ borderTopStyle: props().borderStyle,
6904
+ gap: props().itemGap
6905
+ });
6906
+
6907
+ $.legacy_pre_effect(() => ($.deep_read_state(props())), () => {
6908
+ $.set(variables, {
6909
+ ...props().borderWidth
6910
+ ? {
6911
+ '--border-width': props().borderWidth,
6912
+ '--border-color': props().borderColor,
6913
+ '--border-style': props().borderStyle ?? 'solid'
6914
+ }
6915
+ : {}
6916
+ });
6917
+ });
6918
+
6919
+ $.legacy_pre_effect(() => ($.deep_read_state(props())), () => {
6920
+ $.set(actionTableData, vars[props().actionTableKey]);
6921
+ });
6922
+
6923
+ $.legacy_pre_effect(() => ($.get(actionTableData)), () => {
6924
+ $.set(items, Array.isArray($.get(actionTableData)) ? $.get(actionTableData) : null);
6925
+ });
6926
+
6927
+ $.legacy_pre_effect(
6928
+ () => (
6929
+ $.deep_read_state(props()),
6930
+ $.get(variables)
6931
+ ),
6932
+ () => {
6933
+ $.set(style, objToStyle({
6934
+ width: props().width ?? '100%',
6935
+ ...$.get(variables)
6936
+ }));
6937
+ }
6938
+ );
6939
+
6940
+ $.legacy_pre_effect_reset();
6941
+ $.init();
6942
+
6943
+ var ul = root$6();
6944
+ var node = $.child(ul);
6945
+
6946
+ $.slot(node, $$props, 'default', {}, null);
6947
+ $.reset(ul);
6948
+
6949
+ $.template_effect(() => {
6950
+ $.set_attribute(ul, 'data-layer-id', layerId());
6951
+ $.set_style(ul, $.get(style));
6952
+ });
6953
+
6954
+ $.append($$anchor, ul);
6955
+ $.pop();
6956
+ }
6957
+
6921
6958
  const MULTI_COLUMN_ITEM_CONTEXT_KEY = 'MultiColumnItemContext';
6922
6959
 
6923
6960
  function splitNumberAndUnit(value) {
@@ -7039,8 +7076,6 @@ function MultiColumnItem($$anchor, $$props) {
7039
7076
  const { attributes, element, handleClick } = useClickable(props());
7040
7077
  const context = getContext(MULTI_COLUMN_ITEM_CONTEXT_KEY) || {};
7041
7078
 
7042
- console.log(context);
7043
-
7044
7079
  $.legacy_pre_effect(() => {}, () => {
7045
7080
  $.set(variables, {
7046
7081
  '--multi-column-item-padding-top': context.paddingTop ?? '0',
@@ -7274,12 +7309,6 @@ function CountDown($$anchor, $$props) {
7274
7309
  }
7275
7310
 
7276
7311
  function onEachSecond() {
7277
- console.log({
7278
- timeLimit: timeLimit.getTime(),
7279
- now: new Date().getTime(),
7280
- calced: calcRemainingTime(timeLimit.getTime())
7281
- });
7282
-
7283
7312
  const _remainingTime = calcRemainingTime(timeLimit.getTime());
7284
7313
 
7285
7314
  if (_remainingTime > 0) {
@@ -7291,8 +7320,6 @@ function CountDown($$anchor, $$props) {
7291
7320
  execOnClickOperation(props().onEnd);
7292
7321
  }
7293
7322
  }
7294
-
7295
- console.log($.get(remainingTime));
7296
7323
  }
7297
7324
 
7298
7325
  onMount$1(() => {
@@ -7443,13 +7470,8 @@ function CountDownValue($$anchor, $$props) {
7443
7470
  let props = $.prop($$props, 'props', 24, () => ({}));
7444
7471
  let layerId = $.prop($$props, 'layerId', 8, '');
7445
7472
  let countdownStore = getContext('countdownStore');
7446
-
7447
- console.log(countdownStore);
7448
-
7449
7473
  let { style } = useText(props());
7450
7474
 
7451
- console.log($.get(value));
7452
-
7453
7475
  $.legacy_pre_effect(
7454
7476
  () => (
7455
7477
  $countdownStore(),
@@ -7524,7 +7546,6 @@ function ClipCopy($$anchor, $$props) {
7524
7546
 
7525
7547
  const targetText = props().content ?? $.get(buttonElement)?.innerText ?? '';
7526
7548
 
7527
- console.log(targetText);
7528
7549
  navigator.clipboard.writeText(targetText);
7529
7550
  send_event('_click_copy', { text: targetText });
7530
7551
 
@@ -5444,8 +5444,6 @@ function Slider($$anchor, $$props) {
5444
5444
  };
5445
5445
 
5446
5446
  const handleClick = (e) => {
5447
- console.log('handleClick', isDragging);
5448
-
5449
5447
  if (isDragging) {
5450
5448
  e.preventDefault();
5451
5449
  e.stopPropagation();
@@ -5470,6 +5468,7 @@ function Slider($$anchor, $$props) {
5470
5468
  $.set(movedX, null);
5471
5469
  document.removeEventListener('touchmove', handleTouchmove);
5472
5470
  document.removeEventListener('touchend', handleTouchend);
5471
+ document.removeEventListener('click', handleClick);
5473
5472
  };
5474
5473
 
5475
5474
  const handleTouchstart = (e) => {
@@ -5489,8 +5488,6 @@ function Slider($$anchor, $$props) {
5489
5488
  };
5490
5489
 
5491
5490
  const handleMouseup = (e) => {
5492
- console.log('handleMouseup');
5493
-
5494
5491
  if ($.get(movedX) >= 32) {
5495
5492
  toNext();
5496
5493
  } else if ($.get(movedX) <= -32) {
@@ -6286,11 +6283,13 @@ function Modal($$anchor, $$props) {
6286
6283
  const backgroundClickSP = $.mutable_state();
6287
6284
  const handle_keydown = $.mutable_state();
6288
6285
  const visible = $.mutable_state();
6286
+ const style = $.mutable_state();
6289
6287
  let useBreakPoint = $.prop($$props, 'useBreakPoint', 8, false);
6290
6288
  let placement = $.prop($$props, 'placement', 8);
6291
6289
  let breakPoint = $.prop($$props, 'breakPoint', 8);
6292
6290
  let elasticity = $.prop($$props, 'elasticity', 8);
6293
6291
  let animation = $.prop($$props, 'animation', 8, 'none');
6292
+ let props = $.prop($$props, 'props', 24, () => ({}));
6294
6293
  let closeEventName = $.prop($$props, 'closeEventName', 8, '');
6295
6294
  let closeEventValue = $.prop($$props, 'closeEventValue', 8, null);
6296
6295
  let layerId = $.prop($$props, 'layerId', 8, '');
@@ -6570,6 +6569,24 @@ function Modal($$anchor, $$props) {
6570
6569
  $.set(visible, false);
6571
6570
  });
6572
6571
 
6572
+ $.legacy_pre_effect(
6573
+ () => (
6574
+ $.deep_read_state(props()),
6575
+ toCssBorder
6576
+ ),
6577
+ () => {
6578
+ $.set(style, objToStyle({
6579
+ width: props().width,
6580
+ ...toCssOverflow(props()),
6581
+ ...toCssShadow(props()),
6582
+ ...toCssRadius(props()),
6583
+ ...toCssBackgroundImage(props()),
6584
+ ...toCssBackgroundColor(props()),
6585
+ ...toCssBorder(props())
6586
+ }));
6587
+ }
6588
+ );
6589
+
6573
6590
  $.legacy_pre_effect_reset();
6574
6591
  $.init();
6575
6592
 
@@ -6668,7 +6685,10 @@ function Modal($$anchor, $$props) {
6668
6685
  'modal',
6669
6686
  useBreakPoint() ? 'modal-bp' : ''
6670
6687
  ].join(' ')),
6671
- () => Array.from(modalStyles).join(';')
6688
+ () => [
6689
+ Array.from(modalStyles).join(';'),
6690
+ $.get(style)
6691
+ ].join(' ')
6672
6692
  ],
6673
6693
  $.derived_safe_equal
6674
6694
  );
@@ -6757,95 +6777,23 @@ function Code($$anchor, $$props) {
6757
6777
 
6758
6778
  const LIST_ITEM_CONTEXT_KEY = 'ListItemContext';
6759
6779
 
6760
- var root$7 = $.template(`<ul class="list svelte-v2vy6p"><!></ul>`);
6780
+ var root$7 = $.template(`<li class="list-item svelte-1223veg"><!></li>`);
6761
6781
 
6762
6782
  const $$css$6 = {
6763
- hash: 'svelte-v2vy6p',
6764
- code: '.list.svelte-v2vy6p {padding:0;margin:0;list-style:none;display:flex;flex-direction:column;--border-width: 0;--border-style: solit;--border-color: rgba(255, 255, 255, 0);border-top-width:var(--border-width);border-top-style:var(--border-style);border-top-color:var(--border-color);border-bottom-width:var(--border-width);border-bottom-style:var(--border-style);border-bottom-color:var(--border-color);}'
6765
- };
6766
-
6767
- function List($$anchor, $$props) {
6768
- $.push($$props, false);
6769
- $.append_styles($$anchor, $$css$6);
6770
-
6771
- const variables = $.mutable_state();
6772
- const style = $.mutable_state();
6773
- let layerId = $.prop($$props, 'layerId', 8);
6774
- let props = $.prop($$props, 'props', 8);
6775
-
6776
- useInjectCustomizeCss(props());
6777
-
6778
- setContext(LIST_ITEM_CONTEXT_KEY, {
6779
- paddingTop: props().itemPaddingTop,
6780
- paddingLeft: props().itemPaddingLeft,
6781
- paddingRight: props().itemPaddingRight,
6782
- paddingBottom: props().itemPaddingBottom,
6783
- height: props().itemHeight,
6784
- borderTopWidth: props().borderWidth,
6785
- borderTopColor: props().borderColor,
6786
- borderTopStyle: props().borderStyle,
6787
- gap: props().itemGap
6788
- });
6789
-
6790
- $.legacy_pre_effect(() => ($.deep_read_state(props())), () => {
6791
- $.set(variables, {
6792
- ...props().borderWidth
6793
- ? {
6794
- '--border-width': props().borderWidth,
6795
- '--border-color': props().borderColor,
6796
- '--border-style': props().borderStyle ?? 'solid'
6797
- }
6798
- : {}
6799
- });
6800
- });
6801
-
6802
- $.legacy_pre_effect(
6803
- () => (
6804
- $.deep_read_state(props()),
6805
- $.get(variables)
6806
- ),
6807
- () => {
6808
- $.set(style, objToStyle({
6809
- width: props().width ?? '100%',
6810
- ...$.get(variables)
6811
- }));
6812
- }
6813
- );
6814
-
6815
- $.legacy_pre_effect_reset();
6816
- $.init();
6817
-
6818
- var ul = root$7();
6819
- var node = $.child(ul);
6820
-
6821
- $.slot(node, $$props, 'default', {}, null);
6822
- $.reset(ul);
6823
-
6824
- $.template_effect(() => {
6825
- $.set_attribute(ul, 'data-layer-id', layerId());
6826
- $.set_style(ul, $.get(style));
6827
- });
6828
-
6829
- $.append($$anchor, ul);
6830
- $.pop();
6831
- }
6832
-
6833
- var root$6 = $.template(`<li class="list-item svelte-1223veg"><!></li>`);
6834
-
6835
- const $$css$5 = {
6836
6783
  hash: 'svelte-1223veg',
6837
6784
  code: '.list-item.svelte-1223veg {margin:0;padding:0;}.list-item-inner.svelte-1223veg {display:flex;align-items:center;width:100%;text-decoration:none;color:inherit;}.list-item-inner.svelte-1223veg:hover {opacity:0.8;}.list-item.svelte-1223veg:not(:first-child) {border-top-width:var(--list-item-border-width);border-top-style:var(--list-item-border-style);border-top-color:var(--list-item-border-color);}'
6838
6785
  };
6839
6786
 
6840
6787
  function ListItem($$anchor, $$props) {
6841
6788
  $.push($$props, false);
6842
- $.append_styles($$anchor, $$css$5);
6789
+ $.append_styles($$anchor, $$css$6);
6843
6790
 
6844
6791
  const variables = $.mutable_state();
6845
6792
  const style = $.mutable_state();
6846
6793
  const innerStyle = $.mutable_state();
6847
6794
  let layerId = $.prop($$props, 'layerId', 8);
6848
6795
  let props = $.prop($$props, 'props', 8);
6796
+ $.prop($$props, 'item', 8);
6849
6797
 
6850
6798
  useInjectCustomizeCss(props());
6851
6799
 
@@ -6881,7 +6829,7 @@ function ListItem($$anchor, $$props) {
6881
6829
  $.legacy_pre_effect_reset();
6882
6830
  $.init();
6883
6831
 
6884
- var li = root$6();
6832
+ var li = root$7();
6885
6833
  var node = $.child(li);
6886
6834
 
6887
6835
  $.element(node, () => element, false, ($$element, $$anchor) => {
@@ -6918,6 +6866,95 @@ function ListItem($$anchor, $$props) {
6918
6866
  $.pop();
6919
6867
  }
6920
6868
 
6869
+ var root$6 = $.template(`<ul class="list svelte-v2vy6p"><!></ul>`);
6870
+
6871
+ const $$css$5 = {
6872
+ hash: 'svelte-v2vy6p',
6873
+ code: '.list.svelte-v2vy6p {padding:0;margin:0;list-style:none;display:flex;flex-direction:column;--border-width: 0;--border-style: solit;--border-color: rgba(255, 255, 255, 0);border-top-width:var(--border-width);border-top-style:var(--border-style);border-top-color:var(--border-color);border-bottom-width:var(--border-width);border-bottom-style:var(--border-style);border-bottom-color:var(--border-color);}'
6874
+ };
6875
+
6876
+ function List($$anchor, $$props) {
6877
+ $.push($$props, false);
6878
+ $.append_styles($$anchor, $$css$5);
6879
+
6880
+ const variables = $.mutable_state();
6881
+ const actionTableData = $.mutable_state();
6882
+ const items = $.mutable_state();
6883
+ const style = $.mutable_state();
6884
+ let layerId = $.prop($$props, 'layerId', 8);
6885
+ let props = $.prop($$props, 'props', 8);
6886
+
6887
+ useInjectCustomizeCss(props());
6888
+
6889
+ const vars = getVariables();
6890
+
6891
+ console.log(vars);
6892
+ console.log(props().actionTableKey);
6893
+ console.log(vars[props().actionTableKey]);
6894
+
6895
+ setContext(LIST_ITEM_CONTEXT_KEY, {
6896
+ paddingTop: props().itemPaddingTop,
6897
+ paddingLeft: props().itemPaddingLeft,
6898
+ paddingRight: props().itemPaddingRight,
6899
+ paddingBottom: props().itemPaddingBottom,
6900
+ height: props().itemHeight,
6901
+ borderTopWidth: props().borderWidth,
6902
+ borderTopColor: props().borderColor,
6903
+ borderTopStyle: props().borderStyle,
6904
+ gap: props().itemGap
6905
+ });
6906
+
6907
+ $.legacy_pre_effect(() => ($.deep_read_state(props())), () => {
6908
+ $.set(variables, {
6909
+ ...props().borderWidth
6910
+ ? {
6911
+ '--border-width': props().borderWidth,
6912
+ '--border-color': props().borderColor,
6913
+ '--border-style': props().borderStyle ?? 'solid'
6914
+ }
6915
+ : {}
6916
+ });
6917
+ });
6918
+
6919
+ $.legacy_pre_effect(() => ($.deep_read_state(props())), () => {
6920
+ $.set(actionTableData, vars[props().actionTableKey]);
6921
+ });
6922
+
6923
+ $.legacy_pre_effect(() => ($.get(actionTableData)), () => {
6924
+ $.set(items, Array.isArray($.get(actionTableData)) ? $.get(actionTableData) : null);
6925
+ });
6926
+
6927
+ $.legacy_pre_effect(
6928
+ () => (
6929
+ $.deep_read_state(props()),
6930
+ $.get(variables)
6931
+ ),
6932
+ () => {
6933
+ $.set(style, objToStyle({
6934
+ width: props().width ?? '100%',
6935
+ ...$.get(variables)
6936
+ }));
6937
+ }
6938
+ );
6939
+
6940
+ $.legacy_pre_effect_reset();
6941
+ $.init();
6942
+
6943
+ var ul = root$6();
6944
+ var node = $.child(ul);
6945
+
6946
+ $.slot(node, $$props, 'default', {}, null);
6947
+ $.reset(ul);
6948
+
6949
+ $.template_effect(() => {
6950
+ $.set_attribute(ul, 'data-layer-id', layerId());
6951
+ $.set_style(ul, $.get(style));
6952
+ });
6953
+
6954
+ $.append($$anchor, ul);
6955
+ $.pop();
6956
+ }
6957
+
6921
6958
  const MULTI_COLUMN_ITEM_CONTEXT_KEY = 'MultiColumnItemContext';
6922
6959
 
6923
6960
  function splitNumberAndUnit(value) {
@@ -7039,8 +7076,6 @@ function MultiColumnItem($$anchor, $$props) {
7039
7076
  const { attributes, element, handleClick } = useClickable(props());
7040
7077
  const context = getContext(MULTI_COLUMN_ITEM_CONTEXT_KEY) || {};
7041
7078
 
7042
- console.log(context);
7043
-
7044
7079
  $.legacy_pre_effect(() => {}, () => {
7045
7080
  $.set(variables, {
7046
7081
  '--multi-column-item-padding-top': context.paddingTop ?? '0',
@@ -7274,12 +7309,6 @@ function CountDown($$anchor, $$props) {
7274
7309
  }
7275
7310
 
7276
7311
  function onEachSecond() {
7277
- console.log({
7278
- timeLimit: timeLimit.getTime(),
7279
- now: new Date().getTime(),
7280
- calced: calcRemainingTime(timeLimit.getTime())
7281
- });
7282
-
7283
7312
  const _remainingTime = calcRemainingTime(timeLimit.getTime());
7284
7313
 
7285
7314
  if (_remainingTime > 0) {
@@ -7291,8 +7320,6 @@ function CountDown($$anchor, $$props) {
7291
7320
  execOnClickOperation(props().onEnd);
7292
7321
  }
7293
7322
  }
7294
-
7295
- console.log($.get(remainingTime));
7296
7323
  }
7297
7324
 
7298
7325
  onMount$1(() => {
@@ -7443,13 +7470,8 @@ function CountDownValue($$anchor, $$props) {
7443
7470
  let props = $.prop($$props, 'props', 24, () => ({}));
7444
7471
  let layerId = $.prop($$props, 'layerId', 8, '');
7445
7472
  let countdownStore = getContext('countdownStore');
7446
-
7447
- console.log(countdownStore);
7448
-
7449
7473
  let { style } = useText(props());
7450
7474
 
7451
- console.log($.get(value));
7452
-
7453
7475
  $.legacy_pre_effect(
7454
7476
  () => (
7455
7477
  $countdownStore(),
@@ -7524,7 +7546,6 @@ function ClipCopy($$anchor, $$props) {
7524
7546
 
7525
7547
  const targetText = props().content ?? $.get(buttonElement)?.innerText ?? '';
7526
7548
 
7527
- console.log(targetText);
7528
7549
  navigator.clipboard.writeText(targetText);
7529
7550
  send_event('_click_copy', { text: targetText });
7530
7551
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@plaidev/karte-action-sdk",
3
- "version": "1.1.264-29046374.a006e69f",
3
+ "version": "1.1.264-29051600.c90abff9",
4
4
  "author": "Plaid Inc.",
5
5
  "license": "Apache-2.0",
6
6
  "module": "./dist/index.es.js",