@plaidev/karte-action-sdk 1.1.108-27919404.8048beda → 1.1.108-27920261.94c59496

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.es.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { writable, get } from 'svelte/store';
2
2
  import { linear, elasticOut, cubicOut } from 'svelte/easing';
3
- import { SvelteComponent, init, safe_not_equal, append_styles, create_slot, create_component, space, mount_component, insert, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, destroy_component, detach, empty, group_outros, check_outros, component_subscribe, element, attr, noop, listen, is_function, append, add_render_callback, create_in_transition, svg_element, binding_callbacks, destroy_each, text, set_data, null_to_empty, src_url_equal, set_style } from 'svelte/internal';
3
+ import { SvelteComponent, init, safe_not_equal, append_styles, create_slot, create_component, space, mount_component, insert, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, destroy_component, detach, empty, group_outros, check_outros, component_subscribe, element, attr, noop, listen, is_function, append, add_render_callback, create_in_transition, svg_element, binding_callbacks, destroy_each, text, set_data, null_to_empty, src_url_equal, set_style, run_all } from 'svelte/internal';
4
4
  import { setContext, getContext, createEventDispatcher, onMount, onDestroy as onDestroy$1 } from 'svelte';
5
5
 
6
6
  /**
@@ -1730,20 +1730,20 @@ var widget = /*#__PURE__*/Object.freeze({
1730
1730
 
1731
1731
  /* src/components/Normalize.svelte generated by Svelte v3.53.1 */
1732
1732
 
1733
- function add_css$k(target) {
1733
+ function add_css$m(target) {
1734
1734
  append_styles(target, "svelte-tr4qnr", "@import 'https://esm.sh/normalize.css';");
1735
1735
  }
1736
1736
 
1737
1737
  class Normalize extends SvelteComponent {
1738
1738
  constructor(options) {
1739
1739
  super();
1740
- init(this, options, null, null, safe_not_equal, {}, add_css$k);
1740
+ init(this, options, null, null, safe_not_equal, {}, add_css$m);
1741
1741
  }
1742
1742
  }
1743
1743
 
1744
1744
  /* src/components/State.svelte generated by Svelte v3.53.1 */
1745
1745
 
1746
- function create_fragment$o(ctx) {
1746
+ function create_fragment$q(ctx) {
1747
1747
  let normalize;
1748
1748
  let t;
1749
1749
  let current;
@@ -1802,7 +1802,7 @@ function create_fragment$o(ctx) {
1802
1802
  };
1803
1803
  }
1804
1804
 
1805
- function instance$o($$self, $$props, $$invalidate) {
1805
+ function instance$q($$self, $$props, $$invalidate) {
1806
1806
  let { $$slots: slots = {}, $$scope } = $$props;
1807
1807
 
1808
1808
  $$self.$$set = $$props => {
@@ -1815,13 +1815,13 @@ function instance$o($$self, $$props, $$invalidate) {
1815
1815
  class State extends SvelteComponent {
1816
1816
  constructor(options) {
1817
1817
  super();
1818
- init(this, options, instance$o, create_fragment$o, safe_not_equal, {});
1818
+ init(this, options, instance$q, create_fragment$q, safe_not_equal, {});
1819
1819
  }
1820
1820
  }
1821
1821
 
1822
1822
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
1823
1823
 
1824
- function add_css$j(target) {
1824
+ function add_css$l(target) {
1825
1825
  append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
1826
1826
  }
1827
1827
 
@@ -1888,7 +1888,7 @@ function create_if_block$4(ctx) {
1888
1888
  };
1889
1889
  }
1890
1890
 
1891
- function create_fragment$n(ctx) {
1891
+ function create_fragment$p(ctx) {
1892
1892
  let if_block_anchor;
1893
1893
  let current;
1894
1894
  let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$4(ctx);
@@ -1949,7 +1949,7 @@ function getStateItemContext() {
1949
1949
  return getContext(STATE_ITEM_CONTEXT_KEY);
1950
1950
  }
1951
1951
 
1952
- function instance$n($$self, $$props, $$invalidate) {
1952
+ function instance$p($$self, $$props, $$invalidate) {
1953
1953
  let $state;
1954
1954
  component_subscribe($$self, state, $$value => $$invalidate(1, $state = $$value));
1955
1955
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -1975,13 +1975,13 @@ function instance$n($$self, $$props, $$invalidate) {
1975
1975
  class StateItem extends SvelteComponent {
1976
1976
  constructor(options) {
1977
1977
  super();
1978
- init(this, options, instance$n, create_fragment$n, safe_not_equal, { path: 0 }, add_css$j);
1978
+ init(this, options, instance$p, create_fragment$p, safe_not_equal, { path: 0 }, add_css$l);
1979
1979
  }
1980
1980
  }
1981
1981
 
1982
1982
  /* src/components/BackgroundOverray.svelte generated by Svelte v3.53.1 */
1983
1983
 
1984
- function add_css$i(target) {
1984
+ function add_css$k(target) {
1985
1985
  append_styles(target, "svelte-1d4fta", ".background.svelte-1d4fta{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
1986
1986
  }
1987
1987
 
@@ -2013,7 +2013,7 @@ function create_if_block$3(ctx) {
2013
2013
  };
2014
2014
  }
2015
2015
 
2016
- function create_fragment$m(ctx) {
2016
+ function create_fragment$o(ctx) {
2017
2017
  let if_block_anchor;
2018
2018
  let if_block = /*backgroundOverray*/ ctx[0] && create_if_block$3(ctx);
2019
2019
 
@@ -2049,7 +2049,7 @@ function create_fragment$m(ctx) {
2049
2049
  };
2050
2050
  }
2051
2051
 
2052
- function instance$m($$self, $$props, $$invalidate) {
2052
+ function instance$o($$self, $$props, $$invalidate) {
2053
2053
  let { backgroundOverray = false } = $$props;
2054
2054
  const dispatch = createEventDispatcher();
2055
2055
  const click_handler = () => dispatch('click');
@@ -2064,13 +2064,13 @@ function instance$m($$self, $$props, $$invalidate) {
2064
2064
  class BackgroundOverray extends SvelteComponent {
2065
2065
  constructor(options) {
2066
2066
  super();
2067
- init(this, options, instance$m, create_fragment$m, safe_not_equal, { backgroundOverray: 0 }, add_css$i);
2067
+ init(this, options, instance$o, create_fragment$o, safe_not_equal, { backgroundOverray: 0 }, add_css$k);
2068
2068
  }
2069
2069
  }
2070
2070
 
2071
2071
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
2072
2072
 
2073
- function add_css$h(target) {
2073
+ function add_css$j(target) {
2074
2074
  append_styles(target, "svelte-12dkw0q", ".modal.svelte-12dkw0q{position:fixed;box-sizing:border-box;z-index:2147483647}.close.svelte-12dkw0q{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.close.svelte-12dkw0q:hover{transform:rotate(90deg)}.modal-content.svelte-12dkw0q{display:flex;justify-content:center;align-items:center}");
2075
2075
  }
2076
2076
 
@@ -2251,7 +2251,7 @@ function create_if_block_1(ctx) {
2251
2251
  };
2252
2252
  }
2253
2253
 
2254
- function create_fragment$l(ctx) {
2254
+ function create_fragment$n(ctx) {
2255
2255
  let backgroundoverray;
2256
2256
  let t;
2257
2257
  let if_block_anchor;
@@ -2344,7 +2344,7 @@ function create_fragment$l(ctx) {
2344
2344
  };
2345
2345
  }
2346
2346
 
2347
- function instance$l($$self, $$props, $$invalidate) {
2347
+ function instance$n($$self, $$props, $$invalidate) {
2348
2348
  let click;
2349
2349
  let close;
2350
2350
  let closable;
@@ -2532,8 +2532,8 @@ class Modal extends SvelteComponent {
2532
2532
  init(
2533
2533
  this,
2534
2534
  options,
2535
- instance$l,
2536
- create_fragment$l,
2535
+ instance$n,
2536
+ create_fragment$n,
2537
2537
  safe_not_equal,
2538
2538
  {
2539
2539
  onClick: 17,
@@ -2549,14 +2549,14 @@ class Modal extends SvelteComponent {
2549
2549
  closeButtonColor: 2,
2550
2550
  _closeStyle: 3
2551
2551
  },
2552
- add_css$h
2552
+ add_css$j
2553
2553
  );
2554
2554
  }
2555
2555
  }
2556
2556
 
2557
2557
  /* src/components/Grid.svelte generated by Svelte v3.53.1 */
2558
2558
 
2559
- function create_fragment$k(ctx) {
2559
+ function create_fragment$m(ctx) {
2560
2560
  let div;
2561
2561
  let current;
2562
2562
  const default_slot_template = /*#slots*/ ctx[8].default;
@@ -2614,7 +2614,7 @@ function create_fragment$k(ctx) {
2614
2614
  };
2615
2615
  }
2616
2616
 
2617
- function instance$k($$self, $$props, $$invalidate) {
2617
+ function instance$m($$self, $$props, $$invalidate) {
2618
2618
  let _style;
2619
2619
  let { $$slots: slots = {}, $$scope } = $$props;
2620
2620
  let { width = '512px' } = $$props;
@@ -2659,7 +2659,7 @@ class Grid extends SvelteComponent {
2659
2659
  constructor(options) {
2660
2660
  super();
2661
2661
 
2662
- init(this, options, instance$k, create_fragment$k, safe_not_equal, {
2662
+ init(this, options, instance$m, create_fragment$m, safe_not_equal, {
2663
2663
  width: 1,
2664
2664
  height: 2,
2665
2665
  rows: 3,
@@ -2841,7 +2841,7 @@ function create_default_slot(ctx) {
2841
2841
  };
2842
2842
  }
2843
2843
 
2844
- function create_fragment$j(ctx) {
2844
+ function create_fragment$l(ctx) {
2845
2845
  let stateitem;
2846
2846
  let current;
2847
2847
 
@@ -2886,7 +2886,7 @@ function create_fragment$j(ctx) {
2886
2886
  };
2887
2887
  }
2888
2888
 
2889
- function instance$j($$self, $$props, $$invalidate) {
2889
+ function instance$l($$self, $$props, $$invalidate) {
2890
2890
  let { $$slots: slots = {}, $$scope } = $$props;
2891
2891
  let { path } = $$props;
2892
2892
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -2957,7 +2957,7 @@ class GridModalState extends SvelteComponent {
2957
2957
  constructor(options) {
2958
2958
  super();
2959
2959
 
2960
- init(this, options, instance$j, create_fragment$j, safe_not_equal, {
2960
+ init(this, options, instance$l, create_fragment$l, safe_not_equal, {
2961
2961
  path: 0,
2962
2962
  onClick: 1,
2963
2963
  clickEventName: 2,
@@ -2982,11 +2982,11 @@ class GridModalState extends SvelteComponent {
2982
2982
 
2983
2983
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
2984
2984
 
2985
- function add_css$g(target) {
2985
+ function add_css$i(target) {
2986
2986
  append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
2987
2987
  }
2988
2988
 
2989
- function create_fragment$i(ctx) {
2989
+ function create_fragment$k(ctx) {
2990
2990
  let div1;
2991
2991
  let div0;
2992
2992
  let current;
@@ -3049,7 +3049,7 @@ function create_fragment$i(ctx) {
3049
3049
  };
3050
3050
  }
3051
3051
 
3052
- function instance$i($$self, $$props, $$invalidate) {
3052
+ function instance$k($$self, $$props, $$invalidate) {
3053
3053
  let _style;
3054
3054
  let { $$slots: slots = {}, $$scope } = $$props;
3055
3055
  let { x1 } = $$props;
@@ -3102,8 +3102,8 @@ class GridItem extends SvelteComponent {
3102
3102
  init(
3103
3103
  this,
3104
3104
  options,
3105
- instance$i,
3106
- create_fragment$i,
3105
+ instance$k,
3106
+ create_fragment$k,
3107
3107
  safe_not_equal,
3108
3108
  {
3109
3109
  x1: 2,
@@ -3113,18 +3113,18 @@ class GridItem extends SvelteComponent {
3113
3113
  z: 6,
3114
3114
  background: 7
3115
3115
  },
3116
- add_css$g
3116
+ add_css$i
3117
3117
  );
3118
3118
  }
3119
3119
  }
3120
3120
 
3121
3121
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
3122
3122
 
3123
- function add_css$f(target) {
3123
+ function add_css$h(target) {
3124
3124
  append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
3125
3125
  }
3126
3126
 
3127
- function create_fragment$h(ctx) {
3127
+ function create_fragment$j(ctx) {
3128
3128
  let div;
3129
3129
  let div_style_value;
3130
3130
  let current;
@@ -3189,7 +3189,7 @@ function getFlexContext() {
3189
3189
  return getContext(FlexContextKey);
3190
3190
  }
3191
3191
 
3192
- function instance$h($$self, $$props, $$invalidate) {
3192
+ function instance$j($$self, $$props, $$invalidate) {
3193
3193
  let { $$slots: slots = {}, $$scope } = $$props;
3194
3194
  let { direction = 'row' } = $$props;
3195
3195
  let { width = '100%' } = $$props;
@@ -3215,8 +3215,8 @@ class Flex extends SvelteComponent {
3215
3215
  init(
3216
3216
  this,
3217
3217
  options,
3218
- instance$h,
3219
- create_fragment$h,
3218
+ instance$j,
3219
+ create_fragment$j,
3220
3220
  safe_not_equal,
3221
3221
  {
3222
3222
  direction: 0,
@@ -3224,18 +3224,18 @@ class Flex extends SvelteComponent {
3224
3224
  height: 2,
3225
3225
  _style: 3
3226
3226
  },
3227
- add_css$f
3227
+ add_css$h
3228
3228
  );
3229
3229
  }
3230
3230
  }
3231
3231
 
3232
3232
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
3233
3233
 
3234
- function add_css$e(target) {
3234
+ function add_css$g(target) {
3235
3235
  append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
3236
3236
  }
3237
3237
 
3238
- function create_fragment$g(ctx) {
3238
+ function create_fragment$i(ctx) {
3239
3239
  let div;
3240
3240
  let current;
3241
3241
  const default_slot_template = /*#slots*/ ctx[4].default;
@@ -3293,7 +3293,7 @@ function create_fragment$g(ctx) {
3293
3293
  };
3294
3294
  }
3295
3295
 
3296
- function instance$g($$self, $$props, $$invalidate) {
3296
+ function instance$i($$self, $$props, $$invalidate) {
3297
3297
  let { $$slots: slots = {}, $$scope } = $$props;
3298
3298
  let { length } = $$props;
3299
3299
  let { _style = '' } = $$props;
@@ -3336,7 +3336,7 @@ function instance$g($$self, $$props, $$invalidate) {
3336
3336
  class FlexItem extends SvelteComponent {
3337
3337
  constructor(options) {
3338
3338
  super();
3339
- init(this, options, instance$g, create_fragment$g, safe_not_equal, { length: 1, _style: 2 }, add_css$e);
3339
+ init(this, options, instance$i, create_fragment$i, safe_not_equal, { length: 1, _style: 2 }, add_css$g);
3340
3340
  }
3341
3341
  }
3342
3342
 
@@ -3431,7 +3431,7 @@ function create_each_block$2(ctx) {
3431
3431
  };
3432
3432
  }
3433
3433
 
3434
- function create_fragment$f(ctx) {
3434
+ function create_fragment$h(ctx) {
3435
3435
  let each_1_anchor;
3436
3436
  let each_value = /*items*/ ctx[0];
3437
3437
  let each_blocks = [];
@@ -3490,7 +3490,7 @@ function create_fragment$f(ctx) {
3490
3490
 
3491
3491
  const regexp = /(\r?\n)/;
3492
3492
 
3493
- function instance$f($$self, $$props, $$invalidate) {
3493
+ function instance$h($$self, $$props, $$invalidate) {
3494
3494
  let items;
3495
3495
  let { text = 'サンプルSample' } = $$props;
3496
3496
 
@@ -3510,17 +3510,17 @@ function instance$f($$self, $$props, $$invalidate) {
3510
3510
  class RenderText extends SvelteComponent {
3511
3511
  constructor(options) {
3512
3512
  super();
3513
- init(this, options, instance$f, create_fragment$f, safe_not_equal, { text: 1 });
3513
+ init(this, options, instance$h, create_fragment$h, safe_not_equal, { text: 1 });
3514
3514
  }
3515
3515
  }
3516
3516
 
3517
3517
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
3518
3518
 
3519
- function add_css$d(target) {
3519
+ function add_css$f(target) {
3520
3520
  append_styles(target, "svelte-9en2jg", ".text-element.svelte-9en2jg.svelte-9en2jg{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:auto}.text-element-inner.svelte-9en2jg.svelte-9en2jg{width:100%;height:auto}.text-direction-vertical.svelte-9en2jg.svelte-9en2jg{writing-mode:vertical-rl}.text-direction-vertical.svelte-9en2jg .text-element-inner.svelte-9en2jg{width:auto;height:100%}");
3521
3521
  }
3522
3522
 
3523
- function create_fragment$e(ctx) {
3523
+ function create_fragment$g(ctx) {
3524
3524
  let div1;
3525
3525
  let div0;
3526
3526
  let rendertext;
@@ -3572,7 +3572,7 @@ function create_fragment$e(ctx) {
3572
3572
  };
3573
3573
  }
3574
3574
 
3575
- function instance$e($$self, $$props, $$invalidate) {
3575
+ function instance$g($$self, $$props, $$invalidate) {
3576
3576
  let style;
3577
3577
  let { text = 'サンプルSample' } = $$props;
3578
3578
  let { _textStyle = 'font-size:12px;' } = $$props;
@@ -3602,8 +3602,8 @@ class TextElement extends SvelteComponent {
3602
3602
  init(
3603
3603
  this,
3604
3604
  options,
3605
- instance$e,
3606
- create_fragment$e,
3605
+ instance$g,
3606
+ create_fragment$g,
3607
3607
  safe_not_equal,
3608
3608
  {
3609
3609
  text: 0,
@@ -3611,18 +3611,18 @@ class TextElement extends SvelteComponent {
3611
3611
  textDirection: 1,
3612
3612
  _style: 4
3613
3613
  },
3614
- add_css$d
3614
+ add_css$f
3615
3615
  );
3616
3616
  }
3617
3617
  }
3618
3618
 
3619
3619
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
3620
3620
 
3621
- function add_css$c(target) {
3621
+ function add_css$e(target) {
3622
3622
  append_styles(target, "svelte-tx5xf5", ".text-button-element.svelte-tx5xf5{width:100%;height:100%}.text-button.svelte-tx5xf5{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden}.text-button.svelte-tx5xf5:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-tx5xf5:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
3623
3623
  }
3624
3624
 
3625
- function create_fragment$d(ctx) {
3625
+ function create_fragment$f(ctx) {
3626
3626
  let div;
3627
3627
  let button;
3628
3628
  let rendertext;
@@ -3683,7 +3683,7 @@ function create_fragment$d(ctx) {
3683
3683
  };
3684
3684
  }
3685
3685
 
3686
- function instance$d($$self, $$props, $$invalidate) {
3686
+ function instance$f($$self, $$props, $$invalidate) {
3687
3687
  let { text = 'ボタンラベル' } = $$props;
3688
3688
  let { onClick = { operation: 'none', args: [] } } = $$props;
3689
3689
 
@@ -3717,8 +3717,8 @@ class TextButtonElement extends SvelteComponent {
3717
3717
  init(
3718
3718
  this,
3719
3719
  options,
3720
- instance$d,
3721
- create_fragment$d,
3720
+ instance$f,
3721
+ create_fragment$f,
3722
3722
  safe_not_equal,
3723
3723
  {
3724
3724
  text: 0,
@@ -3727,18 +3727,18 @@ class TextButtonElement extends SvelteComponent {
3727
3727
  _buttonStyle: 1,
3728
3728
  _style: 2
3729
3729
  },
3730
- add_css$c
3730
+ add_css$e
3731
3731
  );
3732
3732
  }
3733
3733
  }
3734
3734
 
3735
3735
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
3736
3736
 
3737
- function add_css$b(target) {
3737
+ function add_css$d(target) {
3738
3738
  append_styles(target, "svelte-t8kpqw", ".image-element.svelte-t8kpqw{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;overflow:hidden}.image.svelte-t8kpqw{width:100%;height:100%}.transport.svelte-t8kpqw:hover,.transport.svelte-t8kpqw:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
3739
3739
  }
3740
3740
 
3741
- function create_fragment$c(ctx) {
3741
+ function create_fragment$e(ctx) {
3742
3742
  let div;
3743
3743
  let img;
3744
3744
  let img_src_value;
@@ -3800,7 +3800,7 @@ function create_fragment$c(ctx) {
3800
3800
  };
3801
3801
  }
3802
3802
 
3803
- function instance$c($$self, $$props, $$invalidate) {
3803
+ function instance$e($$self, $$props, $$invalidate) {
3804
3804
  let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
3805
3805
  let { alt = 'No Image' } = $$props;
3806
3806
  let { transport = false } = $$props;
@@ -3838,8 +3838,8 @@ class ImageElement extends SvelteComponent {
3838
3838
  init(
3839
3839
  this,
3840
3840
  options,
3841
- instance$c,
3842
- create_fragment$c,
3841
+ instance$e,
3842
+ create_fragment$e,
3843
3843
  safe_not_equal,
3844
3844
  {
3845
3845
  src: 0,
@@ -3850,18 +3850,18 @@ class ImageElement extends SvelteComponent {
3850
3850
  _imageStyle: 3,
3851
3851
  _style: 4
3852
3852
  },
3853
- add_css$b
3853
+ add_css$d
3854
3854
  );
3855
3855
  }
3856
3856
  }
3857
3857
 
3858
3858
  /* src/components/List.svelte generated by Svelte v3.53.1 */
3859
3859
 
3860
- function add_css$a(target) {
3860
+ function add_css$c(target) {
3861
3861
  append_styles(target, "svelte-dfqtyx", ".list.svelte-dfqtyx{display:flex;width:100%;height:100%;overflow:hidden}");
3862
3862
  }
3863
3863
 
3864
- function create_fragment$b(ctx) {
3864
+ function create_fragment$d(ctx) {
3865
3865
  let div;
3866
3866
  let current;
3867
3867
  const default_slot_template = /*#slots*/ ctx[6].default;
@@ -3921,7 +3921,7 @@ function create_fragment$b(ctx) {
3921
3921
 
3922
3922
  const LIST_CONTEXT_KEY = Symbol();
3923
3923
 
3924
- function instance$b($$self, $$props, $$invalidate) {
3924
+ function instance$d($$self, $$props, $$invalidate) {
3925
3925
  let style;
3926
3926
  let { $$slots: slots = {}, $$scope } = $$props;
3927
3927
  let { direction = 'vertical' } = $$props;
@@ -3988,8 +3988,8 @@ class List extends SvelteComponent {
3988
3988
  init(
3989
3989
  this,
3990
3990
  options,
3991
- instance$b,
3992
- create_fragment$b,
3991
+ instance$d,
3992
+ create_fragment$d,
3993
3993
  safe_not_equal,
3994
3994
  {
3995
3995
  direction: 1,
@@ -3997,18 +3997,18 @@ class List extends SvelteComponent {
3997
3997
  background: 3,
3998
3998
  _style: 4
3999
3999
  },
4000
- add_css$a
4000
+ add_css$c
4001
4001
  );
4002
4002
  }
4003
4003
  }
4004
4004
 
4005
4005
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
4006
4006
 
4007
- function add_css$9(target) {
4007
+ function add_css$b(target) {
4008
4008
  append_styles(target, "svelte-h5j4xe", ".list-item.svelte-h5j4xe{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item-inner.svelte-h5j4xe{position:absolute;inset:0}");
4009
4009
  }
4010
4010
 
4011
- function create_fragment$a(ctx) {
4011
+ function create_fragment$c(ctx) {
4012
4012
  let div1;
4013
4013
  let div0;
4014
4014
  let current;
@@ -4089,7 +4089,7 @@ function create_fragment$a(ctx) {
4089
4089
  };
4090
4090
  }
4091
4091
 
4092
- function instance$a($$self, $$props, $$invalidate) {
4092
+ function instance$c($$self, $$props, $$invalidate) {
4093
4093
  let click;
4094
4094
  let listItemStyle;
4095
4095
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -4179,17 +4179,17 @@ function instance$a($$self, $$props, $$invalidate) {
4179
4179
  class ListItem extends SvelteComponent {
4180
4180
  constructor(options) {
4181
4181
  super();
4182
- init(this, options, instance$a, create_fragment$a, safe_not_equal, { onClick: 3, clickEventName: 4, _style: 0 }, add_css$9);
4182
+ init(this, options, instance$c, create_fragment$c, safe_not_equal, { onClick: 3, clickEventName: 4, _style: 0 }, add_css$b);
4183
4183
  }
4184
4184
  }
4185
4185
 
4186
4186
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
4187
4187
 
4188
- function add_css$8(target) {
4188
+ function add_css$a(target) {
4189
4189
  append_styles(target, "svelte-k86zna", ".embed.svelte-k86zna{position:relative;box-shadow:0 1px rgba(0, 0, 0, 0.06);padding-top:56.25%;overflow:hidden}.embed.svelte-k86zna iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
4190
4190
  }
4191
4191
 
4192
- function create_fragment$9(ctx) {
4192
+ function create_fragment$b(ctx) {
4193
4193
  let div;
4194
4194
 
4195
4195
  return {
@@ -4216,7 +4216,7 @@ function create_fragment$9(ctx) {
4216
4216
  };
4217
4217
  }
4218
4218
 
4219
- function instance$9($$self, $$props, $$invalidate) {
4219
+ function instance$b($$self, $$props, $$invalidate) {
4220
4220
  let { code } = $$props;
4221
4221
  let { _style = '' } = $$props;
4222
4222
 
@@ -4231,17 +4231,17 @@ function instance$9($$self, $$props, $$invalidate) {
4231
4231
  class EmbedElement extends SvelteComponent {
4232
4232
  constructor(options) {
4233
4233
  super();
4234
- init(this, options, instance$9, create_fragment$9, safe_not_equal, { code: 0, _style: 1 }, add_css$8);
4234
+ init(this, options, instance$b, create_fragment$b, safe_not_equal, { code: 0, _style: 1 }, add_css$a);
4235
4235
  }
4236
4236
  }
4237
4237
 
4238
4238
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
4239
4239
 
4240
- function add_css$7(target) {
4240
+ function add_css$9(target) {
4241
4241
  append_styles(target, "svelte-k86zna", ".embed.svelte-k86zna{position:relative;box-shadow:0 1px rgba(0, 0, 0, 0.06);padding-top:56.25%;overflow:hidden}.embed.svelte-k86zna iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
4242
4242
  }
4243
4243
 
4244
- function create_fragment$8(ctx) {
4244
+ function create_fragment$a(ctx) {
4245
4245
  let div1;
4246
4246
  let div0;
4247
4247
 
@@ -4272,7 +4272,7 @@ function create_fragment$8(ctx) {
4272
4272
  };
4273
4273
  }
4274
4274
 
4275
- function instance$8($$self, $$props, $$invalidate) {
4275
+ function instance$a($$self, $$props, $$invalidate) {
4276
4276
  let $system;
4277
4277
  component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
4278
4278
  let { videoId } = $$props;
@@ -4451,8 +4451,8 @@ class MovieYouTubeElement extends SvelteComponent {
4451
4451
  init(
4452
4452
  this,
4453
4453
  options,
4454
- instance$8,
4455
- create_fragment$8,
4454
+ instance$a,
4455
+ create_fragment$a,
4456
4456
  safe_not_equal,
4457
4457
  {
4458
4458
  videoId: 2,
@@ -4462,18 +4462,18 @@ class MovieYouTubeElement extends SvelteComponent {
4462
4462
  mute: 6,
4463
4463
  _style: 0
4464
4464
  },
4465
- add_css$7
4465
+ add_css$9
4466
4466
  );
4467
4467
  }
4468
4468
  }
4469
4469
 
4470
4470
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
4471
4471
 
4472
- function add_css$6(target) {
4472
+ function add_css$8(target) {
4473
4473
  append_styles(target, "svelte-5l33p2", ".embed.svelte-5l33p2{position:relative;box-shadow:0 1px rgba(0, 0, 0, 0.06);padding-top:56.25%;overflow:hidden}.embed.svelte-5l33p2 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
4474
4474
  }
4475
4475
 
4476
- function create_fragment$7(ctx) {
4476
+ function create_fragment$9(ctx) {
4477
4477
  let div1;
4478
4478
  let div0;
4479
4479
 
@@ -4504,7 +4504,7 @@ function create_fragment$7(ctx) {
4504
4504
  };
4505
4505
  }
4506
4506
 
4507
- function instance$7($$self, $$props, $$invalidate) {
4507
+ function instance$9($$self, $$props, $$invalidate) {
4508
4508
  let $system;
4509
4509
  component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
4510
4510
  let { videoId } = $$props;
@@ -4647,8 +4647,8 @@ class MovieVimeoElement extends SvelteComponent {
4647
4647
  init(
4648
4648
  this,
4649
4649
  options,
4650
- instance$7,
4651
- create_fragment$7,
4650
+ instance$9,
4651
+ create_fragment$9,
4652
4652
  safe_not_equal,
4653
4653
  {
4654
4654
  videoId: 2,
@@ -4658,7 +4658,7 @@ class MovieVimeoElement extends SvelteComponent {
4658
4658
  mute: 6,
4659
4659
  _style: 0
4660
4660
  },
4661
- add_css$6
4661
+ add_css$8
4662
4662
  );
4663
4663
  }
4664
4664
  }
@@ -4755,11 +4755,11 @@ function submit() {
4755
4755
 
4756
4756
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
4757
4757
 
4758
- function add_css$5(target) {
4758
+ function add_css$7(target) {
4759
4759
  append_styles(target, "svelte-kyay3k", ".textarea-wrapper.svelte-kyay3k{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-kyay3k{width:100%;resize:none}");
4760
4760
  }
4761
4761
 
4762
- function create_fragment$6(ctx) {
4762
+ function create_fragment$8(ctx) {
4763
4763
  let div;
4764
4764
  let textarea;
4765
4765
  let mounted;
@@ -4812,7 +4812,7 @@ function create_fragment$6(ctx) {
4812
4812
  };
4813
4813
  }
4814
4814
 
4815
- function instance$6($$self, $$props, $$invalidate) {
4815
+ function instance$8($$self, $$props, $$invalidate) {
4816
4816
  let $value;
4817
4817
  let { name = '' } = $$props;
4818
4818
  let { required = true } = $$props;
@@ -4853,8 +4853,8 @@ class FormTextarea extends SvelteComponent {
4853
4853
  init(
4854
4854
  this,
4855
4855
  options,
4856
- instance$6,
4857
- create_fragment$6,
4856
+ instance$8,
4857
+ create_fragment$8,
4858
4858
  safe_not_equal,
4859
4859
  {
4860
4860
  name: 6,
@@ -4862,14 +4862,14 @@ class FormTextarea extends SvelteComponent {
4862
4862
  rows: 1,
4863
4863
  placeholder: 2
4864
4864
  },
4865
- add_css$5
4865
+ add_css$7
4866
4866
  );
4867
4867
  }
4868
4868
  }
4869
4869
 
4870
4870
  /* src/components/FormButton.svelte generated by Svelte v3.53.1 */
4871
4871
 
4872
- function create_fragment$5(ctx) {
4872
+ function create_fragment$7(ctx) {
4873
4873
  let input;
4874
4874
  let mounted;
4875
4875
  let dispose;
@@ -4910,7 +4910,7 @@ function create_fragment$5(ctx) {
4910
4910
  };
4911
4911
  }
4912
4912
 
4913
- function instance$5($$self, $$props, $$invalidate) {
4913
+ function instance$7($$self, $$props, $$invalidate) {
4914
4914
  let disabled;
4915
4915
  let $valuesAreValid;
4916
4916
  let { text = '' } = $$props;
@@ -4971,13 +4971,13 @@ function instance$5($$self, $$props, $$invalidate) {
4971
4971
  class FormButton extends SvelteComponent {
4972
4972
  constructor(options) {
4973
4973
  super();
4974
- init(this, options, instance$5, create_fragment$5, safe_not_equal, { text: 0, type: 4 });
4974
+ init(this, options, instance$7, create_fragment$7, safe_not_equal, { text: 0, type: 4 });
4975
4975
  }
4976
4976
  }
4977
4977
 
4978
4978
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
4979
4979
 
4980
- function add_css$4(target) {
4980
+ function add_css$6(target) {
4981
4981
  append_styles(target, "svelte-1ajmbw1", ".radio-buttons.svelte-1ajmbw1{display:flex;justify-content:center;flex-direction:column;width:100%;height:100%}");
4982
4982
  }
4983
4983
 
@@ -5043,7 +5043,7 @@ function create_each_block$1(ctx) {
5043
5043
  };
5044
5044
  }
5045
5045
 
5046
- function create_fragment$4(ctx) {
5046
+ function create_fragment$6(ctx) {
5047
5047
  let div;
5048
5048
  let each_value = /*_options*/ ctx[1];
5049
5049
  let each_blocks = [];
@@ -5102,7 +5102,7 @@ function create_fragment$4(ctx) {
5102
5102
  };
5103
5103
  }
5104
5104
 
5105
- function instance$4($$self, $$props, $$invalidate) {
5105
+ function instance$6($$self, $$props, $$invalidate) {
5106
5106
  let _options;
5107
5107
  let $value;
5108
5108
  let { name = '' } = $$props;
@@ -5143,13 +5143,13 @@ function instance$4($$self, $$props, $$invalidate) {
5143
5143
  class FormRadioButtons extends SvelteComponent {
5144
5144
  constructor(options) {
5145
5145
  super();
5146
- init(this, options, instance$4, create_fragment$4, safe_not_equal, { name: 0, options: 5 }, add_css$4);
5146
+ init(this, options, instance$6, create_fragment$6, safe_not_equal, { name: 0, options: 5 }, add_css$6);
5147
5147
  }
5148
5148
  }
5149
5149
 
5150
5150
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
5151
5151
 
5152
- function add_css$3(target) {
5152
+ function add_css$5(target) {
5153
5153
  append_styles(target, "svelte-1ajmbw1", ".radio-buttons.svelte-1ajmbw1{display:flex;justify-content:center;flex-direction:column;width:100%;height:100%}");
5154
5154
  }
5155
5155
 
@@ -5251,7 +5251,7 @@ function create_each_block(ctx) {
5251
5251
  };
5252
5252
  }
5253
5253
 
5254
- function create_fragment$3(ctx) {
5254
+ function create_fragment$5(ctx) {
5255
5255
  let div;
5256
5256
  let select;
5257
5257
  let mounted;
@@ -5322,7 +5322,7 @@ function create_fragment$3(ctx) {
5322
5322
  };
5323
5323
  }
5324
5324
 
5325
- function instance$3($$self, $$props, $$invalidate) {
5325
+ function instance$5($$self, $$props, $$invalidate) {
5326
5326
  let _options;
5327
5327
  let { name = '' } = $$props;
5328
5328
  let { options = 'プルダウン1,プルダウン2,プルダウン3' } = $$props;
@@ -5359,7 +5359,515 @@ function instance$3($$self, $$props, $$invalidate) {
5359
5359
  class FormSelect extends SvelteComponent {
5360
5360
  constructor(options) {
5361
5361
  super();
5362
- init(this, options, instance$3, create_fragment$3, safe_not_equal, { name: 2, options: 3 }, add_css$3);
5362
+ init(this, options, instance$5, create_fragment$5, safe_not_equal, { name: 2, options: 3 }, add_css$5);
5363
+ }
5364
+ }
5365
+
5366
+ /* src/components/Slider.svelte generated by Svelte v3.53.1 */
5367
+
5368
+ function add_css$4(target) {
5369
+ append_styles(target, "svelte-16jk4x2", ".root.svelte-16jk4x2{width:100%;height:100%;position:relative}.container.svelte-16jk4x2{width:100%;height:100%;position:relative;overflow:hidden}.slide.svelte-16jk4x2{height:100%;position:absolute;display:flex}.transition.svelte-16jk4x2{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-16jk4x2{height:100%;flex:none}.prev-button.svelte-16jk4x2,.next-button.svelte-16jk4x2{height:50px;top:calc(50% - 25px);position:absolute}.prev-button.svelte-16jk4x2{left:8px}.next-button.svelte-16jk4x2{right:8px}");
5370
+ }
5371
+
5372
+ function create_fragment$4(ctx) {
5373
+ let div4;
5374
+ let div1;
5375
+ let div0;
5376
+ let div0_class_value;
5377
+ let t0;
5378
+ let div2;
5379
+ let t2;
5380
+ let div3;
5381
+ let current;
5382
+ let mounted;
5383
+ let dispose;
5384
+ const default_slot_template = /*#slots*/ ctx[11].default;
5385
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[10], null);
5386
+
5387
+ return {
5388
+ c() {
5389
+ div4 = element("div");
5390
+ div1 = element("div");
5391
+ div0 = element("div");
5392
+ if (default_slot) default_slot.c();
5393
+ t0 = space();
5394
+ div2 = element("div");
5395
+ div2.textContent = "<";
5396
+ t2 = space();
5397
+ div3 = element("div");
5398
+ div3.textContent = ">";
5399
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[2]) + " svelte-16jk4x2"));
5400
+ attr(div0, "style", /*slideStyle*/ ctx[3]);
5401
+ attr(div1, "class", "container svelte-16jk4x2");
5402
+ attr(div2, "class", "prev-button svelte-16jk4x2");
5403
+ attr(div3, "class", "next-button svelte-16jk4x2");
5404
+ attr(div4, "class", "root svelte-16jk4x2");
5405
+ },
5406
+ m(target, anchor) {
5407
+ insert(target, div4, anchor);
5408
+ append(div4, div1);
5409
+ append(div1, div0);
5410
+
5411
+ if (default_slot) {
5412
+ default_slot.m(div0, null);
5413
+ }
5414
+
5415
+ /*div0_binding*/ ctx[12](div0);
5416
+ /*div1_binding*/ ctx[13](div1);
5417
+ append(div4, t0);
5418
+ append(div4, div2);
5419
+ append(div4, t2);
5420
+ append(div4, div3);
5421
+ current = true;
5422
+
5423
+ if (!mounted) {
5424
+ dispose = [
5425
+ listen(div2, "click", /*prev*/ ctx[4]),
5426
+ listen(div3, "click", /*next*/ ctx[5])
5427
+ ];
5428
+
5429
+ mounted = true;
5430
+ }
5431
+ },
5432
+ p(ctx, dirty) {
5433
+ if (default_slot) {
5434
+ if (default_slot.p && (!current || dirty[0] & /*$$scope*/ 1024)) {
5435
+ update_slot_base(
5436
+ default_slot,
5437
+ default_slot_template,
5438
+ ctx,
5439
+ /*$$scope*/ ctx[10],
5440
+ !current
5441
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[10])
5442
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[10], dirty, null),
5443
+ null
5444
+ );
5445
+ }
5446
+ }
5447
+
5448
+ if (!current || dirty[0] & /*slideClass*/ 4 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[2]) + " svelte-16jk4x2"))) {
5449
+ attr(div0, "class", div0_class_value);
5450
+ }
5451
+
5452
+ if (!current || dirty[0] & /*slideStyle*/ 8) {
5453
+ attr(div0, "style", /*slideStyle*/ ctx[3]);
5454
+ }
5455
+ },
5456
+ i(local) {
5457
+ if (current) return;
5458
+ transition_in(default_slot, local);
5459
+ current = true;
5460
+ },
5461
+ o(local) {
5462
+ transition_out(default_slot, local);
5463
+ current = false;
5464
+ },
5465
+ d(detaching) {
5466
+ if (detaching) detach(div4);
5467
+ if (default_slot) default_slot.d(detaching);
5468
+ /*div0_binding*/ ctx[12](null);
5469
+ /*div1_binding*/ ctx[13](null);
5470
+ mounted = false;
5471
+ run_all(dispose);
5472
+ }
5473
+ };
5474
+ }
5475
+
5476
+ function calcPositionIndex(shift, index, length) {
5477
+ let tmpPositionIndex = shift - index;
5478
+
5479
+ if (tmpPositionIndex > 0) {
5480
+ return tmpPositionIndex - length;
5481
+ } else if (tmpPositionIndex < -(length - 1)) {
5482
+ return tmpPositionIndex + length;
5483
+ } else {
5484
+ return tmpPositionIndex;
5485
+ }
5486
+ }
5487
+
5488
+ function instance$4($$self, $$props, $$invalidate) {
5489
+ let slideStyle;
5490
+ let slideClass;
5491
+ let _loop;
5492
+ let { $$slots: slots = {}, $$scope } = $$props;
5493
+ let items = [];
5494
+ const dispatch = createEventDispatcher();
5495
+
5496
+ setContext('SLIDE', {
5497
+ registerItem: ({ onBeforeSlide, onMount }) => {
5498
+ const id = new Date().getTime().toString();
5499
+ $$invalidate(7, items = [...items, { id, onBeforeSlide, onMount }]);
5500
+ return id;
5501
+ },
5502
+ unregisterItem: id => {
5503
+ $$invalidate(7, items = items.filter(item => item.id !== id));
5504
+ }
5505
+ });
5506
+
5507
+ let containerElement;
5508
+ let slideElement;
5509
+ let containerWidth;
5510
+ let currentSlideId = 0;
5511
+ let slidePosition = 0;
5512
+ let shiftCount = 0;
5513
+ let previousShiftCount = 0;
5514
+ let moving = false;
5515
+ let transitioning = false;
5516
+ let previousMove = null;
5517
+ let moveSpeed = 0;
5518
+
5519
+ async function fixSlidePosition() {
5520
+ if (!_loop) return;
5521
+
5522
+ return new Promise(resolve => {
5523
+ window.requestAnimationFrame(() => {
5524
+ shiftCount = currentSlideId - Math.floor(items.length / 2);
5525
+
5526
+ items.forEach(({ onBeforeSlide }, index) => {
5527
+ onBeforeSlide({ shiftCount, index, length: items.length });
5528
+ });
5529
+
5530
+ $$invalidate(8, slidePosition = slidePosition + containerWidth * (calcPositionIndex(shiftCount, currentSlideId, items.length) - calcPositionIndex(previousShiftCount, currentSlideId, items.length)));
5531
+ previousShiftCount = shiftCount;
5532
+ resolve();
5533
+ });
5534
+ });
5535
+ }
5536
+
5537
+ async function cancelTransition() {
5538
+ if (transitioning) {
5539
+ const slideRect = slideElement.getBoundingClientRect();
5540
+ const containerRect = containerElement.getBoundingClientRect();
5541
+ $$invalidate(9, transitioning = false);
5542
+ $$invalidate(8, slidePosition = slideRect.x - containerRect.x);
5543
+ }
5544
+ }
5545
+
5546
+ function setIndex(slideIndex) {
5547
+ window.requestAnimationFrame(() => {
5548
+ if (_loop) {
5549
+ if (slideIndex < 0) {
5550
+ slideIndex = items.length + slideIndex;
5551
+ } else if (items.length <= slideIndex) {
5552
+ slideIndex = slideIndex - items.length;
5553
+ }
5554
+ } else {
5555
+ if (slideIndex < 0) {
5556
+ slideIndex = 0;
5557
+ } else if (items.length - 1 < slideIndex) {
5558
+ slideIndex = items.length - 1;
5559
+ }
5560
+ }
5561
+
5562
+ $$invalidate(9, transitioning = true);
5563
+ $$invalidate(8, slidePosition = containerWidth * calcPositionIndex(shiftCount, slideIndex, items.length));
5564
+ dispatch('change', { nextIndex: slideIndex });
5565
+ currentSlideId = slideIndex;
5566
+ });
5567
+ }
5568
+
5569
+ async function handleMoveStart() {
5570
+ cancelTransition();
5571
+ await fixSlidePosition();
5572
+ moving = true;
5573
+ previousMove = null;
5574
+ moveSpeed = 0;
5575
+ }
5576
+
5577
+ function handleMoving(clientX, timeStamp) {
5578
+ if (!moving) return;
5579
+
5580
+ if (previousMove) {
5581
+ const dx = clientX - previousMove.clientX;
5582
+ const dt = timeStamp - previousMove.timeStamp;
5583
+ moveSpeed = dx / dt;
5584
+ const updatedSlidePosition = slidePosition + dx;
5585
+
5586
+ window.requestAnimationFrame(() => {
5587
+ $$invalidate(8, slidePosition = updatedSlidePosition);
5588
+ });
5589
+ }
5590
+
5591
+ previousMove = { clientX, timeStamp };
5592
+ }
5593
+
5594
+ function handleMoveEnd() {
5595
+ if (!moving) return;
5596
+ moving = false;
5597
+ let nextIndex = currentSlideId;
5598
+
5599
+ if (moveSpeed > 0) {
5600
+ nextIndex = currentSlideId - 1;
5601
+ } else if (moveSpeed < 0) {
5602
+ nextIndex = currentSlideId + 1;
5603
+ }
5604
+
5605
+ setIndex(nextIndex);
5606
+ }
5607
+
5608
+ // DOM Event Handlers
5609
+ function handleMouseDown() {
5610
+ handleMoveStart();
5611
+ }
5612
+
5613
+ function handleMouseUp() {
5614
+ handleMoveEnd();
5615
+ }
5616
+
5617
+ function handleMouseLeave() {
5618
+ handleMoveEnd();
5619
+ }
5620
+
5621
+ function handleMouseMove(event) {
5622
+ const { clientX, timeStamp } = event;
5623
+ handleMoving(clientX, timeStamp);
5624
+ }
5625
+
5626
+ function handleTouchStart(event) {
5627
+ event.preventDefault();
5628
+ handleMoveStart();
5629
+ }
5630
+
5631
+ function handleTouchEnd(event) {
5632
+ event.preventDefault();
5633
+ handleMoveEnd();
5634
+ }
5635
+
5636
+ function handleTouchMove(event) {
5637
+ event.preventDefault();
5638
+ const clientX = event.touches[0].clientX;
5639
+ const timeStamp = event.timeStamp;
5640
+ handleMoving(clientX, timeStamp);
5641
+ }
5642
+
5643
+ function handleTransitionEnd() {
5644
+ $$invalidate(9, transitioning = false);
5645
+ fixSlidePosition();
5646
+ }
5647
+
5648
+ onMount(async () => {
5649
+ containerWidth = containerElement.clientWidth;
5650
+
5651
+ items.forEach(item => {
5652
+ item.onMount({ containerElement });
5653
+ });
5654
+
5655
+ currentSlideId = 0;
5656
+
5657
+ if (_loop) {
5658
+ await fixSlidePosition();
5659
+ }
5660
+
5661
+ containerElement.addEventListener('mousedown', handleMouseDown);
5662
+ containerElement.addEventListener('mousemove', handleMouseMove);
5663
+ containerElement.addEventListener('mouseup', handleMouseUp);
5664
+ containerElement.addEventListener('mouseleave', handleMouseLeave);
5665
+ containerElement.addEventListener('touchstart', handleTouchStart);
5666
+ containerElement.addEventListener('touchmove', handleTouchMove);
5667
+ containerElement.addEventListener('touchend', handleTouchEnd);
5668
+ containerElement.addEventListener('transitionend', handleTransitionEnd);
5669
+
5670
+ // setIndex(0);
5671
+ dispatch('mount', { itemsCount: items.length });
5672
+
5673
+ return () => {
5674
+ containerElement.removeEventListener('mousedown', handleMouseDown);
5675
+ containerElement.removeEventListener('mousemove', handleMouseMove);
5676
+ containerElement.removeEventListener('mouseup', handleMouseUp);
5677
+ containerElement.removeEventListener('mouseleave', handleMouseLeave);
5678
+ containerElement.removeEventListener('touchstart', handleTouchStart);
5679
+ containerElement.removeEventListener('touchmove', handleTouchMove);
5680
+ containerElement.removeEventListener('touchend', handleTouchEnd);
5681
+ containerElement.removeEventListener('transitionend', handleTransitionEnd);
5682
+ };
5683
+ });
5684
+
5685
+ async function prev() {
5686
+ cancelTransition();
5687
+ await fixSlidePosition();
5688
+ setIndex(currentSlideId - 1);
5689
+ }
5690
+
5691
+ async function next() {
5692
+ cancelTransition();
5693
+ await fixSlidePosition();
5694
+ setIndex(currentSlideId + 1);
5695
+ }
5696
+
5697
+ let { loop = false } = $$props;
5698
+
5699
+ function div0_binding($$value) {
5700
+ binding_callbacks[$$value ? 'unshift' : 'push'](() => {
5701
+ slideElement = $$value;
5702
+ $$invalidate(1, slideElement);
5703
+ });
5704
+ }
5705
+
5706
+ function div1_binding($$value) {
5707
+ binding_callbacks[$$value ? 'unshift' : 'push'](() => {
5708
+ containerElement = $$value;
5709
+ $$invalidate(0, containerElement);
5710
+ });
5711
+ }
5712
+
5713
+ $$self.$$set = $$props => {
5714
+ if ('loop' in $$props) $$invalidate(6, loop = $$props.loop);
5715
+ if ('$$scope' in $$props) $$invalidate(10, $$scope = $$props.$$scope);
5716
+ };
5717
+
5718
+ $$self.$$.update = () => {
5719
+ if ($$self.$$.dirty[0] & /*slidePosition*/ 256) {
5720
+ $$invalidate(3, slideStyle = slidePosition != null ? `left: ${slidePosition}px;` : '');
5721
+ }
5722
+
5723
+ if ($$self.$$.dirty[0] & /*transitioning*/ 512) {
5724
+ $$invalidate(2, slideClass = ['slide', transitioning ? 'transition' : ''].join(' '));
5725
+ }
5726
+
5727
+ if ($$self.$$.dirty[0] & /*items, loop*/ 192) {
5728
+ _loop = items.length >= 3 ? loop : false;
5729
+ }
5730
+ };
5731
+
5732
+ return [
5733
+ containerElement,
5734
+ slideElement,
5735
+ slideClass,
5736
+ slideStyle,
5737
+ prev,
5738
+ next,
5739
+ loop,
5740
+ items,
5741
+ slidePosition,
5742
+ transitioning,
5743
+ $$scope,
5744
+ slots,
5745
+ div0_binding,
5746
+ div1_binding
5747
+ ];
5748
+ }
5749
+
5750
+ class Slider extends SvelteComponent {
5751
+ constructor(options) {
5752
+ super();
5753
+ init(this, options, instance$4, create_fragment$4, safe_not_equal, { loop: 6 }, add_css$4, [-1, -1]);
5754
+ }
5755
+ }
5756
+
5757
+ /* src/components/SliderItem.svelte generated by Svelte v3.53.1 */
5758
+
5759
+ function add_css$3(target) {
5760
+ append_styles(target, "svelte-1c77iik", ".item.svelte-1c77iik{height:100%;flex:none}.item.svelte-1c77iik img{user-select:none;-webkit-user-drag:none}");
5761
+ }
5762
+
5763
+ function create_fragment$3(ctx) {
5764
+ let div;
5765
+ let current;
5766
+ const default_slot_template = /*#slots*/ ctx[4].default;
5767
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[3], null);
5768
+
5769
+ return {
5770
+ c() {
5771
+ div = element("div");
5772
+ if (default_slot) default_slot.c();
5773
+ attr(div, "class", "item svelte-1c77iik");
5774
+ attr(div, "style", /*itemStyle*/ ctx[0]);
5775
+ },
5776
+ m(target, anchor) {
5777
+ insert(target, div, anchor);
5778
+
5779
+ if (default_slot) {
5780
+ default_slot.m(div, null);
5781
+ }
5782
+
5783
+ current = true;
5784
+ },
5785
+ p(ctx, [dirty]) {
5786
+ if (default_slot) {
5787
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 8)) {
5788
+ update_slot_base(
5789
+ default_slot,
5790
+ default_slot_template,
5791
+ ctx,
5792
+ /*$$scope*/ ctx[3],
5793
+ !current
5794
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[3])
5795
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[3], dirty, null),
5796
+ null
5797
+ );
5798
+ }
5799
+ }
5800
+
5801
+ if (!current || dirty & /*itemStyle*/ 1) {
5802
+ attr(div, "style", /*itemStyle*/ ctx[0]);
5803
+ }
5804
+ },
5805
+ i(local) {
5806
+ if (current) return;
5807
+ transition_in(default_slot, local);
5808
+ current = true;
5809
+ },
5810
+ o(local) {
5811
+ transition_out(default_slot, local);
5812
+ current = false;
5813
+ },
5814
+ d(detaching) {
5815
+ if (detaching) detach(div);
5816
+ if (default_slot) default_slot.d(detaching);
5817
+ }
5818
+ };
5819
+ }
5820
+
5821
+ function instance$3($$self, $$props, $$invalidate) {
5822
+ let itemStyle;
5823
+ let { $$slots: slots = {}, $$scope } = $$props;
5824
+ const { registerItem, unregisterItem } = getContext('SLIDE');
5825
+
5826
+ const id = registerItem({
5827
+ onMount({ containerElement }) {
5828
+ $$invalidate(1, itemWidth = containerElement.clientWidth);
5829
+ },
5830
+ onBeforeSlide({ shiftCount, index, length }) {
5831
+ let fixedShiftCount;
5832
+
5833
+ if (index - shiftCount < 0) {
5834
+ fixedShiftCount = shiftCount - length;
5835
+ } else if (index - shiftCount > length - 1) {
5836
+ fixedShiftCount = shiftCount + length;
5837
+ } else {
5838
+ fixedShiftCount = shiftCount;
5839
+ }
5840
+
5841
+ $$invalidate(2, itemTransform = -fixedShiftCount * (itemWidth ?? 0));
5842
+ }
5843
+ });
5844
+
5845
+ onDestroy$1(() => {
5846
+ unregisterItem(id);
5847
+ });
5848
+
5849
+ let itemWidth = null;
5850
+ let itemTransform = 0;
5851
+
5852
+ $$self.$$set = $$props => {
5853
+ if ('$$scope' in $$props) $$invalidate(3, $$scope = $$props.$$scope);
5854
+ };
5855
+
5856
+ $$self.$$.update = () => {
5857
+ if ($$self.$$.dirty & /*itemWidth, itemTransform*/ 6) {
5858
+ $$invalidate(0, itemStyle = itemWidth != null
5859
+ ? `width: ${itemWidth}px; transform: translateX(${itemTransform}px);`
5860
+ : '');
5861
+ }
5862
+ };
5863
+
5864
+ return [itemStyle, itemWidth, itemTransform, $$scope, slots];
5865
+ }
5866
+
5867
+ class SliderItem extends SvelteComponent {
5868
+ constructor(options) {
5869
+ super();
5870
+ init(this, options, instance$3, create_fragment$3, safe_not_equal, {}, add_css$3);
5363
5871
  }
5364
5872
  }
5365
5873
 
@@ -5704,4 +6212,4 @@ class ImageBlock extends SvelteComponent {
5704
6212
  }
5705
6213
  }
5706
6214
 
5707
- export { ACTION_CHANGE_STATE_EVENT, ACTION_CLOSE_EVENT, ACTION_DESTROY_EVENT, ACTION_SHOW_EVENT, ALL_ACTION_ID, ALL_ACTION_SHORTEN_ID, Alignments, AnimationStyles, BackgroundSizes, ClipPaths, Cursors, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexItem, FormButton, FormRadioButtons, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_ACTION_RID, KARTE_ACTION_ROOT, KARTE_ACTION_SHORTEN_ID, KARTE_MODAL_ROOT, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, NOOP, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, actionId, actionSetting, addState, applyCss, applyGlobalCss, close, closeAction, closeApp, closed, collection$1 as collection, create, createApp, createFog, customAnimation, customHandlers, customVariables, destroy, destroyed, dispatchDestroyEvent, embed, ensureActionRoot, ensureModalRoot, execOnClickOperation, finalize, formData, getActionSetting, getActionShadowRoot, getCustomHandlers, getCustomVariables, getInternalHandlers, getMarginStyle, getPositionStyle, getState$1 as getState, getStates, getStoreState, getSystem, getTransform, h, handleFocus, handleKeydown, handleState, hasSuffix, hashCode, haveFunction, hideOnScroll, hideOnTime, initialize, internalHandlers, isClosed, isDestroyed, isOpened, isPreview, isStopped, linkTo, loadGlobalScript, loadGlobalStyle, loadStyle, maximumZindex, moveTo, none, onChangeState, onClose, onCreate, onDestroy, onScroll, onShow, onTime, opened, randStr, resetActionSetting, runScript, send_event, setActionSetting, setAutoStart, setClosed, setCustomHandlers, setCustomVariables, setDestroyed, setInternalHandlers, setMaximumZindex, setOpened, setPreviousFocus, setState$1 as setState, setStopped, setSystem, show, showAction, showModal, showOnScroll, showOnTime, state, states, stopped, system, toBr, updateCustomHandlers, updateCustomVariables, updateInternalHandlers, widget };
6215
+ export { ACTION_CHANGE_STATE_EVENT, ACTION_CLOSE_EVENT, ACTION_DESTROY_EVENT, ACTION_SHOW_EVENT, ALL_ACTION_ID, ALL_ACTION_SHORTEN_ID, Alignments, AnimationStyles, BackgroundSizes, ClipPaths, Cursors, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexItem, FormButton, FormRadioButtons, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_ACTION_RID, KARTE_ACTION_ROOT, KARTE_ACTION_SHORTEN_ID, KARTE_MODAL_ROOT, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, NOOP, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, Slider, SliderItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, actionId, actionSetting, addState, applyCss, applyGlobalCss, close, closeAction, closeApp, closed, collection$1 as collection, create, createApp, createFog, customAnimation, customHandlers, customVariables, destroy, destroyed, dispatchDestroyEvent, embed, ensureActionRoot, ensureModalRoot, execOnClickOperation, finalize, formData, getActionSetting, getActionShadowRoot, getCustomHandlers, getCustomVariables, getInternalHandlers, getMarginStyle, getPositionStyle, getState$1 as getState, getStates, getStoreState, getSystem, getTransform, h, handleFocus, handleKeydown, handleState, hasSuffix, hashCode, haveFunction, hideOnScroll, hideOnTime, initialize, internalHandlers, isClosed, isDestroyed, isOpened, isPreview, isStopped, linkTo, loadGlobalScript, loadGlobalStyle, loadStyle, maximumZindex, moveTo, none, onChangeState, onClose, onCreate, onDestroy, onScroll, onShow, onTime, opened, randStr, resetActionSetting, runScript, send_event, setActionSetting, setAutoStart, setClosed, setCustomHandlers, setCustomVariables, setDestroyed, setInternalHandlers, setMaximumZindex, setOpened, setPreviousFocus, setState$1 as setState, setStopped, setSystem, show, showAction, showModal, showOnScroll, showOnTime, state, states, stopped, system, toBr, updateCustomHandlers, updateCustomVariables, updateInternalHandlers, widget };