@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.
@@ -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 { onDestoryHandlers } = getInternalHandlers();
1494
- if (!onDestoryHandlers) {
1495
- onDestoryHandlers = [];
1542
+ let { onDestroyHandlers } = getInternalHandlers();
1543
+ if (!onDestroyHandlers) {
1544
+ onDestroyHandlers = [];
1496
1545
  }
1497
- onDestoryHandlers.push(fn);
1498
- updateInternalHandlers({ onDestoryHandlers });
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
- // NOTE: onCreateより前にListenする必要がある
1540
- window.addEventListener(ACTION_DESTROY_EVENT, () => {
1588
+ const handleDestroy = () => {
1541
1589
  const { onDestroyHandlers } = getInternalHandlers();
1542
- onDestroyHandlers?.forEach(h => h(actionProps));
1543
- // 複数回onDestroyを呼ばないようにする処理
1544
- window.removeEventListener('beforeunload', dispatchDestroyEvent);
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 => h({ send: options.send, data }, trigger));
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 => h(props));
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 => h({ send: options.send, data }));
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
- onChangeState((_props, newState) => {
1973
- setVal('state', newState);
1974
- });
1975
- onDestroy(() => {
1976
- Object.entries(eventCallbacks).map(([name, cbs]) => {
1977
- cbs.forEach(cb => {
1978
- window.removeEventListener(name, cb);
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-105wdod", ".root.svelte-105wdod{width:100%;height:100%;position:relative}.container.svelte-105wdod{width:100%;height:100%;position:relative;overflow:hidden}.slide.svelte-105wdod{height:100%;position:absolute;display:flex}.transition.svelte-105wdod{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-105wdod{height:100%;flex:none}.prev-button.svelte-105wdod,.next-button.svelte-105wdod{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button.svelte-105wdod{left:0}.next-button.svelte-105wdod{right:0}.button-container.svelte-105wdod{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box}.prev-icon.svelte-105wdod{width:20px;height:20px;box-sizing:border-box;border-right:solid 3px #000;border-top:solid 3px #000;transform:translateX(35.4%) rotate(-135deg)}.next-icon.svelte-105wdod{width:20px;height:20px;box-sizing:border-box;border-right:solid 3px #000;border-top:solid 3px #000;transform:translateX(-35.4%) rotate(45deg)}.navigation.svelte-105wdod{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-105wdod{flex-shrink:0;cursor:pointer}.navigation-item-inner.circle.svelte-105wdod{border-radius:51%}");
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[52] = list[i];
7033
- child_ctx[54] = i;
7124
+ child_ctx[57] = list[i];
7125
+ child_ctx[59] = i;
7034
7126
  return child_ctx;
7035
7127
  }
7036
7128
 
7037
- // (315:2) {#if isVisiblePrevButton}
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
- div2 = claim_element(nodes, "DIV", { class: true });
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).forEach(detach);
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(div0, "class", "prev-icon svelte-105wdod");
7065
- attr(div0, "style", /*prevIconStyle*/ ctx[9]);
7066
- attr(div1, "class", "button-container svelte-105wdod");
7067
- attr(div1, "style", /*prevButtonContainerStyle*/ ctx[0]);
7068
- attr(div2, "class", "prev-button svelte-105wdod");
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, div2, anchor);
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(div2, "click", /*prev*/ ctx[14]);
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(div0, "style", /*prevIconStyle*/ ctx[9]);
7182
+ attr(svg, "style", /*prevIconStyle*/ ctx[9]);
7083
7183
  }
7084
7184
 
7085
- if (dirty[0] & /*prevButtonContainerStyle*/ 1) {
7086
- attr(div1, "style", /*prevButtonContainerStyle*/ ctx[0]);
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(div2);
7190
+ if (detaching) detach(div1);
7091
7191
  mounted = false;
7092
7192
  dispose();
7093
7193
  }
7094
7194
  };
7095
7195
  }
7096
7196
 
7097
- // (322:2) {#if isVisibleNextButton}
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
- div2 = claim_element(nodes, "DIV", { class: true });
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).forEach(detach);
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(div0, "class", "next-icon svelte-105wdod");
7125
- attr(div0, "style", /*nextIconStyle*/ ctx[8]);
7126
- attr(div1, "class", "button-container svelte-105wdod");
7127
- attr(div1, "style", /*nextButtonContainerStyle*/ ctx[1]);
7128
- attr(div2, "class", "next-button svelte-105wdod");
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, div2, anchor);
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(div2, "click", /*next*/ ctx[15]);
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*/ 256) {
7142
- attr(div0, "style", /*nextIconStyle*/ ctx[8]);
7249
+ if (dirty[0] & /*nextIconStyle*/ 128) {
7250
+ attr(svg, "style", /*nextIconStyle*/ ctx[7]);
7143
7251
  }
7144
7252
 
7145
- if (dirty[0] & /*nextButtonContainerStyle*/ 2) {
7146
- attr(div1, "style", /*nextButtonContainerStyle*/ ctx[1]);
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(div2);
7258
+ if (detaching) detach(div1);
7151
7259
  mounted = false;
7152
7260
  dispose();
7153
7261
  }
7154
7262
  };
7155
7263
  }
