@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/hydrate/index.es.d.ts +15 -1
- package/dist/hydrate/index.es.js +189 -120
- package/dist/index.es.d.ts +15 -1
- package/dist/index.es.js +173 -110
- package/package.json +1 -1
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-
|
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[
|
6640
|
-
child_ctx[
|
6644
|
+
child_ctx[57] = list[i];
|
6645
|
+
child_ctx[59] = i;
|
6641
6646
|
return child_ctx;
|
6642
6647
|
}
|
6643
6648
|
|
6644
|
-
// (
|
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
|
-
|
6658
|
-
|
6659
|
-
attr(
|
6660
|
-
attr(
|
6661
|
-
attr(
|
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,
|
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(
|
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(
|
6685
|
+
attr(svg, "style", /*prevIconStyle*/ ctx[9]);
|
6676
6686
|
}
|
6677
6687
|
|
6678
|
-
if (dirty[0] & /*
|
6679
|
-
attr(
|
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(
|
6693
|
+
if (detaching) detach(div1);
|
6684
6694
|
mounted = false;
|
6685
6695
|
dispose();
|
6686
6696
|
}
|
6687
6697
|
};
|
6688
6698
|
}
|
6689
6699
|
|
6690
|
-
// (
|
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
|
-
|
6704
|
-
|
6705
|
-
attr(
|
6706
|
-
attr(
|
6707
|
-
attr(
|
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,
|
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(
|
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*/
|
6721
|
-
attr(
|
6735
|
+
if (dirty[0] & /*nextIconStyle*/ 128) {
|
6736
|
+
attr(svg, "style", /*nextIconStyle*/ ctx[7]);
|
6722
6737
|
}
|
6723
6738
|
|
6724
|
-
if (dirty[0] & /*
|
6725
|
-
attr(
|
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(
|
6744
|
+
if (detaching) detach(div1);
|
6730
6745
|
mounted = false;
|
6731
6746
|
dispose();
|
6732
6747
|
}
|
6733
6748
|
};
|
6734
6749
|
}
|
6735
6750
|
|
6736
|
-
// (
|
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[
|
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-
|
6755
|
-
attr(div0, "style", div0_style_value = /*getNavigationItemInnerStyle*/ ctx[
|
6756
|
-
attr(div1, "class", "navigation-item svelte-
|
6757
|
-
attr(div1, "style", /*navigationItemStyle*/ ctx[
|
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*/
|
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*/
|
6777
|
-
attr(div1, "style", /*navigationItemStyle*/ ctx[
|
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[
|
6799
|
-
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[
|
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[
|
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-
|
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-
|
6829
|
-
attr(div2, "class", "navigation svelte-
|
6830
|
-
attr(div2, "style", /*navigationStyle*/ ctx[
|
6831
|
-
attr(div3, "class", "root svelte-
|
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[
|
6843
|
-
/*div1_binding*/ ctx[
|
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*/
|
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[
|
6879
|
+
/*$$scope*/ ctx[30],
|
6865
6880
|
!current
|
6866
|
-
? get_all_dirty_from_scope(/*$$scope*/ ctx[
|
6867
|
-
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[
|
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-
|
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*/
|
6908
|
-
each_value = /*items*/ ctx[
|
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*/
|
6931
|
-
attr(div2, "style", /*navigationStyle*/ ctx[
|
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[
|
6947
|
-
/*div1_binding*/ ctx[
|
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;
|
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;
|
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 {
|
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(
|
7046
|
+
$$invalidate(0, items = [...items, { id, onBeforeSlide, onMount, onResize }]);
|
7015
7047
|
return id;
|
7016
7048
|
},
|
7017
7049
|
unregisterItem: id => {
|
7018
|
-
$$invalidate(
|
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(
|
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(
|
7057
|
-
$$invalidate(
|
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(
|
7078
|
-
$$invalidate(
|
7109
|
+
$$invalidate(28, transitioning = true);
|
7110
|
+
$$invalidate(27, slidePosition = containerWidth * calcPositionIndex(shiftCount, slideIndex, items.length));
|
7079
7111
|
dispatch('change', { nextIndex: slideIndex });
|
7080
|
-
$$invalidate(
|
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(
|
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(
|
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(
|
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(
|
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(
|
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(
|
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(
|
7260
|
-
if ('
|
7261
|
-
if ('
|
7262
|
-
if ('
|
7263
|
-
if ('
|
7264
|
-
if ('
|
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*/
|
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*/
|
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*/
|
7277
|
-
$$invalidate(
|
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*/
|
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*/
|
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
|
-
? `
|
7324
|
+
? `height: ${prevButton.size}; fill: ${prevButton.color};`
|
7291
7325
|
: '');
|
7292
7326
|
}
|
7293
7327
|
|
7294
|
-
if ($$self.$$.dirty[0] & /*
|
7295
|
-
$$invalidate(8,
|
7296
|
-
|
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] & /*
|
7301
|
-
$$invalidate(
|
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*/
|
7305
|
-
$$invalidate(
|
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:
|
7362
|
-
|
7363
|
-
|
7364
|
-
|
7365
|
-
|
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 };
|