@plaidev/karte-action-sdk 1.1.126 → 1.1.127-27953328.1721c5e0
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 +69 -2
- package/dist/hydrate/index.es.js +303 -147
- package/dist/index.es.d.ts +69 -2
- package/dist/index.es.js +284 -137
- package/dist/templates.cjs.js +2 -1
- package/dist/templates.js +2 -1
- package/package.json +1 -1
package/dist/hydrate/index.es.js
CHANGED
@@ -437,6 +437,32 @@ function updateInternalHandlers(handlers) {
|
|
437
437
|
});
|
438
438
|
return getInternalHandlers();
|
439
439
|
}
|
440
|
+
/**
|
441
|
+
* Store to handle internal event handlers for widget API
|
442
|
+
*
|
443
|
+
* @internal
|
444
|
+
*/
|
445
|
+
const widgetHandlers = writable({});
|
446
|
+
/**
|
447
|
+
* {@link getWidgetHandlers} function to get internal event handlers for widget API.
|
448
|
+
*
|
449
|
+
* @param handlers - New internal widget event handlers
|
450
|
+
*
|
451
|
+
* @returns Current internal widget handlers
|
452
|
+
*
|
453
|
+
* @internal
|
454
|
+
*/
|
455
|
+
function getWidgetHandlers() {
|
456
|
+
return get(widgetHandlers);
|
457
|
+
}
|
458
|
+
/**
|
459
|
+
* {@link setWidgetHandlers} function to set internal event handlers.
|
460
|
+
*
|
461
|
+
* @internal
|
462
|
+
*/
|
463
|
+
function setWidgetHandlers(handlers) {
|
464
|
+
widgetHandlers.set(handlers);
|
465
|
+
}
|
440
466
|
/**
|
441
467
|
* Store to handle custom event handlers
|
442
468
|
*
|
@@ -908,9 +934,11 @@ const EVENTS_LIMIT = 1000;
|
|
908
934
|
let logs = [];
|
909
935
|
// KARTEイベント
|
910
936
|
let events = [];
|
937
|
+
/** @internal */
|
911
938
|
function getLogs() {
|
912
939
|
return logs;
|
913
940
|
}
|
941
|
+
/** @internal */
|
914
942
|
function getEvents() {
|
915
943
|
return events;
|
916
944
|
}
|
@@ -920,22 +948,24 @@ function w(w) {
|
|
920
948
|
}
|
921
949
|
/**
|
922
950
|
* ログを送信する関数群
|
951
|
+
*
|
952
|
+
* @internal
|
923
953
|
*/
|
924
954
|
const logger = {
|
925
955
|
info: (...messages) => {
|
926
|
-
const log = { level: 'info', messages, date: new Date() };
|
956
|
+
const log = cloneToJson({ level: 'info', messages, date: new Date() });
|
927
957
|
w(window).postMessage({ type: 'KARTE-ACTION-LOGGER', detail: { method: 'log', log } }, '*');
|
928
958
|
},
|
929
959
|
log: (...messages) => {
|
930
|
-
const log = { level: 'info', messages, date: new Date() };
|
960
|
+
const log = cloneToJson({ level: 'info', messages, date: new Date() });
|
931
961
|
w(window).postMessage({ type: 'KARTE-ACTION-LOGGER', detail: { method: 'log', log } }, '*');
|
932
962
|
},
|
933
963
|
error: (...messages) => {
|
934
|
-
const log = { level: 'error', messages, date: new Date() };
|
964
|
+
const log = cloneToJson({ level: 'error', messages, date: new Date() });
|
935
965
|
w(window).postMessage({ type: 'KARTE-ACTION-LOGGER', detail: { method: 'log', log } }, '*');
|
936
966
|
},
|
937
967
|
warn: (...messages) => {
|
938
|
-
const log = { level: 'warn', messages, date: new Date() };
|
968
|
+
const log = cloneToJson({ level: 'warn', messages, date: new Date() });
|
939
969
|
w(window).postMessage({ type: 'KARTE-ACTION-LOGGER', detail: { method: 'log', log } }, '*');
|
940
970
|
},
|
941
971
|
event: (name, values) => {
|
@@ -954,6 +984,8 @@ const logger = {
|
|
954
984
|
};
|
955
985
|
/**
|
956
986
|
* メッセージを実行ログに表示する
|
987
|
+
*
|
988
|
+
* @internal
|
957
989
|
*/
|
958
990
|
function listenLogger() {
|
959
991
|
const handler = (event) => {
|
@@ -997,6 +1029,8 @@ function listenLogger() {
|
|
997
1029
|
const { info, log, error, warn } = console;
|
998
1030
|
/**
|
999
1031
|
* consoleログを実行ログに表示する
|
1032
|
+
*
|
1033
|
+
* @internal
|
1000
1034
|
*/
|
1001
1035
|
function listenConsoleLogger() {
|
1002
1036
|
const cleanup = listenLogger();
|
@@ -1024,6 +1058,14 @@ function listenConsoleLogger() {
|
|
1024
1058
|
console.warn = warn;
|
1025
1059
|
};
|
1026
1060
|
}
|
1061
|
+
function cloneToJson(data) {
|
1062
|
+
try {
|
1063
|
+
return JSON.parse(JSON.stringify(data));
|
1064
|
+
}
|
1065
|
+
catch (e) {
|
1066
|
+
return data;
|
1067
|
+
}
|
1068
|
+
}
|
1027
1069
|
|
1028
1070
|
function doPresent({ direction, deltaRate }, downFn, upFn, condition = false) {
|
1029
1071
|
if (direction === 'down' && deltaRate > 0) {
|
@@ -1289,6 +1331,11 @@ const WritingModes = ['horizontal-tb', 'vertical-lr'];
|
|
1289
1331
|
/** @internal */
|
1290
1332
|
const ListSeparatorTypes = ['none', 'border', 'gap'];
|
1291
1333
|
/** @internal */
|
1334
|
+
const DefaultEdgePosition = {
|
1335
|
+
edgeDistance: '8px',
|
1336
|
+
edgeDirectionOffset: '0px',
|
1337
|
+
};
|
1338
|
+
/** @internal */
|
1292
1339
|
const DefaultListSeparatorNone = {
|
1293
1340
|
type: 'none',
|
1294
1341
|
};
|
@@ -1437,6 +1484,8 @@ const loadActionTable = async (config, api_key, endpoint) => {
|
|
1437
1484
|
}, {});
|
1438
1485
|
};
|
1439
1486
|
|
1487
|
+
/** @internal */
|
1488
|
+
const ACTION_HOOK_LABEL = '__ACTION_HOOK__';
|
1440
1489
|
/**
|
1441
1490
|
* アクションが作成 (create) される前にフックする関数
|
1442
1491
|
*
|
@@ -1490,12 +1539,12 @@ function onClose(fn) {
|
|
1490
1539
|
* @public
|
1491
1540
|
*/
|
1492
1541
|
function onDestroy(fn) {
|
1493
|
-
let {
|
1494
|
-
if (!
|
1495
|
-
|
1542
|
+
let { onDestroyHandlers } = getInternalHandlers();
|
1543
|
+
if (!onDestroyHandlers) {
|
1544
|
+
onDestroyHandlers = [];
|
1496
1545
|
}
|
1497
|
-
|
1498
|
-
updateInternalHandlers({
|
1546
|
+
onDestroyHandlers.push(fn);
|
1547
|
+
updateInternalHandlers({ onDestroyHandlers });
|
1499
1548
|
}
|
1500
1549
|
/**
|
1501
1550
|
* アクションのステートが変更された (changeState) 後にフックする関数
|
@@ -1536,13 +1585,21 @@ function create(App, options = {
|
|
1536
1585
|
};
|
1537
1586
|
const actionProps = { send: options.send, data };
|
1538
1587
|
initialize({ send: options.send });
|
1539
|
-
|
1540
|
-
window.addEventListener(ACTION_DESTROY_EVENT, () => {
|
1588
|
+
const handleDestroy = () => {
|
1541
1589
|
const { onDestroyHandlers } = getInternalHandlers();
|
1542
|
-
onDestroyHandlers?.forEach(h =>
|
1543
|
-
|
1544
|
-
|
1545
|
-
|
1590
|
+
onDestroyHandlers?.forEach(h => {
|
1591
|
+
const actionHookLog = { name: 'onDestroy' };
|
1592
|
+
console.info(`${ACTION_HOOK_LABEL}:${JSON.stringify(actionHookLog)}`);
|
1593
|
+
h(actionProps);
|
1594
|
+
});
|
1595
|
+
// 旧Widget APIの内部で利用するため、実行ログは出力しない
|
1596
|
+
const { onDestroyHandlers: onDestroyWidgetHandlers } = getWidgetHandlers();
|
1597
|
+
if (onDestroyWidgetHandlers) {
|
1598
|
+
onDestroyWidgetHandlers.forEach(h => h(actionProps));
|
1599
|
+
}
|
1600
|
+
};
|
1601
|
+
// NOTE: onCreateより前にListenする必要がある
|
1602
|
+
window.addEventListener(ACTION_DESTROY_EVENT, handleDestroy);
|
1546
1603
|
window.addEventListener('beforeunload', dispatchDestroyEvent, false);
|
1547
1604
|
setSystem({
|
1548
1605
|
// @ts-ignore
|
@@ -1564,9 +1621,14 @@ function create(App, options = {
|
|
1564
1621
|
window.removeEventListener(ACTION_CHANGE_STATE_EVENT, handleState);
|
1565
1622
|
const { onCloseHandlers } = getInternalHandlers();
|
1566
1623
|
if (onCloseHandlers) {
|
1567
|
-
onCloseHandlers.forEach(h =>
|
1624
|
+
onCloseHandlers.forEach(h => {
|
1625
|
+
const actionHookLog = { name: 'onClose', values: { trigger } };
|
1626
|
+
console.info(`${ACTION_HOOK_LABEL}:${JSON.stringify(actionHookLog)}`);
|
1627
|
+
h({ send: options.send, data }, trigger);
|
1628
|
+
});
|
1568
1629
|
}
|
1569
1630
|
finalize();
|
1631
|
+
dispatchDestroyEvent();
|
1570
1632
|
app.$destroy();
|
1571
1633
|
app = null;
|
1572
1634
|
};
|
@@ -1592,12 +1654,28 @@ function create(App, options = {
|
|
1592
1654
|
onShow: (props) => {
|
1593
1655
|
const { onShowHandlers } = getInternalHandlers();
|
1594
1656
|
if (onShowHandlers) {
|
1595
|
-
onShowHandlers.forEach(h =>
|
1657
|
+
onShowHandlers.forEach(h => {
|
1658
|
+
const actionHookLog = { name: 'onShow' };
|
1659
|
+
console.info(`${ACTION_HOOK_LABEL}:${JSON.stringify(actionHookLog)}`);
|
1660
|
+
h(props);
|
1661
|
+
});
|
1596
1662
|
}
|
1597
1663
|
},
|
1598
1664
|
onChangeState: (props, newState) => {
|
1599
1665
|
const { onChangeStateHandlers } = getInternalHandlers();
|
1600
1666
|
if (onChangeStateHandlers) {
|
1667
|
+
onChangeStateHandlers.forEach(h => {
|
1668
|
+
const actionHookLog = {
|
1669
|
+
name: 'onChangeState',
|
1670
|
+
values: { newState },
|
1671
|
+
};
|
1672
|
+
console.info(`${ACTION_HOOK_LABEL}:${JSON.stringify(actionHookLog)}`);
|
1673
|
+
h(props, newState);
|
1674
|
+
});
|
1675
|
+
}
|
1676
|
+
// 旧Widget APIの内部で利用するため、実行ログは出力しない
|
1677
|
+
const { onChangeStateHandlers: onChangeWidgetStateHandlers } = getWidgetHandlers();
|
1678
|
+
if (onChangeWidgetStateHandlers) {
|
1601
1679
|
onChangeStateHandlers.forEach(h => h(props, newState));
|
1602
1680
|
}
|
1603
1681
|
},
|
@@ -1631,14 +1709,20 @@ function create(App, options = {
|
|
1631
1709
|
}
|
1632
1710
|
const { onCreateHandlers } = getInternalHandlers();
|
1633
1711
|
if (onCreateHandlers) {
|
1634
|
-
onCreateHandlers.forEach(h =>
|
1712
|
+
onCreateHandlers.forEach(h => {
|
1713
|
+
h({ send: options.send, data });
|
1714
|
+
console.debug(`${ACTION_HOOK_LABEL}: onCreate`);
|
1715
|
+
});
|
1635
1716
|
}
|
1636
1717
|
// 初期化処理
|
1637
1718
|
// NOTE: onCreateの後に実行する必要がある
|
1638
1719
|
if (isDestroyed()) {
|
1639
1720
|
return () => {
|
1721
|
+
loggerCleanup();
|
1640
1722
|
window.removeEventListener(ACTION_SHOW_EVENT, show);
|
1641
1723
|
window.removeEventListener(ACTION_CLOSE_EVENT, handleClose);
|
1724
|
+
window.removeEventListener(ACTION_DESTROY_EVENT, handleDestroy);
|
1725
|
+
window.removeEventListener('beforeunload', dispatchDestroyEvent, false);
|
1642
1726
|
};
|
1643
1727
|
}
|
1644
1728
|
let hideCleanup = NOOP;
|
@@ -1654,6 +1738,8 @@ function create(App, options = {
|
|
1654
1738
|
loggerCleanup();
|
1655
1739
|
window.removeEventListener(ACTION_SHOW_EVENT, show);
|
1656
1740
|
window.removeEventListener(ACTION_CLOSE_EVENT, handleClose);
|
1741
|
+
window.removeEventListener(ACTION_DESTROY_EVENT, handleDestroy);
|
1742
|
+
window.removeEventListener('beforeunload', dispatchDestroyEvent, false);
|
1657
1743
|
};
|
1658
1744
|
}
|
1659
1745
|
/**
|
@@ -1969,15 +2055,21 @@ const STORE_LS_KEY_PREFIX = 'krt___';
|
|
1969
2055
|
const valCallbacks = {};
|
1970
2056
|
const eventCallbacks = {};
|
1971
2057
|
const memoryStore = {};
|
1972
|
-
|
1973
|
-
|
1974
|
-
|
1975
|
-
|
1976
|
-
|
1977
|
-
|
1978
|
-
|
1979
|
-
|
1980
|
-
|
2058
|
+
setWidgetHandlers({
|
2059
|
+
onChangeState: [
|
2060
|
+
(_props, newState) => {
|
2061
|
+
setVal('state', newState);
|
2062
|
+
},
|
2063
|
+
],
|
2064
|
+
onDestroy: [
|
2065
|
+
() => {
|
2066
|
+
Object.entries(eventCallbacks).map(([name, cbs]) => {
|
2067
|
+
cbs.forEach(cb => {
|
2068
|
+
window.removeEventListener(name, cb);
|
2069
|
+
});
|
2070
|
+
});
|
2071
|
+
},
|
2072
|
+
],
|
1981
2073
|
});
|
1982
2074
|
/**
|
1983
2075
|
* 変数を設定する
|
@@ -7024,137 +7116,153 @@ class FormRatingButtons extends SvelteComponent {
|
|
7024
7116
|
/* src/components/Slide.svelte generated by Svelte v3.53.1 */
|
7025
7117
|
|
7026
7118
|
function add_css$4(target) {
|
7027
|
-
append_styles(target, "svelte-
|
7119
|
+
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%}");
|
7028
7120
|
}
|
7029
7121
|
|
7030
7122
|
function get_each_context(ctx, list, i) {
|
7031
7123
|
const child_ctx = ctx.slice();
|
7032
|
-
child_ctx[
|
7033
|
-
child_ctx[
|
7124
|
+
child_ctx[57] = list[i];
|
7125
|
+
child_ctx[59] = i;
|
7034
7126
|
return child_ctx;
|
7035
7127
|
}
|
7036
7128
|
|
7037
|
-
// (
|
7129
|
+
// (349:2) {#if isVisiblePrevButton}
|
7038
7130
|
function create_if_block_1(ctx) {
|
7039
|
-
let div2;
|
7040
7131
|
let div1;
|
7041
7132
|
let div0;
|
7133
|
+
let svg;
|
7134
|
+
let polygon;
|
7042
7135
|
let mounted;
|
7043
7136
|
let dispose;
|
7044
7137
|
|
7045
7138
|
return {
|
7046
7139
|
c() {
|
7047
|
-
div2 = element("div");
|
7048
7140
|
div1 = element("div");
|
7049
7141
|
div0 = element("div");
|
7142
|
+
svg = svg_element("svg");
|
7143
|
+
polygon = svg_element("polygon");
|
7050
7144
|
this.h();
|
7051
7145
|
},
|
7052
7146
|
l(nodes) {
|
7053
|
-
|
7054
|
-
var div2_nodes = children(div2);
|
7055
|
-
div1 = claim_element(div2_nodes, "DIV", { class: true, style: true });
|
7147
|
+
div1 = claim_element(nodes, "DIV", { class: true });
|
7056
7148
|
var div1_nodes = children(div1);
|
7057
7149
|
div0 = claim_element(div1_nodes, "DIV", { class: true, style: true });
|
7058
|
-
children(div0)
|
7150
|
+
var div0_nodes = children(div0);
|
7151
|
+
svg = claim_svg_element(div0_nodes, "svg", { viewBox: true, xmlns: true, style: true });
|
7152
|
+
var svg_nodes = children(svg);
|
7153
|
+
polygon = claim_svg_element(svg_nodes, "polygon", { points: true });
|
7154
|
+
children(polygon).forEach(detach);
|
7155
|
+
svg_nodes.forEach(detach);
|
7156
|
+
div0_nodes.forEach(detach);
|
7059
7157
|
div1_nodes.forEach(detach);
|
7060
|
-
div2_nodes.forEach(detach);
|
7061
7158
|
this.h();
|
7062
7159
|
},
|
7063
7160
|
h() {
|
7064
|
-
attr(
|
7065
|
-
attr(
|
7066
|
-
attr(
|
7067
|
-
attr(
|
7068
|
-
attr(
|
7161
|
+
attr(polygon, "points", "8,0 10,2 4,8 10,14 8,16 0,8");
|
7162
|
+
attr(svg, "viewBox", "0 0 10 16");
|
7163
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
7164
|
+
attr(svg, "style", /*prevIconStyle*/ ctx[9]);
|
7165
|
+
attr(div0, "class", "button-container svelte-c7zaph");
|
7166
|
+
attr(div0, "style", /*_prevButtonContainerStyle*/ ctx[8]);
|
7167
|
+
attr(div1, "class", "prev-button svelte-c7zaph");
|
7069
7168
|
},
|
7070
7169
|
m(target, anchor) {
|
7071
|
-
insert_hydration(target,
|
7072
|
-
append_hydration(div2, div1);
|
7170
|
+
insert_hydration(target, div1, anchor);
|
7073
7171
|
append_hydration(div1, div0);
|
7172
|
+
append_hydration(div0, svg);
|
7173
|
+
append_hydration(svg, polygon);
|
7074
7174
|
|
7075
7175
|
if (!mounted) {
|
7076
|
-
dispose = listen(
|
7176
|
+
dispose = listen(div1, "click", /*prev*/ ctx[14]);
|
7077
7177
|
mounted = true;
|
7078
7178
|
}
|
7079
7179
|
},
|
7080
7180
|
p(ctx, dirty) {
|
7081
7181
|
if (dirty[0] & /*prevIconStyle*/ 512) {
|
7082
|
-
attr(
|
7182
|
+
attr(svg, "style", /*prevIconStyle*/ ctx[9]);
|
7083
7183
|
}
|
7084
7184
|
|
7085
|
-
if (dirty[0] & /*
|
7086
|
-
attr(
|
7185
|
+
if (dirty[0] & /*_prevButtonContainerStyle*/ 256) {
|
7186
|
+
attr(div0, "style", /*_prevButtonContainerStyle*/ ctx[8]);
|
7087
7187
|
}
|
7088
7188
|
},
|
7089
7189
|
d(detaching) {
|
7090
|
-
if (detaching) detach(
|
7190
|
+
if (detaching) detach(div1);
|
7091
7191
|
mounted = false;
|
7092
7192
|
dispose();
|
7093
7193
|
}
|
7094
7194
|
};
|
7095
7195
|
}
|
7096
7196
|
|
7097
|
-
// (
|
7197
|
+
// (358:2) {#if isVisibleNextButton}
|
7098
7198
|
function create_if_block(ctx) {
|
7099
|
-
let div2;
|
7100
7199
|
let div1;
|
7101
7200
|
let div0;
|
7201
|
+
let svg;
|
7202
|
+
let polygon;
|
7102
7203
|
let mounted;
|
7103
7204
|
let dispose;
|
7104
7205
|
|
7105
7206
|
return {
|
7106
7207
|
c() {
|
7107
|
-
div2 = element("div");
|
7108
7208
|
div1 = element("div");
|
7109
7209
|
div0 = element("div");
|
7210
|
+
svg = svg_element("svg");
|
7211
|
+
polygon = svg_element("polygon");
|
7110
7212
|
this.h();
|
7111
7213
|
},
|
7112
7214
|
l(nodes) {
|
7113
|
-
|
7114
|
-
var div2_nodes = children(div2);
|
7115
|
-
div1 = claim_element(div2_nodes, "DIV", { class: true, style: true });
|
7215
|
+
div1 = claim_element(nodes, "DIV", { class: true });
|
7116
7216
|
var div1_nodes = children(div1);
|
7117
7217
|
div0 = claim_element(div1_nodes, "DIV", { class: true, style: true });
|
7118
|
-
children(div0)
|
7218
|
+
var div0_nodes = children(div0);
|
7219
|
+
svg = claim_svg_element(div0_nodes, "svg", { viewBox: true, xmlns: true, style: true });
|
7220
|
+
var svg_nodes = children(svg);
|
7221
|
+
polygon = claim_svg_element(svg_nodes, "polygon", { points: true });
|
7222
|
+
children(polygon).forEach(detach);
|
7223
|
+
svg_nodes.forEach(detach);
|
7224
|
+
div0_nodes.forEach(detach);
|
7119
7225
|
div1_nodes.forEach(detach);
|
7120
|
-
div2_nodes.forEach(detach);
|
7121
7226
|
this.h();
|
7122
7227
|
},
|
7123
7228
|
h() {
|
7124
|
-
attr(
|
7125
|
-
attr(
|
7126
|
-
attr(
|
7127
|
-
attr(
|
7128
|
-
attr(
|
7229
|
+
attr(polygon, "points", "2,0 10,8 2,16 0,14 6,8 0,2");
|
7230
|
+
attr(svg, "viewBox", "0 0 10 16");
|
7231
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
7232
|
+
attr(svg, "style", /*nextIconStyle*/ ctx[7]);
|
7233
|
+
attr(div0, "class", "button-container svelte-c7zaph");
|
7234
|
+
attr(div0, "style", /*_nextButtonContainerStyle*/ ctx[6]);
|
7235
|
+
attr(div1, "class", "next-button svelte-c7zaph");
|
7129
7236
|
},
|
7130
7237
|
m(target, anchor) {
|
7131
|
-
insert_hydration(target,
|
7132
|
-
append_hydration(div2, div1);
|
7238
|
+
insert_hydration(target, div1, anchor);
|
7133
7239
|
append_hydration(div1, div0);
|
7240
|
+
append_hydration(div0, svg);
|
7241
|
+
append_hydration(svg, polygon);
|
7134
7242
|
|
7135
7243
|
if (!mounted) {
|
7136
|
-
dispose = listen(
|
7244
|
+
dispose = listen(div1, "click", /*next*/ ctx[15]);
|
7137
7245
|
mounted = true;
|
7138
7246
|
}
|
7139
7247
|
},
|
7140
7248
|
p(ctx, dirty) {
|
7141
|
-
if (dirty[0] & /*nextIconStyle*/
|
7142
|
-
attr(
|
7249
|
+
if (dirty[0] & /*nextIconStyle*/ 128) {
|
7250
|
+
attr(svg, "style", /*nextIconStyle*/ ctx[7]);
|
7143
7251
|
}
|
7144
7252
|
|
7145
|
-
if (dirty[0] & /*
|
7146
|
-
attr(
|
7253
|
+
if (dirty[0] & /*_nextButtonContainerStyle*/ 64) {
|
7254
|
+
attr(div0, "style", /*_nextButtonContainerStyle*/ ctx[6]);
|
7147
7255
|
}
|
7148
7256
|
},
|
7149
7257
|
d(detaching) {
|
7150
|
-
if (detaching) detach(
|
7258
|
+
if (detaching) detach(div1);
|
7151
7259
|
mounted = false;
|
7152
7260
|
dispose();
|
7153
7261
|
}
|
7154
7262
|
};
|
7155
7263
|
}
|
7156
7264
|
|
7157
|
-
// (
|
7265
|
+
// (371:4) {#each items as _, i}
|
7158
7266
|
function create_each_block(ctx) {
|
7159
7267
|
let div1;
|
7160
7268
|
let div0;
|
@@ -7164,7 +7272,7 @@ function create_each_block(ctx) {
|
|
7164
7272
|
let dispose;
|
7165
7273
|
|
7166
7274
|
function click_handler() {
|
7167
|
-
return /*click_handler*/ ctx[
|
7275
|
+
return /*click_handler*/ ctx[34](/*i*/ ctx[59]);
|
7168
7276
|
}
|
7169
7277
|
|
7170
7278
|
return {
|
@@ -7184,10 +7292,10 @@ function create_each_block(ctx) {
|
|
7184
7292
|
this.h();
|
7185
7293
|
},
|
7186
7294
|
h() {
|
7187
|
-
attr(div0, "class", "navigation-item-inner circle svelte-
|
7188
|
-
attr(div0, "style", div0_style_value = /*getNavigationItemInnerStyle*/ ctx[
|
7189
|
-
attr(div1, "class", "navigation-item svelte-
|
7190
|
-
attr(div1, "style", /*navigationItemStyle*/ ctx[
|
7295
|
+
attr(div0, "class", "navigation-item-inner circle svelte-c7zaph");
|
7296
|
+
attr(div0, "style", div0_style_value = /*getNavigationItemInnerStyle*/ ctx[4](/*i*/ ctx[59]));
|
7297
|
+
attr(div1, "class", "navigation-item svelte-c7zaph");
|
7298
|
+
attr(div1, "style", /*navigationItemStyle*/ ctx[5]);
|
7191
7299
|
},
|
7192
7300
|
m(target, anchor) {
|
7193
7301
|
insert_hydration(target, div1, anchor);
|
@@ -7202,12 +7310,12 @@ function create_each_block(ctx) {
|
|
7202
7310
|
p(new_ctx, dirty) {
|
7203
7311
|
ctx = new_ctx;
|
7204
7312
|
|
7205
|
-
if (dirty[0] & /*getNavigationItemInnerStyle*/
|
7313
|
+
if (dirty[0] & /*getNavigationItemInnerStyle*/ 16 && div0_style_value !== (div0_style_value = /*getNavigationItemInnerStyle*/ ctx[4](/*i*/ ctx[59]))) {
|
7206
7314
|
attr(div0, "style", div0_style_value);
|
7207
7315
|
}
|
7208
7316
|
|
7209
|
-
if (dirty[0] & /*navigationItemStyle*/
|
7210
|
-
attr(div1, "style", /*navigationItemStyle*/ ctx[
|
7317
|
+
if (dirty[0] & /*navigationItemStyle*/ 32) {
|
7318
|
+
attr(div1, "style", /*navigationItemStyle*/ ctx[5]);
|
7211
7319
|
}
|
7212
7320
|
},
|
7213
7321
|
d(detaching) {
|
@@ -7228,11 +7336,11 @@ function create_fragment$4(ctx) {
|
|
7228
7336
|
let t2;
|
7229
7337
|
let div2;
|
7230
7338
|
let current;
|
7231
|
-
const default_slot_template = /*#slots*/ ctx[
|
7232
|
-
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[
|
7339
|
+
const default_slot_template = /*#slots*/ ctx[31].default;
|
7340
|
+
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[30], null);
|
7233
7341
|
let if_block0 = /*isVisiblePrevButton*/ ctx[11] && create_if_block_1(ctx);
|
7234
7342
|
let if_block1 = /*isVisibleNextButton*/ ctx[10] && create_if_block(ctx);
|
7235
|
-
let each_value = /*items*/ ctx[
|
7343
|
+
let each_value = /*items*/ ctx[0];
|
7236
7344
|
let each_blocks = [];
|
7237
7345
|
|
7238
7346
|
for (let i = 0; i < each_value.length; i += 1) {
|
@@ -7285,12 +7393,12 @@ function create_fragment$4(ctx) {
|
|
7285
7393
|
this.h();
|
7286
7394
|
},
|
7287
7395
|
h() {
|
7288
|
-
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[12]) + " svelte-
|
7396
|
+
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[12]) + " svelte-c7zaph"));
|
7289
7397
|
attr(div0, "style", /*slideStyle*/ ctx[13]);
|
7290
|
-
attr(div1, "class", "container svelte-
|
7291
|
-
attr(div2, "class", "navigation svelte-
|
7292
|
-
attr(div2, "style", /*navigationStyle*/ ctx[
|
7293
|
-
attr(div3, "class", "root svelte-
|
7398
|
+
attr(div1, "class", "container svelte-c7zaph");
|
7399
|
+
attr(div2, "class", "navigation svelte-c7zaph");
|
7400
|
+
attr(div2, "style", /*navigationStyle*/ ctx[3]);
|
7401
|
+
attr(div3, "class", "root svelte-c7zaph");
|
7294
7402
|
},
|
7295
7403
|
m(target, anchor) {
|
7296
7404
|
insert_hydration(target, div3, anchor);
|
@@ -7301,8 +7409,8 @@ function create_fragment$4(ctx) {
|
|
7301
7409
|
default_slot.m(div0, null);
|
7302
7410
|
}
|
7303
7411
|
|
7304
|
-
/*div0_binding*/ ctx[
|
7305
|
-
/*div1_binding*/ ctx[
|
7412
|
+
/*div0_binding*/ ctx[32](div0);
|
7413
|
+
/*div1_binding*/ ctx[33](div1);
|
7306
7414
|
append_hydration(div3, t0);
|
7307
7415
|
if (if_block0) if_block0.m(div3, null);
|
7308
7416
|
append_hydration(div3, t1);
|
@@ -7318,21 +7426,21 @@ function create_fragment$4(ctx) {
|
|
7318
7426
|
},
|
7319
7427
|
p(ctx, dirty) {
|
7320
7428
|
if (default_slot) {
|
7321
|
-
if (default_slot.p && (!current || dirty[0] & /*$$scope*/
|
7429
|
+
if (default_slot.p && (!current || dirty[0] & /*$$scope*/ 1073741824)) {
|
7322
7430
|
update_slot_base(
|
7323
7431
|
default_slot,
|
7324
7432
|
default_slot_template,
|
7325
7433
|
ctx,
|
7326
|
-
/*$$scope*/ ctx[
|
7434
|
+
/*$$scope*/ ctx[30],
|
7327
7435
|
!current
|
7328
|
-
? get_all_dirty_from_scope(/*$$scope*/ ctx[
|
7329
|
-
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[
|
7436
|
+
? get_all_dirty_from_scope(/*$$scope*/ ctx[30])
|
7437
|
+
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[30], dirty, null),
|
7330
7438
|
null
|
7331
7439
|
);
|
7332
7440
|
}
|
7333
7441
|
}
|
7334
7442
|
|
7335
|
-
if (!current || dirty[0] & /*slideClass*/ 4096 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[12]) + " svelte-
|
7443
|
+
if (!current || dirty[0] & /*slideClass*/ 4096 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[12]) + " svelte-c7zaph"))) {
|
7336
7444
|
attr(div0, "class", div0_class_value);
|
7337
7445
|
}
|
7338
7446
|
|
@@ -7366,8 +7474,8 @@ function create_fragment$4(ctx) {
|
|
7366
7474
|
if_block1 = null;
|
7367
7475
|
}
|
7368
7476
|
|
7369
|
-
if (dirty[0] & /*navigationItemStyle, set, getNavigationItemInnerStyle, items*/
|
7370
|
-
each_value = /*items*/ ctx[
|
7477
|
+
if (dirty[0] & /*navigationItemStyle, set, getNavigationItemInnerStyle, items*/ 65585) {
|
7478
|
+
each_value = /*items*/ ctx[0];
|
7371
7479
|
let i;
|
7372
7480
|
|
7373
7481
|
for (i = 0; i < each_value.length; i += 1) {
|
@@ -7389,8 +7497,8 @@ function create_fragment$4(ctx) {
|
|
7389
7497
|
each_blocks.length = each_value.length;
|
7390
7498
|
}
|
7391
7499
|
|
7392
|
-
if (!current || dirty[0] & /*navigationStyle*/
|
7393
|
-
attr(div2, "style", /*navigationStyle*/ ctx[
|
7500
|
+
if (!current || dirty[0] & /*navigationStyle*/ 8) {
|
7501
|
+
attr(div2, "style", /*navigationStyle*/ ctx[3]);
|
7394
7502
|
}
|
7395
7503
|
},
|
7396
7504
|
i(local) {
|
@@ -7405,8 +7513,8 @@ function create_fragment$4(ctx) {
|
|
7405
7513
|
d(detaching) {
|
7406
7514
|
if (detaching) detach(div3);
|
7407
7515
|
if (default_slot) default_slot.d(detaching);
|
7408
|
-
/*div0_binding*/ ctx[
|
7409
|
-
/*div1_binding*/ ctx[
|
7516
|
+
/*div0_binding*/ ctx[32](null);
|
7517
|
+
/*div1_binding*/ ctx[33](null);
|
7410
7518
|
if (if_block0) if_block0.d();
|
7411
7519
|
if (if_block1) if_block1.d();
|
7412
7520
|
destroy_each(each_blocks, detaching);
|
@@ -7433,9 +7541,12 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
7433
7541
|
let isVisiblePrevButton;
|
7434
7542
|
let isVisibleNextButton;
|
7435
7543
|
let prevIconStyle;
|
7544
|
+
let _prevButtonContainerStyle;
|
7436
7545
|
let nextIconStyle;
|
7546
|
+
let _nextButtonContainerStyle;
|
7437
7547
|
let navigationItemStyle;
|
7438
7548
|
let getNavigationItemInnerStyle;
|
7549
|
+
let navigationStyle;
|
7439
7550
|
let { $$slots: slots = {}, $$scope } = $$props;
|
7440
7551
|
let { loop = false } = $$props;
|
7441
7552
|
|
@@ -7447,7 +7558,12 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
7447
7558
|
size: '20px'
|
7448
7559
|
} } = $$props;
|
7449
7560
|
|
7450
|
-
let { prevButtonContainerStyle = 'height: 48px; width: 24px;
|
7561
|
+
let { prevButtonContainerStyle = 'height: 48px; width: 24px;' } = $$props;
|
7562
|
+
|
7563
|
+
let { prevButtonEdgePosition = {
|
7564
|
+
edgeDistance: '8px',
|
7565
|
+
edgeDirectionOffset: '0px'
|
7566
|
+
} } = $$props;
|
7451
7567
|
|
7452
7568
|
let { nextButton = {
|
7453
7569
|
type: 'icon',
|
@@ -7457,7 +7573,12 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
7457
7573
|
size: '20px'
|
7458
7574
|
} } = $$props;
|
7459
7575
|
|
7460
|
-
let { nextButtonContainerStyle = 'height: 48px; width: 24px;
|
7576
|
+
let { nextButtonContainerStyle = 'height: 48px; width: 24px;' } = $$props;
|
7577
|
+
|
7578
|
+
let { nextButtonEdgePosition = {
|
7579
|
+
edgeDistance: '8px',
|
7580
|
+
edgeDirectionOffset: '0px'
|
7581
|
+
} } = $$props;
|
7461
7582
|
|
7462
7583
|
let { navigationButton = {
|
7463
7584
|
type: 'circle',
|
@@ -7466,18 +7587,22 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
7466
7587
|
colorActive: '#666'
|
7467
7588
|
} } = $$props;
|
7468
7589
|
|
7469
|
-
let {
|
7590
|
+
let { navigationEdgePosition = {
|
7591
|
+
edgeDistance: '8px',
|
7592
|
+
edgeDirectionOffset: '0px'
|
7593
|
+
} } = $$props;
|
7594
|
+
|
7470
7595
|
let items = [];
|
7471
7596
|
const dispatch = createEventDispatcher();
|
7472
7597
|
|
7473
7598
|
setContext('SLIDE', {
|
7474
7599
|
registerItem: ({ onBeforeSlide, onMount, onResize }) => {
|
7475
7600
|
const id = new Date().getTime().toString();
|
7476
|
-
$$invalidate(
|
7601
|
+
$$invalidate(0, items = [...items, { id, onBeforeSlide, onMount, onResize }]);
|
7477
7602
|
return id;
|
7478
7603
|
},
|
7479
7604
|
unregisterItem: id => {
|
7480
|
-
$$invalidate(
|
7605
|
+
$$invalidate(0, items = items.filter(item => item.id !== id));
|
7481
7606
|
}
|
7482
7607
|
});
|
7483
7608
|
|
@@ -7504,7 +7629,7 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
7504
7629
|
onBeforeSlide({ shiftCount, index, length: items.length });
|
7505
7630
|
});
|
7506
7631
|
|
7507
|
-
$$invalidate(
|
7632
|
+
$$invalidate(27, slidePosition = slidePosition + containerWidth * (calcPositionIndex(shiftCount, currentSlideId, items.length) - calcPositionIndex(previousShiftCount, currentSlideId, items.length)));
|
7508
7633
|
previousShiftCount = shiftCount;
|
7509
7634
|
resolve();
|
7510
7635
|
});
|
@@ -7515,8 +7640,8 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
7515
7640
|
if (transitioning) {
|
7516
7641
|
const slideRect = slideElement.getBoundingClientRect();
|
7517
7642
|
const containerRect = containerElement.getBoundingClientRect();
|
7518
|
-
$$invalidate(
|
7519
|
-
$$invalidate(
|
7643
|
+
$$invalidate(28, transitioning = false);
|
7644
|
+
$$invalidate(27, slidePosition = slideRect.x - containerRect.x);
|
7520
7645
|
}
|
7521
7646
|
}
|
7522
7647
|
|
@@ -7536,10 +7661,10 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
7536
7661
|
}
|
7537
7662
|
}
|
7538
7663
|
|
7539
|
-
$$invalidate(
|
7540
|
-
$$invalidate(
|
7664
|
+
$$invalidate(28, transitioning = true);
|
7665
|
+
$$invalidate(27, slidePosition = containerWidth * calcPositionIndex(shiftCount, slideIndex, items.length));
|
7541
7666
|
dispatch('change', { nextIndex: slideIndex });
|
7542
|
-
$$invalidate(
|
7667
|
+
$$invalidate(26, currentSlideId = slideIndex);
|
7543
7668
|
});
|
7544
7669
|
}
|
7545
7670
|
|
@@ -7561,7 +7686,7 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
7561
7686
|
const updatedSlidePosition = slidePosition + dx;
|
7562
7687
|
|
7563
7688
|
window.requestAnimationFrame(() => {
|
7564
|
-
$$invalidate(
|
7689
|
+
$$invalidate(27, slidePosition = updatedSlidePosition);
|
7565
7690
|
});
|
7566
7691
|
}
|
7567
7692
|
|
@@ -7581,7 +7706,7 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
7581
7706
|
});
|
7582
7707
|
});
|
7583
7708
|
|
7584
|
-
$$invalidate(
|
7709
|
+
$$invalidate(27, slidePosition = containerWidth * calcPositionIndex(shiftCount, currentSlideId, items.length));
|
7585
7710
|
}
|
7586
7711
|
|
7587
7712
|
function handleMoveEnd() {
|
@@ -7634,7 +7759,7 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
7634
7759
|
}
|
7635
7760
|
|
7636
7761
|
function handleTransitionEnd() {
|
7637
|
-
$$invalidate(
|
7762
|
+
$$invalidate(28, transitioning = false);
|
7638
7763
|
fixSlidePosition();
|
7639
7764
|
}
|
7640
7765
|
|
@@ -7645,7 +7770,7 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
7645
7770
|
item.onMount({ containerElement });
|
7646
7771
|
});
|
7647
7772
|
|
7648
|
-
$$invalidate(
|
7773
|
+
$$invalidate(26, currentSlideId = 0);
|
7649
7774
|
|
7650
7775
|
if (_loop) {
|
7651
7776
|
await fixSlidePosition();
|
@@ -7702,14 +7827,14 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
7702
7827
|
function div0_binding($$value) {
|
7703
7828
|
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
7704
7829
|
slideElement = $$value;
|
7705
|
-
$$invalidate(
|
7830
|
+
$$invalidate(2, slideElement);
|
7706
7831
|
});
|
7707
7832
|
}
|
7708
7833
|
|
7709
7834
|
function div1_binding($$value) {
|
7710
7835
|
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
7711
7836
|
containerElement = $$value;
|
7712
|
-
$$invalidate(
|
7837
|
+
$$invalidate(1, containerElement);
|
7713
7838
|
});
|
7714
7839
|
}
|
7715
7840
|
|
@@ -7718,71 +7843,95 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
7718
7843
|
$$self.$$set = $$props => {
|
7719
7844
|
if ('loop' in $$props) $$invalidate(17, loop = $$props.loop);
|
7720
7845
|
if ('prevButton' in $$props) $$invalidate(18, prevButton = $$props.prevButton);
|
7721
|
-
if ('prevButtonContainerStyle' in $$props) $$invalidate(
|
7722
|
-
if ('
|
7723
|
-
if ('
|
7724
|
-
if ('
|
7725
|
-
if ('
|
7726
|
-
if ('
|
7846
|
+
if ('prevButtonContainerStyle' in $$props) $$invalidate(19, prevButtonContainerStyle = $$props.prevButtonContainerStyle);
|
7847
|
+
if ('prevButtonEdgePosition' in $$props) $$invalidate(20, prevButtonEdgePosition = $$props.prevButtonEdgePosition);
|
7848
|
+
if ('nextButton' in $$props) $$invalidate(21, nextButton = $$props.nextButton);
|
7849
|
+
if ('nextButtonContainerStyle' in $$props) $$invalidate(22, nextButtonContainerStyle = $$props.nextButtonContainerStyle);
|
7850
|
+
if ('nextButtonEdgePosition' in $$props) $$invalidate(23, nextButtonEdgePosition = $$props.nextButtonEdgePosition);
|
7851
|
+
if ('navigationButton' in $$props) $$invalidate(24, navigationButton = $$props.navigationButton);
|
7852
|
+
if ('navigationEdgePosition' in $$props) $$invalidate(25, navigationEdgePosition = $$props.navigationEdgePosition);
|
7853
|
+
if ('$$scope' in $$props) $$invalidate(30, $$scope = $$props.$$scope);
|
7727
7854
|
};
|
7728
7855
|
|
7729
7856
|
$$self.$$.update = () => {
|
7730
|
-
if ($$self.$$.dirty[0] & /*slidePosition*/
|
7857
|
+
if ($$self.$$.dirty[0] & /*slidePosition*/ 134217728) {
|
7731
7858
|
$$invalidate(13, slideStyle = slidePosition != null ? `left: ${slidePosition}px;` : '');
|
7732
7859
|
}
|
7733
7860
|
|
7734
|
-
if ($$self.$$.dirty[0] & /*transitioning*/
|
7861
|
+
if ($$self.$$.dirty[0] & /*transitioning*/ 268435456) {
|
7735
7862
|
$$invalidate(12, slideClass = ['slide', transitioning ? 'transition' : ''].join(' '));
|
7736
7863
|
}
|
7737
7864
|
|
7738
|
-
if ($$self.$$.dirty[0] & /*items, loop*/
|
7739
|
-
$$invalidate(
|
7865
|
+
if ($$self.$$.dirty[0] & /*items, loop*/ 131073) {
|
7866
|
+
$$invalidate(29, _loop = items.length >= 3 ? loop : false);
|
7740
7867
|
}
|
7741
7868
|
|
7742
|
-
if ($$self.$$.dirty[0] & /*_loop, currentSlideId*/
|
7869
|
+
if ($$self.$$.dirty[0] & /*_loop, currentSlideId*/ 603979776) {
|
7743
7870
|
$$invalidate(11, isVisiblePrevButton = _loop || currentSlideId > 0);
|
7744
7871
|
}
|
7745
7872
|
|
7746
|
-
if ($$self.$$.dirty[0] & /*_loop, currentSlideId, items*/
|
7873
|
+
if ($$self.$$.dirty[0] & /*_loop, currentSlideId, items*/ 603979777) {
|
7747
7874
|
$$invalidate(10, isVisibleNextButton = _loop || currentSlideId < items.length - 1);
|
7748
7875
|
}
|
7749
7876
|
|
7750
7877
|
if ($$self.$$.dirty[0] & /*prevButton*/ 262144) {
|
7751
7878
|
$$invalidate(9, prevIconStyle = prevButton.type === 'icon'
|
7752
|
-
? `
|
7879
|
+
? `height: ${prevButton.size}; fill: ${prevButton.color};`
|
7753
7880
|
: '');
|
7754
7881
|
}
|
7755
7882
|
|
7756
|
-
if ($$self.$$.dirty[0] & /*
|
7757
|
-
$$invalidate(8,
|
7758
|
-
|
7883
|
+
if ($$self.$$.dirty[0] & /*prevButtonEdgePosition, prevButtonContainerStyle*/ 1572864) {
|
7884
|
+
$$invalidate(8, _prevButtonContainerStyle = (() => {
|
7885
|
+
const marginLeft = prevButtonEdgePosition.edgeDistance;
|
7886
|
+
const marginTop = prevButtonEdgePosition.edgeDirectionOffset;
|
7887
|
+
const marginString = `margin:${marginTop} 0 0 ${marginLeft}`;
|
7888
|
+
return [...prevButtonContainerStyle.split(';'), marginString].join(';');
|
7889
|
+
})());
|
7890
|
+
}
|
7891
|
+
|
7892
|
+
if ($$self.$$.dirty[0] & /*nextButton*/ 2097152) {
|
7893
|
+
$$invalidate(7, nextIconStyle = nextButton.type === 'icon'
|
7894
|
+
? `height: ${nextButton.size}; fill: ${nextButton.color};`
|
7759
7895
|
: '');
|
7760
7896
|
}
|
7761
7897
|
|
7762
|
-
if ($$self.$$.dirty[0] & /*
|
7763
|
-
$$invalidate(
|
7898
|
+
if ($$self.$$.dirty[0] & /*nextButtonEdgePosition, nextButtonContainerStyle*/ 12582912) {
|
7899
|
+
$$invalidate(6, _nextButtonContainerStyle = (() => {
|
7900
|
+
const marginRight = nextButtonEdgePosition.edgeDistance;
|
7901
|
+
const marginTop = nextButtonEdgePosition.edgeDirectionOffset;
|
7902
|
+
const marginString = `margin:${marginTop} ${marginRight} 0 0`;
|
7903
|
+
return [...nextButtonContainerStyle.split(';'), marginString].join(';');
|
7904
|
+
})());
|
7764
7905
|
}
|
7765
7906
|
|
7766
|
-
if ($$self.$$.dirty[0] & /*navigationButton
|
7767
|
-
$$invalidate(
|
7907
|
+
if ($$self.$$.dirty[0] & /*navigationButton*/ 16777216) {
|
7908
|
+
$$invalidate(5, navigationItemStyle = `padding: calc(${navigationButton.size} / 2);`);
|
7909
|
+
}
|
7910
|
+
|
7911
|
+
if ($$self.$$.dirty[0] & /*navigationButton, currentSlideId*/ 83886080) {
|
7912
|
+
$$invalidate(4, getNavigationItemInnerStyle = i => `
|
7768
7913
|
width: ${navigationButton.size};
|
7769
7914
|
height: ${navigationButton.size};
|
7770
7915
|
background-color: ${i === currentSlideId
|
7771
7916
|
? navigationButton.colorActive
|
7772
7917
|
: navigationButton.color};`);
|
7773
7918
|
}
|
7919
|
+
|
7920
|
+
if ($$self.$$.dirty[0] & /*navigationEdgePosition*/ 33554432) {
|
7921
|
+
$$invalidate(3, navigationStyle = `margin:0 0 ${navigationEdgePosition.edgeDistance} ${navigationEdgePosition.edgeDirectionOffset}`);
|
7922
|
+
}
|
7774
7923
|
};
|
7775
7924
|
|
7776
7925
|
return [
|
7777
|
-
prevButtonContainerStyle,
|
7778
|
-
nextButtonContainerStyle,
|
7779
|
-
navigationStyle,
|
7780
7926
|
items,
|
7781
7927
|
containerElement,
|
7782
7928
|
slideElement,
|
7929
|
+
navigationStyle,
|
7783
7930
|
getNavigationItemInnerStyle,
|
7784
7931
|
navigationItemStyle,
|
7932
|
+
_nextButtonContainerStyle,
|
7785
7933
|
nextIconStyle,
|
7934
|
+
_prevButtonContainerStyle,
|
7786
7935
|
prevIconStyle,
|
7787
7936
|
isVisibleNextButton,
|
7788
7937
|
isVisiblePrevButton,
|
@@ -7793,8 +7942,13 @@ background-color: ${i === currentSlideId
|
|
7793
7942
|
set,
|
7794
7943
|
loop,
|
7795
7944
|
prevButton,
|
7945
|
+
prevButtonContainerStyle,
|
7946
|
+
prevButtonEdgePosition,
|
7796
7947
|
nextButton,
|
7948
|
+
nextButtonContainerStyle,
|
7949
|
+
nextButtonEdgePosition,
|
7797
7950
|
navigationButton,
|
7951
|
+
navigationEdgePosition,
|
7798
7952
|
currentSlideId,
|
7799
7953
|
slidePosition,
|
7800
7954
|
transitioning,
|
@@ -7820,11 +7974,13 @@ class Slide extends SvelteComponent {
|
|
7820
7974
|
{
|
7821
7975
|
loop: 17,
|
7822
7976
|
prevButton: 18,
|
7823
|
-
prevButtonContainerStyle:
|
7824
|
-
|
7825
|
-
|
7826
|
-
|
7827
|
-
|
7977
|
+
prevButtonContainerStyle: 19,
|
7978
|
+
prevButtonEdgePosition: 20,
|
7979
|
+
nextButton: 21,
|
7980
|
+
nextButtonContainerStyle: 22,
|
7981
|
+
nextButtonEdgePosition: 23,
|
7982
|
+
navigationButton: 24,
|
7983
|
+
navigationEdgePosition: 25
|
7828
7984
|
},
|
7829
7985
|
add_css$4,
|
7830
7986
|
[-1, -1]
|
@@ -8375,4 +8531,4 @@ class ImageBlock extends SvelteComponent {
|
|
8375
8531
|
}
|
8376
8532
|
}
|
8377
8533
|
|
8378
|
-
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 };
|
8534
|
+
export { ACTION_HOOK_LABEL, 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 };
|