@plaidev/karte-action-sdk 1.1.108 → 1.1.109-27920272.d0a496d3

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.
Files changed (6) hide show
  1. package/dist/hydrate/index.es.d.ts +74 -14
  2. package/dist/hydrate/index.es.js +1206 -482
  3. package/dist/index.es.d.ts +74 -14
  4. package/dist/index.es.js +1135 -480
  5. package/dist/templates.js +3 -1
  6. package/package.json +4 -5
package/dist/index.es.js CHANGED
@@ -1,7 +1,7 @@
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';
4
- import { createEventDispatcher, onMount, onDestroy as onDestroy$1, setContext, getContext } from 'svelte';
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
+ import { setContext, getContext, createEventDispatcher, onMount, onDestroy as onDestroy$1 } from 'svelte';
5
5
 
6
6
  /**
7
7
  * 内部的に使われている、UIから選択できない関数
@@ -461,6 +461,10 @@ function updateCustomVariables(variables) {
461
461
  });
462
462
  return getCustomVariables();
463
463
  }
464
+ /**
465
+ * Store for form data
466
+ */
467
+ const formData = writable({});
464
468
 
465
469
  const ALL_ACTION_ID = 'KARTE_ALL_ACTION_ID';
466
470
  const ALL_ACTION_SHORTEN_ID = 'KARTE_ALL_ACTION_SHORTEN_ID';