7156
7264
 
7157
- // (333:4) {#each items as _, i}
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[29](/*i*/ ctx[54]);
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-105wdod");
7188
- attr(div0, "style", div0_style_value = /*getNavigationItemInnerStyle*/ ctx[6](/*i*/ ctx[54]));
7189
- attr(div1, "class", "navigation-item svelte-105wdod");
7190
- attr(div1, "style", /*navigationItemStyle*/ ctx[7]);
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*/ 64 && div0_style_value !== (div0_style_value = /*getNavigationItemInnerStyle*/ ctx[6](/*i*/ ctx[54]))) {
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*/ 128) {
7210
- attr(div1, "style", /*navigationItemStyle*/ ctx[7]);
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[26].default;
7232
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[25], null);
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[3];
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-105wdod"));
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-105wdod");
7291
- attr(div2, "class", "navigation svelte-105wdod");
7292
- attr(div2, "style", /*navigationStyle*/ ctx[2]);
7293
- attr(div3, "class", "root svelte-105wdod");
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[27](div0);
7305
- /*div1_binding*/ ctx[28](div1);
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*/ 33554432)) {
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[25],
7434
+ /*$$scope*/ ctx[30],
7327
7435
  !current
7328
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[25])
7329
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[25], dirty, null),
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-105wdod"))) {
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*/ 65736) {
7370
- each_value = /*items*/ ctx[3];
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*/ 4) {
7393
- attr(div2, "style", /*navigationStyle*/ ctx[2]);
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[27](null);
7409
- /*div1_binding*/ ctx[28](null);
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; margin: 0 0 0 8px;' } = $$props;
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; margin: 0 8px 0 0;' } = $$props;
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 { navigationStyle = 'margin: 0 0 8px 0' } = $$props;
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(3, items = [...items, { id, onBeforeSlide, onMount, onResize }]);
7601
+ $$invalidate(0, items = [...items, { id, onBeforeSlide, onMount, onResize }]);
7477
7602
  return id;
7478
7603
  },
7479
7604
  unregisterItem: id => {
7480
- $$invalidate(3, items = items.filter(item => item.id !== id));
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(22, slidePosition = slidePosition + containerWidth * (calcPositionIndex(shiftCount, currentSlideId, items.length) - calcPositionIndex(previousShiftCount, currentSlideId, items.length)));
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(23, transitioning = false);
7519
- $$invalidate(22, slidePosition = slideRect.x - containerRect.x);
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(23, transitioning = true);
7540
- $$invalidate(22, slidePosition = containerWidth * calcPositionIndex(shiftCount, slideIndex, items.length));
7664
+ $$invalidate(28, transitioning = true);
7665
+ $$invalidate(27, slidePosition = containerWidth * calcPositionIndex(shiftCount, slideIndex, items.length));
7541
7666
  dispatch('change', { nextIndex: slideIndex });
7542
- $$invalidate(21, currentSlideId = slideIndex);
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(22, slidePosition = updatedSlidePosition);
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(22, slidePosition = containerWidth * calcPositionIndex(shiftCount, currentSlideId, items.length));
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(23, transitioning = false);
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(21, currentSlideId = 0);
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(5, slideElement);
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(4, containerElement);
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(0, prevButtonContainerStyle = $$props.prevButtonContainerStyle);
7722
- if ('nextButton' in $$props) $$invalidate(19, nextButton = $$props.nextButton);
7723
- if ('nextButtonContainerStyle' in $$props) $$invalidate(1, nextButtonContainerStyle = $$props.nextButtonContainerStyle);
7724
- if ('navigationButton' in $$props) $$invalidate(20, navigationButton = $$props.navigationButton);
7725
- if ('navigationStyle' in $$props) $$invalidate(2, navigationStyle = $$props.navigationStyle);
7726
- if ('$$scope' in $$props) $$invalidate(25, $$scope = $$props.$$scope);
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*/ 4194304) {
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*/ 8388608) {
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*/ 131080) {
7739
- $$invalidate(24, _loop = items.length >= 3 ? loop : false);
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*/ 18874368) {
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*/ 18874376) {
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
- ? `width: ${prevButton.size}; height: ${prevButton.size}; border-color: ${prevButton.color};`
7879
+ ? `height: ${prevButton.size}; fill: ${prevButton.color};`
7753
7880
  : '');
7754
7881
  }
7755
7882
 
7756
- if ($$self.$$.dirty[0] & /*nextButton*/ 524288) {
7757
- $$invalidate(8, nextIconStyle = nextButton.type === 'icon'
7758
- ? `width: ${nextButton.size}; height: ${nextButton.size}; border-color: ${nextButton.color};`
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] & /*navigationButton*/ 1048576) {
7763
- $$invalidate(7, navigationItemStyle = `padding: calc(${navigationButton.size} / 2);`);
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, currentSlideId*/ 3145728) {
7767
- $$invalidate(6, getNavigationItemInnerStyle = i => `
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: 0,
7824
- nextButton: 19,
7825
- nextButtonContainerStyle: 1,
7826
- navigationButton: 20,
7827
- navigationStyle: 2
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 };