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

Sign up to get free protection for your applications and to get access to all the features.
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 };