@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.
@@ -1,6 +1,6 @@
1
1
  import { writable, get } from 'svelte/store';
2
2
  import 'svelte/easing';
3
- import { SvelteComponent, init, safe_not_equal, append_styles, create_slot, create_component, space, claim_component, claim_space, mount_component, insert_hydration, 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, claim_element, children, attr, noop, listen, is_function, append_hydration, add_render_callback, create_in_transition, svg_element, claim_svg_element, binding_callbacks, destroy_each, text, claim_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, claim_component, claim_space, mount_component, insert_hydration, 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, claim_element, children, attr, noop, listen, is_function, append_hydration, add_render_callback, create_in_transition, svg_element, claim_svg_element, binding_callbacks, destroy_each, text, claim_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
  /**
@@ -1617,20 +1617,20 @@ var widget = /*#__PURE__*/Object.freeze({
1617
1617
 
1618
1618
  /* src/components/Normalize.svelte generated by Svelte v3.53.1 */
1619
1619
 
1620
- function add_css$k(target) {
1620
+ function add_css$m(target) {
1621
1621
  append_styles(target, "svelte-tr4qnr", "@import 'https://esm.sh/normalize.css';");
1622
1622
  }
1623
1623
 
1624
1624
  class Normalize extends SvelteComponent {
1625
1625
  constructor(options) {
1626
1626
  super();
1627
- init(this, options, null, null, safe_not_equal, {}, add_css$k);
1627
+ init(this, options, null, null, safe_not_equal, {}, add_css$m);
1628
1628
  }
1629
1629
  }
1630
1630
 
1631
1631
  /* src/components/State.svelte generated by Svelte v3.53.1 */
1632
1632
 
1633
- function create_fragment$o(ctx) {
1633
+ function create_fragment$q(ctx) {
1634
1634
  let normalize;
1635
1635
  let t;
1636
1636
  let current;
@@ -1694,7 +1694,7 @@ function create_fragment$o(ctx) {
1694
1694
  };
1695
1695
  }
1696
1696
 
1697
- function instance$o($$self, $$props, $$invalidate) {
1697
+ function instance$q($$self, $$props, $$invalidate) {
1698
1698
  let { $$slots: slots = {}, $$scope } = $$props;
1699
1699
 
1700
1700
  $$self.$$set = $$props => {
@@ -1707,13 +1707,13 @@ function instance$o($$self, $$props, $$invalidate) {
1707
1707
  class State extends SvelteComponent {
1708
1708
  constructor(options) {
1709
1709
  super();
1710
- init(this, options, instance$o, create_fragment$o, safe_not_equal, {});
1710
+ init(this, options, instance$q, create_fragment$q, safe_not_equal, {});
1711
1711
  }
1712
1712
  }
1713
1713
 
1714
1714
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
1715
1715
 
1716
- function add_css$j(target) {
1716
+ function add_css$l(target) {
1717
1717
  append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
1718
1718
  }
1719
1719
 
@@ -1790,7 +1790,7 @@ function create_if_block$4(ctx) {
1790
1790
  };
1791
1791
  }
1792
1792
 
1793
- function create_fragment$n(ctx) {
1793
+ function create_fragment$p(ctx) {
1794
1794
  let if_block_anchor;
1795
1795
  let current;
1796
1796
  let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$4(ctx);
@@ -1855,7 +1855,7 @@ function getStateItemContext() {
1855
1855
  return getContext(STATE_ITEM_CONTEXT_KEY);
1856
1856
  }
1857
1857
 
1858
- function instance$n($$self, $$props, $$invalidate) {
1858
+ function instance$p($$self, $$props, $$invalidate) {
1859
1859
  let $state;
1860
1860
  component_subscribe($$self, state, $$value => $$invalidate(1, $state = $$value));
1861
1861
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -1881,13 +1881,13 @@ function instance$n($$self, $$props, $$invalidate) {
1881
1881
  class StateItem extends SvelteComponent {
1882
1882
  constructor(options) {
1883
1883
  super();
1884
- init(this, options, instance$n, create_fragment$n, safe_not_equal, { path: 0 }, add_css$j);
1884
+ init(this, options, instance$p, create_fragment$p, safe_not_equal, { path: 0 }, add_css$l);
1885
1885
  }
1886
1886
  }
1887
1887
 
1888
1888
  /* src/components/BackgroundOverray.svelte generated by Svelte v3.53.1 */
1889
1889
 
1890
- function add_css$i(target) {
1890
+ function add_css$k(target) {
1891
1891
  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}");
1892
1892
  }
1893
1893
 
@@ -1927,7 +1927,7 @@ function create_if_block$3(ctx) {
1927
1927
  };
1928
1928
  }
1929
1929
 
1930
- function create_fragment$m(ctx) {
1930
+ function create_fragment$o(ctx) {
1931
1931
  let if_block_anchor;
1932
1932
  let if_block = /*backgroundOverray*/ ctx[0] && create_if_block$3(ctx);
1933
1933
 
@@ -1967,7 +1967,7 @@ function create_fragment$m(ctx) {
1967
1967
  };
1968
1968
  }
1969
1969
 
1970
- function instance$m($$self, $$props, $$invalidate) {
1970
+ function instance$o($$self, $$props, $$invalidate) {
1971
1971
  let { backgroundOverray = false } = $$props;
1972
1972
  const dispatch = createEventDispatcher();
1973
1973
  const click_handler = () => dispatch('click');
@@ -1982,13 +1982,13 @@ function instance$m($$self, $$props, $$invalidate) {
1982
1982
  class BackgroundOverray extends SvelteComponent {
1983
1983
  constructor(options) {
1984
1984
  super();
1985
- init(this, options, instance$m, create_fragment$m, safe_not_equal, { backgroundOverray: 0 }, add_css$i);
1985
+ init(this, options, instance$o, create_fragment$o, safe_not_equal, { backgroundOverray: 0 }, add_css$k);
1986
1986
  }
1987
1987
  }
1988
1988
 
1989
1989
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
1990
1990
 
1991
- function add_css$h(target) {
1991
+ function add_css$j(target) {
1992
1992
  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}");
1993
1993
  }
1994
1994
 
@@ -2218,7 +2218,7 @@ function create_if_block_1(ctx) {
2218
2218
  };
2219
2219
  }
2220
2220
 
2221
- function create_fragment$l(ctx) {
2221
+ function create_fragment$n(ctx) {
2222
2222
  let backgroundoverray;
2223
2223
  let t;
2224
2224
  let if_block_anchor;
@@ -2317,7 +2317,7 @@ function create_fragment$l(ctx) {
2317
2317
  };
2318
2318
  }
2319
2319
 
2320
- function instance$l($$self, $$props, $$invalidate) {
2320
+ function instance$n($$self, $$props, $$invalidate) {
2321
2321
  let click;
2322
2322
  let close;
2323
2323
  let closable;
@@ -2508,8 +2508,8 @@ class Modal extends SvelteComponent {
2508
2508
  init(
2509
2509
  this,
2510
2510
  options,
2511
- instance$l,
2512
- create_fragment$l,
2511
+ instance$n,
2512
+ create_fragment$n,
2513
2513
  safe_not_equal,
2514
2514
  {
2515
2515
  onClick: 17,
@@ -2525,14 +2525,14 @@ class Modal extends SvelteComponent {
2525
2525
  closeButtonColor: 2,
2526
2526
  _closeStyle: 3
2527
2527
  },
2528
- add_css$h
2528
+ add_css$j
2529
2529
  );
2530
2530
  }
2531
2531
  }
2532
2532
 
2533
2533
  /* src/components/Grid.svelte generated by Svelte v3.53.1 */
2534
2534
 
2535
- function create_fragment$k(ctx) {
2535
+ function create_fragment$m(ctx) {
2536
2536
  let div;
2537
2537
  let current;
2538
2538
  const default_slot_template = /*#slots*/ ctx[8].default;
@@ -2600,7 +2600,7 @@ function create_fragment$k(ctx) {
2600
2600
  };
2601
2601
  }
2602
2602
 
2603
- function instance$k($$self, $$props, $$invalidate) {
2603
+ function instance$m($$self, $$props, $$invalidate) {
2604
2604
  let _style;
2605
2605
  let { $$slots: slots = {}, $$scope } = $$props;
2606
2606
  let { width = '512px' } = $$props;
@@ -2645,7 +2645,7 @@ class Grid extends SvelteComponent {
2645
2645
  constructor(options) {
2646
2646
  super();
2647
2647
 
2648
- init(this, options, instance$k, create_fragment$k, safe_not_equal, {
2648
+ init(this, options, instance$m, create_fragment$m, safe_not_equal, {
2649
2649
  width: 1,
2650
2650
  height: 2,
2651
2651
  rows: 3,
@@ -2836,7 +2836,7 @@ function create_default_slot(ctx) {
2836
2836
  };
2837
2837
  }
2838
2838
 
2839
- function create_fragment$j(ctx) {
2839
+ function create_fragment$l(ctx) {
2840
2840
  let stateitem;
2841
2841
  let current;
2842
2842
 
@@ -2884,7 +2884,7 @@ function create_fragment$j(ctx) {
2884
2884
  };
2885
2885
  }
2886
2886
 
2887
- function instance$j($$self, $$props, $$invalidate) {
2887
+ function instance$l($$self, $$props, $$invalidate) {
2888
2888
  let { $$slots: slots = {}, $$scope } = $$props;
2889
2889
  let { path } = $$props;
2890
2890
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -2955,7 +2955,7 @@ class GridModalState extends SvelteComponent {
2955
2955
  constructor(options) {
2956
2956
  super();
2957
2957
 
2958
- init(this, options, instance$j, create_fragment$j, safe_not_equal, {
2958
+ init(this, options, instance$l, create_fragment$l, safe_not_equal, {
2959
2959
  path: 0,
2960
2960
  onClick: 1,
2961
2961
  clickEventName: 2,
@@ -2980,11 +2980,11 @@ class GridModalState extends SvelteComponent {
2980
2980
 
2981
2981
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
2982
2982
 
2983
- function add_css$g(target) {
2983
+ function add_css$i(target) {
2984
2984
  append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
2985
2985
  }
2986
2986
 
2987
- function create_fragment$i(ctx) {
2987
+ function create_fragment$k(ctx) {
2988
2988
  let div1;
2989
2989
  let div0;
2990
2990
  let current;
@@ -3065,7 +3065,7 @@ function create_fragment$i(ctx) {
3065
3065
  };
3066
3066
  }
3067
3067
 
3068
- function instance$i($$self, $$props, $$invalidate) {
3068
+ function instance$k($$self, $$props, $$invalidate) {
3069
3069
  let _style;
3070
3070
  let { $$slots: slots = {}, $$scope } = $$props;
3071
3071
  let { x1 } = $$props;
@@ -3118,8 +3118,8 @@ class GridItem extends SvelteComponent {
3118
3118
  init(
3119
3119
  this,
3120
3120
  options,
3121
- instance$i,
3122
- create_fragment$i,
3121
+ instance$k,
3122
+ create_fragment$k,
3123
3123
  safe_not_equal,
3124
3124
  {
3125
3125
  x1: 2,
@@ -3129,18 +3129,18 @@ class GridItem extends SvelteComponent {
3129
3129
  z: 6,
3130
3130
  background: 7
3131
3131
  },
3132
- add_css$g
3132
+ add_css$i
3133
3133
  );
3134
3134
  }
3135
3135
  }
3136
3136
 
3137
3137
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
3138
3138
 
3139
- function add_css$f(target) {
3139
+ function add_css$h(target) {
3140
3140
  append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
3141
3141
  }
3142
3142
 
3143
- function create_fragment$h(ctx) {
3143
+ function create_fragment$j(ctx) {
3144
3144
  let div;
3145
3145
  let div_style_value;
3146
3146
  let current;
@@ -3215,7 +3215,7 @@ function getFlexContext() {
3215
3215
  return getContext(FlexContextKey);
3216
3216
  }
3217
3217
 
3218
- function instance$h($$self, $$props, $$invalidate) {
3218
+ function instance$j($$self, $$props, $$invalidate) {
3219
3219
  let { $$slots: slots = {}, $$scope } = $$props;
3220
3220
  let { direction = 'row' } = $$props;
3221
3221
  let { width = '100%' } = $$props;
@@ -3241,8 +3241,8 @@ class Flex extends SvelteComponent {
3241
3241
  init(
3242
3242
  this,
3243
3243
  options,
3244
- instance$h,
3245
- create_fragment$h,
3244
+ instance$j,
3245
+ create_fragment$j,
3246
3246
  safe_not_equal,
3247
3247
  {
3248
3248
  direction: 0,
@@ -3250,18 +3250,18 @@ class Flex extends SvelteComponent {
3250
3250
  height: 2,
3251
3251
  _style: 3
3252
3252
  },
3253
- add_css$f
3253
+ add_css$h
3254
3254
  );
3255
3255
  }
3256
3256
  }
3257
3257
 
3258
3258
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
3259
3259
 
3260
- function add_css$e(target) {
3260
+ function add_css$g(target) {
3261
3261
  append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
3262
3262
  }
3263
3263
 
3264
- function create_fragment$g(ctx) {
3264
+ function create_fragment$i(ctx) {
3265
3265
  let div;
3266
3266
  let current;
3267
3267
  const default_slot_template = /*#slots*/ ctx[4].default;
@@ -3329,7 +3329,7 @@ function create_fragment$g(ctx) {
3329
3329
  };
3330
3330
  }
3331
3331
 
3332
- function instance$g($$self, $$props, $$invalidate) {
3332
+ function instance$i($$self, $$props, $$invalidate) {
3333
3333
  let { $$slots: slots = {}, $$scope } = $$props;
3334
3334
  let { length } = $$props;
3335
3335
  let { _style = '' } = $$props;
@@ -3372,7 +3372,7 @@ function instance$g($$self, $$props, $$invalidate) {
3372
3372
  class FlexItem extends SvelteComponent {
3373
3373
  constructor(options) {
3374
3374
  super();
3375
- init(this, options, instance$g, create_fragment$g, safe_not_equal, { length: 1, _style: 2 }, add_css$e);
3375
+ init(this, options, instance$i, create_fragment$i, safe_not_equal, { length: 1, _style: 2 }, add_css$g);
3376
3376
  }
3377
3377
  }
3378
3378
 
@@ -3477,7 +3477,7 @@ function create_each_block$2(ctx) {
3477
3477
  };
3478
3478
  }
3479
3479
 
3480
- function create_fragment$f(ctx) {
3480
+ function create_fragment$h(ctx) {
3481
3481
  let each_1_anchor;
3482
3482
  let each_value = /*items*/ ctx[0];
3483
3483
  let each_blocks = [];
@@ -3543,7 +3543,7 @@ function create_fragment$f(ctx) {
3543
3543
 
3544
3544
  const regexp = /(\r?\n)/;
3545
3545
 
3546
- function instance$f($$self, $$props, $$invalidate) {
3546
+ function instance$h($$self, $$props, $$invalidate) {
3547
3547
  let items;
3548
3548
  let { text = 'サンプルSample' } = $$props;
3549
3549
 
@@ -3563,17 +3563,17 @@ function instance$f($$self, $$props, $$invalidate) {
3563
3563
  class RenderText extends SvelteComponent {
3564
3564
  constructor(options) {
3565
3565
  super();
3566
- init(this, options, instance$f, create_fragment$f, safe_not_equal, { text: 1 });
3566
+ init(this, options, instance$h, create_fragment$h, safe_not_equal, { text: 1 });
3567
3567
  }
3568
3568
  }
3569
3569
 
3570
3570
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
3571
3571
 
3572
- function add_css$d(target) {
3572
+ function add_css$f(target) {
3573
3573
  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%}");
3574
3574
  }
3575
3575
 
3576
- function create_fragment$e(ctx) {
3576
+ function create_fragment$g(ctx) {
3577
3577
  let div1;
3578
3578
  let div0;
3579
3579
  let rendertext;
@@ -3638,7 +3638,7 @@ function create_fragment$e(ctx) {
3638
3638
  };
3639
3639
  }
3640
3640
 
3641
- function instance$e($$self, $$props, $$invalidate) {
3641
+ function instance$g($$self, $$props, $$invalidate) {
3642
3642
  let style;
3643
3643
  let { text = 'サンプルSample' } = $$props;
3644
3644
  let { _textStyle = 'font-size:12px;' } = $$props;
@@ -3668,8 +3668,8 @@ class TextElement extends SvelteComponent {
3668
3668
  init(
3669
3669
  this,
3670
3670
  options,
3671
- instance$e,
3672
- create_fragment$e,
3671
+ instance$g,
3672
+ create_fragment$g,
3673
3673
  safe_not_equal,
3674
3674
  {
3675
3675
  text: 0,
@@ -3677,18 +3677,18 @@ class TextElement extends SvelteComponent {
3677
3677
  textDirection: 1,
3678
3678
  _style: 4
3679
3679
  },
3680
- add_css$d
3680
+ add_css$f
3681
3681
  );
3682
3682
  }
3683
3683
  }
3684
3684
 
3685
3685
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
3686
3686
 
3687
- function add_css$c(target) {
3687
+ function add_css$e(target) {
3688
3688
  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)}");
3689
3689
  }
3690
3690
 
3691
- function create_fragment$d(ctx) {
3691
+ function create_fragment$f(ctx) {
3692
3692
  let div;
3693
3693
  let button;
3694
3694
  let rendertext;
@@ -3762,7 +3762,7 @@ function create_fragment$d(ctx) {
3762
3762
  };
3763
3763
  }
3764
3764
 
3765
- function instance$d($$self, $$props, $$invalidate) {
3765
+ function instance$f($$self, $$props, $$invalidate) {
3766
3766
  let { text = 'ボタンラベル' } = $$props;
3767
3767
  let { onClick = { operation: 'none', args: [] } } = $$props;
3768
3768
 
@@ -3796,8 +3796,8 @@ class TextButtonElement extends SvelteComponent {
3796
3796
  init(
3797
3797
  this,
3798
3798
  options,
3799
- instance$d,
3800
- create_fragment$d,
3799
+ instance$f,
3800
+ create_fragment$f,
3801
3801
  safe_not_equal,
3802
3802
  {
3803
3803
  text: 0,
@@ -3806,18 +3806,18 @@ class TextButtonElement extends SvelteComponent {
3806
3806
  _buttonStyle: 1,
3807
3807
  _style: 2
3808
3808
  },
3809
- add_css$c
3809
+ add_css$e
3810
3810
  );
3811
3811
  }
3812
3812
  }
3813
3813
 
3814
3814
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
3815
3815
 
3816
- function add_css$b(target) {
3816
+ function add_css$d(target) {
3817
3817
  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)}");
3818
3818
  }
3819
3819
 
3820
- function create_fragment$c(ctx) {
3820
+ function create_fragment$e(ctx) {
3821
3821
  let div;
3822
3822
  let img;
3823
3823
  let img_src_value;
@@ -3899,7 +3899,7 @@ function create_fragment$c(ctx) {
3899
3899
  };
3900
3900
  }
3901
3901
 
3902
- function instance$c($$self, $$props, $$invalidate) {
3902
+ function instance$e($$self, $$props, $$invalidate) {
3903
3903
  let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
3904
3904
  let { alt = 'No Image' } = $$props;
3905
3905
  let { transport = false } = $$props;
@@ -3937,8 +3937,8 @@ class ImageElement extends SvelteComponent {
3937
3937
  init(
3938
3938
  this,
3939
3939
  options,
3940
- instance$c,
3941
- create_fragment$c,
3940
+ instance$e,
3941
+ create_fragment$e,
3942
3942
  safe_not_equal,
3943
3943
  {
3944
3944
  src: 0,
@@ -3949,18 +3949,18 @@ class ImageElement extends SvelteComponent {
3949
3949
  _imageStyle: 3,
3950
3950
  _style: 4
3951
3951
  },
3952
- add_css$b
3952
+ add_css$d
3953
3953
  );
3954
3954
  }
3955
3955
  }
3956
3956
 
3957
3957
  /* src/components/List.svelte generated by Svelte v3.53.1 */
3958
3958
 
3959
- function add_css$a(target) {
3959
+ function add_css$c(target) {
3960
3960
  append_styles(target, "svelte-dfqtyx", ".list.svelte-dfqtyx{display:flex;width:100%;height:100%;overflow:hidden}");
3961
3961
  }
3962
3962
 
3963
- function create_fragment$b(ctx) {
3963
+ function create_fragment$d(ctx) {
3964
3964
  let div;
3965
3965
  let current;
3966
3966
  const default_slot_template = /*#slots*/ ctx[6].default;
@@ -4030,7 +4030,7 @@ function create_fragment$b(ctx) {
4030
4030
 
4031
4031
  const LIST_CONTEXT_KEY = Symbol();
4032
4032
 
4033
- function instance$b($$self, $$props, $$invalidate) {
4033
+ function instance$d($$self, $$props, $$invalidate) {
4034
4034
  let style;
4035
4035
  let { $$slots: slots = {}, $$scope } = $$props;
4036
4036
  let { direction = 'vertical' } = $$props;
@@ -4097,8 +4097,8 @@ class List extends SvelteComponent {
4097
4097
  init(
4098
4098
  this,
4099
4099
  options,
4100
- instance$b,
4101
- create_fragment$b,
4100
+ instance$d,
4101
+ create_fragment$d,
4102
4102
  safe_not_equal,
4103
4103
  {
4104
4104
  direction: 1,
@@ -4106,18 +4106,18 @@ class List extends SvelteComponent {
4106
4106
  background: 3,
4107
4107
  _style: 4
4108
4108
  },
4109
- add_css$a
4109
+ add_css$c
4110
4110
  );
4111
4111
  }
4112
4112
  }
4113
4113
 
4114
4114
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
4115
4115
 
4116
- function add_css$9(target) {
4116
+ function add_css$b(target) {
4117
4117
  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}");
4118
4118
  }
4119
4119
 
4120
- function create_fragment$a(ctx) {
4120
+ function create_fragment$c(ctx) {
4121
4121
  let div1;
4122
4122
  let div0;
4123
4123
  let current;
@@ -4211,7 +4211,7 @@ function create_fragment$a(ctx) {
4211
4211
  };
4212
4212
  }
4213
4213
 
4214
- function instance$a($$self, $$props, $$invalidate) {
4214
+ function instance$c($$self, $$props, $$invalidate) {
4215
4215
  let click;
4216
4216
  let listItemStyle;
4217
4217
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -4301,17 +4301,17 @@ function instance$a($$self, $$props, $$invalidate) {
4301
4301
  class ListItem extends SvelteComponent {
4302
4302
  constructor(options) {
4303
4303
  super();
4304
- init(this, options, instance$a, create_fragment$a, safe_not_equal, { onClick: 3, clickEventName: 4, _style: 0 }, add_css$9);
4304
+ init(this, options, instance$c, create_fragment$c, safe_not_equal, { onClick: 3, clickEventName: 4, _style: 0 }, add_css$b);
4305
4305
  }
4306
4306
  }
4307
4307
 
4308
4308
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
4309
4309
 
4310
- function add_css$8(target) {
4310
+ function add_css$a(target) {
4311
4311
  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%}");
4312
4312
  }
4313
4313
 
4314
- function create_fragment$9(ctx) {
4314
+ function create_fragment$b(ctx) {
4315
4315
  let div;
4316
4316
 
4317
4317
  return {
@@ -4347,7 +4347,7 @@ function create_fragment$9(ctx) {
4347
4347
  };
4348
4348
  }
4349
4349
 
4350
- function instance$9($$self, $$props, $$invalidate) {
4350
+ function instance$b($$self, $$props, $$invalidate) {
4351
4351
  let { code } = $$props;
4352
4352
  let { _style = '' } = $$props;
4353
4353
 
@@ -4362,17 +4362,17 @@ function instance$9($$self, $$props, $$invalidate) {
4362
4362
  class EmbedElement extends SvelteComponent {
4363
4363
  constructor(options) {
4364
4364
  super();
4365
- init(this, options, instance$9, create_fragment$9, safe_not_equal, { code: 0, _style: 1 }, add_css$8);
4365
+ init(this, options, instance$b, create_fragment$b, safe_not_equal, { code: 0, _style: 1 }, add_css$a);
4366
4366
  }
4367
4367
  }
4368
4368
 
4369
4369
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
4370
4370
 
4371
- function add_css$7(target) {
4371
+ function add_css$9(target) {
4372
4372
  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%}");
4373
4373
  }
4374
4374
 
4375
- function create_fragment$8(ctx) {
4375
+ function create_fragment$a(ctx) {
4376
4376
  let div1;
4377
4377
  let div0;
4378
4378
 
@@ -4414,7 +4414,7 @@ function create_fragment$8(ctx) {
4414
4414
  };
4415
4415
  }
4416
4416
 
4417
- function instance$8($$self, $$props, $$invalidate) {
4417
+ function instance$a($$self, $$props, $$invalidate) {
4418
4418
  let $system;
4419
4419
  component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
4420
4420
  let { videoId } = $$props;
@@ -4593,8 +4593,8 @@ class MovieYouTubeElement extends SvelteComponent {
4593
4593
  init(
4594
4594
  this,
4595
4595
  options,
4596
- instance$8,
4597
- create_fragment$8,
4596
+ instance$a,
4597
+ create_fragment$a,
4598
4598
  safe_not_equal,
4599
4599
  {
4600
4600
  videoId: 2,
@@ -4604,18 +4604,18 @@ class MovieYouTubeElement extends SvelteComponent {
4604
4604
  mute: 6,
4605
4605
  _style: 0
4606
4606
  },
4607
- add_css$7
4607
+ add_css$9
4608
4608
  );
4609
4609
  }
4610
4610
  }
4611
4611
 
4612
4612
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
4613
4613
 
4614
- function add_css$6(target) {
4614
+ function add_css$8(target) {
4615
4615
  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%}");
4616
4616
  }
4617
4617
 
4618
- function create_fragment$7(ctx) {
4618
+ function create_fragment$9(ctx) {
4619
4619
  let div1;
4620
4620
  let div0;
4621
4621
 
@@ -4657,7 +4657,7 @@ function create_fragment$7(ctx) {
4657
4657
  };
4658
4658
  }
4659
4659
 
4660
- function instance$7($$self, $$props, $$invalidate) {
4660
+ function instance$9($$self, $$props, $$invalidate) {
4661
4661
  let $system;
4662
4662
  component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
4663
4663
  let { videoId } = $$props;
@@ -4800,8 +4800,8 @@ class MovieVimeoElement extends SvelteComponent {
4800
4800
  init(
4801
4801
  this,
4802
4802
  options,
4803
- instance$7,
4804
- create_fragment$7,
4803
+ instance$9,
4804
+ create_fragment$9,
4805
4805
  safe_not_equal,
4806
4806
  {
4807
4807
  videoId: 2,
@@ -4811,7 +4811,7 @@ class MovieVimeoElement extends SvelteComponent {
4811
4811
  mute: 6,
4812
4812
  _style: 0
4813
4813
  },
4814
- add_css$6
4814
+ add_css$8
4815
4815
  );
4816
4816
  }
4817
4817
  }
@@ -4913,11 +4913,11 @@ function submit() {
4913
4913
 
4914
4914
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
4915
4915
 
4916
- function add_css$5(target) {
4916
+ function add_css$7(target) {
4917
4917
  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}");
4918
4918
  }
4919
4919
 
4920
- function create_fragment$6(ctx) {
4920
+ function create_fragment$8(ctx) {
4921
4921
  let div;
4922
4922
  let textarea;
4923
4923
  let mounted;
@@ -4987,7 +4987,7 @@ function create_fragment$6(ctx) {
4987
4987
  };
4988
4988
  }
4989
4989
 
4990
- function instance$6($$self, $$props, $$invalidate) {
4990
+ function instance$8($$self, $$props, $$invalidate) {
4991
4991
  let $value;
4992
4992
  let { name = '' } = $$props;
4993
4993
  let { required = true } = $$props;
@@ -5028,8 +5028,8 @@ class FormTextarea extends SvelteComponent {
5028
5028
  init(
5029
5029
  this,
5030
5030
  options,
5031
- instance$6,
5032
- create_fragment$6,
5031
+ instance$8,
5032
+ create_fragment$8,
5033
5033
  safe_not_equal,
5034
5034
  {
5035
5035
  name: 6,
@@ -5037,14 +5037,14 @@ class FormTextarea extends SvelteComponent {
5037
5037
  rows: 1,
5038
5038
  placeholder: 2
5039
5039
  },
5040
- add_css$5
5040
+ add_css$7
5041
5041
  );
5042
5042
  }
5043
5043
  }
5044
5044
 
5045
5045
  /* src/components/FormButton.svelte generated by Svelte v3.53.1 */
5046
5046
 
5047
- function create_fragment$5(ctx) {
5047
+ function create_fragment$7(ctx) {
5048
5048
  let input;
5049
5049
  let mounted;
5050
5050
  let dispose;
@@ -5092,7 +5092,7 @@ function create_fragment$5(ctx) {
5092
5092
  };
5093
5093
  }
5094
5094
 
5095
- function instance$5($$self, $$props, $$invalidate) {
5095
+ function instance$7($$self, $$props, $$invalidate) {
5096
5096
  let disabled;
5097
5097
  let $valuesAreValid;
5098
5098
  let { text = '' } = $$props;
@@ -5153,13 +5153,13 @@ function instance$5($$self, $$props, $$invalidate) {
5153
5153
  class FormButton extends SvelteComponent {
5154
5154
  constructor(options) {
5155
5155
  super();
5156
- init(this, options, instance$5, create_fragment$5, safe_not_equal, { text: 0, type: 4 });
5156
+ init(this, options, instance$7, create_fragment$7, safe_not_equal, { text: 0, type: 4 });
5157
5157
  }
5158
5158
  }
5159
5159
 
5160
5160
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
5161
5161
 
5162
- function add_css$4(target) {
5162
+ function add_css$6(target) {
5163
5163
  append_styles(target, "svelte-1ajmbw1", ".radio-buttons.svelte-1ajmbw1{display:flex;justify-content:center;flex-direction:column;width:100%;height:100%}");
5164
5164
  }
5165
5165
 
@@ -5238,7 +5238,7 @@ function create_each_block$1(ctx) {
5238
5238
  };
5239
5239
  }
5240
5240
 
5241
- function create_fragment$4(ctx) {
5241
+ function create_fragment$6(ctx) {
5242
5242
  let div;
5243
5243
  let each_value = /*_options*/ ctx[1];
5244
5244
  let each_blocks = [];
@@ -5311,7 +5311,7 @@ function create_fragment$4(ctx) {
5311
5311
  };
5312
5312
  }
5313
5313
 
5314
- function instance$4($$self, $$props, $$invalidate) {
5314
+ function instance$6($$self, $$props, $$invalidate) {
5315
5315
  let _options;
5316
5316
  let $value;
5317
5317
  let { name = '' } = $$props;
@@ -5352,13 +5352,13 @@ function instance$4($$self, $$props, $$invalidate) {
5352
5352
  class FormRadioButtons extends SvelteComponent {
5353
5353
  constructor(options) {
5354
5354
  super();
5355
- init(this, options, instance$4, create_fragment$4, safe_not_equal, { name: 0, options: 5 }, add_css$4);
5355
+ init(this, options, instance$6, create_fragment$6, safe_not_equal, { name: 0, options: 5 }, add_css$6);
5356
5356
  }
5357
5357
  }
5358
5358
 
5359
5359
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
5360
5360
 
5361
- function add_css$3(target) {
5361
+ function add_css$5(target) {
5362
5362
  append_styles(target, "svelte-1ajmbw1", ".radio-buttons.svelte-1ajmbw1{display:flex;justify-content:center;flex-direction:column;width:100%;height:100%}");
5363
5363
  }
5364
5364
 
@@ -5477,7 +5477,7 @@ function create_each_block(ctx) {
5477
5477
  };
5478
5478
  }
5479
5479
 
5480
- function create_fragment$3(ctx) {
5480
+ function create_fragment$5(ctx) {
5481
5481
  let div;
5482
5482
  let select;
5483
5483
  let mounted;
@@ -5565,7 +5565,7 @@ function create_fragment$3(ctx) {
5565
5565
  };
5566
5566
  }
5567
5567
 
5568
- function instance$3($$self, $$props, $$invalidate) {
5568
+ function instance$5($$self, $$props, $$invalidate) {
5569
5569
  let _options;
5570
5570
  let { name = '' } = $$props;
5571
5571
  let { options = 'プルダウン1,プルダウン2,プルダウン3' } = $$props;
@@ -5602,7 +5602,555 @@ function instance$3($$self, $$props, $$invalidate) {
5602
5602
  class FormSelect extends SvelteComponent {
5603
5603
  constructor(options) {
5604
5604
  super();
5605
- init(this, options, instance$3, create_fragment$3, safe_not_equal, { name: 2, options: 3 }, add_css$3);
5605
+ init(this, options, instance$5, create_fragment$5, safe_not_equal, { name: 2, options: 3 }, add_css$5);
5606
+ }
5607
+ }
5608
+
5609
+ /* src/components/Slider.svelte generated by Svelte v3.53.1 */
5610
+
5611
+ function add_css$4(target) {
5612
+ 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}");
5613
+ }
5614
+
5615
+ function create_fragment$4(ctx) {
5616
+ let div4;
5617
+ let div1;
5618
+ let div0;
5619
+ let div0_class_value;
5620
+ let t0;
5621
+ let div2;
5622
+ let t1;
5623
+ let t2;
5624
+ let div3;
5625
+ let t3;
5626
+ let current;
5627
+ let mounted;
5628
+ let dispose;
5629
+ const default_slot_template = /*#slots*/ ctx[11].default;
5630
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[10], null);
5631
+
5632
+ return {
5633
+ c() {
5634
+ div4 = element("div");
5635
+ div1 = element("div");
5636
+ div0 = element("div");
5637
+ if (default_slot) default_slot.c();
5638
+ t0 = space();
5639
+ div2 = element("div");
5640
+ t1 = text("<");
5641
+ t2 = space();
5642
+ div3 = element("div");
5643
+ t3 = text(">");
5644
+ this.h();
5645
+ },
5646
+ l(nodes) {
5647
+ div4 = claim_element(nodes, "DIV", { class: true });
5648
+ var div4_nodes = children(div4);
5649
+ div1 = claim_element(div4_nodes, "DIV", { class: true });
5650
+ var div1_nodes = children(div1);
5651
+ div0 = claim_element(div1_nodes, "DIV", { class: true, style: true });
5652
+ var div0_nodes = children(div0);
5653
+ if (default_slot) default_slot.l(div0_nodes);
5654
+ div0_nodes.forEach(detach);
5655
+ div1_nodes.forEach(detach);
5656
+ t0 = claim_space(div4_nodes);
5657
+ div2 = claim_element(div4_nodes, "DIV", { class: true });
5658
+ var div2_nodes = children(div2);
5659
+ t1 = claim_text(div2_nodes, "<");
5660
+ div2_nodes.forEach(detach);
5661
+ t2 = claim_space(div4_nodes);
5662
+ div3 = claim_element(div4_nodes, "DIV", { class: true });
5663
+ var div3_nodes = children(div3);
5664
+ t3 = claim_text(div3_nodes, ">");
5665
+ div3_nodes.forEach(detach);
5666
+ div4_nodes.forEach(detach);
5667
+ this.h();
5668
+ },
5669
+ h() {
5670
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[2]) + " svelte-16jk4x2"));
5671
+ attr(div0, "style", /*slideStyle*/ ctx[3]);
5672
+ attr(div1, "class", "container svelte-16jk4x2");
5673
+ attr(div2, "class", "prev-button svelte-16jk4x2");
5674
+ attr(div3, "class", "next-button svelte-16jk4x2");
5675
+ attr(div4, "class", "root svelte-16jk4x2");
5676
+ },
5677
+ m(target, anchor) {
5678
+ insert_hydration(target, div4, anchor);
5679
+ append_hydration(div4, div1);
5680
+ append_hydration(div1, div0);
5681
+
5682
+ if (default_slot) {
5683
+ default_slot.m(div0, null);
5684
+ }
5685
+
5686
+ /*div0_binding*/ ctx[12](div0);
5687
+ /*div1_binding*/ ctx[13](div1);
5688
+ append_hydration(div4, t0);
5689
+ append_hydration(div4, div2);
5690
+ append_hydration(div2, t1);
5691
+ append_hydration(div4, t2);
5692
+ append_hydration(div4, div3);
5693
+ append_hydration(div3, t3);
5694
+ current = true;
5695
+
5696
+ if (!mounted) {
5697
+ dispose = [
5698
+ listen(div2, "click", /*prev*/ ctx[4]),
5699
+ listen(div3, "click", /*next*/ ctx[5])
5700
+ ];
5701
+
5702
+ mounted = true;
5703
+ }
5704
+ },
5705
+ p(ctx, dirty) {
5706
+ if (default_slot) {
5707
+ if (default_slot.p && (!current || dirty[0] & /*$$scope*/ 1024)) {
5708
+ update_slot_base(
5709
+ default_slot,
5710
+ default_slot_template,
5711
+ ctx,
5712
+ /*$$scope*/ ctx[10],
5713
+ !current
5714
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[10])
5715
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[10], dirty, null),
5716
+ null
5717
+ );
5718
+ }
5719
+ }
5720
+
5721
+ if (!current || dirty[0] & /*slideClass*/ 4 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[2]) + " svelte-16jk4x2"))) {
5722
+ attr(div0, "class", div0_class_value);
5723
+ }
5724
+
5725
+ if (!current || dirty[0] & /*slideStyle*/ 8) {
5726
+ attr(div0, "style", /*slideStyle*/ ctx[3]);
5727
+ }
5728
+ },
5729
+ i(local) {
5730
+ if (current) return;
5731
+ transition_in(default_slot, local);
5732
+ current = true;
5733
+ },
5734
+ o(local) {
5735
+ transition_out(default_slot, local);
5736
+ current = false;
5737
+ },
5738
+ d(detaching) {
5739
+ if (detaching) detach(div4);
5740
+ if (default_slot) default_slot.d(detaching);
5741
+ /*div0_binding*/ ctx[12](null);
5742
+ /*div1_binding*/ ctx[13](null);
5743
+ mounted = false;
5744
+ run_all(dispose);
5745
+ }
5746
+ };
5747
+ }
5748
+
5749
+ function calcPositionIndex(shift, index, length) {
5750
+ let tmpPositionIndex = shift - index;
5751
+
5752
+ if (tmpPositionIndex > 0) {
5753
+ return tmpPositionIndex - length;
5754
+ } else if (tmpPositionIndex < -(length - 1)) {
5755
+ return tmpPositionIndex + length;
5756
+ } else {
5757
+ return tmpPositionIndex;
5758
+ }
5759
+ }
5760
+
5761
+ function instance$4($$self, $$props, $$invalidate) {
5762
+ let slideStyle;
5763
+ let slideClass;
5764
+ let _loop;
5765
+ let { $$slots: slots = {}, $$scope } = $$props;
5766
+ let items = [];
5767
+ const dispatch = createEventDispatcher();
5768
+
5769
+ setContext('SLIDE', {
5770
+ registerItem: ({ onBeforeSlide, onMount }) => {
5771
+ const id = new Date().getTime().toString();
5772
+ $$invalidate(7, items = [...items, { id, onBeforeSlide, onMount }]);
5773
+ return id;
5774
+ },
5775
+ unregisterItem: id => {
5776
+ $$invalidate(7, items = items.filter(item => item.id !== id));
5777
+ }
5778
+ });
5779
+
5780
+ let containerElement;
5781
+ let slideElement;
5782
+ let containerWidth;
5783
+ let currentSlideId = 0;
5784
+ let slidePosition = 0;
5785
+ let shiftCount = 0;
5786
+ let previousShiftCount = 0;
5787
+ let moving = false;
5788
+ let transitioning = false;
5789
+ let previousMove = null;
5790
+ let moveSpeed = 0;
5791
+
5792
+ async function fixSlidePosition() {
5793
+ if (!_loop) return;
5794
+
5795
+ return new Promise(resolve => {
5796
+ window.requestAnimationFrame(() => {
5797
+ shiftCount = currentSlideId - Math.floor(items.length / 2);
5798
+
5799
+ items.forEach(({ onBeforeSlide }, index) => {
5800
+ onBeforeSlide({ shiftCount, index, length: items.length });
5801
+ });
5802
+
5803
+ $$invalidate(8, slidePosition = slidePosition + containerWidth * (calcPositionIndex(shiftCount, currentSlideId, items.length) - calcPositionIndex(previousShiftCount, currentSlideId, items.length)));
5804
+ previousShiftCount = shiftCount;
5805
+ resolve();
5806
+ });
5807
+ });
5808
+ }
5809
+
5810
+ async function cancelTransition() {
5811
+ if (transitioning) {
5812
+ const slideRect = slideElement.getBoundingClientRect();
5813
+ const containerRect = containerElement.getBoundingClientRect();
5814
+ $$invalidate(9, transitioning = false);
5815
+ $$invalidate(8, slidePosition = slideRect.x - containerRect.x);
5816
+ }
5817
+ }
5818
+
5819
+ function setIndex(slideIndex) {
5820
+ window.requestAnimationFrame(() => {
5821
+ if (_loop) {
5822
+ if (slideIndex < 0) {
5823
+ slideIndex = items.length + slideIndex;
5824
+ } else if (items.length <= slideIndex) {
5825
+ slideIndex = slideIndex - items.length;
5826
+ }
5827
+ } else {
5828
+ if (slideIndex < 0) {
5829
+ slideIndex = 0;
5830
+ } else if (items.length - 1 < slideIndex) {
5831
+ slideIndex = items.length - 1;
5832
+ }
5833
+ }
5834
+
5835
+ $$invalidate(9, transitioning = true);
5836
+ $$invalidate(8, slidePosition = containerWidth * calcPositionIndex(shiftCount, slideIndex, items.length));
5837
+ dispatch('change', { nextIndex: slideIndex });
5838
+ currentSlideId = slideIndex;
5839
+ });
5840
+ }
5841
+
5842
+ async function handleMoveStart() {
5843
+ cancelTransition();
5844
+ await fixSlidePosition();
5845
+ moving = true;
5846
+ previousMove = null;
5847
+ moveSpeed = 0;
5848
+ }
5849
+
5850
+ function handleMoving(clientX, timeStamp) {
5851
+ if (!moving) return;
5852
+
5853
+ if (previousMove) {
5854
+ const dx = clientX - previousMove.clientX;
5855
+ const dt = timeStamp - previousMove.timeStamp;
5856
+ moveSpeed = dx / dt;
5857
+ const updatedSlidePosition = slidePosition + dx;
5858
+
5859
+ window.requestAnimationFrame(() => {
5860
+ $$invalidate(8, slidePosition = updatedSlidePosition);
5861
+ });
5862
+ }
5863
+
5864
+ previousMove = { clientX, timeStamp };
5865
+ }
5866
+
5867
+ function handleMoveEnd() {
5868
+ if (!moving) return;
5869
+ moving = false;
5870
+ let nextIndex = currentSlideId;
5871
+
5872
+ if (moveSpeed > 0) {
5873
+ nextIndex = currentSlideId - 1;
5874
+ } else if (moveSpeed < 0) {
5875
+ nextIndex = currentSlideId + 1;
5876
+ }
5877
+
5878
+ setIndex(nextIndex);
5879
+ }
5880
+
5881
+ // DOM Event Handlers
5882
+ function handleMouseDown() {
5883
+ handleMoveStart();
5884
+ }
5885
+
5886
+ function handleMouseUp() {
5887
+ handleMoveEnd();
5888
+ }
5889
+
5890
+ function handleMouseLeave() {
5891
+ handleMoveEnd();
5892
+ }
5893
+
5894
+ function handleMouseMove(event) {
5895
+ const { clientX, timeStamp } = event;
5896
+ handleMoving(clientX, timeStamp);
5897
+ }
5898
+
5899
+ function handleTouchStart(event) {
5900
+ event.preventDefault();
5901
+ handleMoveStart();
5902
+ }
5903
+
5904
+ function handleTouchEnd(event) {
5905
+ event.preventDefault();
5906
+ handleMoveEnd();
5907
+ }
5908
+
5909
+ function handleTouchMove(event) {
5910
+ event.preventDefault();
5911
+ const clientX = event.touches[0].clientX;
5912
+ const timeStamp = event.timeStamp;
5913
+ handleMoving(clientX, timeStamp);
5914
+ }
5915
+
5916
+ function handleTransitionEnd() {
5917
+ $$invalidate(9, transitioning = false);
5918
+ fixSlidePosition();
5919
+ }
5920
+
5921
+ onMount(async () => {
5922
+ containerWidth = containerElement.clientWidth;
5923
+
5924
+ items.forEach(item => {
5925
+ item.onMount({ containerElement });
5926
+ });
5927
+
5928
+ currentSlideId = 0;
5929
+
5930
+ if (_loop) {
5931
+ await fixSlidePosition();
5932
+ }
5933
+
5934
+ containerElement.addEventListener('mousedown', handleMouseDown);
5935
+ containerElement.addEventListener('mousemove', handleMouseMove);
5936
+ containerElement.addEventListener('mouseup', handleMouseUp);
5937
+ containerElement.addEventListener('mouseleave', handleMouseLeave);
5938
+ containerElement.addEventListener('touchstart', handleTouchStart);
5939
+ containerElement.addEventListener('touchmove', handleTouchMove);
5940
+ containerElement.addEventListener('touchend', handleTouchEnd);
5941
+ containerElement.addEventListener('transitionend', handleTransitionEnd);
5942
+
5943
+ // setIndex(0);
5944
+ dispatch('mount', { itemsCount: items.length });
5945
+
5946
+ return () => {
5947
+ containerElement.removeEventListener('mousedown', handleMouseDown);
5948
+ containerElement.removeEventListener('mousemove', handleMouseMove);
5949
+ containerElement.removeEventListener('mouseup', handleMouseUp);
5950
+ containerElement.removeEventListener('mouseleave', handleMouseLeave);
5951
+ containerElement.removeEventListener('touchstart', handleTouchStart);
5952
+ containerElement.removeEventListener('touchmove', handleTouchMove);
5953
+ containerElement.removeEventListener('touchend', handleTouchEnd);
5954
+ containerElement.removeEventListener('transitionend', handleTransitionEnd);
5955
+ };
5956
+ });
5957
+
5958
+ async function prev() {
5959
+ cancelTransition();
5960
+ await fixSlidePosition();
5961
+ setIndex(currentSlideId - 1);
5962
+ }
5963
+
5964
+ async function next() {
5965
+ cancelTransition();
5966
+ await fixSlidePosition();
5967
+ setIndex(currentSlideId + 1);
5968
+ }
5969
+
5970
+ let { loop = false } = $$props;
5971
+
5972
+ function div0_binding($$value) {
5973
+ binding_callbacks[$$value ? 'unshift' : 'push'](() => {
5974
+ slideElement = $$value;
5975
+ $$invalidate(1, slideElement);
5976
+ });
5977
+ }
5978
+
5979
+ function div1_binding($$value) {
5980
+ binding_callbacks[$$value ? 'unshift' : 'push'](() => {
5981
+ containerElement = $$value;
5982
+ $$invalidate(0, containerElement);
5983
+ });
5984
+ }
5985
+
5986
+ $$self.$$set = $$props => {
5987
+ if ('loop' in $$props) $$invalidate(6, loop = $$props.loop);
5988
+ if ('$$scope' in $$props) $$invalidate(10, $$scope = $$props.$$scope);
5989
+ };
5990
+
5991
+ $$self.$$.update = () => {
5992
+ if ($$self.$$.dirty[0] & /*slidePosition*/ 256) {
5993
+ $$invalidate(3, slideStyle = slidePosition != null ? `left: ${slidePosition}px;` : '');
5994
+ }
5995
+
5996
+ if ($$self.$$.dirty[0] & /*transitioning*/ 512) {
5997
+ $$invalidate(2, slideClass = ['slide', transitioning ? 'transition' : ''].join(' '));
5998
+ }
5999
+
6000
+ if ($$self.$$.dirty[0] & /*items, loop*/ 192) {
6001
+ _loop = items.length >= 3 ? loop : false;
6002
+ }
6003
+ };
6004
+
6005
+ return [
6006
+ containerElement,
6007
+ slideElement,
6008
+ slideClass,
6009
+ slideStyle,
6010
+ prev,
6011
+ next,
6012
+ loop,
6013
+ items,
6014
+ slidePosition,
6015
+ transitioning,
6016
+ $$scope,
6017
+ slots,
6018
+ div0_binding,
6019
+ div1_binding
6020
+ ];
6021
+ }
6022
+
6023
+ class Slider extends SvelteComponent {
6024
+ constructor(options) {
6025
+ super();
6026
+ init(this, options, instance$4, create_fragment$4, safe_not_equal, { loop: 6 }, add_css$4, [-1, -1]);
6027
+ }
6028
+ }
6029
+
6030
+ /* src/components/SliderItem.svelte generated by Svelte v3.53.1 */
6031
+
6032
+ function add_css$3(target) {
6033
+ append_styles(target, "svelte-1c77iik", ".item.svelte-1c77iik{height:100%;flex:none}.item.svelte-1c77iik img{user-select:none;-webkit-user-drag:none}");
6034
+ }
6035
+
6036
+ function create_fragment$3(ctx) {
6037
+ let div;
6038
+ let current;
6039
+ const default_slot_template = /*#slots*/ ctx[4].default;
6040
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[3], null);
6041
+
6042
+ return {
6043
+ c() {
6044
+ div = element("div");
6045
+ if (default_slot) default_slot.c();
6046
+ this.h();
6047
+ },
6048
+ l(nodes) {
6049
+ div = claim_element(nodes, "DIV", { class: true, style: true });
6050
+ var div_nodes = children(div);
6051
+ if (default_slot) default_slot.l(div_nodes);
6052
+ div_nodes.forEach(detach);
6053
+ this.h();
6054
+ },
6055
+ h() {
6056
+ attr(div, "class", "item svelte-1c77iik");
6057
+ attr(div, "style", /*itemStyle*/ ctx[0]);
6058
+ },
6059
+ m(target, anchor) {
6060
+ insert_hydration(target, div, anchor);
6061
+
6062
+ if (default_slot) {
6063
+ default_slot.m(div, null);
6064
+ }
6065
+
6066
+ current = true;
6067
+ },
6068
+ p(ctx, [dirty]) {
6069
+ if (default_slot) {
6070
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 8)) {
6071
+ update_slot_base(
6072
+ default_slot,
6073
+ default_slot_template,
6074
+ ctx,
6075
+ /*$$scope*/ ctx[3],
6076
+ !current
6077
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[3])
6078
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[3], dirty, null),
6079
+ null
6080
+ );
6081
+ }
6082
+ }
6083
+
6084
+ if (!current || dirty & /*itemStyle*/ 1) {
6085
+ attr(div, "style", /*itemStyle*/ ctx[0]);
6086
+ }
6087
+ },
6088
+ i(local) {
6089
+ if (current) return;
6090
+ transition_in(default_slot, local);
6091
+ current = true;
6092
+ },
6093
+ o(local) {
6094
+ transition_out(default_slot, local);
6095
+ current = false;
6096
+ },
6097
+ d(detaching) {
6098
+ if (detaching) detach(div);
6099
+ if (default_slot) default_slot.d(detaching);
6100
+ }
6101
+ };
6102
+ }
6103
+
6104
+ function instance$3($$self, $$props, $$invalidate) {
6105
+ let itemStyle;
6106
+ let { $$slots: slots = {}, $$scope } = $$props;
6107
+ const { registerItem, unregisterItem } = getContext('SLIDE');
6108
+
6109
+ const id = registerItem({
6110
+ onMount({ containerElement }) {
6111
+ $$invalidate(1, itemWidth = containerElement.clientWidth);
6112
+ },
6113
+ onBeforeSlide({ shiftCount, index, length }) {
6114
+ let fixedShiftCount;
6115
+
6116
+ if (index - shiftCount < 0) {
6117
+ fixedShiftCount = shiftCount - length;
6118
+ } else if (index - shiftCount > length - 1) {
6119
+ fixedShiftCount = shiftCount + length;
6120
+ } else {
6121
+ fixedShiftCount = shiftCount;
6122
+ }
6123
+
6124
+ $$invalidate(2, itemTransform = -fixedShiftCount * (itemWidth ?? 0));
6125
+ }
6126
+ });
6127
+
6128
+ onDestroy$1(() => {
6129
+ unregisterItem(id);
6130
+ });
6131
+
6132
+ let itemWidth = null;
6133
+ let itemTransform = 0;
6134
+
6135
+ $$self.$$set = $$props => {
6136
+ if ('$$scope' in $$props) $$invalidate(3, $$scope = $$props.$$scope);
6137
+ };
6138
+
6139
+ $$self.$$.update = () => {
6140
+ if ($$self.$$.dirty & /*itemWidth, itemTransform*/ 6) {
6141
+ $$invalidate(0, itemStyle = itemWidth != null
6142
+ ? `width: ${itemWidth}px; transform: translateX(${itemTransform}px);`
6143
+ : '');
6144
+ }
6145
+ };
6146
+
6147
+ return [itemStyle, itemWidth, itemTransform, $$scope, slots];
6148
+ }
6149
+
6150
+ class SliderItem extends SvelteComponent {
6151
+ constructor(options) {
6152
+ super();
6153
+ init(this, options, instance$3, create_fragment$3, safe_not_equal, {}, add_css$3);
5606
6154
  }
5607
6155
  }
5608
6156
 
@@ -5993,4 +6541,4 @@ class ImageBlock extends SvelteComponent {
5993
6541
  }
5994
6542
  }
5995
6543
 
5996
- 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 };
6544
+ 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 };