@@ -691,6 +695,7 @@ const PropTypes = [
691
695
  'Color',
692
696
  'Alignment',
693
697
  'State',
698
+ 'TransitState',
694
699
  'Style',
695
700
  'ModalPlacement',
696
701
  'OnClick',
@@ -762,7 +767,7 @@ const OnClickOperationOptions = [
762
767
  operation: 'moveTo',
763
768
  args: [
764
769
  {
765
- type: 'State',
770
+ type: 'TransitState',
766
771
  default: '/',
767
772
  },
768
773
  ],
@@ -790,11 +795,13 @@ const LengthUnits = ['px', 'em', 'rem', 'vw', 'fr', '%'];
790
795
  const Justifies = ['flex-start', 'center', 'flex-end'];
791
796
  const Alignments = ['flex-start', 'center', 'flex-end'];
792
797
  const ObjectFits = ['fill', 'contain', 'cover'];
798
+ const ClipPaths = ['none', 'circle(closest-side)'];
793
799
  const Repeats = ['repeat', 'space', 'round', 'no-repeat'];
794
800
  const BackgroundSizes = ['cover', 'contain', 'auto'];
795
801
  const Cursors = ['default', 'pointer'];
796
802
  const Overflows = ['visible', 'auto', 'hidden'];
797
803
  const WritingModes = ['horizontal-tb', 'vertical-lr'];
804
+ const ListSeparatorTypes = ['none', 'border', 'gap'];
798
805
  const DefaultListSeparatorNone = {
799
806
  type: 'none',
800
807
  };
@@ -809,6 +816,7 @@ const DefaultListSeparatorGap = {
809
816
  gap: '8px',
810
817
  };
811
818
  const DefaultListSeparator = DefaultListSeparatorBorder;
819
+ const ListBackgroundTypes = ['none', 'stripe'];
812
820
  const DefaultListBackgroundNone = {
813
821
  type: 'none',
814
822
  };
@@ -818,6 +826,7 @@ const DefaultListBackgroundStripe = {
818
826
  background2: '#fff',
819
827
  };
820
828
  const DefaultListBackground = DefaultListBackgroundNone;
829
+ const ListDirections = ['vertical', 'horizontal'];
821
830
 
822
831
  function doPresent({ direction, deltaRate }, downFn, upFn, condition = false) {
823
832
  if (direction === 'down' && deltaRate > 0) {
@@ -1721,20 +1730,20 @@ var widget = /*#__PURE__*/Object.freeze({
1721
1730
 
1722
1731
  /* src/components/Normalize.svelte generated by Svelte v3.53.1 */
1723
1732
 
1724
- function add_css$k(target) {
1725
- append_styles(target, "svelte-osypsj", "@import 'https://esm.sh/normalize.css';");
1733
+ function add_css$m(target) {
1734
+ append_styles(target, "svelte-tr4qnr", "@import 'https://esm.sh/normalize.css';");
1726
1735
  }
1727
1736
 
1728
1737
  class Normalize extends SvelteComponent {
1729
1738
  constructor(options) {
1730
1739
  super();
1731
- init(this, options, null, null, safe_not_equal, {}, add_css$k);
1740
+ init(this, options, null, null, safe_not_equal, {}, add_css$m);
1732
1741
  }
1733
1742
  }
1734
1743
 
1735
1744
  /* src/components/State.svelte generated by Svelte v3.53.1 */
1736
1745
 
1737
- function create_fragment$o(ctx) {
1746
+ function create_fragment$q(ctx) {
1738
1747
  let normalize;
1739
1748
  let t;
1740
1749
  let current;
@@ -1793,7 +1802,7 @@ function create_fragment$o(ctx) {
1793
1802
  };
1794
1803
  }
1795
1804
 
1796
- function instance$o($$self, $$props, $$invalidate) {
1805
+ function instance$q($$self, $$props, $$invalidate) {
1797
1806
  let { $$slots: slots = {}, $$scope } = $$props;
1798
1807
 
1799
1808
  $$self.$$set = $$props => {
@@ -1806,18 +1815,18 @@ function instance$o($$self, $$props, $$invalidate) {
1806
1815
  class State extends SvelteComponent {
1807
1816
  constructor(options) {
1808
1817
  super();
1809
- init(this, options, instance$o, create_fragment$o, safe_not_equal, {});
1818
+ init(this, options, instance$q, create_fragment$q, safe_not_equal, {});
1810
1819
  }
1811
1820
  }
1812
1821
 
1813
1822
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
1814
1823
 
1815
- function add_css$j(target) {
1816
- append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
1824
+ function add_css$l(target) {
1825
+ append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
1817
1826
  }
1818
1827
 
1819
- // (11:0) {#if $state === path}
1820
- function create_if_block$3(ctx) {
1828
+ // (23:0) {#if $state === path}
1829
+ function create_if_block$4(ctx) {
1821
1830
  let div;
1822
1831
  let t;
1823
1832
  let current;
@@ -1830,7 +1839,7 @@ function create_if_block$3(ctx) {
1830
1839
  t = space();
1831
1840
  if (default_slot) default_slot.c();
1832
1841
  attr(div, "data-state-path", /*path*/ ctx[0]);
1833
- attr(div, "class", "state-item svelte-1amihue");
1842
+ attr(div, "class", "state-item svelte-2qb6dm");
1834
1843
  },
1835
1844
  m(target, anchor) {
1836
1845
  insert(target, div, anchor);
@@ -1879,10 +1888,10 @@ function create_if_block$3(ctx) {
1879
1888
  };
1880
1889
  }
1881
1890
 
1882
- function create_fragment$n(ctx) {
1891
+ function create_fragment$p(ctx) {
1883
1892
  let if_block_anchor;
1884
1893
  let current;
1885
- let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$3(ctx);
1894
+ let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$4(ctx);
1886
1895
 
1887
1896
  return {
1888
1897
  c() {
@@ -1903,7 +1912,7 @@ function create_fragment$n(ctx) {
1903
1912
  transition_in(if_block, 1);
1904
1913
  }
1905
1914
  } else {
1906
- if_block = create_if_block$3(ctx);
1915
+ if_block = create_if_block$4(ctx);
1907
1916
  if_block.c();
1908
1917
  transition_in(if_block, 1);
1909
1918
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -1934,11 +1943,18 @@ function create_fragment$n(ctx) {
1934
1943
  };
1935
1944
  }
1936
1945
 
1937
- function instance$n($$self, $$props, $$invalidate) {
1946
+ const STATE_ITEM_CONTEXT_KEY = Symbol();
1947
+
1948
+ function getStateItemContext() {
1949
+ return getContext(STATE_ITEM_CONTEXT_KEY);
1950
+ }
1951
+
1952
+ function instance$p($$self, $$props, $$invalidate) {
1938
1953
  let $state;
1939
1954
  component_subscribe($$self, state, $$value => $$invalidate(1, $state = $$value));
1940
1955
  let { $$slots: slots = {}, $$scope } = $$props;
1941
1956
  let { path } = $$props;
1957
+ setContext(STATE_ITEM_CONTEXT_KEY, { path });
1942
1958
 
1943
1959
  $$self.$$set = $$props => {
1944
1960
  if ('path' in $$props) $$invalidate(0, path = $$props.path);
@@ -1959,18 +1975,18 @@ function instance$n($$self, $$props, $$invalidate) {
1959
1975
  class StateItem extends SvelteComponent {
1960
1976
  constructor(options) {
1961
1977
  super();
1962
- 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);
1963
1979
  }
1964
1980
  }
1965
1981
 
1966
1982
  /* src/components/BackgroundOverray.svelte generated by Svelte v3.53.1 */
1967
1983
 
1968
- function add_css$i(target) {
1969
- append_styles(target, "svelte-g6ucc2", ".background.svelte-g6ucc2{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
1984
+ function add_css$k(target) {
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}");
1970
1986
  }
1971
1987
 
1972
1988
  // (9:0) {#if backgroundOverray}
1973
- function create_if_block$2(ctx) {
1989
+ function create_if_block$3(ctx) {
1974
1990
  let div;
1975
1991
  let mounted;
1976
1992
  let dispose;
@@ -1978,7 +1994,7 @@ function create_if_block$2(ctx) {
1978
1994
  return {
1979
1995
  c() {
1980
1996
  div = element("div");
1981
- attr(div, "class", "background svelte-g6ucc2");
1997
+ attr(div, "class", "background svelte-1d4fta");
1982
1998
  },
1983
1999
  m(target, anchor) {
1984
2000
  insert(target, div, anchor);
@@ -1997,9 +2013,9 @@ function create_if_block$2(ctx) {
1997
2013
  };
1998
2014
  }
1999
2015
 
2000
- function create_fragment$m(ctx) {
2016
+ function create_fragment$o(ctx) {
2001
2017
  let if_block_anchor;
2002
- let if_block = /*backgroundOverray*/ ctx[0] && create_if_block$2(ctx);
2018
+ let if_block = /*backgroundOverray*/ ctx[0] && create_if_block$3(ctx);
2003
2019
 
2004
2020
  return {
2005
2021
  c() {
@@ -2015,7 +2031,7 @@ function create_fragment$m(ctx) {
2015
2031
  if (if_block) {
2016
2032
  if_block.p(ctx, dirty);
2017
2033
  } else {
2018
- if_block = create_if_block$2(ctx);
2034
+ if_block = create_if_block$3(ctx);
2019
2035
  if_block.c();
2020
2036
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
2021
2037
  }
@@ -2033,7 +2049,7 @@ function create_fragment$m(ctx) {
2033
2049
  };
2034
2050
  }
2035
2051
 
2036
- function instance$m($$self, $$props, $$invalidate) {
2052
+ function instance$o($$self, $$props, $$invalidate) {
2037
2053
  let { backgroundOverray = false } = $$props;
2038
2054
  const dispatch = createEventDispatcher();
2039
2055
  const click_handler = () => dispatch('click');
@@ -2048,18 +2064,18 @@ function instance$m($$self, $$props, $$invalidate) {
2048
2064
  class BackgroundOverray extends SvelteComponent {
2049
2065
  constructor(options) {
2050
2066
  super();
2051
- 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);
2052
2068
  }
2053
2069
  }
2054
2070
 
2055
2071
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
2056
2072
 
2057
- function add_css$h(target) {
2058
- append_styles(target, "svelte-bcei9a", ".modal.svelte-bcei9a{position:fixed;box-sizing:border-box;z-index:2147483647}.close.svelte-bcei9a{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-bcei9a:hover{transform:rotate(90deg)}.modal-content.svelte-bcei9a{display:flex;justify-content:center;align-items:center}");
2073
+ function add_css$j(target) {
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}");
2059
2075
  }
2060
2076
 
2061
2077
  // (142:0) {#if visible}
2062
- function create_if_block$1(ctx) {
2078
+ function create_if_block$2(ctx) {
2063
2079
  let div1;
2064
2080
  let t;
2065
2081
  let div0;
@@ -2079,9 +2095,9 @@ function create_if_block$1(ctx) {
2079
2095
  t = space();
2080
2096
  div0 = element("div");
2081
2097
  if (default_slot) default_slot.c();
2082
- attr(div0, "class", "modal-content svelte-bcei9a");
2098
+ attr(div0, "class", "modal-content svelte-12dkw0q");
2083
2099
  attr(div0, "style", /*_style*/ ctx[1]);
2084
- attr(div1, "class", "modal svelte-bcei9a");
2100
+ attr(div1, "class", "modal svelte-12dkw0q");
2085
2101
  attr(div1, "role", "dialog");
2086
2102
  attr(div1, "aria-modal", "true");
2087
2103
  attr(div1, "style", div1_style_value = "" + /*pos*/ ctx[10] + " " + /*marginStyle*/ ctx[8] + " " + ElasticityStyle[/*overwriteElasticity*/ ctx[11]] + "");
@@ -2200,7 +2216,7 @@ function create_if_block_1(ctx) {
2200
2216
  attr(svg, "viewBox", "0 0 9 10");
2201
2217
  attr(svg, "fill", "none");
2202
2218
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
2203
- attr(button, "class", "close svelte-bcei9a");
2219
+ attr(button, "class", "close svelte-12dkw0q");
2204
2220
  attr(button, "style", button_style_value = "z-index:" + (/*$maximumZindex*/ ctx[16] + 1) + "; " + /*_closeStyle*/ ctx[3] + "");
2205
2221
  },
2206
2222
  m(target, anchor) {
@@ -2235,7 +2251,7 @@ function create_if_block_1(ctx) {
2235
2251
  };
2236
2252
  }
2237
2253
 
2238
- function create_fragment$l(ctx) {
2254
+ function create_fragment$n(ctx) {
2239
2255
  let backgroundoverray;
2240
2256
  let t;
2241
2257
  let if_block_anchor;
@@ -2253,7 +2269,7 @@ function create_fragment$l(ctx) {
2253
2269
  if (is_function(/*backgroundClick*/ ctx[12])) /*backgroundClick*/ ctx[12].apply(this, arguments);
2254
2270
  });
2255
2271
 
2256
- let if_block = /*visible*/ ctx[6] && create_if_block$1(ctx);
2272
+ let if_block = /*visible*/ ctx[6] && create_if_block$2(ctx);
2257
2273
 
2258
2274
  return {
2259
2275
  c() {
@@ -2291,7 +2307,7 @@ function create_fragment$l(ctx) {
2291
2307
  transition_in(if_block, 1);
2292
2308
  }
2293
2309
  } else {
2294
- if_block = create_if_block$1(ctx);
2310
+ if_block = create_if_block$2(ctx);
2295
2311
  if_block.c();
2296
2312
  transition_in(if_block, 1);
2297
2313
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -2328,7 +2344,7 @@ function create_fragment$l(ctx) {
2328
2344
  };
2329
2345
  }
2330
2346
 
2331
- function instance$l($$self, $$props, $$invalidate) {
2347
+ function instance$n($$self, $$props, $$invalidate) {
2332
2348
  let click;
2333
2349
  let close;
2334
2350
  let closable;
@@ -2516,8 +2532,8 @@ class Modal extends SvelteComponent {
2516
2532
  init(
2517
2533
  this,
2518
2534
  options,
2519
- instance$l,
2520
- create_fragment$l,
2535
+ instance$n,
2536
+ create_fragment$n,
2521
2537
  safe_not_equal,
2522
2538
  {
2523
2539
  onClick: 17,
@@ -2533,14 +2549,14 @@ class Modal extends SvelteComponent {
2533
2549
  closeButtonColor: 2,
2534
2550
  _closeStyle: 3
2535
2551
  },
2536
- add_css$h
2552
+ add_css$j
2537
2553
  );
2538
2554
  }
2539
2555
  }
2540
2556
 
2541
2557
  /* src/components/Grid.svelte generated by Svelte v3.53.1 */
2542
2558
 
2543
- function create_fragment$k(ctx) {
2559
+ function create_fragment$m(ctx) {
2544
2560
  let div;
2545
2561
  let current;
2546
2562
  const default_slot_template = /*#slots*/ ctx[8].default;
@@ -2598,7 +2614,7 @@ function create_fragment$k(ctx) {
2598
2614
  };
2599
2615
  }
2600
2616
 
2601
- function instance$k($$self, $$props, $$invalidate) {
2617
+ function instance$m($$self, $$props, $$invalidate) {
2602
2618
  let _style;
2603
2619
  let { $$slots: slots = {}, $$scope } = $$props;
2604
2620
  let { width = '512px' } = $$props;
@@ -2643,7 +2659,7 @@ class Grid extends SvelteComponent {
2643
2659
  constructor(options) {
2644
2660
  super();
2645
2661
 
2646
- init(this, options, instance$k, create_fragment$k, safe_not_equal, {
2662
+ init(this, options, instance$m, create_fragment$m, safe_not_equal, {
2647
2663
  width: 1,
2648
2664
  height: 2,
2649
2665
  rows: 3,
@@ -2825,7 +2841,7 @@ function create_default_slot(ctx) {
2825
2841
  };
2826
2842
  }
2827
2843
 
2828
- function create_fragment$j(ctx) {
2844
+ function create_fragment$l(ctx) {
2829
2845
  let stateitem;
2830
2846
  let current;
2831
2847
 
@@ -2870,7 +2886,7 @@ function create_fragment$j(ctx) {
2870
2886
  };
2871
2887
  }
2872
2888
 
2873
- function instance$j($$self, $$props, $$invalidate) {
2889
+ function instance$l($$self, $$props, $$invalidate) {
2874
2890
  let { $$slots: slots = {}, $$scope } = $$props;
2875
2891
  let { path } = $$props;
2876
2892
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -2941,7 +2957,7 @@ class GridModalState extends SvelteComponent {
2941
2957
  constructor(options) {
2942
2958
  super();
2943
2959
 
2944
- init(this, options, instance$j, create_fragment$j, safe_not_equal, {
2960
+ init(this, options, instance$l, create_fragment$l, safe_not_equal, {
2945
2961
  path: 0,
2946
2962
  onClick: 1,
2947
2963
  clickEventName: 2,
@@ -2966,11 +2982,11 @@ class GridModalState extends SvelteComponent {
2966
2982
 
2967
2983
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
2968
2984
 
2969
- function add_css$g(target) {
2970
- append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
2985
+ function add_css$i(target) {
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}");
2971
2987
  }
2972
2988
 
2973
- function create_fragment$i(ctx) {
2989
+ function create_fragment$k(ctx) {
2974
2990
  let div1;
2975
2991
  let div0;
2976
2992
  let current;
@@ -2982,8 +2998,8 @@ function create_fragment$i(ctx) {
2982
2998
  div1 = element("div");
2983
2999
  div0 = element("div");
2984
3000
  if (default_slot) default_slot.c();
2985
- attr(div0, "class", "grid-item-inner svelte-1cryhmb");
2986
- attr(div1, "class", "grid-item svelte-1cryhmb");
3001
+ attr(div0, "class", "grid-item-inner svelte-n7kdl3");
3002
+ attr(div1, "class", "grid-item svelte-n7kdl3");
2987
3003
  attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[1]);
2988
3004
  attr(div1, "style", /*_style*/ ctx[0]);
2989
3005
  },
@@ -3033,7 +3049,7 @@ function create_fragment$i(ctx) {
3033
3049
  };
3034
3050
  }
3035
3051
 
3036
- function instance$i($$self, $$props, $$invalidate) {
3052
+ function instance$k($$self, $$props, $$invalidate) {
3037
3053
  let _style;
3038
3054
  let { $$slots: slots = {}, $$scope } = $$props;
3039
3055
  let { x1 } = $$props;
@@ -3086,8 +3102,8 @@ class GridItem extends SvelteComponent {
3086
3102
  init(
3087
3103
  this,
3088
3104
  options,
3089
- instance$i,
3090
- create_fragment$i,
3105
+ instance$k,
3106
+ create_fragment$k,
3091
3107
  safe_not_equal,
3092
3108
  {
3093
3109
  x1: 2,
@@ -3097,18 +3113,18 @@ class GridItem extends SvelteComponent {
3097
3113
  z: 6,
3098
3114
  background: 7
3099
3115
  },
3100
- add_css$g
3116
+ add_css$i
3101
3117
  );
3102
3118
  }
3103
3119
  }
3104
3120
 
3105
3121
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
3106
3122
 
3107
- function add_css$f(target) {
3108
- append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
3123
+ function add_css$h(target) {
3124
+ append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
3109
3125
  }
3110
3126
 
3111
- function create_fragment$h(ctx) {
3127
+ function create_fragment$j(ctx) {
3112
3128
  let div;
3113
3129
  let div_style_value;
3114
3130
  let current;
@@ -3119,7 +3135,7 @@ function create_fragment$h(ctx) {
3119
3135
  c() {
3120
3136
  div = element("div");
3121
3137
  if (default_slot) default_slot.c();
3122
- attr(div, "class", "flex svelte-9v2qdg");
3138
+ attr(div, "class", "flex svelte-1e71ejc");
3123
3139
  attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
3124
3140
  },
3125
3141
  m(target, anchor) {
@@ -3173,7 +3189,7 @@ function getFlexContext() {
3173
3189
  return getContext(FlexContextKey);
3174
3190
  }
3175
3191
 
3176
- function instance$h($$self, $$props, $$invalidate) {
3192
+ function instance$j($$self, $$props, $$invalidate) {
3177
3193
  let { $$slots: slots = {}, $$scope } = $$props;
3178
3194
  let { direction = 'row' } = $$props;
3179
3195
  let { width = '100%' } = $$props;
@@ -3199,8 +3215,8 @@ class Flex extends SvelteComponent {
3199
3215
  init(
3200
3216
  this,
3201
3217
  options,
3202
- instance$h,
3203
- create_fragment$h,
3218
+ instance$j,
3219
+ create_fragment$j,
3204
3220
  safe_not_equal,
3205
3221
  {
3206
3222
  direction: 0,
@@ -3208,18 +3224,18 @@ class Flex extends SvelteComponent {
3208
3224
  height: 2,
3209
3225
  _style: 3
3210
3226
  },
3211
- add_css$f
3227
+ add_css$h
3212
3228
  );
3213
3229
  }
3214
3230
  }
3215
3231
 
3216
3232
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
3217
3233
 
3218
- function add_css$e(target) {
3219
- append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
3234
+ function add_css$g(target) {
3235
+ append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
3220
3236
  }
3221
3237
 
3222
- function create_fragment$g(ctx) {
3238
+ function create_fragment$i(ctx) {
3223
3239
  let div;
3224
3240
  let current;
3225
3241
  const default_slot_template = /*#slots*/ ctx[4].default;
@@ -3229,7 +3245,7 @@ function create_fragment$g(ctx) {
3229
3245
  c() {
3230
3246
  div = element("div");
3231
3247
  if (default_slot) default_slot.c();
3232
- attr(div, "class", "flex-item svelte-164ah5d");
3248
+ attr(div, "class", "flex-item svelte-1p0bk1x");
3233
3249
  attr(div, "style", /*style*/ ctx[0]);
3234
3250
  },
3235
3251
  m(target, anchor) {
@@ -3277,7 +3293,7 @@ function create_fragment$g(ctx) {
3277
3293
  };
3278
3294
  }
3279
3295
 
3280
- function instance$g($$self, $$props, $$invalidate) {
3296
+ function instance$i($$self, $$props, $$invalidate) {
3281
3297
  let { $$slots: slots = {}, $$scope } = $$props;
3282
3298
  let { length } = $$props;
3283
3299
  let { _style = '' } = $$props;
@@ -3320,20 +3336,20 @@ function instance$g($$self, $$props, $$invalidate) {
3320
3336
  class FlexItem extends SvelteComponent {
3321
3337
  constructor(options) {
3322
3338
  super();
3323
- 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);
3324
3340
  }
3325
3341
  }
3326
3342
 
3327
3343
  /* src/components/RenderText.svelte generated by Svelte v3.53.1 */
3328
3344
 
3329
- function get_each_context$1(ctx, list, i) {
3345
+ function get_each_context$2(ctx, list, i) {
3330
3346
  const child_ctx = ctx.slice();
3331
3347
  child_ctx[2] = list[i];
3332
3348
  return child_ctx;
3333
3349
  }
3334
3350
 
3335
3351
  // (12:2) {:else}
3336
- function create_else_block(ctx) {
3352
+ function create_else_block$1(ctx) {
3337
3353
  let t_value = /*item*/ ctx[2] + "";
3338
3354
  let t;
3339
3355
 
@@ -3354,7 +3370,7 @@ function create_else_block(ctx) {
3354
3370
  }
3355
3371
 
3356
3372
  // (10:2) {#if item.match(regexp)}
3357
- function create_if_block(ctx) {
3373
+ function create_if_block$1(ctx) {
3358
3374
  let br;
3359
3375
 
3360
3376
  return {
@@ -3372,15 +3388,15 @@ function create_if_block(ctx) {
3372
3388
  }
3373
3389
 
3374
3390
  // (9:0) {#each items as item}
3375
- function create_each_block$1(ctx) {
3391
+ function create_each_block$2(ctx) {
3376
3392
  let show_if;
3377
3393
  let if_block_anchor;
3378
3394
 
3379
3395
  function select_block_type(ctx, dirty) {
3380
3396
  if (dirty & /*items*/ 1) show_if = null;
3381
3397
  if (show_if == null) show_if = !!/*item*/ ctx[2].match(regexp);
3382
- if (show_if) return create_if_block;
3383
- return create_else_block;
3398
+ if (show_if) return create_if_block$1;
3399
+ return create_else_block$1;
3384
3400
  }
3385
3401
 
3386
3402
  let current_block_type = select_block_type(ctx, -1);
@@ -3415,13 +3431,13 @@ function create_each_block$1(ctx) {
3415
3431
  };
3416
3432
  }
3417
3433
 
3418
- function create_fragment$f(ctx) {
3434
+ function create_fragment$h(ctx) {
3419
3435
  let each_1_anchor;
3420
3436
  let each_value = /*items*/ ctx[0];
3421
3437
  let each_blocks = [];
3422
3438
 
3423
3439
  for (let i = 0; i < each_value.length; i += 1) {
3424
- each_blocks[i] = create_each_block$1(get_each_context$1(ctx, each_value, i));
3440
+ each_blocks[i] = create_each_block$2(get_each_context$2(ctx, each_value, i));
3425
3441
  }
3426
3442
 
3427
3443
  return {
@@ -3445,12 +3461,12 @@ function create_fragment$f(ctx) {
3445
3461
  let i;
3446
3462
 
3447
3463
  for (i = 0; i < each_value.length; i += 1) {
3448
- const child_ctx = get_each_context$1(ctx, each_value, i);
3464
+ const child_ctx = get_each_context$2(ctx, each_value, i);
3449
3465
 
3450
3466
  if (each_blocks[i]) {
3451
3467
  each_blocks[i].p(child_ctx, dirty);
3452
3468
  } else {
3453
- each_blocks[i] = create_each_block$1(child_ctx);
3469
+ each_blocks[i] = create_each_block$2(child_ctx);
3454
3470
  each_blocks[i].c();
3455
3471
  each_blocks[i].m(each_1_anchor.parentNode, each_1_anchor);
3456
3472
  }
@@ -3474,7 +3490,7 @@ function create_fragment$f(ctx) {
3474
3490
 
3475
3491
  const regexp = /(\r?\n)/;
3476
3492
 
3477
- function instance$f($$self, $$props, $$invalidate) {
3493
+ function instance$h($$self, $$props, $$invalidate) {
3478
3494
  let items;
3479
3495
  let { text = 'サンプルSample' } = $$props;
3480
3496
 
@@ -3494,17 +3510,17 @@ function instance$f($$self, $$props, $$invalidate) {
3494
3510
  class RenderText extends SvelteComponent {
3495
3511
  constructor(options) {
3496
3512
  super();
3497
- 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 });
3498
3514
  }
3499
3515
  }
3500
3516
 
3501
3517
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
3502
3518
 
3503
- function add_css$d(target) {
3504
- append_styles(target, "svelte-ojltd4", ".text-element.svelte-ojltd4.svelte-ojltd4{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:auto}.text-element-inner.svelte-ojltd4.svelte-ojltd4{width:100%;height:auto}.text-direction-vertical.svelte-ojltd4.svelte-ojltd4{writing-mode:vertical-rl}.text-direction-vertical.svelte-ojltd4 .text-element-inner.svelte-ojltd4{width:auto;height:100%}");
3519
+ function add_css$f(target) {
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%}");
3505
3521
  }
3506
3522
 
3507
- function create_fragment$e(ctx) {
3523
+ function create_fragment$g(ctx) {
3508
3524
  let div1;
3509
3525
  let div0;
3510
3526
  let rendertext;
@@ -3517,8 +3533,8 @@ function create_fragment$e(ctx) {
3517
3533
  div1 = element("div");
3518
3534
  div0 = element("div");
3519
3535
  create_component(rendertext.$$.fragment);
3520
- attr(div0, "class", "text-element-inner svelte-ojltd4");
3521
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-ojltd4"));
3536
+ attr(div0, "class", "text-element-inner svelte-9en2jg");
3537
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9en2jg"));
3522
3538
  attr(div1, "style", /*style*/ ctx[2]);
3523
3539
  },
3524
3540
  m(target, anchor) {
@@ -3532,7 +3548,7 @@ function create_fragment$e(ctx) {
3532
3548
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
3533
3549
  rendertext.$set(rendertext_changes);
3534
3550
 
3535
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-ojltd4"))) {
3551
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9en2jg"))) {
3536
3552
  attr(div1, "class", div1_class_value);
3537
3553
  }
3538
3554
 
@@ -3556,7 +3572,7 @@ function create_fragment$e(ctx) {
3556
3572
  };
3557
3573
  }
3558
3574
 
3559
- function instance$e($$self, $$props, $$invalidate) {
3575
+ function instance$g($$self, $$props, $$invalidate) {
3560
3576
  let style;
3561
3577
  let { text = 'サンプルSample' } = $$props;
3562
3578
  let { _textStyle = 'font-size:12px;' } = $$props;
@@ -3586,8 +3602,8 @@ class TextElement extends SvelteComponent {
3586
3602
  init(
3587
3603
  this,
3588
3604
  options,
3589
- instance$e,
3590
- create_fragment$e,
3605
+ instance$g,
3606
+ create_fragment$g,
3591
3607
  safe_not_equal,
3592
3608
  {
3593
3609
  text: 0,
@@ -3595,18 +3611,18 @@ class TextElement extends SvelteComponent {
3595
3611
  textDirection: 1,
3596
3612
  _style: 4
3597
3613
  },
3598
- add_css$d
3614
+ add_css$f
3599
3615
  );
3600
3616
  }
3601
3617
  }
3602
3618
 
3603
3619
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
3604
3620
 
3605
- function add_css$c(target) {
3606
- append_styles(target, "svelte-m5478d", ".text-button-element.svelte-m5478d{width:100%;height:100%}.text-button.svelte-m5478d{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-m5478d:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-m5478d:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
3621
+ function add_css$e(target) {
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)}");
3607
3623
  }
3608
3624
 
3609
- function create_fragment$d(ctx) {
3625
+ function create_fragment$f(ctx) {
3610
3626
  let div;
3611
3627
  let button;
3612
3628
  let rendertext;
@@ -3620,9 +3636,9 @@ function create_fragment$d(ctx) {
3620
3636
  div = element("div");
3621
3637
  button = element("button");
3622
3638
  create_component(rendertext.$$.fragment);
3623
- attr(button, "class", "text-button svelte-m5478d");
3639
+ attr(button, "class", "text-button svelte-tx5xf5");
3624
3640
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
3625
- attr(div, "class", "text-button-element svelte-m5478d");
3641
+ attr(div, "class", "text-button-element svelte-tx5xf5");
3626
3642
  attr(div, "style", /*_style*/ ctx[2]);
3627
3643
  },
3628
3644
  m(target, anchor) {
@@ -3667,7 +3683,7 @@ function create_fragment$d(ctx) {
3667
3683
  };
3668
3684
  }
3669
3685
 
3670
- function instance$d($$self, $$props, $$invalidate) {
3686
+ function instance$f($$self, $$props, $$invalidate) {
3671
3687
  let { text = 'ボタンラベル' } = $$props;
3672
3688
  let { onClick = { operation: 'none', args: [] } } = $$props;
3673
3689
 
@@ -3701,8 +3717,8 @@ class TextButtonElement extends SvelteComponent {
3701
3717
  init(
3702
3718
  this,
3703
3719
  options,
3704
- instance$d,
3705
- create_fragment$d,
3720
+ instance$f,
3721
+ create_fragment$f,
3706
3722
  safe_not_equal,
3707
3723
  {
3708
3724
  text: 0,
@@ -3711,18 +3727,18 @@ class TextButtonElement extends SvelteComponent {
3711
3727
  _buttonStyle: 1,
3712
3728
  _style: 2
3713
3729
  },
3714
- add_css$c
3730
+ add_css$e
3715
3731
  );
3716
3732
  }
3717
3733
  }
3718
3734
 
3719
3735
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
3720
3736
 
3721
- function add_css$b(target) {
3722
- append_styles(target, "svelte-1yun3cc", ".image-element.svelte-1yun3cc{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-1yun3cc{width:100%;height:100%}.transport.svelte-1yun3cc:hover,.transport.svelte-1yun3cc:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
3737
+ function add_css$d(target) {
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)}");
3723
3739
  }
3724
3740
 
3725
- function create_fragment$c(ctx) {
3741
+ function create_fragment$e(ctx) {
3726
3742
  let div;
3727
3743
  let img;
3728
3744
  let img_src_value;
@@ -3734,14 +3750,14 @@ function create_fragment$c(ctx) {
3734
3750
  c() {
3735
3751
  div = element("div");
3736
3752
  img = element("img");
3737
- attr(img, "class", "image svelte-1yun3cc");
3753
+ attr(img, "class", "image svelte-t8kpqw");
3738
3754
  attr(img, "loading", "lazy");
3739
3755
  attr(img, "width", "auto");
3740
3756
  attr(img, "height", "auto");
3741
3757
  attr(img, "style", /*_imageStyle*/ ctx[3]);
3742
3758
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
3743
3759
  attr(img, "alt", /*alt*/ ctx[1]);
3744
- attr(div, "class", div_class_value = "" + (null_to_empty('image-element' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1yun3cc"));
3760
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-element' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-t8kpqw"));
3745
3761
  attr(div, "style", /*_style*/ ctx[4]);
3746
3762
  },
3747
3763
  m(target, anchor) {
@@ -3766,7 +3782,7 @@ function create_fragment$c(ctx) {
3766
3782
  attr(img, "alt", /*alt*/ ctx[1]);
3767
3783
  }
3768
3784
 
3769
- if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-element' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1yun3cc"))) {
3785
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-element' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-t8kpqw"))) {
3770
3786
  attr(div, "class", div_class_value);
3771
3787
  }
3772
3788
 
@@ -3784,7 +3800,7 @@ function create_fragment$c(ctx) {
3784
3800
  };
3785
3801
  }
3786
3802
 
3787
- function instance$c($$self, $$props, $$invalidate) {
3803
+ function instance$e($$self, $$props, $$invalidate) {
3788
3804
  let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
3789
3805
  let { alt = 'No Image' } = $$props;
3790
3806
  let { transport = false } = $$props;
@@ -3822,8 +3838,8 @@ class ImageElement extends SvelteComponent {
3822
3838
  init(
3823
3839
  this,
3824
3840
  options,
3825
- instance$c,
3826
- create_fragment$c,
3841
+ instance$e,
3842
+ create_fragment$e,
3827
3843
  safe_not_equal,
3828
3844
  {
3829
3845
  src: 0,
@@ -3834,18 +3850,18 @@ class ImageElement extends SvelteComponent {
3834
3850
  _imageStyle: 3,
3835
3851
  _style: 4
3836
3852
  },
3837
- add_css$b
3853
+ add_css$d
3838
3854
  );
3839
3855
  }
3840
3856
  }
3841
3857
 
3842
3858
  /* src/components/List.svelte generated by Svelte v3.53.1 */
3843
3859
 
3844
- function add_css$a(target) {
3845
- append_styles(target, "svelte-c6mdjx", ".list.svelte-c6mdjx{display:flex;width:100%;height:100%;overflow:hidden}");
3860
+ function add_css$c(target) {
3861
+ append_styles(target, "svelte-dfqtyx", ".list.svelte-dfqtyx{display:flex;width:100%;height:100%;overflow:hidden}");
3846
3862
  }
3847
3863
 
3848
- function create_fragment$b(ctx) {
3864
+ function create_fragment$d(ctx) {
3849
3865
  let div;
3850
3866
  let current;
3851
3867
  const default_slot_template = /*#slots*/ ctx[6].default;
@@ -3855,7 +3871,7 @@ function create_fragment$b(ctx) {
3855
3871
  c() {
3856
3872
  div = element("div");
3857
3873
  if (default_slot) default_slot.c();
3858
- attr(div, "class", "list svelte-c6mdjx");
3874
+ attr(div, "class", "list svelte-dfqtyx");
3859
3875
  attr(div, "style", /*style*/ ctx[0]);
3860
3876
  },
3861
3877
  m(target, anchor) {
@@ -3905,7 +3921,7 @@ function create_fragment$b(ctx) {
3905
3921
 
3906
3922
  const LIST_CONTEXT_KEY = Symbol();
3907
3923
 
3908
- function instance$b($$self, $$props, $$invalidate) {
3924
+ function instance$d($$self, $$props, $$invalidate) {
3909
3925
  let style;
3910
3926
  let { $$slots: slots = {}, $$scope } = $$props;
3911
3927
  let { direction = 'vertical' } = $$props;
@@ -3972,8 +3988,8 @@ class List extends SvelteComponent {
3972
3988
  init(
3973
3989
  this,
3974
3990
  options,
3975
- instance$b,
3976
- create_fragment$b,
3991
+ instance$d,
3992
+ create_fragment$d,
3977
3993
  safe_not_equal,
3978
3994
  {
3979
3995
  direction: 1,
@@ -3981,18 +3997,18 @@ class List extends SvelteComponent {
3981
3997
  background: 3,
3982
3998
  _style: 4
3983
3999
  },
3984
- add_css$a
4000
+ add_css$c
3985
4001
  );
3986
4002
  }
3987
4003
  }
3988
4004
 
3989
4005
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
3990
4006
 
3991
- function add_css$9(target) {
3992
- append_styles(target, "svelte-16bv3xq", ".list-item.svelte-16bv3xq{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item-inner.svelte-16bv3xq{position:absolute;inset:0}");
4007
+ function add_css$b(target) {
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}");
3993
4009
  }
3994
4010
 
3995
- function create_fragment$a(ctx) {
4011
+ function create_fragment$c(ctx) {
3996
4012
  let div1;
3997
4013
  let div0;
3998
4014
  let current;
@@ -4006,9 +4022,9 @@ function create_fragment$a(ctx) {
4006
4022
  div1 = element("div");
4007
4023
  div0 = element("div");
4008
4024
  if (default_slot) default_slot.c();
4009
- attr(div0, "class", "list-item-inner svelte-16bv3xq");
4025
+ attr(div0, "class", "list-item-inner svelte-h5j4xe");
4010
4026
  attr(div0, "style", /*_style*/ ctx[0]);
4011
- attr(div1, "class", "list-item svelte-16bv3xq");
4027
+ attr(div1, "class", "list-item svelte-h5j4xe");
4012
4028
  attr(div1, "style", /*listItemStyle*/ ctx[1]);
4013
4029
  },
4014
4030
  m(target, anchor) {
@@ -4073,7 +4089,7 @@ function create_fragment$a(ctx) {
4073
4089
  };
4074
4090
  }
4075
4091
 
4076
- function instance$a($$self, $$props, $$invalidate) {
4092
+ function instance$c($$self, $$props, $$invalidate) {
4077
4093
  let click;
4078
4094
  let listItemStyle;
4079
4095
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -4163,23 +4179,23 @@ function instance$a($$self, $$props, $$invalidate) {
4163
4179
  class ListItem extends SvelteComponent {
4164
4180
  constructor(options) {
4165
4181
  super();
4166
- 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);
4167
4183
  }
4168
4184
  }
4169
4185
 
4170
4186
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
4171
4187
 
4172
- function add_css$8(target) {
4173
- append_styles(target, "svelte-no29sy", ".embed.svelte-no29sy{position:relative;box-shadow:0 1px rgba(0, 0, 0, 0.06);padding-top:56.25%;overflow:hidden}.embed.svelte-no29sy iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
4188
+ function add_css$a(target) {
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%}");
4174
4190
  }
4175
4191
 
4176
- function create_fragment$9(ctx) {
4192
+ function create_fragment$b(ctx) {
4177
4193
  let div;
4178
4194
 
4179
4195
  return {
4180
4196
  c() {
4181
4197
  div = element("div");
4182
- attr(div, "class", "embed svelte-no29sy");
4198
+ attr(div, "class", "embed svelte-k86zna");
4183
4199
  attr(div, "style", /*_style*/ ctx[1]);
4184
4200
  },
4185
4201
  m(target, anchor) {
@@ -4200,7 +4216,7 @@ function create_fragment$9(ctx) {
4200
4216
  };
4201
4217
  }
4202
4218
 
4203
- function instance$9($$self, $$props, $$invalidate) {
4219
+ function instance$b($$self, $$props, $$invalidate) {
4204
4220
  let { code } = $$props;
4205
4221
  let { _style = '' } = $$props;
4206
4222
 
@@ -4215,17 +4231,17 @@ function instance$9($$self, $$props, $$invalidate) {
4215
4231
  class EmbedElement extends SvelteComponent {
4216
4232
  constructor(options) {
4217
4233
  super();
4218
- 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);
4219
4235
  }
4220
4236
  }
4221
4237
 
4222
4238
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
4223
4239
 
4224
- function add_css$7(target) {
4225
- append_styles(target, "svelte-no29sy", ".embed.svelte-no29sy{position:relative;box-shadow:0 1px rgba(0, 0, 0, 0.06);padding-top:56.25%;overflow:hidden}.embed.svelte-no29sy iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
4240
+ function add_css$9(target) {
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%}");
4226
4242
  }
4227
4243
 
4228
- function create_fragment$8(ctx) {
4244
+ function create_fragment$a(ctx) {
4229
4245
  let div1;
4230
4246
  let div0;
4231
4247
 
@@ -4234,7 +4250,7 @@ function create_fragment$8(ctx) {
4234
4250
  div1 = element("div");
4235
4251
  div0 = element("div");
4236
4252
  attr(div0, "class", "karte-player");
4237
- attr(div1, "class", "embed svelte-no29sy");
4253
+ attr(div1, "class", "embed svelte-k86zna");
4238
4254
  attr(div1, "style", /*_style*/ ctx[0]);
4239
4255
  },
4240
4256
  m(target, anchor) {
@@ -4256,7 +4272,7 @@ function create_fragment$8(ctx) {
4256
4272
  };
4257
4273
  }
4258
4274
 
4259
- function instance$8($$self, $$props, $$invalidate) {
4275
+ function instance$a($$self, $$props, $$invalidate) {
4260
4276
  let $system;
4261
4277
  component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
4262
4278
  let { videoId } = $$props;
@@ -4269,7 +4285,7 @@ function instance$8($$self, $$props, $$invalidate) {
4269
4285
  // @ts-ignore
4270
4286
  if (!window.YT) {
4271
4287
  const tag = document.createElement("script");
4272
- tag.src = "//www.youtube.com/iframe_api";
4288
+ tag.src = "https://www.youtube.com/iframe_api";
4273
4289
  const firstScriptTag = document.getElementsByTagName("script")[0];
4274
4290
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
4275
4291
  }
@@ -4381,14 +4397,6 @@ function instance$8($$self, $$props, $$invalidate) {
4381
4397
  });
4382
4398
  }
4383
4399
 
4384
- onDestroy$1(() => {
4385
- if (player) {
4386
- player.stopVideo();
4387
- }
4388
-
4389
- player.destroy();
4390
- });
4391
-
4392
4400
  onMount(() => {
4393
4401
  setTimeout(
4394
4402
  () => {
@@ -4401,6 +4409,13 @@ function instance$8($$self, $$props, $$invalidate) {
4401
4409
  );
4402
4410
  });
4403
4411
 
4412
+ onDestroy$1(() => {
4413
+ if (player) {
4414
+ player.stopVideo();
4415
+ player.destroy();
4416
+ }
4417
+ });
4418
+
4404
4419
  // @ts-ignore
4405
4420
  window.onYouTubeIframeAPIReady = () => {
4406
4421
  createPlayer();
@@ -4436,8 +4451,8 @@ class MovieYouTubeElement extends SvelteComponent {
4436
4451
  init(
4437
4452
  this,
4438
4453
  options,
4439
- instance$8,
4440
- create_fragment$8,
4454
+ instance$a,
4455
+ create_fragment$a,
4441
4456
  safe_not_equal,
4442
4457
  {
4443
4458
  videoId: 2,
@@ -4447,18 +4462,18 @@ class MovieYouTubeElement extends SvelteComponent {
4447
4462
  mute: 6,
4448
4463
  _style: 0
4449
4464
  },
4450
- add_css$7
4465
+ add_css$9
4451
4466
  );
4452
4467
  }
4453
4468
  }
4454
4469
 
4455
4470
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
4456
4471
 
4457
- function add_css$6(target) {
4458
- append_styles(target, "svelte-no29sy", ".embed.svelte-no29sy{position:relative;box-shadow:0 1px rgba(0, 0, 0, 0.06);padding-top:56.25%;overflow:hidden}.embed.svelte-no29sy iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
4472
+ function add_css$8(target) {
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%}");
4459
4474
  }
4460
4475
 
4461
- function create_fragment$7(ctx) {
4476
+ function create_fragment$9(ctx) {
4462
4477
  let div1;
4463
4478
  let div0;
4464
4479
 
@@ -4467,7 +4482,7 @@ function create_fragment$7(ctx) {
4467
4482
  div1 = element("div");
4468
4483
  div0 = element("div");
4469
4484
  attr(div0, "class", "karte-player");
4470
- attr(div1, "class", "embed svelte-no29sy");
4485
+ attr(div1, "class", "embed svelte-5l33p2");
4471
4486
  attr(div1, "style", /*_style*/ ctx[0]);
4472
4487
  },
4473
4488
  m(target, anchor) {
@@ -4489,7 +4504,7 @@ function create_fragment$7(ctx) {
4489
4504
  };
4490
4505
  }
4491
4506
 
4492
- function instance$7($$self, $$props, $$invalidate) {
4507
+ function instance$9($$self, $$props, $$invalidate) {
4493
4508
  let $system;
4494
4509
  component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
4495
4510
  let { videoId } = $$props;
@@ -4497,13 +4512,13 @@ function instance$7($$self, $$props, $$invalidate) {
4497
4512
  let { autoplay = false } = $$props;
4498
4513
  let { loop = false } = $$props;
4499
4514
  let { mute = false } = $$props;
4500
- let { _style = "" } = $$props;
4515
+ let { _style = '' } = $$props;
4501
4516
 
4502
4517
  // @ts-ignore
4503
4518
  if (!window.Vimeo) {
4504
- const tag = document.createElement("script");
4505
- tag.src = "//player.vimeo.com/api/player.js";
4506
- const firstScriptTag = document.getElementsByTagName("script")[0];
4519
+ const tag = document.createElement('script');
4520
+ tag.src = 'https://player.vimeo.com/api/player.js';
4521
+ const firstScriptTag = document.getElementsByTagName('script')[0];
4507
4522
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
4508
4523
  }
4509
4524
 
@@ -4536,7 +4551,7 @@ function instance$7($$self, $$props, $$invalidate) {
4536
4551
  const playSeconds = Math.round((currentDate - startDate) / 1000);
4537
4552
  totalPlaySeconds += playSeconds;
4538
4553
 
4539
- sendMovieEvent("_movie_playtime", {
4554
+ sendMovieEvent('_movie_playtime', {
4540
4555
  seconds: playSeconds,
4541
4556
  total_seconds: totalPlaySeconds
4542
4557
  });
@@ -4553,7 +4568,7 @@ function instance$7($$self, $$props, $$invalidate) {
4553
4568
 
4554
4569
  if (!alreadyPlay) {
4555
4570
  alreadyPlay = true;
4556
- sendMovieEvent("_movie_play");
4571
+ sendMovieEvent('_movie_play');
4557
4572
  }
4558
4573
  }
4559
4574
 
@@ -4563,7 +4578,7 @@ function instance$7($$self, $$props, $$invalidate) {
4563
4578
  }
4564
4579
 
4565
4580
  function onFinish() {
4566
- sendMovieEvent("_movie_finish");
4581
+ sendMovieEvent('_movie_finish');
4567
4582
  sendPlaytime();
4568
4583
  startDate = null;
4569
4584
  }
@@ -4574,30 +4589,21 @@ function instance$7($$self, $$props, $$invalidate) {
4574
4589
  }
4575
4590
 
4576
4591
  const playerOptions = { id: videoId, autoplay, loop };
4577
- console.log("createPlayer1");
4578
4592
 
4579
4593
  // @ts-ignore
4580
4594
  player = new window.Vimeo.Player(domRef, playerOptions);
4581
4595
 
4582
- console.log("createPlayer2");
4583
- player.on("play", onStart);
4584
- player.on("pause", onPause);
4585
- player.on("ended", onFinish);
4596
+ player.on('play', onStart);
4597
+ player.on('pause', onPause);
4598
+ player.on('ended', onFinish);
4586
4599
  onPlayerReady();
4587
4600
  }
4588
4601
 
4589
- onDestroy$1(() => {
4590
- player.destroy();
4591
- });
4592
-
4593
4602
  onMount(() => {
4594
- console.log("onMount1");
4595
-
4596
4603
  setTimeout(
4597
4604
  () => {
4598
4605
  // @ts-ignore
4599
4606
  if (window.Vimeo) {
4600
- console.log("onMount2");
4601
4607
  createPlayer();
4602
4608
  }
4603
4609
  },
@@ -4605,7 +4611,13 @@ function instance$7($$self, $$props, $$invalidate) {
4605
4611
  );
4606
4612
  });
4607
4613
 
4608
- window.addEventListener("beforeunload", () => {
4614
+ onDestroy$1(() => {
4615
+ if (player) {
4616
+ player.destroy();
4617
+ }
4618
+ });
4619
+
4620
+ window.addEventListener('beforeunload', () => {
4609
4621
  sendPlaytime();
4610
4622
  });
4611
4623
 
@@ -4635,8 +4647,8 @@ class MovieVimeoElement extends SvelteComponent {
4635
4647
  init(
4636
4648
  this,
4637
4649
  options,
4638
- instance$7,
4639
- create_fragment$7,
4650
+ instance$9,
4651
+ create_fragment$9,
4640
4652
  safe_not_equal,
4641
4653
  {
4642
4654
  videoId: 2,
@@ -4646,261 +4658,184 @@ class MovieVimeoElement extends SvelteComponent {
4646
4658
  mute: 6,
4647
4659
  _style: 0
4648
4660
  },
4649
- add_css$6
4661
+ add_css$8
4650
4662
  );
4651
4663
  }
4652
4664
  }
4653
4665
 
4654
- /* src/components/Form.svelte generated by Svelte v3.53.1 */
4666
+ function registerInput({ name, statePath, validator = () => true, initialValue, }) {
4667
+ const writableValue = {
4668
+ subscribe(run) {
4669
+ return formData.subscribe(formData => {
4670
+ run(formData[name]?.value);
4671
+ });
4672
+ },
4673
+ set(value) {
4674
+ formData.update(prev => ({
4675
+ ...prev,
4676
+ [name]: {
4677
+ statePath,
4678
+ value,
4679
+ isValid: validator(value),
4680
+ },
4681
+ }));
4682
+ },
4683
+ update(updater) {
4684
+ formData.update(prev => {
4685
+ const prevValue = prev[name]?.value;
4686
+ return {
4687
+ ...prev,
4688
+ [name]: {
4689
+ statePath,
4690
+ value: updater(prevValue),
4691
+ isValid: validator(prevValue),
4692
+ },
4693
+ };
4694
+ });
4695
+ },
4696
+ };
4697
+ writableValue.set(initialValue);
4698
+ return writableValue;
4699
+ }
4700
+ function deleteValues(statePath) {
4701
+ formData.update(prev => {
4702
+ const targetNames = Object.entries(prev)
4703
+ .filter(([_, { statePath: s }]) => s === statePath)
4704
+ .map(([name]) => name);
4705
+ targetNames.forEach(name => {
4706
+ delete prev[name];
4707
+ });
4708
+ return { ...prev };
4709
+ });
4710
+ }
4711
+ const getValuesAreValidReader = statePath => ({
4712
+ subscribe(callback) {
4713
+ return formData.subscribe(formData => {
4714
+ const valuesAreValid = Object.entries(formData)
4715
+ .filter(([_, { statePath: s }]) => s === statePath)
4716
+ .every(([_, { isValid }]) => isValid);
4717
+ callback(valuesAreValid);
4718
+ });
4719
+ },
4720
+ });
4721
+ function formDataToEventValues(campaignId, formData) {
4722
+ const questions = [];
4723
+ const answersMap = {};
4724
+ Object.entries(formData).forEach(([name, dataItem]) => {
4725
+ questions.push(name);
4726
+ const value = dataItem.value;
4727
+ const answerKey = `question_${name}`;
4728
+ if (Array.isArray(value)) {
4729
+ answersMap[answerKey] = {
4730
+ choices: value,
4731
+ };
4732
+ }
4733
+ else if (typeof value === 'string') {
4734
+ answersMap[answerKey] = {
4735
+ free_answer: value,
4736
+ };
4737
+ }
4738
+ });
4739
+ return {
4740
+ [campaignId]: {
4741
+ questions,
4742
+ ...answersMap,
4743
+ },
4744
+ };
4745
+ }
4746
+ function submit() {
4747
+ const systemConfig = getSystem();
4748
+ const campaignId = systemConfig.campaignId;
4749
+ if (campaignId) {
4750
+ const formData$1 = get(formData);
4751
+ const values = formDataToEventValues(campaignId, formData$1);
4752
+ send_event('_answer_question', values);
4753
+ }
4754
+ }
4655
4755
 
4656
- function add_css$5(target) {
4657
- append_styles(target, "svelte-ll2nus", ".form.svelte-ll2nus{width:100%;height:100%}");
4756
+ /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
4757
+
4758
+ function add_css$7(target) {
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}");
4658
4760
  }
4659
4761
 
4660
- function create_fragment$6(ctx) {
4762
+ function create_fragment$8(ctx) {
4661
4763
  let div;
4662
- let current;
4663
- const default_slot_template = /*#slots*/ ctx[4].default;
4664
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[3], null);
4764
+ let textarea;
4765
+ let mounted;
4766
+ let dispose;
4665
4767
 
4666
4768
  return {
4667
4769
  c() {
4668
4770
  div = element("div");
4669
- if (default_slot) default_slot.c();
4670
- attr(div, "class", "form svelte-ll2nus");
4771
+ textarea = element("textarea");
4772
+ attr(textarea, "class", "textarea svelte-kyay3k");
4773
+ textarea.value = /*$value*/ ctx[3];
4774
+ textarea.required = /*required*/ ctx[0];
4775
+ attr(textarea, "rows", /*rows*/ ctx[1]);
4776
+ attr(textarea, "placeholder", /*placeholder*/ ctx[2]);
4777
+ attr(div, "class", "textarea-wrapper svelte-kyay3k");
4671
4778
  },
4672
4779
  m(target, anchor) {
4673
4780
  insert(target, div, anchor);
4781
+ append(div, textarea);
4674
4782
 
4675
- if (default_slot) {
4676
- default_slot.m(div, null);
4783
+ if (!mounted) {
4784
+ dispose = listen(textarea, "input", /*handleInput*/ ctx[5]);
4785
+ mounted = true;
4677
4786
  }
4678
-
4679
- current = true;
4680
4787
  },
4681
4788
  p(ctx, [dirty]) {
4682
- if (default_slot) {
4683
- if (default_slot.p && (!current || dirty & /*$$scope*/ 8)) {
4684
- update_slot_base(
4685
- default_slot,
4686
- default_slot_template,
4687
- ctx,
4688
- /*$$scope*/ ctx[3],
4689
- !current
4690
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[3])
4691
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[3], dirty, null),
4692
- null
4693
- );
4694
- }
4789
+ if (dirty & /*$value*/ 8) {
4790
+ textarea.value = /*$value*/ ctx[3];
4791
+ }
4792
+
4793
+ if (dirty & /*required*/ 1) {
4794
+ textarea.required = /*required*/ ctx[0];
4795
+ }
4796
+
4797
+ if (dirty & /*rows*/ 2) {
4798
+ attr(textarea, "rows", /*rows*/ ctx[1]);
4799
+ }
4800
+
4801
+ if (dirty & /*placeholder*/ 4) {
4802
+ attr(textarea, "placeholder", /*placeholder*/ ctx[2]);
4695
4803
  }
4696
4804
  },
4697
- i(local) {
4698
- if (current) return;
4699
- transition_in(default_slot, local);
4700
- current = true;
4701
- },
4702
- o(local) {
4703
- transition_out(default_slot, local);
4704
- current = false;
4705
- },
4805
+ i: noop,
4806
+ o: noop,
4706
4807
  d(detaching) {
4707
4808
  if (detaching) detach(div);
4708
- if (default_slot) default_slot.d(detaching);
4809
+ mounted = false;
4810
+ dispose();
4709
4811
  }
4710
4812
  };
4711
4813
  }
4712
4814
 
4713
- const FORM_CONTEXT_KEY = Symbol();
4714
-
4715
- function getValue($formData, name) {
4716
- return $formData._data[name];
4717
- }
4718
-
4719
- function updateValue(data, name, update) {
4720
- data.update(prev => {
4721
- const { value, isValid } = update(prev._data[name]);
4722
- prev._data[name] = value;
4723
- prev._isValidMap[name] = isValid;
4724
- return { ...prev };
4725
- });
4726
- }
4727
-
4728
- function checkIfDataAreValid($formData) {
4729
- const dataAreValid = Object.entries($formData._data).reduce(
4730
- (dataAreValid, [name]) => {
4731
- return dataAreValid && ($formData._isValidMap[name] ?? true);
4732
- },
4733
- true
4734
- );
4735
-
4736
- return dataAreValid;
4737
- }
4738
-
4739
- const createFormDataAccessor = formId => {
4740
- const variableKey = `_form_${formId}`;
4741
-
4742
- const update = updater => {
4743
- customVariables.update(prev => {
4744
- const updatedFormData = updater(prev[variableKey] ?? {});
4745
- return { ...prev, [variableKey]: updatedFormData };
4746
- });
4747
- };
4748
-
4749
- const subscribe = run => {
4750
- return customVariables.subscribe(value => {
4751
- const formData = value[variableKey] ?? {};
4752
- run(formData);
4753
- });
4754
- };
4755
-
4756
- const set = value => {
4757
- customVariables.update(prev => {
4758
- return { ...prev, [variableKey]: value };
4759
- });
4760
- };
4761
-
4762
- return { update, set, subscribe };
4763
- };
4764
-
4765
- function instance$6($$self, $$props, $$invalidate) {
4766
- let $formData;
4767
- let $formComponentData;
4768
- let { $$slots: slots = {}, $$scope } = $$props;
4769
- let { formId = 'form0' } = $$props;
4770
- const formComponentData = writable({ _data: {}, _isValidMap: {} });
4771
- component_subscribe($$self, formComponentData, value => $$invalidate(6, $formComponentData = value));
4772
-
4773
- setContext(FORM_CONTEXT_KEY, {
4774
- formComponentData,
4775
- submit: ({ stateId }) => {
4776
- if (checkIfDataAreValid($formComponentData)) {
4777
- formData.update(prev => ({ ...prev, ...$formComponentData._data }));
4778
- console.log('will send', $formData);
4779
- setState$1(stateId, true);
4780
- }
4781
- },
4782
- next: ({ stateId }) => {
4783
- if (checkIfDataAreValid($formComponentData)) {
4784
- formData.update(prev => ({ ...prev, ...$formComponentData._data }));
4785
- setState$1(stateId, true);
4786
- console.log('formData after next()', $formData);
4787
- }
4788
- },
4789
- prev: ({ stateId }) => {
4790
- formData.update(prev => {
4791
- Object.keys($formComponentData._data).forEach(name => {
4792
- delete prev[name];
4793
- });
4794
-
4795
- return { ...prev };
4796
- });
4797
-
4798
- setState$1(stateId, true);
4799
- console.log('formData after prev()', $formData);
4800
- }
4801
- });
4802
-
4803
- const formData = createFormDataAccessor(formId);
4804
- component_subscribe($$self, formData, value => $$invalidate(5, $formData = value));
4805
-
4806
- $$self.$$set = $$props => {
4807
- if ('formId' in $$props) $$invalidate(2, formId = $$props.formId);
4808
- if ('$$scope' in $$props) $$invalidate(3, $$scope = $$props.$$scope);
4809
- };
4810
-
4811
- return [formComponentData, formData, formId, $$scope, slots];
4812
- }
4813
-
4814
- class Form extends SvelteComponent {
4815
- constructor(options) {
4816
- super();
4817
- init(this, options, instance$6, create_fragment$6, safe_not_equal, { formId: 2 }, add_css$5);
4818
- }
4819
- }
4820
-
4821
- /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
4822
-
4823
- function add_css$4(target) {
4824
- append_styles(target, "svelte-13z4kn0", ".textarea-wrapper.svelte-13z4kn0{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-13z4kn0{width:100%;resize:none}");
4825
- }
4826
-
4827
- function create_fragment$5(ctx) {
4828
- let div;
4829
- let textarea;
4830
- let mounted;
4831
- let dispose;
4832
-
4833
- return {
4834
- c() {
4835
- div = element("div");
4836
- textarea = element("textarea");
4837
- attr(textarea, "class", "textarea svelte-13z4kn0");
4838
- textarea.value = /*value*/ ctx[3];
4839
- textarea.required = /*required*/ ctx[0];
4840
- attr(textarea, "rows", /*rows*/ ctx[1]);
4841
- attr(textarea, "placeholder", /*placeholder*/ ctx[2]);
4842
- attr(div, "class", "textarea-wrapper svelte-13z4kn0");
4843
- },
4844
- m(target, anchor) {
4845
- insert(target, div, anchor);
4846
- append(div, textarea);
4847
-
4848
- if (!mounted) {
4849
- dispose = listen(textarea, "input", /*handleInput*/ ctx[5]);
4850
- mounted = true;
4851
- }
4852
- },
4853
- p(ctx, [dirty]) {
4854
- if (dirty & /*value*/ 8) {
4855
- textarea.value = /*value*/ ctx[3];
4856
- }
4857
-
4858
- if (dirty & /*required*/ 1) {
4859
- textarea.required = /*required*/ ctx[0];
4860
- }
4861
-
4862
- if (dirty & /*rows*/ 2) {
4863
- attr(textarea, "rows", /*rows*/ ctx[1]);
4864
- }
4865
-
4866
- if (dirty & /*placeholder*/ 4) {
4867
- attr(textarea, "placeholder", /*placeholder*/ ctx[2]);
4868
- }
4869
- },
4870
- i: noop,
4871
- o: noop,
4872
- d(detaching) {
4873
- if (detaching) detach(div);
4874
- mounted = false;
4875
- dispose();
4876
- }
4877
- };
4878
- }
4879
-
4880
- function instance$5($$self, $$props, $$invalidate) {
4881
- let value;
4882
- let $formComponentData;
4815
+ function instance$8($$self, $$props, $$invalidate) {
4816
+ let $value;
4883
4817
  let { name = '' } = $$props;
4884
4818
  let { required = true } = $$props;
4885
4819
  let { rows = 2 } = $$props;
4886
4820
  let { placeholder = '' } = $$props;
4887
- const { formComponentData } = getContext(FORM_CONTEXT_KEY);
4888
- component_subscribe($$self, formComponentData, value => $$invalidate(7, $formComponentData = value));
4889
-
4890
- function setValue(value) {
4891
- updateValue(formComponentData, name, () => ({
4892
- value,
4893
- isValid: required ? !!value : true
4894
- }));
4895
- }
4821
+ const { path: statePath } = getStateItemContext();
4822
+
4823
+ const value = registerInput({
4824
+ name,
4825
+ statePath,
4826
+ initialValue: '',
4827
+ validator(value) {
4828
+ return required ? !!value : true;
4829
+ }
4830
+ });
4831
+
4832
+ component_subscribe($$self, value, value => $$invalidate(3, $value = value));
4896
4833
 
4897
4834
  function handleInput(event) {
4898
- const value = event.target.value;
4899
- setValue(value);
4835
+ const updated = event.target.value;
4836
+ value.set(updated);
4900
4837
  }
4901
4838
 
4902
- setValue(value);
4903
-
4904
4839
  $$self.$$set = $$props => {
4905
4840
  if ('name' in $$props) $$invalidate(6, name = $$props.name);
4906
4841
  if ('required' in $$props) $$invalidate(0, required = $$props.required);
@@ -4908,22 +4843,7 @@ function instance$5($$self, $$props, $$invalidate) {
4908
4843
  if ('placeholder' in $$props) $$invalidate(2, placeholder = $$props.placeholder);
4909
4844
  };
4910
4845
 
4911
- $$self.$$.update = () => {
4912
- if ($$self.$$.dirty & /*$formComponentData, name*/ 192) {
4913
- $$invalidate(3, value = getValue($formComponentData, name) ?? '');
4914
- }
4915
- };
4916
-
4917
- return [
4918
- required,
4919
- rows,
4920
- placeholder,
4921
- value,
4922
- formComponentData,
4923
- handleInput,
4924
- name,
4925
- $formComponentData
4926
- ];
4846
+ return [required, rows, placeholder, $value, value, handleInput, name];
4927
4847
  }
4928
4848
 
4929
4849
  class FormTextarea extends SvelteComponent {
@@ -4933,8 +4853,8 @@ class FormTextarea extends SvelteComponent {
4933
4853
  init(
4934
4854
  this,
4935
4855
  options,
4936
- instance$5,
4937
- create_fragment$5,
4856
+ instance$8,
4857
+ create_fragment$8,
4938
4858
  safe_not_equal,
4939
4859
  {
4940
4860
  name: 6,
@@ -4942,14 +4862,14 @@ class FormTextarea extends SvelteComponent {
4942
4862
  rows: 1,
4943
4863
  placeholder: 2
4944
4864
  },
4945
- add_css$4
4865
+ add_css$7
4946
4866
  );
4947
4867
  }
4948
4868
  }
4949
4869
 
4950
4870
  /* src/components/FormButton.svelte generated by Svelte v3.53.1 */
4951
4871
 
4952
- function create_fragment$4(ctx) {
4872
+ function create_fragment$7(ctx) {
4953
4873
  let input;
4954
4874
  let mounted;
4955
4875
  let dispose;
@@ -4967,7 +4887,7 @@ function create_fragment$4(ctx) {
4967
4887
  insert(target, input, anchor);
4968
4888
 
4969
4889
  if (!mounted) {
4970
- dispose = listen(input, "click", /*handleClick*/ ctx[3]);
4890
+ dispose = listen(input, "click", /*handleClick*/ ctx[2]);
4971
4891
  mounted = true;
4972
4892
  }
4973
4893
  },
@@ -4990,89 +4910,90 @@ function create_fragment$4(ctx) {
4990
4910
  };
4991
4911
  }
4992
4912
 
4993
- function instance$4($$self, $$props, $$invalidate) {
4913
+ function instance$7($$self, $$props, $$invalidate) {
4994
4914
  let disabled;
4995
- let $formComponentData;
4915
+ let $valuesAreValid;
4996
4916
  let { text = '' } = $$props;
4997
4917
  let { type = { type: 'submit' } } = $$props;
4998
- const { formComponentData, submit, next, prev } = getContext(FORM_CONTEXT_KEY);
4999
- component_subscribe($$self, formComponentData, value => $$invalidate(5, $formComponentData = value));
4918
+ const { path: statePath } = getStateItemContext();
5000
4919
 
5001
4920
  function handleClick() {
5002
4921
  switch (type.type) {
5003
4922
  case 'submit':
5004
4923
  {
5005
- const stateId = type.stateId;
5006
- submit({ stateId });
4924
+ if ($valuesAreValid) {
4925
+ submit();
4926
+ const stateId = type.stateId;
4927
+ setState$1(stateId, true);
4928
+ }
4929
+
5007
4930
  break;
5008
4931
  }
5009
4932
  case 'next':
5010
4933
  {
5011
- const stateId = type.stateId;
5012
- next({ stateId });
4934
+ if ($valuesAreValid) {
4935
+ const stateId = type.stateId;
4936
+ setState$1(stateId, true);
4937
+ }
4938
+
5013
4939
  break;
5014
4940
  }
5015
4941
  case 'prev':
5016
4942
  {
4943
+ deleteValues(statePath);
5017
4944
  const stateId = type.stateId;
5018
- prev({ stateId });
4945
+ setState$1(stateId, true);
5019
4946
  break;
5020
4947
  }
5021
4948
  }
5022
4949
  }
5023
4950
 
4951
+ const valuesAreValid = getValuesAreValidReader(statePath);
4952
+ component_subscribe($$self, valuesAreValid, value => $$invalidate(5, $valuesAreValid = value));
4953
+
5024
4954
  $$self.$$set = $$props => {
5025
4955
  if ('text' in $$props) $$invalidate(0, text = $$props.text);
5026
4956
  if ('type' in $$props) $$invalidate(4, type = $$props.type);
5027
4957
  };
5028
4958
 
5029
4959
  $$self.$$.update = () => {
5030
- if ($$self.$$.dirty & /*type, $formComponentData*/ 48) {
4960
+ if ($$self.$$.dirty & /*type, $valuesAreValid*/ 48) {
5031
4961
  $$invalidate(1, disabled = (() => {
5032
- if (type.type === 'prev') return false;
5033
-
5034
- const dataAreValid = Object.entries($formComponentData._data).reduce(
5035
- (dataAreValid, [name]) => {
5036
- return dataAreValid && ($formComponentData._isValidMap[name] ?? true);
5037
- },
5038
- true
5039
- );
5040
-
5041
- return !dataAreValid;
4962
+ const enabled = type.type === 'prev' || $valuesAreValid;
4963
+ return !enabled;
5042
4964
  })());
5043
4965
  }
5044
4966
  };
5045
4967
 
5046
- return [text, disabled, formComponentData, handleClick, type, $formComponentData];
4968
+ return [text, disabled, handleClick, valuesAreValid, type, $valuesAreValid];
5047
4969
  }
5048
4970
 
5049
4971
  class FormButton extends SvelteComponent {
5050
4972
  constructor(options) {
5051
4973
  super();
5052
- init(this, options, instance$4, create_fragment$4, safe_not_equal, { text: 0, type: 4 });
4974
+ init(this, options, instance$7, create_fragment$7, safe_not_equal, { text: 0, type: 4 });
5053
4975
  }
5054
4976
  }
5055
4977
 
5056
4978
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
5057
4979
 
5058
- function add_css$3(target) {
5059
- append_styles(target, "svelte-1pbq2od", ".radio-buttons.svelte-1pbq2od{display:flex;justify-content:center;flex-direction:column;width:100%;height:100%}");
4980
+ function add_css$6(target) {
4981
+ append_styles(target, "svelte-1ajmbw1", ".radio-buttons.svelte-1ajmbw1{display:flex;justify-content:center;flex-direction:column;width:100%;height:100%}");
5060
4982
  }
5061
4983
 
5062
- function get_each_context(ctx, list, i) {
4984
+ function get_each_context$1(ctx, list, i) {
5063
4985
  const child_ctx = ctx.slice();
5064
- child_ctx[5] = list[i];
5065
- child_ctx[7] = i;
4986
+ child_ctx[7] = list[i];
4987
+ child_ctx[9] = i;
5066
4988
  return child_ctx;
5067
4989
  }
5068
4990
 
5069
- // (16:2) {#each _options as option, i}
5070
- function create_each_block(ctx) {
4991
+ // (23:2) {#each _options as option, i}
4992
+ function create_each_block$1(ctx) {
5071
4993
  let label;
5072
4994
  let input;
5073
- let input_value_value;
5074
4995
  let t0;
5075
- let t1_value = /*option*/ ctx[5] + "";
4996
+ let t1_value = /*option*/ ctx[7] + "";
5076
4997
  let t1;
5077
4998
  let t2;
5078
4999
  let mounted;
@@ -5087,7 +5008,7 @@ function create_each_block(ctx) {
5087
5008
  t2 = space();
5088
5009
  attr(input, "type", "radio");
5089
5010
  attr(input, "name", /*name*/ ctx[0]);
5090
- input.value = input_value_value = /*option*/ ctx[5];
5011
+ input.value = /*$value*/ ctx[2];
5091
5012
  },
5092
5013
  m(target, anchor) {
5093
5014
  insert(target, label, anchor);
@@ -5097,7 +5018,7 @@ function create_each_block(ctx) {
5097
5018
  append(label, t2);
5098
5019
 
5099
5020
  if (!mounted) {
5100
- dispose = listen(input, "change", /*handleChange*/ ctx[2](/*i*/ ctx[7]));
5021
+ dispose = listen(input, "change", /*handleChange*/ ctx[4](/*i*/ ctx[9]));
5101
5022
  mounted = true;
5102
5023
  }
5103
5024
  },
@@ -5108,11 +5029,11 @@ function create_each_block(ctx) {
5108
5029
  attr(input, "name", /*name*/ ctx[0]);
5109
5030
  }
5110
5031
 
5111
- if (dirty & /*_options*/ 2 && input_value_value !== (input_value_value = /*option*/ ctx[5])) {
5112
- input.value = input_value_value;
5032
+ if (dirty & /*$value*/ 4) {
5033
+ input.value = /*$value*/ ctx[2];
5113
5034
  }
5114
5035
 
5115
- if (dirty & /*_options*/ 2 && t1_value !== (t1_value = /*option*/ ctx[5] + "")) set_data(t1, t1_value);
5036
+ if (dirty & /*_options*/ 2 && t1_value !== (t1_value = /*option*/ ctx[7] + "")) set_data(t1, t1_value);
5116
5037
  },
5117
5038
  d(detaching) {
5118
5039
  if (detaching) detach(label);
@@ -5122,13 +5043,13 @@ function create_each_block(ctx) {
5122
5043
  };
5123
5044
  }
5124
5045
 
5125
- function create_fragment$3(ctx) {
5046
+ function create_fragment$6(ctx) {
5126
5047
  let div;
5127
5048
  let each_value = /*_options*/ ctx[1];
5128
5049
  let each_blocks = [];
5129
5050
 
5130
5051
  for (let i = 0; i < each_value.length; i += 1) {
5131
- each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
5052
+ each_blocks[i] = create_each_block$1(get_each_context$1(ctx, each_value, i));
5132
5053
  }
5133
5054
 
5134
5055
  return {
@@ -5139,7 +5060,7 @@ function create_fragment$3(ctx) {
5139
5060
  each_blocks[i].c();
5140
5061
  }
5141
5062
 
5142
- attr(div, "class", "radio-buttons svelte-1pbq2od");
5063
+ attr(div, "class", "radio-buttons svelte-1ajmbw1");
5143
5064
  },
5144
5065
  m(target, anchor) {
5145
5066
  insert(target, div, anchor);
@@ -5149,17 +5070,17 @@ function create_fragment$3(ctx) {
5149
5070
  }
5150
5071
  },
5151
5072
  p(ctx, [dirty]) {
5152
- if (dirty & /*_options, name, handleChange*/ 7) {
5073
+ if (dirty & /*_options, name, $value, handleChange*/ 23) {
5153
5074
  each_value = /*_options*/ ctx[1];
5154
5075
  let i;
5155
5076
 
5156
5077
  for (i = 0; i < each_value.length; i += 1) {
5157
- const child_ctx = get_each_context(ctx, each_value, i);
5078
+ const child_ctx = get_each_context$1(ctx, each_value, i);
5158
5079
 
5159
5080
  if (each_blocks[i]) {
5160
5081
  each_blocks[i].p(child_ctx, dirty);
5161
5082
  } else {
5162
- each_blocks[i] = create_each_block(child_ctx);
5083
+ each_blocks[i] = create_each_block$1(child_ctx);
5163
5084
  each_blocks[i].c();
5164
5085
  each_blocks[i].m(div, null);
5165
5086
  }
@@ -5181,45 +5102,779 @@ function create_fragment$3(ctx) {
5181
5102
  };
5182
5103
  }
5183
5104
 
5184
- function instance$3($$self, $$props, $$invalidate) {
5105
+ function instance$6($$self, $$props, $$invalidate) {
5185
5106
  let _options;
5107
+ let $value;
5186
5108
  let { name = '' } = $$props;
5187
5109
  let { options = '人参,レタス,キャベツ' } = $$props;
5188
- const { formComponentData } = getContext(FORM_CONTEXT_KEY);
5110
+ const { path: statePath } = getStateItemContext();
5111
+
5112
+ const value = registerInput({
5113
+ name,
5114
+ statePath,
5115
+ initialValue: [],
5116
+ validator(value) {
5117
+ return value.length > 0;
5118
+ }
5119
+ });
5120
+
5121
+ component_subscribe($$self, value, value => $$invalidate(2, $value = value));
5189
5122
 
5190
5123
  const handleChange = index => event => {
5191
5124
  if (event.target.checked) {
5192
- updateValue(formComponentData, name, () => ({ value: _options[index], isValid: true }));
5125
+ value.set([_options[index]]);
5193
5126
  }
5194
5127
  };
5195
5128
 
5196
- updateValue(formComponentData, name, () => ({ value: '', isValid: false }));
5197
-
5198
5129
  $$self.$$set = $$props => {
5199
5130
  if ('name' in $$props) $$invalidate(0, name = $$props.name);
5200
- if ('options' in $$props) $$invalidate(3, options = $$props.options);
5131
+ if ('options' in $$props) $$invalidate(5, options = $$props.options);
5201
5132
  };
5202
5133
 
5203
5134
  $$self.$$.update = () => {
5204
- if ($$self.$$.dirty & /*options*/ 8) {
5135
+ if ($$self.$$.dirty & /*options*/ 32) {
5205
5136
  $$invalidate(1, _options = options.split(','));
5206
5137
  }
5207
5138
  };
5208
5139
 
5209
- return [name, _options, handleChange, options];
5140
+ return [name, _options, $value, value, handleChange, options];
5210
5141
  }
5211
5142
 
5212
5143
  class FormRadioButtons extends SvelteComponent {
5213
5144
  constructor(options) {
5214
5145
  super();
5215
- init(this, options, instance$3, create_fragment$3, safe_not_equal, { name: 0, options: 3 }, add_css$3);
5146
+ init(this, options, instance$6, create_fragment$6, safe_not_equal, { name: 0, options: 5 }, add_css$6);
5147
+ }
5148
+ }
5149
+
5150
+ /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
5151
+
5152
+ function add_css$5(target) {
5153
+ append_styles(target, "svelte-1ajmbw1", ".radio-buttons.svelte-1ajmbw1{display:flex;justify-content:center;flex-direction:column;width:100%;height:100%}");
5154
+ }
5155
+
5156
+ function get_each_context(ctx, list, i) {
5157
+ const child_ctx = ctx.slice();
5158
+ child_ctx[6] = list[i];
5159
+ child_ctx[8] = i;
5160
+ return child_ctx;
5161
+ }
5162
+
5163
+ // (28:8) {:else}
5164
+ function create_else_block(ctx) {
5165
+ let t;
5166
+
5167
+ return {
5168
+ c() {
5169
+ t = text("回答を選択して下さい");
5170
+ },
5171
+ m(target, anchor) {
5172
+ insert(target, t, anchor);
5173
+ },
5174
+ p: noop,
5175
+ d(detaching) {
5176
+ if (detaching) detach(t);
5177
+ }
5178
+ };
5179
+ }
5180
+
5181
+ // (26:8) {#if option}
5182
+ function create_if_block(ctx) {
5183
+ let t_value = /*option*/ ctx[6] + "";
5184
+ let t;
5185
+
5186
+ return {
5187
+ c() {
5188
+ t = text(t_value);
5189
+ },
5190
+ m(target, anchor) {
5191
+ insert(target, t, anchor);
5192
+ },
5193
+ p(ctx, dirty) {
5194
+ if (dirty & /*_options*/ 1 && t_value !== (t_value = /*option*/ ctx[6] + "")) set_data(t, t_value);
5195
+ },
5196
+ d(detaching) {
5197
+ if (detaching) detach(t);
5198
+ }
5199
+ };
5200
+ }
5201
+
5202
+ // (24:4) {#each _options as option, i}
5203
+ function create_each_block(ctx) {
5204
+ let option;
5205
+ let t;
5206
+ let option_value_value;
5207
+
5208
+ function select_block_type(ctx, dirty) {
5209
+ if (/*option*/ ctx[6]) return create_if_block;
5210
+ return create_else_block;
5211
+ }
5212
+
5213
+ let current_block_type = select_block_type(ctx);
5214
+ let if_block = current_block_type(ctx);
5215
+
5216
+ return {
5217
+ c() {
5218
+ option = element("option");
5219
+ if_block.c();
5220
+ t = space();
5221
+ option.__value = option_value_value = /*option*/ ctx[6];
5222
+ option.value = option.__value;
5223
+ },
5224
+ m(target, anchor) {
5225
+ insert(target, option, anchor);
5226
+ if_block.m(option, null);
5227
+ append(option, t);
5228
+ },
5229
+ p(ctx, dirty) {
5230
+ if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
5231
+ if_block.p(ctx, dirty);
5232
+ } else {
5233
+ if_block.d(1);
5234
+ if_block = current_block_type(ctx);
5235
+
5236
+ if (if_block) {
5237
+ if_block.c();
5238
+ if_block.m(option, t);
5239
+ }
5240
+ }
5241
+
5242
+ if (dirty & /*_options*/ 1 && option_value_value !== (option_value_value = /*option*/ ctx[6])) {
5243
+ option.__value = option_value_value;
5244
+ option.value = option.__value;
5245
+ }
5246
+ },
5247
+ d(detaching) {
5248
+ if (detaching) detach(option);
5249
+ if_block.d();
5250
+ }
5251
+ };
5252
+ }
5253
+
5254
+ function create_fragment$5(ctx) {
5255
+ let div;
5256
+ let select;
5257
+ let mounted;
5258
+ let dispose;
5259
+ let each_value = /*_options*/ ctx[0];
5260
+ let each_blocks = [];
5261
+
5262
+ for (let i = 0; i < each_value.length; i += 1) {
5263
+ each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
5264
+ }
5265
+
5266
+ return {
5267
+ c() {
5268
+ div = element("div");
5269
+ select = element("select");
5270
+
5271
+ for (let i = 0; i < each_blocks.length; i += 1) {
5272
+ each_blocks[i].c();
5273
+ }
5274
+
5275
+ attr(div, "class", "radio-buttons svelte-1ajmbw1");
5276
+ },
5277
+ m(target, anchor) {
5278
+ insert(target, div, anchor);
5279
+ append(div, select);
5280
+
5281
+ for (let i = 0; i < each_blocks.length; i += 1) {
5282
+ each_blocks[i].m(select, null);
5283
+ }
5284
+
5285
+ if (!mounted) {
5286
+ dispose = listen(select, "change", /*handleChange*/ ctx[1]);
5287
+ mounted = true;
5288
+ }
5289
+ },
5290
+ p(ctx, [dirty]) {
5291
+ if (dirty & /*_options*/ 1) {
5292
+ each_value = /*_options*/ ctx[0];
5293
+ let i;
5294
+
5295
+ for (i = 0; i < each_value.length; i += 1) {
5296
+ const child_ctx = get_each_context(ctx, each_value, i);
5297
+
5298
+ if (each_blocks[i]) {
5299
+ each_blocks[i].p(child_ctx, dirty);
5300
+ } else {
5301
+ each_blocks[i] = create_each_block(child_ctx);
5302
+ each_blocks[i].c();
5303
+ each_blocks[i].m(select, null);
5304
+ }
5305
+ }
5306
+
5307
+ for (; i < each_blocks.length; i += 1) {
5308
+ each_blocks[i].d(1);
5309
+ }
5310
+
5311
+ each_blocks.length = each_value.length;
5312
+ }
5313
+ },
5314
+ i: noop,
5315
+ o: noop,
5316
+ d(detaching) {
5317
+ if (detaching) detach(div);
5318
+ destroy_each(each_blocks, detaching);
5319
+ mounted = false;
5320
+ dispose();
5321
+ }
5322
+ };
5323
+ }
5324
+
5325
+ function instance$5($$self, $$props, $$invalidate) {
5326
+ let _options;
5327
+ let { name = '' } = $$props;
5328
+ let { options = 'プルダウン1,プルダウン2,プルダウン3' } = $$props;
5329
+ const { path: statePath } = getStateItemContext();
5330
+
5331
+ const value = registerInput({
5332
+ name,
5333
+ statePath,
5334
+ initialValue: [],
5335
+ validator(value) {
5336
+ return value.length > 0;
5337
+ }
5338
+ });
5339
+
5340
+ function handleChange(event) {
5341
+ const updated = event.target.value ? [event.target.value] : [];
5342
+ value.set(updated);
5343
+ }
5344
+
5345
+ $$self.$$set = $$props => {
5346
+ if ('name' in $$props) $$invalidate(2, name = $$props.name);
5347
+ if ('options' in $$props) $$invalidate(3, options = $$props.options);
5348
+ };
5349
+
5350
+ $$self.$$.update = () => {
5351
+ if ($$self.$$.dirty & /*options*/ 8) {
5352
+ $$invalidate(0, _options = ['', ...options.split(',')]);
5353
+ }
5354
+ };
5355
+
5356
+ return [_options, handleChange, name, options];
5357
+ }
5358
+
5359
+ class FormSelect extends SvelteComponent {
5360
+ constructor(options) {
5361
+ super();
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);
5216
5871
  }
5217
5872
  }
5218
5873
 
5219
5874
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
5220
5875
 
5221
5876
  function add_css$2(target) {
5222
- append_styles(target, "svelte-q1o685", ".text-block.svelte-q1o685.svelte-q1o685{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:auto}.text-block-inner.svelte-q1o685.svelte-q1o685{width:100%;height:auto}.text-direction-vertical.svelte-q1o685.svelte-q1o685{writing-mode:vertical-rl}.text-direction-vertical.svelte-q1o685 .text-block-inner.svelte-q1o685{width:auto;height:100%}");
5877
+ append_styles(target, "svelte-11rpuv5", ".text-block.svelte-11rpuv5.svelte-11rpuv5{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:auto}.text-block-inner.svelte-11rpuv5.svelte-11rpuv5{width:100%;height:auto}.text-direction-vertical.svelte-11rpuv5.svelte-11rpuv5{writing-mode:vertical-rl}.text-direction-vertical.svelte-11rpuv5 .text-block-inner.svelte-11rpuv5{width:auto;height:100%}");
5223
5878
  }
5224
5879
 
5225
5880
  function create_fragment$2(ctx) {
@@ -5235,8 +5890,8 @@ function create_fragment$2(ctx) {
5235
5890
  div1 = element("div");
5236
5891
  div0 = element("div");
5237
5892
  create_component(rendertext.$$.fragment);
5238
- attr(div0, "class", "text-block-inner svelte-q1o685");
5239
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-q1o685"));
5893
+ attr(div0, "class", "text-block-inner svelte-11rpuv5");
5894
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-11rpuv5"));
5240
5895
  attr(div1, "style", /*style*/ ctx[2]);
5241
5896
  },
5242
5897
  m(target, anchor) {
@@ -5250,7 +5905,7 @@ function create_fragment$2(ctx) {
5250
5905
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5251
5906
  rendertext.$set(rendertext_changes);
5252
5907
 
5253
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-q1o685"))) {
5908
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-11rpuv5"))) {
5254
5909
  attr(div1, "class", div1_class_value);
5255
5910
  }
5256
5911
 
@@ -5321,7 +5976,7 @@ class TextBlock extends SvelteComponent {
5321
5976
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
5322
5977
 
5323
5978
  function add_css$1(target) {
5324
- append_styles(target, "svelte-1cungpm", ".text-button-block.svelte-1cungpm{width:100%;height:100%}.text-button.svelte-1cungpm{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}.text-button.svelte-1cungpm:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-1cungpm:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
5979
+ append_styles(target, "svelte-1t5i3za", ".text-button-block.svelte-1t5i3za{width:100%;height:100%}.text-button.svelte-1t5i3za{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}.text-button.svelte-1t5i3za:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-1t5i3za:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
5325
5980
  }
5326
5981
 
5327
5982
  function create_fragment$1(ctx) {
@@ -5338,9 +5993,9 @@ function create_fragment$1(ctx) {
5338
5993
  div = element("div");
5339
5994
  button = element("button");
5340
5995
  create_component(rendertext.$$.fragment);
5341
- attr(button, "class", "text-button svelte-1cungpm");
5996
+ attr(button, "class", "text-button svelte-1t5i3za");
5342
5997
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
5343
- attr(div, "class", "text-button-block svelte-1cungpm");
5998
+ attr(div, "class", "text-button-block svelte-1t5i3za");
5344
5999
  attr(div, "style", /*_style*/ ctx[2]);
5345
6000
  },
5346
6001
  m(target, anchor) {
@@ -5437,7 +6092,7 @@ class TextButtonBlock extends SvelteComponent {
5437
6092
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
5438
6093
 
5439
6094
  function add_css(target) {
5440
- append_styles(target, "svelte-xuever", ".image-block.svelte-xuever{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-xuever{width:100%;height:100%}.transport.svelte-xuever:hover,.transport.svelte-xuever:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
6095
+ append_styles(target, "svelte-1ec6zfb", ".image-block.svelte-1ec6zfb{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-1ec6zfb{width:100%;height:100%}.transport.svelte-1ec6zfb:hover,.transport.svelte-1ec6zfb:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
5441
6096
  }
5442
6097
 
5443
6098
  function create_fragment(ctx) {
@@ -5452,14 +6107,14 @@ function create_fragment(ctx) {
5452
6107
  c() {
5453
6108
  div = element("div");
5454
6109
  img = element("img");
5455
- attr(img, "class", "image svelte-xuever");
6110
+ attr(img, "class", "image svelte-1ec6zfb");
5456
6111
  attr(img, "loading", "lazy");
5457
6112
  attr(img, "width", "auto");
5458
6113
  attr(img, "height", "auto");
5459
6114
  attr(img, "style", /*_imageStyle*/ ctx[3]);
5460
6115
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
5461
6116
  attr(img, "alt", /*alt*/ ctx[1]);
5462
- attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-xuever"));
6117
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1ec6zfb"));
5463
6118
  attr(div, "style", /*_style*/ ctx[4]);
5464
6119
  },
5465
6120
  m(target, anchor) {
@@ -5484,7 +6139,7 @@ function create_fragment(ctx) {
5484
6139
  attr(img, "alt", /*alt*/ ctx[1]);
5485
6140
  }
5486
6141
 
5487
- if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-xuever"))) {
6142
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1ec6zfb"))) {
5488
6143
  attr(div, "class", div_class_value);
5489
6144
  }
5490
6145
 
@@ -5557,4 +6212,4 @@ class ImageBlock extends SvelteComponent {
5557
6212
  }
5558
6213
  }
5559
6214
 
5560
- export { ACTION_CHANGE_STATE_EVENT, ACTION_CLOSE_EVENT, ACTION_DESTROY_EVENT, ACTION_SHOW_EVENT, ALL_ACTION_ID, ALL_ACTION_SHORTEN_ID, Alignments, AnimationStyles, BackgroundSizes, Cursors, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexItem, Form, FormButton, FormRadioButtons, FormTextarea, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_ACTION_RID, KARTE_ACTION_ROOT, KARTE_ACTION_SHORTEN_ID, KARTE_MODAL_ROOT, LengthUnits, List, ListItem, 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, 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 };