@plaidev/karte-action-sdk 1.1.232-28663591.feead91d → 1.1.232-28686916.d479e0f0

Sign up to get free protection for your applications and to get access to all the features.
@@ -2818,7 +2818,7 @@ const LAYOUT_COMPONENT_NAMES = [
2818
2818
 
2819
2819
  /* src/components/Header.svelte generated by Svelte v3.53.1 */
2820
2820
 
2821
- function create_if_block$b(ctx) {
2821
+ function create_if_block$d(ctx) {
2822
2822
  let link;
2823
2823
 
2824
2824
  return {
@@ -2849,9 +2849,9 @@ function create_if_block$b(ctx) {
2849
2849
  };
2850
2850
  }
2851
2851
 
2852
- function create_fragment$15(ctx) {
2852
+ function create_fragment$17(ctx) {
2853
2853
  let head;
2854
- let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$b(ctx);
2854
+ let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$d(ctx);
2855
2855
 
2856
2856
  return {
2857
2857
  c() {
@@ -2873,7 +2873,7 @@ function create_fragment$15(ctx) {
2873
2873
  if (if_block) {
2874
2874
  if_block.p(ctx, dirty);
2875
2875
  } else {
2876
- if_block = create_if_block$b(ctx);
2876
+ if_block = create_if_block$d(ctx);
2877
2877
  if_block.c();
2878
2878
  if_block.m(head, null);
2879
2879
  }
@@ -2891,7 +2891,7 @@ function create_fragment$15(ctx) {
2891
2891
  };
2892
2892
  }
2893
2893
 
2894
- function instance$15($$self, $$props, $$invalidate) {
2894
+ function instance$17($$self, $$props, $$invalidate) {
2895
2895
  let $fonts;
2896
2896
  component_subscribe($$self, fonts, $$value => $$invalidate(1, $fonts = $$value));
2897
2897
  let googleFontUrl = '';
@@ -2921,13 +2921,13 @@ function instance$15($$self, $$props, $$invalidate) {
2921
2921
  class Header extends SvelteComponent {
2922
2922
  constructor(options) {
2923
2923
  super();
2924
- init(this, options, instance$15, create_fragment$15, safe_not_equal, {});
2924
+ init(this, options, instance$17, create_fragment$17, safe_not_equal, {});
2925
2925
  }
2926
2926
  }
2927
2927
 
2928
2928
  /* src/components/State.svelte generated by Svelte v3.53.1 */
2929
2929
 
2930
- function create_fragment$14(ctx) {
2930
+ function create_fragment$16(ctx) {
2931
2931
  let header;
2932
2932
  let t;
2933
2933
  let current;
@@ -2991,7 +2991,7 @@ function create_fragment$14(ctx) {
2991
2991
  };
2992
2992
  }
2993
2993
 
2994
- function instance$14($$self, $$props, $$invalidate) {
2994
+ function instance$16($$self, $$props, $$invalidate) {
2995
2995
  let { $$slots: slots = {}, $$scope } = $$props;
2996
2996
 
2997
2997
  $$self.$$set = $$props => {
@@ -3004,18 +3004,18 @@ function instance$14($$self, $$props, $$invalidate) {
3004
3004
  class State extends SvelteComponent {
3005
3005
  constructor(options) {
3006
3006
  super();
3007
- init(this, options, instance$14, create_fragment$14, safe_not_equal, {});
3007
+ init(this, options, instance$16, create_fragment$16, safe_not_equal, {});
3008
3008
  }
3009
3009
  }
3010
3010
 
3011
3011
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
3012
3012
 
3013
- function add_css$C(target) {
3013
+ function add_css$E(target) {
3014
3014
  append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
3015
3015
  }
3016
3016
 
3017
3017
  // (23:0) {#if $state === path}
3018
- function create_if_block$a(ctx) {
3018
+ function create_if_block$c(ctx) {
3019
3019
  let div;
3020
3020
  let t;
3021
3021
  let current;
@@ -3087,10 +3087,10 @@ function create_if_block$a(ctx) {
3087
3087
  };
3088
3088
  }
3089
3089
 
3090
- function create_fragment$13(ctx) {
3090
+ function create_fragment$15(ctx) {
3091
3091
  let if_block_anchor;
3092
3092
  let current;
3093
- let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$a(ctx);
3093
+ let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$c(ctx);
3094
3094
 
3095
3095
  return {
3096
3096
  c() {
@@ -3115,7 +3115,7 @@ function create_fragment$13(ctx) {
3115
3115
  transition_in(if_block, 1);
3116
3116
  }
3117
3117
  } else {
3118
- if_block = create_if_block$a(ctx);
3118
+ if_block = create_if_block$c(ctx);
3119
3119
  if_block.c();
3120
3120
  transition_in(if_block, 1);
3121
3121
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -3152,7 +3152,7 @@ function getStateItemContext() {
3152
3152
  return getContext(STATE_ITEM_CONTEXT_KEY);
3153
3153
  }
3154
3154
 
3155
- function instance$13($$self, $$props, $$invalidate) {
3155
+ function instance$15($$self, $$props, $$invalidate) {
3156
3156
  let $state;
3157
3157
  component_subscribe($$self, state, $$value => $$invalidate(1, $state = $$value));
3158
3158
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -3178,7 +3178,7 @@ function instance$13($$self, $$props, $$invalidate) {
3178
3178
  class StateItem extends SvelteComponent {
3179
3179
  constructor(options) {
3180
3180
  super();
3181
- init(this, options, instance$13, create_fragment$13, safe_not_equal, { path: 0 }, add_css$C);
3181
+ init(this, options, instance$15, create_fragment$15, safe_not_equal, { path: 0 }, add_css$E);
3182
3182
  }
3183
3183
  }
3184
3184
 
@@ -3304,12 +3304,12 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
3304
3304
 
3305
3305
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3306
3306
 
3307
- function add_css$B(target) {
3307
+ function add_css$D(target) {
3308
3308
  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}");
3309
3309
  }
3310
3310
 
3311
3311
  // (14:0) {#if backgroundOverlay}
3312
- function create_if_block$9(ctx) {
3312
+ function create_if_block$b(ctx) {
3313
3313
  let div;
3314
3314
  let div_class_value;
3315
3315
  let mounted;
@@ -3349,9 +3349,9 @@ function create_if_block$9(ctx) {
3349
3349
  };
3350
3350
  }
3351
3351
 
3352
- function create_fragment$12(ctx) {
3352
+ function create_fragment$14(ctx) {
3353
3353
  let if_block_anchor;
3354
- let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$9(ctx);
3354
+ let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$b(ctx);
3355
3355
 
3356
3356
  return {
3357
3357
  c() {
@@ -3371,7 +3371,7 @@ function create_fragment$12(ctx) {
3371
3371
  if (if_block) {
3372
3372
  if_block.p(ctx, dirty);
3373
3373
  } else {
3374
- if_block = create_if_block$9(ctx);
3374
+ if_block = create_if_block$b(ctx);
3375
3375
  if_block.c();
3376
3376
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
3377
3377
  }
@@ -3389,7 +3389,7 @@ function create_fragment$12(ctx) {
3389
3389
  };
3390
3390
  }
3391
3391
 
3392
- function instance$12($$self, $$props, $$invalidate) {
3392
+ function instance$14($$self, $$props, $$invalidate) {
3393
3393
  let { backgroundOverlay = false } = $$props;
3394
3394
  let { class: className = undefined } = $$props;
3395
3395
  const dispatch = createEventDispatcher();
@@ -3403,12 +3403,12 @@ function instance$12($$self, $$props, $$invalidate) {
3403
3403
  return [backgroundOverlay, className, dispatch, click_handler];
3404
3404
  }
3405
3405
 
3406
- class BackgroundOverlay extends SvelteComponent {
3406
+ let BackgroundOverlay$1 = class BackgroundOverlay extends SvelteComponent {
3407
3407
  constructor(options) {
3408
3408
  super();
3409
- init(this, options, instance$12, create_fragment$12, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$B);
3409
+ init(this, options, instance$14, create_fragment$14, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$D);
3410
3410
  }
3411
- }
3411
+ };
3412
3412
 
3413
3413
  /**
3414
3414
  * data属性とカスタムのイベントハンドラによるstopPropagation。
@@ -3446,12 +3446,12 @@ function checkStopPropagation(eventName, handler) {
3446
3446
 
3447
3447
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3448
3448
 
3449
- function add_css$A(target) {
3449
+ function add_css$C(target) {
3450
3450
  append_styles(target, "svelte-15k4deh", ".button.svelte-15k4deh{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-15k4deh:link,.button.svelte-15k4deh:visited,.button.svelte-15k4deh:active,.button.svelte-15k4deh:hover{color:inherit}");
3451
3451
  }
3452
3452
 
3453
3453
  // (50:0) {:else}
3454
- function create_else_block$4(ctx) {
3454
+ function create_else_block$5(ctx) {
3455
3455
  let button;
3456
3456
  let current;
3457
3457
  let mounted;
@@ -3546,7 +3546,7 @@ function create_else_block$4(ctx) {
3546
3546
  }
3547
3547
 
3548
3548
  // (46:39)
3549
- function create_if_block_2$1(ctx) {
3549
+ function create_if_block_2$2(ctx) {
3550
3550
  let div;
3551
3551
  let current;
3552
3552
  const default_slot_template = /*#slots*/ ctx[9].default;
@@ -3615,7 +3615,7 @@ function create_if_block_2$1(ctx) {
3615
3615
  }
3616
3616
 
3617
3617
  // (35:41)
3618
- function create_if_block_1$2(ctx) {
3618
+ function create_if_block_1$3(ctx) {
3619
3619
  let a;
3620
3620
  let a_href_value;
3621
3621
  let a_target_value;
@@ -3729,7 +3729,7 @@ function create_if_block_1$2(ctx) {
3729
3729
  }
3730
3730
 
3731
3731
  // (31:0) {#if disabled}
3732
- function create_if_block$8(ctx) {
3732
+ function create_if_block$a(ctx) {
3733
3733
  let div;
3734
3734
  let current;
3735
3735
  const default_slot_template = /*#slots*/ ctx[9].default;
@@ -3797,12 +3797,12 @@ function create_if_block$8(ctx) {
3797
3797
  };
3798
3798
  }
3799
3799
 
3800
- function create_fragment$11(ctx) {
3800
+ function create_fragment$13(ctx) {
3801
3801
  let current_block_type_index;
3802
3802
  let if_block;
3803
3803
  let if_block_anchor;
3804
3804
  let current;
3805
- const if_block_creators = [create_if_block$8, create_if_block_1$2, create_if_block_2$1, create_else_block$4];
3805
+ const if_block_creators = [create_if_block$a, create_if_block_1$3, create_if_block_2$2, create_else_block$5];
3806
3806
  const if_blocks = [];
3807
3807
 
3808
3808
  function select_block_type(ctx, dirty) {
@@ -3874,7 +3874,7 @@ function create_fragment$11(ctx) {
3874
3874
 
3875
3875
  const BUTTON_CLASS = 'button';
3876
3876
 
3877
- function instance$11($$self, $$props, $$invalidate) {
3877
+ function instance$13($$self, $$props, $$invalidate) {
3878
3878
  let disabled;
3879
3879
  let $valuesAreValid;
3880
3880
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -3940,8 +3940,8 @@ let Button$1 = class Button extends SvelteComponent {
3940
3940
  init(
3941
3941
  this,
3942
3942
  options,
3943
- instance$11,
3944
- create_fragment$11,
3943
+ instance$13,
3944
+ create_fragment$13,
3945
3945
  safe_not_equal,
3946
3946
  {
3947
3947
  onClick: 0,
@@ -3949,23 +3949,23 @@ let Button$1 = class Button extends SvelteComponent {
3949
3949
  eventValue: 6,
3950
3950
  style: 1
3951
3951
  },
3952
- add_css$A
3952
+ add_css$C
3953
3953
  );
3954
3954
  }
3955
3955
  };
3956
3956
 
3957
3957
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
3958
3958
 
3959
- function add_css$z(target) {
3959
+ function add_css$B(target) {
3960
3960
  append_styles(target, "svelte-1ijkyzl", ".modal.svelte-1ijkyzl{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1ijkyzl > .button{flex:auto;display:flex}.close.svelte-1ijkyzl{position:absolute;top:0;right:0}.close.svelte-1ijkyzl > .button{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-1ijkyzl > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1ijkyzl{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}@media screen and (min-width: 641px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
3961
3961
  }
3962
3962
 
3963
3963
  // (277:0) {:else}
3964
- function create_else_block$3(ctx) {
3964
+ function create_else_block$4(ctx) {
3965
3965
  let backgroundoverlay;
3966
3966
  let current;
3967
3967
 
3968
- backgroundoverlay = new BackgroundOverlay({
3968
+ backgroundoverlay = new BackgroundOverlay$1({
3969
3969
  props: {
3970
3970
  backgroundOverlay: /*backgroundOverlay*/ ctx[12]
3971
3971
  }
@@ -4008,13 +4008,13 @@ function create_else_block$3(ctx) {
4008
4008
  }
4009
4009
 
4010
4010
  // (266:24)
4011
- function create_if_block_3(ctx) {
4011
+ function create_if_block_3$1(ctx) {
4012
4012
  let backgroundoverlay0;
4013
4013
  let t;
4014
4014
  let backgroundoverlay1;
4015
4015
  let current;
4016
4016
 
4017
- backgroundoverlay0 = new BackgroundOverlay({
4017
+ backgroundoverlay0 = new BackgroundOverlay$1({
4018
4018
  props: {
4019
4019
  class: "background-bp-pc",
4020
4020
  backgroundOverlay: /*backgroundOverlayPC*/ ctx[13]
@@ -4025,7 +4025,7 @@ function create_if_block_3(ctx) {
4025
4025
  if (is_function(/*backgroundClickPC*/ ctx[19])) /*backgroundClickPC*/ ctx[19].apply(this, arguments);
4026
4026
  });
4027
4027
 
4028
- backgroundoverlay1 = new BackgroundOverlay({
4028
+ backgroundoverlay1 = new BackgroundOverlay$1({
4029
4029
  props: {
4030
4030
  class: "background-bp-sp ",
4031
4031
  backgroundOverlay: /*backgroundOverlaySP*/ ctx[14]
@@ -4082,7 +4082,7 @@ function create_if_block_3(ctx) {
4082
4082
  }
4083
4083
 
4084
4084
  // (264:0) {#if isPreview()}
4085
- function create_if_block_2(ctx) {
4085
+ function create_if_block_2$1(ctx) {
4086
4086
  return {
4087
4087
  c: noop,
4088
4088
  l: noop,
@@ -4095,7 +4095,7 @@ function create_if_block_2(ctx) {
4095
4095
  }
4096
4096
 
4097
4097
  // (280:0) {#if visible}
4098
- function create_if_block$7(ctx) {
4098
+ function create_if_block$9(ctx) {
4099
4099
  let div;
4100
4100
  let button;
4101
4101
  let div_class_value;
@@ -4190,7 +4190,7 @@ function create_if_block$7(ctx) {
4190
4190
  }
4191
4191
 
4192
4192
  // (293:6) {#if closable}
4193
- function create_if_block_1$1(ctx) {
4193
+ function create_if_block_1$2(ctx) {
4194
4194
  let div;
4195
4195
  let button;
4196
4196
  let current;
@@ -4323,7 +4323,7 @@ function create_default_slot$6(ctx) {
4323
4323
  let t;
4324
4324
  let div;
4325
4325
  let current;
4326
- let if_block = /*closable*/ ctx[21] && create_if_block_1$1(ctx);
4326
+ let if_block = /*closable*/ ctx[21] && create_if_block_1$2(ctx);
4327
4327
  const default_slot_template = /*#slots*/ ctx[31].default;
4328
4328
  const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[33], null);
4329
4329
 
@@ -4368,7 +4368,7 @@ function create_default_slot$6(ctx) {
4368
4368
  transition_in(if_block, 1);
4369
4369
  }
4370
4370
  } else {
4371
- if_block = create_if_block_1$1(ctx);
4371
+ if_block = create_if_block_1$2(ctx);
4372
4372
  if_block.c();
4373
4373
  transition_in(if_block, 1);
4374
4374
  if_block.m(t.parentNode, t);
@@ -4422,7 +4422,7 @@ function create_default_slot$6(ctx) {
4422
4422
  };
4423
4423
  }
4424
4424
 
4425
- function create_fragment$10(ctx) {
4425
+ function create_fragment$12(ctx) {
4426
4426
  let show_if;
4427
4427
  let current_block_type_index;
4428
4428
  let if_block0;
@@ -4431,7 +4431,7 @@ function create_fragment$10(ctx) {
4431
4431
  let current;
4432
4432
  let mounted;
4433
4433
  let dispose;
4434
- const if_block_creators = [create_if_block_2, create_if_block_3, create_else_block$3];
4434
+ const if_block_creators = [create_if_block_2$1, create_if_block_3$1, create_else_block$4];
4435
4435
  const if_blocks = [];
4436
4436
 
4437
4437
  function select_block_type(ctx, dirty) {
@@ -4443,7 +4443,7 @@ function create_fragment$10(ctx) {
4443
4443
 
4444
4444
  current_block_type_index = select_block_type(ctx);
4445
4445
  if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
4446
- let if_block1 = /*visible*/ ctx[16] && create_if_block$7(ctx);
4446
+ let if_block1 = /*visible*/ ctx[16] && create_if_block$9(ctx);
4447
4447
 
4448
4448
  return {
4449
4449
  c() {
@@ -4509,7 +4509,7 @@ function create_fragment$10(ctx) {
4509
4509
  transition_in(if_block1, 1);
4510
4510
  }
4511
4511
  } else {
4512
- if_block1 = create_if_block$7(ctx);
4512
+ if_block1 = create_if_block$9(ctx);
4513
4513
  if_block1.c();
4514
4514
  transition_in(if_block1, 1);
4515
4515
  if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
@@ -4546,7 +4546,7 @@ function create_fragment$10(ctx) {
4546
4546
  };
4547
4547
  }
4548
4548
 
4549
- function instance$10($$self, $$props, $$invalidate) {
4549
+ function instance$12($$self, $$props, $$invalidate) {
4550
4550
  let close;
4551
4551
  let closable;
4552
4552
  let backgroundClick;
@@ -4821,15 +4821,15 @@ function instance$10($$self, $$props, $$invalidate) {
4821
4821
  ];
4822
4822
  }
4823
4823
 
4824
- class Modal extends SvelteComponent {
4824
+ let Modal$1 = class Modal extends SvelteComponent {
4825
4825
  constructor(options) {
4826
4826
  super();
4827
4827
 
4828
4828
  init(
4829
4829
  this,
4830
4830
  options,
4831
- instance$10,
4832
- create_fragment$10,
4831
+ instance$12,
4832
+ create_fragment$12,
4833
4833
  safe_not_equal,
4834
4834
  {
4835
4835
  onClick: 0,
@@ -4847,15 +4847,15 @@ class Modal extends SvelteComponent {
4847
4847
  closeButtonColor: 9,
4848
4848
  _closeStyle: 10
4849
4849
  },
4850
- add_css$z,
4850
+ add_css$B,
4851
4851
  [-1, -1]
4852
4852
  );
4853
4853
  }
4854
- }
4854
+ };
4855
4855
 
4856
4856
  /* src/components/Grid.svelte generated by Svelte v3.53.1 */
4857
4857
 
4858
- function create_fragment$$(ctx) {
4858
+ function create_fragment$11(ctx) {
4859
4859
  let div;
4860
4860
  let current;
4861
4861
  const default_slot_template = /*#slots*/ ctx[8].default;
@@ -4923,7 +4923,7 @@ function create_fragment$$(ctx) {
4923
4923
  };
4924
4924
  }
4925
4925
 
4926
- function instance$$($$self, $$props, $$invalidate) {
4926
+ function instance$11($$self, $$props, $$invalidate) {
4927
4927
  let _style;
4928
4928
  let { $$slots: slots = {}, $$scope } = $$props;
4929
4929
  let { width = '512px' } = $$props;
@@ -4968,7 +4968,7 @@ class Grid extends SvelteComponent {
4968
4968
  constructor(options) {
4969
4969
  super();
4970
4970
 
4971
- init(this, options, instance$$, create_fragment$$, safe_not_equal, {
4971
+ init(this, options, instance$11, create_fragment$11, safe_not_equal, {
4972
4972
  width: 1,
4973
4973
  height: 2,
4974
4974
  rows: 3,
@@ -4981,11 +4981,11 @@ class Grid extends SvelteComponent {
4981
4981
 
4982
4982
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
4983
4983
 
4984
- function add_css$y(target) {
4984
+ function add_css$A(target) {
4985
4985
  append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
4986
4986
  }
4987
4987
 
4988
- function create_fragment$_(ctx) {
4988
+ function create_fragment$10(ctx) {
4989
4989
  let div1;
4990
4990
  let div0;
4991
4991
  let current;
@@ -5078,7 +5078,7 @@ function create_fragment$_(ctx) {
5078
5078
 
5079
5079
  const GRID_ITEM_CONTEXT_KEY = 'GRID_ITEM';
5080
5080
 
5081
- function instance$_($$self, $$props, $$invalidate) {
5081
+ function instance$10($$self, $$props, $$invalidate) {
5082
5082
  let _style;
5083
5083
  let { $$slots: slots = {}, $$scope } = $$props;
5084
5084
  let { x1 } = $$props;
@@ -5127,8 +5127,8 @@ class GridItem extends SvelteComponent {
5127
5127
  init(
5128
5128
  this,
5129
5129
  options,
5130
- instance$_,
5131
- create_fragment$_,
5130
+ instance$10,
5131
+ create_fragment$10,
5132
5132
  safe_not_equal,
5133
5133
  {
5134
5134
  x1: 2,
@@ -5139,7 +5139,7 @@ class GridItem extends SvelteComponent {
5139
5139
  background: 7,
5140
5140
  gridItemId: 0
5141
5141
  },
5142
- add_css$y
5142
+ add_css$A
5143
5143
  );
5144
5144
  }
5145
5145
  }
@@ -5153,7 +5153,7 @@ function get_each_context$6(ctx, list, i) {
5153
5153
  }
5154
5154
 
5155
5155
  // (13:2) {:else}
5156
- function create_else_block$2(ctx) {
5156
+ function create_else_block$3(ctx) {
5157
5157
  let t_value = /*item*/ ctx[2] + "";
5158
5158
  let t;
5159
5159
 
@@ -5177,7 +5177,7 @@ function create_else_block$2(ctx) {
5177
5177
  }
5178
5178
 
5179
5179
  // (11:2) {#if item.match(regexp)}
5180
- function create_if_block$6(ctx) {
5180
+ function create_if_block$8(ctx) {
5181
5181
  let br;
5182
5182
 
5183
5183
  return {
@@ -5205,8 +5205,8 @@ function create_each_block$6(ctx) {
5205
5205
  function select_block_type(ctx, dirty) {
5206
5206
  if (dirty & /*items*/ 1) show_if = null;
5207
5207
  if (show_if == null) show_if = !!/*item*/ ctx[2].match(regexp);
5208
- if (show_if) return create_if_block$6;
5209
- return create_else_block$2;
5208
+ if (show_if) return create_if_block$8;
5209
+ return create_else_block$3;
5210
5210
  }
5211
5211
 
5212
5212
  let current_block_type = select_block_type(ctx, -1);
@@ -5245,7 +5245,7 @@ function create_each_block$6(ctx) {
5245
5245
  };
5246
5246
  }
5247
5247
 
5248
- function create_fragment$Z(ctx) {
5248
+ function create_fragment$$(ctx) {
5249
5249
  let each_1_anchor;
5250
5250
  let each_value = /*items*/ ctx[0];
5251
5251
  let each_blocks = [];
@@ -5311,7 +5311,7 @@ function create_fragment$Z(ctx) {
5311
5311
 
5312
5312
  const regexp = /(\r?\n)/;
5313
5313
 
5314
- function instance$Z($$self, $$props, $$invalidate) {
5314
+ function instance$$($$self, $$props, $$invalidate) {
5315
5315
  let items;
5316
5316
  let { text = 'サンプルSample' } = $$props;
5317
5317
 
@@ -5332,18 +5332,18 @@ function instance$Z($$self, $$props, $$invalidate) {
5332
5332
  class RenderText extends SvelteComponent {
5333
5333
  constructor(options) {
5334
5334
  super();
5335
- init(this, options, instance$Z, create_fragment$Z, safe_not_equal, { text: 1 });
5335
+ init(this, options, instance$$, create_fragment$$, safe_not_equal, { text: 1 });
5336
5336
  }
5337
5337
  }
5338
5338
 
5339
5339
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
5340
5340
 
5341
- function add_css$x(target) {
5341
+ function add_css$z(target) {
5342
5342
  append_styles(target, "svelte-9ixs0b", ".text-element-wrapper.svelte-9ixs0b.svelte-9ixs0b{position:relative;height:100%}.text-element.svelte-9ixs0b.svelte-9ixs0b{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden;font-size:12px;line-height:1.5}.text-link-element.svelte-9ixs0b.svelte-9ixs0b{text-decoration:none;color:inherit}.text-element-inner.svelte-9ixs0b.svelte-9ixs0b{width:100%;height:auto}.text-direction-vertical.svelte-9ixs0b.svelte-9ixs0b{writing-mode:vertical-rl}.text-direction-vertical.svelte-9ixs0b .text-element-inner.svelte-9ixs0b{width:auto;height:100%}.tooltip.svelte-9ixs0b.svelte-9ixs0b{display:none;position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;background-color:#3d4948;white-space:nowrap;padding:4px 8px 4px 8px;border-radius:4px;font-size:12px;z-index:2147483647}.tooltip.svelte-9ixs0b.svelte-9ixs0b:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-9ixs0b.svelte-9ixs0b{display:block}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b{background-color:#c00}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b:before{border-bottom:7px solid #c00}");
5343
5343
  }
5344
5344
 
5345
5345
  // (94:2) {:else}
5346
- function create_else_block$1(ctx) {
5346
+ function create_else_block$2(ctx) {
5347
5347
  let div1;
5348
5348
  let div0;
5349
5349
  let rendertext;
@@ -5409,7 +5409,7 @@ function create_else_block$1(ctx) {
5409
5409
  }
5410
5410
 
5411
5411
  // (80:2) {#if enableCopy}
5412
- function create_if_block$5(ctx) {
5412
+ function create_if_block$7(ctx) {
5413
5413
  let a;
5414
5414
  let div0;
5415
5415
  let rendertext;
@@ -5522,12 +5522,12 @@ function create_if_block$5(ctx) {
5522
5522
  };
5523
5523
  }
5524
5524
 
5525
- function create_fragment$Y(ctx) {
5525
+ function create_fragment$_(ctx) {
5526
5526
  let div;
5527
5527
  let current_block_type_index;
5528
5528
  let if_block;
5529
5529
  let current;
5530
- const if_block_creators = [create_if_block$5, create_else_block$1];
5530
+ const if_block_creators = [create_if_block$7, create_else_block$2];
5531
5531
  const if_blocks = [];
5532
5532
 
5533
5533
  function select_block_type(ctx, dirty) {
@@ -5602,7 +5602,7 @@ function create_fragment$Y(ctx) {
5602
5602
  };
5603
5603
  }
5604
5604
 
5605
- function instance$Y($$self, $$props, $$invalidate) {
5605
+ function instance$_($$self, $$props, $$invalidate) {
5606
5606
  let style;
5607
5607
  let { text = 'テキストのコンテンツ' } = $$props;
5608
5608
  let { font = SYSTEM_FONT } = $$props;
@@ -5698,8 +5698,8 @@ class TextElement extends SvelteComponent {
5698
5698
  init(
5699
5699
  this,
5700
5700
  options,
5701
- instance$Y,
5702
- create_fragment$Y,
5701
+ instance$_,
5702
+ create_fragment$_,
5703
5703
  safe_not_equal,
5704
5704
  {
5705
5705
  text: 0,
@@ -5710,14 +5710,14 @@ class TextElement extends SvelteComponent {
5710
5710
  enableCopy: 2,
5711
5711
  eventName: 10
5712
5712
  },
5713
- add_css$x
5713
+ add_css$z
5714
5714
  );
5715
5715
  }
5716
5716
  }
5717
5717
 
5718
5718
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5719
5719
 
5720
- function add_css$w(target) {
5720
+ function add_css$y(target) {
5721
5721
  append_styles(target, "svelte-1vg84sc", ".text-button-element.svelte-1vg84sc{width:100%;height:100%}.text-button-element.svelte-1vg84sc > .button{display:flex;width:100%;height:100%;border:none;box-shadow:transparent;box-sizing:border-box;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5;background-color:#33403e;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-1vg84sc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-1vg84sc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-1vg84sc > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
5722
5722
  }
5723
5723
 
@@ -5758,7 +5758,7 @@ function create_default_slot$5(ctx) {
5758
5758
  };
5759
5759
  }
5760
5760
 
5761
- function create_fragment$X(ctx) {
5761
+ function create_fragment$Z(ctx) {
5762
5762
  let div;
5763
5763
  let button;
5764
5764
  let current;
@@ -5822,7 +5822,7 @@ function create_fragment$X(ctx) {
5822
5822
  };
5823
5823
  }
5824
5824
 
5825
- function instance$X($$self, $$props, $$invalidate) {
5825
+ function instance$Z($$self, $$props, $$invalidate) {
5826
5826
  let style;
5827
5827
  let { text = 'ボタンのラベル' } = $$props;
5828
5828
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -5860,8 +5860,8 @@ class TextButtonElement extends SvelteComponent {
5860
5860
  init(
5861
5861
  this,
5862
5862
  options,
5863
- instance$X,
5864
- create_fragment$X,
5863
+ instance$Z,
5864
+ create_fragment$Z,
5865
5865
  safe_not_equal,
5866
5866
  {
5867
5867
  text: 0,
@@ -5871,14 +5871,14 @@ class TextButtonElement extends SvelteComponent {
5871
5871
  _buttonStyle: 5,
5872
5872
  _style: 6
5873
5873
  },
5874
- add_css$w
5874
+ add_css$y
5875
5875
  );
5876
5876
  }
5877
5877
  }
5878
5878
 
5879
5879
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5880
5880
 
5881
- function add_css$v(target) {
5881
+ function add_css$x(target) {
5882
5882
  append_styles(target, "svelte-t6tu0e", ".image-element.svelte-t6tu0e{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-t6tu0e > .button{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;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image-element.svelte-t6tu0e > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-t6tu0e > .button:not(._disabled):hover,.image-element.transport.svelte-t6tu0e > .button:not(._disabled):focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}.image.svelte-t6tu0e{width:100%;height:100%}");
5883
5883
  }
5884
5884
 
@@ -5949,7 +5949,7 @@ function create_default_slot$4(ctx) {
5949
5949
  };
5950
5950
  }
5951
5951
 
5952
- function create_fragment$W(ctx) {
5952
+ function create_fragment$Y(ctx) {
5953
5953
  let div;
5954
5954
  let button;
5955
5955
  let div_class_value;
@@ -6018,7 +6018,7 @@ function create_fragment$W(ctx) {
6018
6018
  };
6019
6019
  }
6020
6020
 
6021
- function instance$W($$self, $$props, $$invalidate) {
6021
+ function instance$Y($$self, $$props, $$invalidate) {
6022
6022
  let { src = '' } = $$props;
6023
6023
  let { alt = '画像の説明' } = $$props;
6024
6024
  let { transport = false } = $$props;
@@ -6049,8 +6049,8 @@ class ImageElement extends SvelteComponent {
6049
6049
  init(
6050
6050
  this,
6051
6051
  options,
6052
- instance$W,
6053
- create_fragment$W,
6052
+ instance$Y,
6053
+ create_fragment$Y,
6054
6054
  safe_not_equal,
6055
6055
  {
6056
6056
  src: 0,
@@ -6062,18 +6062,18 @@ class ImageElement extends SvelteComponent {
6062
6062
  _imageStyle: 6,
6063
6063
  _style: 7
6064
6064
  },
6065
- add_css$v
6065
+ add_css$x
6066
6066
  );
6067
6067
  }
6068
6068
  }
6069
6069
 
6070
6070
  /* src/components/List.svelte generated by Svelte v3.53.1 */
6071
6071
 
6072
- function add_css$u(target) {
6072
+ function add_css$w(target) {
6073
6073
  append_styles(target, "svelte-aquv6z", ".list.svelte-aquv6z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
6074
6074
  }
6075
6075
 
6076
- function create_fragment$V(ctx) {
6076
+ function create_fragment$X(ctx) {
6077
6077
  let div;
6078
6078
  let current;
6079
6079
  const default_slot_template = /*#slots*/ ctx[6].default;
@@ -6143,7 +6143,7 @@ function create_fragment$V(ctx) {
6143
6143
 
6144
6144
  const LIST_CONTEXT_KEY = Symbol();
6145
6145
 
6146
- function instance$V($$self, $$props, $$invalidate) {
6146
+ function instance$X($$self, $$props, $$invalidate) {
6147
6147
  let style;
6148
6148
  let { $$slots: slots = {}, $$scope } = $$props;
6149
6149
  let { direction = 'vertical' } = $$props;
@@ -6210,8 +6210,8 @@ class List extends SvelteComponent {
6210
6210
  init(
6211
6211
  this,
6212
6212
  options,
6213
- instance$V,
6214
- create_fragment$V,
6213
+ instance$X,
6214
+ create_fragment$X,
6215
6215
  safe_not_equal,
6216
6216
  {
6217
6217
  direction: 1,
@@ -6219,14 +6219,14 @@ class List extends SvelteComponent {
6219
6219
  background: 3,
6220
6220
  _style: 4
6221
6221
  },
6222
- add_css$u
6222
+ add_css$w
6223
6223
  );
6224
6224
  }
6225
6225
  }
6226
6226
 
6227
6227
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
6228
6228
 
6229
- function add_css$t(target) {
6229
+ function add_css$v(target) {
6230
6230
  append_styles(target, "svelte-9n97pe", ".list-item.svelte-9n97pe{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-9n97pe > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
6231
6231
  }
6232
6232
 
@@ -6281,7 +6281,7 @@ function create_default_slot$3(ctx) {
6281
6281
  };
6282
6282
  }
6283
6283
 
6284
- function create_fragment$U(ctx) {
6284
+ function create_fragment$W(ctx) {
6285
6285
  let div;
6286
6286
  let button;
6287
6287
  let current;
@@ -6350,7 +6350,7 @@ function create_fragment$U(ctx) {
6350
6350
  };
6351
6351
  }
6352
6352
 
6353
- function instance$U($$self, $$props, $$invalidate) {
6353
+ function instance$W($$self, $$props, $$invalidate) {
6354
6354
  let listItemStyle;
6355
6355
  let { $$slots: slots = {}, $$scope } = $$props;
6356
6356
  const { separator, background, direction, registerItem, unregisterItem } = getContext(LIST_CONTEXT_KEY);
@@ -6429,17 +6429,17 @@ function instance$U($$self, $$props, $$invalidate) {
6429
6429
  class ListItem extends SvelteComponent {
6430
6430
  constructor(options) {
6431
6431
  super();
6432
- init(this, options, instance$U, create_fragment$U, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$t);
6432
+ init(this, options, instance$W, create_fragment$W, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$v);
6433
6433
  }
6434
6434
  }
6435
6435
 
6436
6436
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
6437
6437
 
6438
- function add_css$s(target) {
6438
+ function add_css$u(target) {
6439
6439
  append_styles(target, "svelte-wocq4p", ".embed.svelte-wocq4p{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-wocq4p iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
6440
6440
  }
6441
6441
 
6442
- function create_fragment$T(ctx) {
6442
+ function create_fragment$V(ctx) {
6443
6443
  let div;
6444
6444
 
6445
6445
  return {
@@ -6475,7 +6475,7 @@ function create_fragment$T(ctx) {
6475
6475
  };
6476
6476
  }
6477
6477
 
6478
- function instance$T($$self, $$props, $$invalidate) {
6478
+ function instance$V($$self, $$props, $$invalidate) {
6479
6479
  let { code } = $$props;
6480
6480
  let { _style = '' } = $$props;
6481
6481
 
@@ -6490,17 +6490,17 @@ function instance$T($$self, $$props, $$invalidate) {
6490
6490
  class EmbedElement extends SvelteComponent {
6491
6491
  constructor(options) {
6492
6492
  super();
6493
- init(this, options, instance$T, create_fragment$T, safe_not_equal, { code: 0, _style: 1 }, add_css$s);
6493
+ init(this, options, instance$V, create_fragment$V, safe_not_equal, { code: 0, _style: 1 }, add_css$u);
6494
6494
  }
6495
6495
  }
6496
6496
 
6497
6497
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
6498
6498
 
6499
- function add_css$r(target) {
6499
+ function add_css$t(target) {
6500
6500
  append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
6501
6501
  }
6502
6502
 
6503
- function create_fragment$S(ctx) {
6503
+ function create_fragment$U(ctx) {
6504
6504
  let div1;
6505
6505
  let div0;
6506
6506
 
@@ -6552,7 +6552,7 @@ function _setValue(obj, key, value) {
6552
6552
  }
6553
6553
  }
6554
6554
 
6555
- function instance$S($$self, $$props, $$invalidate) {
6555
+ function instance$U($$self, $$props, $$invalidate) {
6556
6556
  let $system;
6557
6557
  component_subscribe($$self, system, $$value => $$invalidate(31, $system = $$value));
6558
6558
  let { videoId = 'wt0OjOeX-JA' } = $$props;
@@ -6823,8 +6823,8 @@ class MovieYouTubeElement extends SvelteComponent {
6823
6823
  init(
6824
6824
  this,
6825
6825
  options,
6826
- instance$S,
6827
- create_fragment$S,
6826
+ instance$U,
6827
+ create_fragment$U,
6828
6828
  safe_not_equal,
6829
6829
  {
6830
6830
  videoId: 2,
@@ -6853,7 +6853,7 @@ class MovieYouTubeElement extends SvelteComponent {
6853
6853
  mute: 25,
6854
6854
  _style: 0
6855
6855
  },
6856
- add_css$r,
6856
+ add_css$t,
6857
6857
  [-1, -1]
6858
6858
  );
6859
6859
  }
@@ -6861,11 +6861,11 @@ class MovieYouTubeElement extends SvelteComponent {
6861
6861
 
6862
6862
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6863
6863
 
6864
- function add_css$q(target) {
6864
+ function add_css$s(target) {
6865
6865
  append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
6866
6866
  }
6867
6867
 
6868
- function create_fragment$R(ctx) {
6868
+ function create_fragment$T(ctx) {
6869
6869
  let div1;
6870
6870
  let div0;
6871
6871
 
@@ -6907,7 +6907,7 @@ function create_fragment$R(ctx) {
6907
6907
  };
6908
6908
  }
6909
6909
 
6910
- function instance$R($$self, $$props, $$invalidate) {
6910
+ function instance$T($$self, $$props, $$invalidate) {
6911
6911
  let $system;
6912
6912
  component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
6913
6913
  let { videoId = "201239468" } = $$props;
@@ -7050,8 +7050,8 @@ class MovieVimeoElement extends SvelteComponent {
7050
7050
  init(
7051
7051
  this,
7052
7052
  options,
7053
- instance$R,
7054
- create_fragment$R,
7053
+ instance$T,
7054
+ create_fragment$T,
7055
7055
  safe_not_equal,
7056
7056
  {
7057
7057
  videoId: 2,
@@ -7061,18 +7061,18 @@ class MovieVimeoElement extends SvelteComponent {
7061
7061
  mute: 6,
7062
7062
  _style: 0
7063
7063
  },
7064
- add_css$q
7064
+ add_css$s
7065
7065
  );
7066
7066
  }
7067
7067
  }
7068
7068
 
7069
7069
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
7070
7070
 
7071
- function add_css$p(target) {
7071
+ function add_css$r(target) {
7072
7072
  append_styles(target, "svelte-zxvkkc", ".textarea-wrapper.svelte-zxvkkc{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-zxvkkc{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.textarea.svelte-zxvkkc::placeholder{color:var(--placeholder-color)}.textarea.svelte-zxvkkc:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
7073
7073
  }
7074
7074
 
7075
- function create_fragment$Q(ctx) {
7075
+ function create_fragment$S(ctx) {
7076
7076
  let div;
7077
7077
  let textarea;
7078
7078
  let mounted;
@@ -7147,7 +7147,7 @@ function create_fragment$Q(ctx) {
7147
7147
  };
7148
7148
  }
7149
7149
 
7150
- function instance$Q($$self, $$props, $$invalidate) {
7150
+ function instance$S($$self, $$props, $$invalidate) {
7151
7151
  let style;
7152
7152
  let styleVariables;
7153
7153
  let $value;
@@ -7235,8 +7235,8 @@ class FormTextarea extends SvelteComponent {
7235
7235
  init(
7236
7236
  this,
7237
7237
  options,
7238
- instance$Q,
7239
- create_fragment$Q,
7238
+ instance$S,
7239
+ create_fragment$S,
7240
7240
  safe_not_equal,
7241
7241
  {
7242
7242
  name: 7,
@@ -7248,14 +7248,14 @@ class FormTextarea extends SvelteComponent {
7248
7248
  _textStyle: 11,
7249
7249
  _placeholderStyle: 12
7250
7250
  },
7251
- add_css$p
7251
+ add_css$r
7252
7252
  );
7253
7253
  }
7254
7254
  }
7255
7255
 
7256
7256
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
7257
7257
 
7258
- function add_css$o(target) {
7258
+ function add_css$q(target) {
7259
7259
  append_styles(target, "svelte-17s08g", ".radio-buttons.svelte-17s08g{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-17s08g{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-17s08g{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-17s08g:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18,160,160,.08),0px 1px 4px -1px rgba(18,160,160,.24)}.radio-button-text.svelte-17s08g{margin-left:0.5em}");
7260
7260
  }
7261
7261
 
@@ -7368,7 +7368,7 @@ function create_each_block$5(ctx) {
7368
7368
  };
7369
7369
  }
7370
7370
 
7371
- function create_fragment$P(ctx) {
7371
+ function create_fragment$R(ctx) {
7372
7372
  let div;
7373
7373
  let each_value = /*_options*/ ctx[4];
7374
7374
  let each_blocks = [];
@@ -7446,7 +7446,7 @@ function create_fragment$P(ctx) {
7446
7446
  };
7447
7447
  }
7448
7448
 
7449
- function instance$P($$self, $$props, $$invalidate) {
7449
+ function instance$R($$self, $$props, $$invalidate) {
7450
7450
  let _options;
7451
7451
  let buttonStyle;
7452
7452
  let _value;
@@ -7546,8 +7546,8 @@ class FormRadioButtons extends SvelteComponent {
7546
7546
  init(
7547
7547
  this,
7548
7548
  options,
7549
- instance$P,
7550
- create_fragment$P,
7549
+ instance$R,
7550
+ create_fragment$R,
7551
7551
  safe_not_equal,
7552
7552
  {
7553
7553
  name: 0,
@@ -7560,14 +7560,14 @@ class FormRadioButtons extends SvelteComponent {
7560
7560
  buttonColor: 13,
7561
7561
  buttonColorActive: 14
7562
7562
  },
7563
- add_css$o
7563
+ add_css$q
7564
7564
  );
7565
7565
  }
7566
7566
  }
7567
7567
 
7568
7568
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
7569
7569
 
7570
- function add_css$n(target) {
7570
+ function add_css$p(target) {
7571
7571
  append_styles(target, "svelte-t9ynyj", ".select.svelte-t9ynyj{width:100%;height:100%}.select-select.svelte-t9ynyj{position:relative;appearance:none;width:100%;height:100%;cursor:pointer;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:0 0 0 10px;font-size:12px;line-height:1.5}.select-select.svelte-t9ynyj:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.select-icon.svelte-t9ynyj{position:absolute;width:calc(var(--icon-size) / 1.41);height:calc(var(--icon-size) / 1.41);top:calc(50% - calc(var(--icon-size) / 4));right:calc(var(--icon-size) * 1.2);box-sizing:border-box;border-right:solid 2px var(--icon-color);border-top:solid 2px var(--icon-color);transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
7572
7572
  }
7573
7573
 
@@ -7579,7 +7579,7 @@ function get_each_context$4(ctx, list, i) {
7579
7579
  }
7580
7580
 
7581
7581
  // (107:10) {:else}
7582
- function create_else_block(ctx) {
7582
+ function create_else_block$1(ctx) {
7583
7583
  let t;
7584
7584
 
7585
7585
  return {
@@ -7602,7 +7602,7 @@ function create_else_block(ctx) {
7602
7602
  }
7603
7603
 
7604
7604
  // (105:10) {#if option}
7605
- function create_if_block$4(ctx) {
7605
+ function create_if_block$6(ctx) {
7606
7606
  let t_value = /*option*/ ctx[19] + "";
7607
7607
  let t;
7608
7608
 
@@ -7633,8 +7633,8 @@ function create_each_block$4(ctx) {
7633
7633
  let option_selected_value;
7634
7634
 
7635
7635
  function select_block_type(ctx, dirty) {
7636
- if (/*option*/ ctx[19]) return create_if_block$4;
7637
- return create_else_block;
7636
+ if (/*option*/ ctx[19]) return create_if_block$6;
7637
+ return create_else_block$1;
7638
7638
  }
7639
7639
 
7640
7640
  let current_block_type = select_block_type(ctx);
@@ -7694,7 +7694,7 @@ function create_each_block$4(ctx) {
7694
7694
  };
7695
7695
  }
7696
7696
 
7697
- function create_fragment$O(ctx) {
7697
+ function create_fragment$Q(ctx) {
7698
7698
  let div1;
7699
7699
  let select;
7700
7700
  let t;
@@ -7804,7 +7804,7 @@ function create_fragment$O(ctx) {
7804
7804
  };
7805
7805
  }
7806
7806
 
7807
- function instance$O($$self, $$props, $$invalidate) {
7807
+ function instance$Q($$self, $$props, $$invalidate) {
7808
7808
  let _options;
7809
7809
  let style;
7810
7810
  let styleVariables;
@@ -7920,8 +7920,8 @@ class FormSelect extends SvelteComponent {
7920
7920
  init(
7921
7921
  this,
7922
7922
  options,
7923
- instance$O,
7924
- create_fragment$O,
7923
+ instance$Q,
7924
+ create_fragment$Q,
7925
7925
  safe_not_equal,
7926
7926
  {
7927
7927
  name: 7,
@@ -7936,14 +7936,14 @@ class FormSelect extends SvelteComponent {
7936
7936
  iconColor: 15,
7937
7937
  iconSize: 16
7938
7938
  },
7939
- add_css$n
7939
+ add_css$p
7940
7940
  );
7941
7941
  }
7942
7942
  }
7943
7943
 
7944
7944
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
7945
7945
 
7946
- function add_css$m(target) {
7946
+ function add_css$o(target) {
7947
7947
  append_styles(target, "svelte-1p65cg8", ".check-boxes.svelte-1p65cg8.svelte-1p65cg8{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-1p65cg8.svelte-1p65cg8{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-1p65cg8.svelte-1p65cg8{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-1p65cg8.svelte-1p65cg8{display:inline-flex;background-color:var(--color-main);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8:after{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:var(--color-sub)}.check-box-check._checked.svelte-1p65cg8.svelte-1p65cg8{background-color:var(--color-main-active)}.check-box-check._checked.svelte-1p65cg8 .check-box-icon.svelte-1p65cg8:after{border-color:var(--color-sub-active)}.check-box-text.svelte-1p65cg8.svelte-1p65cg8{margin-left:0.5em;color:#333;font-size:12px;line-height:1.5}");
7948
7948
  }
7949
7949
 
@@ -8072,7 +8072,7 @@ function create_each_block$3(ctx) {
8072
8072
  };
8073
8073
  }
8074
8074
 
8075
- function create_fragment$N(ctx) {
8075
+ function create_fragment$P(ctx) {
8076
8076
  let div;
8077
8077
  let each_value = /*_options*/ ctx[3];
8078
8078
  let each_blocks = [];
@@ -8150,7 +8150,7 @@ function create_fragment$N(ctx) {
8150
8150
  };
8151
8151
  }
8152
8152
 
8153
- function instance$N($$self, $$props, $$invalidate) {
8153
+ function instance$P($$self, $$props, $$invalidate) {
8154
8154
  let _options;
8155
8155
  let styleVariables;
8156
8156
  let isCheckedArray;
@@ -8256,8 +8256,8 @@ class FormCheckBoxes extends SvelteComponent {
8256
8256
  init(
8257
8257
  this,
8258
8258
  options,
8259
- instance$N,
8260
- create_fragment$N,
8259
+ instance$P,
8260
+ create_fragment$P,
8261
8261
  safe_not_equal,
8262
8262
  {
8263
8263
  name: 0,
@@ -8270,14 +8270,14 @@ class FormCheckBoxes extends SvelteComponent {
8270
8270
  buttonColor: 13,
8271
8271
  buttonColorActive: 14
8272
8272
  },
8273
- add_css$m
8273
+ add_css$o
8274
8274
  );
8275
8275
  }
8276
8276
  }
8277
8277
 
8278
8278
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
8279
8279
 
8280
- function add_css$l(target) {
8280
+ function add_css$n(target) {
8281
8281
  append_styles(target, "svelte-1iqf36p", ".rating-buttons.svelte-1iqf36p{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1iqf36p{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s;appearance:none;background:none;border:none;margin:0;padding:0}");
8282
8282
  }
8283
8283
 
@@ -8345,7 +8345,7 @@ function create_each_block$2(ctx) {
8345
8345
  };
8346
8346
  }
8347
8347
 
8348
- function create_fragment$M(ctx) {
8348
+ function create_fragment$O(ctx) {
8349
8349
  let div;
8350
8350
  let each_value = [...Array(/*count*/ ctx[0]).keys()].map(/*func*/ ctx[12]);
8351
8351
  let each_blocks = [];
@@ -8418,7 +8418,7 @@ function create_fragment$M(ctx) {
8418
8418
  };
8419
8419
  }
8420
8420
 
8421
- function instance$M($$self, $$props, $$invalidate) {
8421
+ function instance$O($$self, $$props, $$invalidate) {
8422
8422
  let _value;
8423
8423
  let $value;
8424
8424
  let { name = '' } = $$props;
@@ -8500,8 +8500,8 @@ class FormRatingButtonsNumber extends SvelteComponent {
8500
8500
  init(
8501
8501
  this,
8502
8502
  options,
8503
- instance$M,
8504
- create_fragment$M,
8503
+ instance$O,
8504
+ create_fragment$O,
8505
8505
  safe_not_equal,
8506
8506
  {
8507
8507
  name: 6,
@@ -8512,14 +8512,14 @@ class FormRatingButtonsNumber extends SvelteComponent {
8512
8512
  buttonStyle: 9,
8513
8513
  buttonActiveStyle: 10
8514
8514
  },
8515
- add_css$l
8515
+ add_css$n
8516
8516
  );
8517
8517
  }
8518
8518
  }
8519
8519
 
8520
8520
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
8521
8521
 
8522
- function add_css$k(target) {
8522
+ function add_css$m(target) {
8523
8523
  append_styles(target, "svelte-tbunko", ".rating-buttons.svelte-tbunko{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-tbunko{appearance:none;background:none;border:none;margin:0;padding:0}.rating-button-image.svelte-tbunko{cursor:pointer;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.rating-button-image.svelte-tbunko:not(._active){filter:grayscale(100%)}");
8524
8524
  }
8525
8525
 
@@ -8590,7 +8590,7 @@ function create_each_block$1(ctx) {
8590
8590
  };
8591
8591
  }
8592
8592
 
8593
- function create_fragment$L(ctx) {
8593
+ function create_fragment$N(ctx) {
8594
8594
  let div;
8595
8595
  let each_value = [...Array(count).keys()].reverse().map(func);
8596
8596
  let each_blocks = [];
@@ -8666,7 +8666,7 @@ function create_fragment$L(ctx) {
8666
8666
  const count = 5;
8667
8667
  const func = i => i + 1;
8668
8668
 
8669
- function instance$L($$self, $$props, $$invalidate) {
8669
+ function instance$N($$self, $$props, $$invalidate) {
8670
8670
  let _value;
8671
8671
  let buttonStyle;
8672
8672
  let $value;
@@ -8722,17 +8722,17 @@ function instance$L($$self, $$props, $$invalidate) {
8722
8722
  class FormRatingButtonsFace extends SvelteComponent {
8723
8723
  constructor(options) {
8724
8724
  super();
8725
- init(this, options, instance$L, create_fragment$L, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$k);
8725
+ init(this, options, instance$N, create_fragment$N, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$m);
8726
8726
  }
8727
8727
  }
8728
8728
 
8729
8729
  /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
8730
8730
 
8731
- function add_css$j(target) {
8731
+ function add_css$l(target) {
8732
8732
  append_styles(target, "svelte-h8fqwx", ".input-wrapper.svelte-h8fqwx{display:flex;align-items:center;width:100%;height:100%}.input.svelte-h8fqwx{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.input.svelte-h8fqwx::placeholder{color:var(--placeholder-color)}.input.svelte-h8fqwx:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.input._error.svelte-h8fqwx{outline:none;border-width:var(--error-border-width) !important;border-color:var(--error-border-color) !important;border-style:var(--error-border-style) !important}");
8733
8733
  }
8734
8734
 
8735
- function create_fragment$K(ctx) {
8735
+ function create_fragment$M(ctx) {
8736
8736
  let div;
8737
8737
  let input;
8738
8738
  let input_class_value;
@@ -8813,7 +8813,7 @@ function create_fragment$K(ctx) {
8813
8813
  };
8814
8814
  }
8815
8815
 
8816
- function instance$K($$self, $$props, $$invalidate) {
8816
+ function instance$M($$self, $$props, $$invalidate) {
8817
8817
  let style;
8818
8818
  let styleVariables;
8819
8819
  let isValidForUI;
@@ -8944,8 +8944,8 @@ class FormIdentifyInput extends SvelteComponent {
8944
8944
  init(
8945
8945
  this,
8946
8946
  options,
8947
- instance$K,
8948
- create_fragment$K,
8947
+ instance$M,
8948
+ create_fragment$M,
8949
8949
  safe_not_equal,
8950
8950
  {
8951
8951
  field: 9,
@@ -8959,18 +8959,18 @@ class FormIdentifyInput extends SvelteComponent {
8959
8959
  _textStyle: 15,
8960
8960
  _placeholderStyle: 16
8961
8961
  },
8962
- add_css$j
8962
+ add_css$l
8963
8963
  );
8964
8964
  }
8965
8965
  }
8966
8966
 
8967
8967
  /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
8968
8968
 
8969
- function add_css$i(target) {
8969
+ function add_css$k(target) {
8970
8970
  append_styles(target, "svelte-8zbmyo", ".radio-buttons.svelte-8zbmyo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-8zbmyo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-8zbmyo{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-8zbmyo:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18, 160, 160, 0.08), 0px 1px 4px -1px rgba(18, 160, 160, 0.24)}.radio-button-text.svelte-8zbmyo{margin-left:0.5em}");
8971
8971
  }
8972
8972
 
8973
- function create_fragment$J(ctx) {
8973
+ function create_fragment$L(ctx) {
8974
8974
  let div;
8975
8975
  let label0;
8976
8976
  let input0;
@@ -9111,7 +9111,7 @@ function create_fragment$J(ctx) {
9111
9111
  };
9112
9112
  }
9113
9113
 
9114
- function instance$J($$self, $$props, $$invalidate) {
9114
+ function instance$L($$self, $$props, $$invalidate) {
9115
9115
  let buttonStyle;
9116
9116
  let $value;
9117
9117
  let { field = 'subscription' } = $$props;
@@ -9193,8 +9193,8 @@ class FormIdentifyChoices extends SvelteComponent {
9193
9193
  init(
9194
9194
  this,
9195
9195
  options,
9196
- instance$J,
9197
- create_fragment$J,
9196
+ instance$L,
9197
+ create_fragment$L,
9198
9198
  safe_not_equal,
9199
9199
  {
9200
9200
  field: 6,
@@ -9206,14 +9206,14 @@ class FormIdentifyChoices extends SvelteComponent {
9206
9206
  buttonColor: 10,
9207
9207
  buttonColorActive: 11
9208
9208
  },
9209
- add_css$i
9209
+ add_css$k
9210
9210
  );
9211
9211
  }
9212
9212
  }
9213
9213
 
9214
9214
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
9215
9215
 
9216
- function add_css$h(target) {
9216
+ function add_css$j(target) {
9217
9217
  append_styles(target, "svelte-ji1fh", ".root.svelte-ji1fh{width:100%;height:100%;position:relative}.container.svelte-ji1fh{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000}.slide.svelte-ji1fh{height:100%;position:absolute;display:flex}.transition.svelte-ji1fh{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-ji1fh{height:100%;flex:none}.prev-button-container.svelte-ji1fh,.next-button-container.svelte-ji1fh{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-ji1fh{left:0}.next-button-container.svelte-ji1fh{right:0}.move-button.svelte-ji1fh{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-ji1fh{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-ji1fh{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-ji1fh{border-radius:51%}");
9218
9218
  }
9219
9219
 
@@ -9225,7 +9225,7 @@ function get_each_context(ctx, list, i) {
9225
9225
  }
9226
9226
 
9227
9227
  // (371:2) {#if isVisiblePrevButton}
9228
- function create_if_block_1(ctx) {
9228
+ function create_if_block_1$1(ctx) {
9229
9229
  let div;
9230
9230
  let button;
9231
9231
  let svg;
@@ -9293,7 +9293,7 @@ function create_if_block_1(ctx) {
9293
9293
  }
9294
9294
 
9295
9295
  // (380:2) {#if isVisibleNextButton}
9296
- function create_if_block$3(ctx) {
9296
+ function create_if_block$5(ctx) {
9297
9297
  let div;
9298
9298
  let button;
9299
9299
  let svg;
@@ -9424,7 +9424,7 @@ function create_each_block(ctx) {
9424
9424
  };
9425
9425
  }
9426
9426
 
9427
- function create_fragment$I(ctx) {
9427
+ function create_fragment$K(ctx) {
9428
9428
  let div3;
9429
9429
  let div1;
9430
9430
  let div0;
@@ -9436,8 +9436,8 @@ function create_fragment$I(ctx) {
9436
9436
  let current;
9437
9437
  const default_slot_template = /*#slots*/ ctx[32].default;
9438
9438
  const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[31], null);
9439
- let if_block0 = /*isVisiblePrevButton*/ ctx[12] && create_if_block_1(ctx);
9440
- let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$3(ctx);
9439
+ let if_block0 = /*isVisiblePrevButton*/ ctx[12] && create_if_block_1$1(ctx);
9440
+ let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$5(ctx);
9441
9441
  let each_value = /*items*/ ctx[1];
9442
9442
  let each_blocks = [];
9443
9443
 
@@ -9563,7 +9563,7 @@ function create_fragment$I(ctx) {
9563
9563
  if (if_block0) {
9564
9564
  if_block0.p(ctx, dirty);
9565
9565
  } else {
9566
- if_block0 = create_if_block_1(ctx);
9566
+ if_block0 = create_if_block_1$1(ctx);
9567
9567
  if_block0.c();
9568
9568
  if_block0.m(div3, t1);
9569
9569
  }
@@ -9576,7 +9576,7 @@ function create_fragment$I(ctx) {
9576
9576
  if (if_block1) {
9577
9577
  if_block1.p(ctx, dirty);
9578
9578
  } else {
9579
- if_block1 = create_if_block$3(ctx);
9579
+ if_block1 = create_if_block$5(ctx);
9580
9580
  if_block1.c();
9581
9581
  if_block1.m(div3, t2);
9582
9582
  }
@@ -9648,7 +9648,7 @@ function calcPositionIndex(shift, index, length) {
9648
9648
  }
9649
9649
  }
9650
9650
 
9651
- function instance$I($$self, $$props, $$invalidate) {
9651
+ function instance$K($$self, $$props, $$invalidate) {
9652
9652
  let slideStyle;
9653
9653
  let slideClass;
9654
9654
  let _loop;
@@ -10101,8 +10101,8 @@ class Slide extends SvelteComponent {
10101
10101
  init(
10102
10102
  this,
10103
10103
  options,
10104
- instance$I,
10105
- create_fragment$I,
10104
+ instance$K,
10105
+ create_fragment$K,
10106
10106
  safe_not_equal,
10107
10107
  {
10108
10108
  loop: 18,
@@ -10116,7 +10116,7 @@ class Slide extends SvelteComponent {
10116
10116
  navigationButton: 25,
10117
10117
  navigationEdgePosition: 26
10118
10118
  },
10119
- add_css$h,
10119
+ add_css$j,
10120
10120
  [-1, -1, -1]
10121
10121
  );
10122
10122
  }
@@ -10124,11 +10124,11 @@ class Slide extends SvelteComponent {
10124
10124
 
10125
10125
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
10126
10126
 
10127
- function add_css$g(target) {
10127
+ function add_css$i(target) {
10128
10128
  append_styles(target, "svelte-9ygf1w", ".item.svelte-9ygf1w{height:100%;flex:none;position:relative}.item.svelte-9ygf1w img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-9ygf1w{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;cursor:default;overflow:hidden}");
10129
10129
  }
10130
10130
 
10131
- function create_fragment$H(ctx) {
10131
+ function create_fragment$J(ctx) {
10132
10132
  let div1;
10133
10133
  let div0;
10134
10134
  let current;
@@ -10208,7 +10208,7 @@ function create_fragment$H(ctx) {
10208
10208
  };
10209
10209
  }
10210
10210
 
10211
- function instance$H($$self, $$props, $$invalidate) {
10211
+ function instance$J($$self, $$props, $$invalidate) {
10212
10212
  let itemStyle;
10213
10213
  let { $$slots: slots = {}, $$scope } = $$props;
10214
10214
  const { registerItem, unregisterItem } = getContext('SLIDE');
@@ -10274,20 +10274,20 @@ function instance$H($$self, $$props, $$invalidate) {
10274
10274
  class SlideItem extends SvelteComponent {
10275
10275
  constructor(options) {
10276
10276
  super();
10277
- init(this, options, instance$H, create_fragment$H, safe_not_equal, { _style: 0 }, add_css$g);
10277
+ init(this, options, instance$J, create_fragment$J, safe_not_equal, { _style: 0 }, add_css$i);
10278
10278
  }
10279
10279
  }
10280
10280
 
10281
10281
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
10282
10282
 
10283
- function add_css$f(target) {
10283
+ function add_css$h(target) {
10284
10284
  append_styles(target, "svelte-rroxiz", ".countdown.svelte-rroxiz{position:relative;width:100%;height:100%}.countdown-inner.svelte-rroxiz{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
10285
10285
  }
10286
10286
 
10287
10287
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
10288
10288
  const get_default_slot_context = ctx => ({ countdown: /*countdown*/ ctx[1] });
10289
10289
 
10290
- function create_fragment$G(ctx) {
10290
+ function create_fragment$I(ctx) {
10291
10291
  let div1;
10292
10292
  let div0;
10293
10293
  let current;
@@ -10380,7 +10380,7 @@ function formatTimeDiff(ms) {
10380
10380
  };
10381
10381
  }
10382
10382
 
10383
- function instance$G($$self, $$props, $$invalidate) {
10383
+ function instance$I($$self, $$props, $$invalidate) {
10384
10384
  let countdown;
10385
10385
  let { $$slots: slots = {}, $$scope } = $$props;
10386
10386
  let { timeLimit = '2023/12/31 23:59:59' } = $$props;
@@ -10437,13 +10437,13 @@ function instance$G($$self, $$props, $$invalidate) {
10437
10437
  class Countdown extends SvelteComponent {
10438
10438
  constructor(options) {
10439
10439
  super();
10440
- init(this, options, instance$G, create_fragment$G, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$f);
10440
+ init(this, options, instance$I, create_fragment$I, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$h);
10441
10441
  }
10442
10442
  }
10443
10443
 
10444
10444
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
10445
10445
 
10446
- function add_css$e(target) {
10446
+ function add_css$g(target) {
10447
10447
  append_styles(target, "svelte-1ccydfy", ".box.svelte-1ccydfy{position:relative;width:100%;height:100%}.box.svelte-1ccydfy > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
10448
10448
  }
10449
10449
 
@@ -10498,7 +10498,7 @@ function create_default_slot$2(ctx) {
10498
10498
  };
10499
10499
  }
10500
10500
 
10501
- function create_fragment$F(ctx) {
10501
+ function create_fragment$H(ctx) {
10502
10502
  let div;
10503
10503
  let button;
10504
10504
  let current;
@@ -10562,7 +10562,7 @@ function create_fragment$F(ctx) {
10562
10562
  };
10563
10563
  }
10564
10564
 
10565
- function instance$F($$self, $$props, $$invalidate) {
10565
+ function instance$H($$self, $$props, $$invalidate) {
10566
10566
  let { $$slots: slots = {}, $$scope } = $$props;
10567
10567
  let { onClick = { operation: 'none', args: [] } } = $$props;
10568
10568
  let { eventName = '' } = $$props;
@@ -10581,18 +10581,18 @@ function instance$F($$self, $$props, $$invalidate) {
10581
10581
  class Box extends SvelteComponent {
10582
10582
  constructor(options) {
10583
10583
  super();
10584
- init(this, options, instance$F, create_fragment$F, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$e);
10584
+ init(this, options, instance$H, create_fragment$H, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$g);
10585
10585
  }
10586
10586
  }
10587
10587
 
10588
10588
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
10589
10589
 
10590
- function add_css$d(target) {
10590
+ function add_css$f(target) {
10591
10591
  append_styles(target, "svelte-1mkvcuo", ".icon.svelte-1mkvcuo{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon.svelte-1mkvcuo > .button{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}.icon.svelte-1mkvcuo > .button._disabled{cursor:not-allowed !important;opacity:0.2}.icon.svelte-1mkvcuo svg{width:var(--width);height:var(--height);color:var(--color);stroke:var(--stroke);fill:var(--fill)}");
10592
10592
  }
10593
10593
 
10594
10594
  // (56:4) {#if svg}
10595
- function create_if_block$2(ctx) {
10595
+ function create_if_block$4(ctx) {
10596
10596
  let html_tag;
10597
10597
  let html_anchor;
10598
10598
 
@@ -10627,7 +10627,7 @@ function create_if_block$2(ctx) {
10627
10627
  // (55:2) <Button {onClick} {style} {eventName}>
10628
10628
  function create_default_slot$1(ctx) {
10629
10629
  let if_block_anchor;
10630
- let if_block = /*svg*/ ctx[3] && create_if_block$2(ctx);
10630
+ let if_block = /*svg*/ ctx[3] && create_if_block$4(ctx);
10631
10631
 
10632
10632
  return {
10633
10633
  c() {
@@ -10647,7 +10647,7 @@ function create_default_slot$1(ctx) {
10647
10647
  if (if_block) {
10648
10648
  if_block.p(ctx, dirty);
10649
10649
  } else {
10650
- if_block = create_if_block$2(ctx);
10650
+ if_block = create_if_block$4(ctx);
10651
10651
  if_block.c();
10652
10652
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
10653
10653
  }
@@ -10663,7 +10663,7 @@ function create_default_slot$1(ctx) {
10663
10663
  };
10664
10664
  }
10665
10665
 
10666
- function create_fragment$E(ctx) {
10666
+ function create_fragment$G(ctx) {
10667
10667
  let div;
10668
10668
  let button;
10669
10669
  let current;
@@ -10734,7 +10734,7 @@ function parseData(dataUrl) {
10734
10734
  return decodeURIComponent(data).replaceAll('\'', '"');
10735
10735
  }
10736
10736
 
10737
- function instance$E($$self, $$props, $$invalidate) {
10737
+ function instance$G($$self, $$props, $$invalidate) {
10738
10738
  let svg;
10739
10739
  let styleVariables;
10740
10740
  let style;
@@ -10782,8 +10782,8 @@ class IconElement extends SvelteComponent {
10782
10782
  init(
10783
10783
  this,
10784
10784
  options,
10785
- instance$E,
10786
- create_fragment$E,
10785
+ instance$G,
10786
+ create_fragment$G,
10787
10787
  safe_not_equal,
10788
10788
  {
10789
10789
  icon: 4,
@@ -10793,18 +10793,18 @@ class IconElement extends SvelteComponent {
10793
10793
  color: 6,
10794
10794
  _style: 7
10795
10795
  },
10796
- add_css$d
10796
+ add_css$f
10797
10797
  );
10798
10798
  }
10799
10799
  }
10800
10800
 
10801
10801
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
10802
10802
 
10803
- function add_css$c(target) {
10803
+ function add_css$e(target) {
10804
10804
  append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10805
10805
  }
10806
10806
 
10807
- function create_fragment$D(ctx) {
10807
+ function create_fragment$F(ctx) {
10808
10808
  let div;
10809
10809
  let switch_instance;
10810
10810
  let current;
@@ -10894,7 +10894,7 @@ function create_fragment$D(ctx) {
10894
10894
  };
10895
10895
  }
10896
10896
 
10897
- function instance$D($$self, $$props, $$invalidate) {
10897
+ function instance$F($$self, $$props, $$invalidate) {
10898
10898
  let $data,
10899
10899
  $$unsubscribe_data = noop,
10900
10900
  $$subscribe_data = () => ($$unsubscribe_data(), $$unsubscribe_data = subscribe(data, $$value => $$invalidate(4, $data = $$value)), data);
@@ -10919,17 +10919,17 @@ function instance$D($$self, $$props, $$invalidate) {
10919
10919
  class CodeElement extends SvelteComponent {
10920
10920
  constructor(options) {
10921
10921
  super();
10922
- init(this, options, instance$D, create_fragment$D, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$c);
10922
+ init(this, options, instance$F, create_fragment$F, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$e);
10923
10923
  }
10924
10924
  }
10925
10925
 
10926
10926
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
10927
10927
 
10928
- function add_css$b(target) {
10928
+ function add_css$d(target) {
10929
10929
  append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
10930
10930
  }
10931
10931
 
10932
- function create_fragment$C(ctx) {
10932
+ function create_fragment$E(ctx) {
10933
10933
  let div;
10934
10934
  let div_style_value;
10935
10935
  let current;
@@ -11004,7 +11004,7 @@ function getFlexContext() {
11004
11004
  return getContext(FlexContextKey);
11005
11005
  }
11006
11006
 
11007
- function instance$C($$self, $$props, $$invalidate) {
11007
+ function instance$E($$self, $$props, $$invalidate) {
11008
11008
  let { $$slots: slots = {}, $$scope } = $$props;
11009
11009
  let { direction = 'row' } = $$props;
11010
11010
  let { width = '100%' } = $$props;
@@ -11030,8 +11030,8 @@ class Flex extends SvelteComponent {
11030
11030
  init(
11031
11031
  this,
11032
11032
  options,
11033
- instance$C,
11034
- create_fragment$C,
11033
+ instance$E,
11034
+ create_fragment$E,
11035
11035
  safe_not_equal,
11036
11036
  {
11037
11037
  direction: 0,
@@ -11039,18 +11039,18 @@ class Flex extends SvelteComponent {
11039
11039
  height: 2,
11040
11040
  _style: 3
11041
11041
  },
11042
- add_css$b
11042
+ add_css$d
11043
11043
  );
11044
11044
  }
11045
11045
  }
11046
11046
 
11047
11047
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
11048
11048
 
11049
- function add_css$a(target) {
11049
+ function add_css$c(target) {
11050
11050
  append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
11051
11051
  }
11052
11052
 
11053
- function create_fragment$B(ctx) {
11053
+ function create_fragment$D(ctx) {
11054
11054
  let div;
11055
11055
  let current;
11056
11056
  const default_slot_template = /*#slots*/ ctx[4].default;
@@ -11118,7 +11118,7 @@ function create_fragment$B(ctx) {
11118
11118
  };
11119
11119
  }
11120
11120
 
11121
- function instance$B($$self, $$props, $$invalidate) {
11121
+ function instance$D($$self, $$props, $$invalidate) {
11122
11122
  let { $$slots: slots = {}, $$scope } = $$props;
11123
11123
  let { length } = $$props;
11124
11124
  let { _style = '' } = $$props;
@@ -11161,7 +11161,7 @@ function instance$B($$self, $$props, $$invalidate) {
11161
11161
  class FlexItem extends SvelteComponent {
11162
11162
  constructor(options) {
11163
11163
  super();
11164
- init(this, options, instance$B, create_fragment$B, safe_not_equal, { length: 1, _style: 2 }, add_css$a);
11164
+ init(this, options, instance$D, create_fragment$D, safe_not_equal, { length: 1, _style: 2 }, add_css$c);
11165
11165
  }
11166
11166
  }
11167
11167
 
@@ -11281,7 +11281,7 @@ function create_default_slot(ctx) {
11281
11281
  let modal;
11282
11282
  let current;
11283
11283
 
11284
- modal = new Modal({
11284
+ modal = new Modal$1({
11285
11285
  props: {
11286
11286
  placement: /*placement*/ ctx[4],
11287
11287
  animation: /*animation*/ ctx[5],
@@ -11345,7 +11345,7 @@ function create_default_slot(ctx) {
11345
11345
  };
11346
11346
  }
11347
11347
 
11348
- function create_fragment$A(ctx) {
11348
+ function create_fragment$C(ctx) {
11349
11349
  let stateitem;
11350
11350
  let current;
11351
11351
 
@@ -11393,7 +11393,7 @@ function create_fragment$A(ctx) {
11393
11393
  };
11394
11394
  }
11395
11395
 
11396
- function instance$A($$self, $$props, $$invalidate) {
11396
+ function instance$C($$self, $$props, $$invalidate) {
11397
11397
  let { $$slots: slots = {}, $$scope } = $$props;
11398
11398
  let { path } = $$props;
11399
11399
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -11464,7 +11464,7 @@ class GridModalState extends SvelteComponent {
11464
11464
  constructor(options) {
11465
11465
  super();
11466
11466
 
11467
- init(this, options, instance$A, create_fragment$A, safe_not_equal, {
11467
+ init(this, options, instance$C, create_fragment$C, safe_not_equal, {
11468
11468
  path: 0,
11469
11469
  onClick: 1,
11470
11470
  clickEventName: 2,
@@ -11489,11 +11489,11 @@ class GridModalState extends SvelteComponent {
11489
11489
 
11490
11490
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
11491
11491
 
11492
- function add_css$9(target) {
11492
+ function add_css$b(target) {
11493
11493
  append_styles(target, "svelte-15pej1m", ".text-block.svelte-15pej1m.svelte-15pej1m{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:hidden}.text-block-inner.svelte-15pej1m.svelte-15pej1m{width:100%;height:auto}.text-direction-vertical.svelte-15pej1m.svelte-15pej1m{writing-mode:vertical-rl}.text-direction-vertical.svelte-15pej1m .text-block-inner.svelte-15pej1m{width:auto;height:100%}");
11494
11494
  }
11495
11495
 
11496
- function create_fragment$z(ctx) {
11496
+ function create_fragment$B(ctx) {
11497
11497
  let div1;
11498
11498
  let div0;
11499
11499
  let rendertext;
@@ -11558,7 +11558,7 @@ function create_fragment$z(ctx) {
11558
11558
  };
11559
11559
  }
11560
11560
 
11561
- function instance$z($$self, $$props, $$invalidate) {
11561
+ function instance$B($$self, $$props, $$invalidate) {
11562
11562
  let style;
11563
11563
  let { text = 'サンプルSample' } = $$props;
11564
11564
  let { font = SYSTEM_FONT } = $$props;
@@ -11594,8 +11594,8 @@ class TextBlock extends SvelteComponent {
11594
11594
  init(
11595
11595
  this,
11596
11596
  options,
11597
- instance$z,
11598
- create_fragment$z,
11597
+ instance$B,
11598
+ create_fragment$B,
11599
11599
  safe_not_equal,
11600
11600
  {
11601
11601
  text: 0,
@@ -11604,18 +11604,18 @@ class TextBlock extends SvelteComponent {
11604
11604
  textDirection: 1,
11605
11605
  _style: 5
11606
11606
  },
11607
- add_css$9
11607
+ add_css$b
11608
11608
  );
11609
11609
  }
11610
11610
  }
11611
11611
 
11612
11612
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
11613
11613
 
11614
- function add_css$8(target) {
11614
+ function add_css$a(target) {
11615
11615
  append_styles(target, "svelte-ff0k6r", ".text-button-block.svelte-ff0k6r{width:100%;height:100%;background-color:#000000;border-radius:4px}.text-button.svelte-ff0k6r{display:flex;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5}.text-button.svelte-ff0k6r:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-ff0k6r:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
11616
11616
  }
11617
11617
 
11618
- function create_fragment$y(ctx) {
11618
+ function create_fragment$A(ctx) {
11619
11619
  let div;
11620
11620
  let button;
11621
11621
  let rendertext;
@@ -11689,7 +11689,7 @@ function create_fragment$y(ctx) {
11689
11689
  };
11690
11690
  }
11691
11691
 
11692
- function instance$y($$self, $$props, $$invalidate) {
11692
+ function instance$A($$self, $$props, $$invalidate) {
11693
11693
  let { text = 'ボタンラベル' } = $$props;
11694
11694
  let { onClick = { operation: 'none', args: [] } } = $$props;
11695
11695
 
@@ -11731,8 +11731,8 @@ class TextButtonBlock extends SvelteComponent {
11731
11731
  init(
11732
11732
  this,
11733
11733
  options,
11734
- instance$y,
11735
- create_fragment$y,
11734
+ instance$A,
11735
+ create_fragment$A,
11736
11736
  safe_not_equal,
11737
11737
  {
11738
11738
  text: 0,
@@ -11742,18 +11742,18 @@ class TextButtonBlock extends SvelteComponent {
11742
11742
  _buttonStyle: 1,
11743
11743
  _style: 2
11744
11744
  },
11745
- add_css$8
11745
+ add_css$a
11746
11746
  );
11747
11747
  }
11748
11748
  }
11749
11749
 
11750
11750
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
11751
11751
 
11752
- function add_css$7(target) {
11752
+ function add_css$9(target) {
11753
11753
  append_styles(target, "svelte-1pdw891", ".image-block.svelte-1pdw891{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;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image.svelte-1pdw891{width:100%;height:100%}.transport.svelte-1pdw891:hover,.transport.svelte-1pdw891:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
11754
11754
  }
11755
11755
 
11756
- function create_fragment$x(ctx) {
11756
+ function create_fragment$z(ctx) {
11757
11757
  let div;
11758
11758
  let img;
11759
11759
  let img_style_value;
@@ -11836,7 +11836,7 @@ function create_fragment$x(ctx) {
11836
11836
  };
11837
11837
  }
11838
11838
 
11839
- function instance$x($$self, $$props, $$invalidate) {
11839
+ function instance$z($$self, $$props, $$invalidate) {
11840
11840
  let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
11841
11841
  let { alt = 'No Image' } = $$props;
11842
11842
  let { transport = false } = $$props;
@@ -11876,8 +11876,8 @@ class ImageBlock extends SvelteComponent {
11876
11876
  init(
11877
11877
  this,
11878
11878
  options,
11879
- instance$x,
11880
- create_fragment$x,
11879
+ instance$z,
11880
+ create_fragment$z,
11881
11881
  safe_not_equal,
11882
11882
  {
11883
11883
  src: 0,
@@ -11889,7 +11889,7 @@ class ImageBlock extends SvelteComponent {
11889
11889
  _imageStyle: 4,
11890
11890
  _style: 5
11891
11891
  },
11892
- add_css$7
11892
+ add_css$9
11893
11893
  );
11894
11894
  }
11895
11895
  }
@@ -11988,11 +11988,11 @@ const toCssShadow = (p) => {
11988
11988
 
11989
11989
  /* src/components-v2/avatar/Avatar.svelte generated by Svelte v3.53.1 */
11990
11990
 
11991
- function add_css$6(target) {
11991
+ function add_css$8(target) {
11992
11992
  append_styles(target, "svelte-17xar9h", ".avatar.svelte-17xar9h{display:flex;align-items:center;overflow:hidden;flex-shrink:0}");
11993
11993
  }
11994
11994
 
11995
- function create_fragment$w(ctx) {
11995
+ function create_fragment$y(ctx) {
11996
11996
  let div;
11997
11997
  let img;
11998
11998
  let img_src_value;
@@ -12005,7 +12005,12 @@ function create_fragment$w(ctx) {
12005
12005
  this.h();
12006
12006
  },
12007
12007
  l(nodes) {
12008
- div = claim_element(nodes, "DIV", { class: true, style: true });
12008
+ div = claim_element(nodes, "DIV", {
12009
+ class: true,
12010
+ "data-layer-id": true,
12011
+ style: true
12012
+ });
12013
+
12009
12014
  var div_nodes = children(div);
12010
12015
  img = claim_element(div_nodes, "IMG", { src: true, alt: true, style: true });
12011
12016
  div_nodes.forEach(detach);
@@ -12014,9 +12019,10 @@ function create_fragment$w(ctx) {
12014
12019
  h() {
12015
12020
  if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
12016
12021
  attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
12017
- attr(img, "style", /*imgStyle*/ ctx[1]);
12022
+ attr(img, "style", /*imgStyle*/ ctx[2]);
12018
12023
  attr(div, "class", "avatar svelte-17xar9h");
12019
- attr(div, "style", /*style*/ ctx[2]);
12024
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
12025
+ attr(div, "style", /*style*/ ctx[3]);
12020
12026
  },
12021
12027
  m(target, anchor) {
12022
12028
  insert_hydration(target, div, anchor);
@@ -12031,12 +12037,16 @@ function create_fragment$w(ctx) {
12031
12037
  attr(img, "alt", img_alt_value);
12032
12038
  }
12033
12039
 
12034
- if (dirty & /*imgStyle*/ 2) {
12035
- attr(img, "style", /*imgStyle*/ ctx[1]);
12040
+ if (dirty & /*imgStyle*/ 4) {
12041
+ attr(img, "style", /*imgStyle*/ ctx[2]);
12042
+ }
12043
+
12044
+ if (dirty & /*layerId*/ 2) {
12045
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
12036
12046
  }
12037
12047
 
12038
- if (dirty & /*style*/ 4) {
12039
- attr(div, "style", /*style*/ ctx[2]);
12048
+ if (dirty & /*style*/ 8) {
12049
+ attr(div, "style", /*style*/ ctx[3]);
12040
12050
  }
12041
12051
  },
12042
12052
  i: noop,
@@ -12047,10 +12057,11 @@ function create_fragment$w(ctx) {
12047
12057
  };
12048
12058
  }
12049
12059
 
12050
- function instance$w($$self, $$props, $$invalidate) {
12060
+ function instance$y($$self, $$props, $$invalidate) {
12051
12061
  let style;
12052
12062
  let imgStyle;
12053
12063
  let { props = {} } = $$props;
12064
+ let { layerId = '' } = $$props;
12054
12065
 
12055
12066
  const VARIANTS = {
12056
12067
  shape: {
@@ -12063,11 +12074,12 @@ function instance$w($$self, $$props, $$invalidate) {
12063
12074
 
12064
12075
  $$self.$$set = $$props => {
12065
12076
  if ('props' in $$props) $$invalidate(0, props = $$props.props);
12077
+ if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
12066
12078
  };
12067
12079
 
12068
12080
  $$self.$$.update = () => {
12069
12081
  if ($$self.$$.dirty & /*props*/ 1) {
12070
- $$invalidate(2, style = objToStyle({
12082
+ $$invalidate(3, style = objToStyle({
12071
12083
  width: `${size}px`,
12072
12084
  height: `${size}px`,
12073
12085
  ...VARIANTS.shape[props.shape ?? 'square'],
@@ -12077,19 +12089,19 @@ function instance$w($$self, $$props, $$invalidate) {
12077
12089
  }
12078
12090
  };
12079
12091
 
12080
- $$invalidate(1, imgStyle = objToStyle({
12092
+ $$invalidate(2, imgStyle = objToStyle({
12081
12093
  width: '100%',
12082
12094
  height: '100%',
12083
12095
  objectFit: 'cover'
12084
12096
  }));
12085
12097
 
12086
- return [props, imgStyle, style];
12098
+ return [props, layerId, imgStyle, style];
12087
12099
  }
12088
12100
 
12089
12101
  class Avatar extends SvelteComponent {
12090
12102
  constructor(options) {
12091
12103
  super();
12092
- init(this, options, instance$w, create_fragment$w, safe_not_equal, { props: 0 }, add_css$6);
12104
+ init(this, options, instance$y, create_fragment$y, safe_not_equal, { props: 0, layerId: 1 }, add_css$8);
12093
12105
  }
12094
12106
  }
12095
12107
 
@@ -12107,7 +12119,7 @@ const AVATAR_SHAPE = {
12107
12119
 
12108
12120
  /* src/components-v2/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
12109
12121
 
12110
- function create_fragment$v(ctx) {
12122
+ function create_fragment$x(ctx) {
12111
12123
  let svg;
12112
12124
  let path;
12113
12125
 
@@ -12150,7 +12162,7 @@ function create_fragment$v(ctx) {
12150
12162
  };
12151
12163
  }
12152
12164
 
12153
- function instance$v($$self, $$props, $$invalidate) {
12165
+ function instance$x($$self, $$props, $$invalidate) {
12154
12166
  let { color } = $$props;
12155
12167
 
12156
12168
  $$self.$$set = $$props => {
@@ -12163,13 +12175,13 @@ function instance$v($$self, $$props, $$invalidate) {
12163
12175
  class IconArrowDown extends SvelteComponent {
12164
12176
  constructor(options) {
12165
12177
  super();
12166
- init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
12178
+ init(this, options, instance$x, create_fragment$x, safe_not_equal, { color: 0 });
12167
12179
  }
12168
12180
  }
12169
12181
 
12170
12182
  /* src/components-v2/icon/variants/IconArrowUp.svelte generated by Svelte v3.53.1 */
12171
12183
 
12172
- function create_fragment$u(ctx) {
12184
+ function create_fragment$w(ctx) {
12173
12185
  let svg;
12174
12186
  let path;
12175
12187
 
@@ -12212,7 +12224,7 @@ function create_fragment$u(ctx) {
12212
12224
  };
12213
12225
  }
12214
12226
 
12215
- function instance$u($$self, $$props, $$invalidate) {
12227
+ function instance$w($$self, $$props, $$invalidate) {
12216
12228
  let { color } = $$props;
12217
12229
 
12218
12230
  $$self.$$set = $$props => {
@@ -12225,13 +12237,13 @@ function instance$u($$self, $$props, $$invalidate) {
12225
12237
  class IconArrowUp extends SvelteComponent {
12226
12238
  constructor(options) {
12227
12239
  super();
12228
- init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
12240
+ init(this, options, instance$w, create_fragment$w, safe_not_equal, { color: 0 });
12229
12241
  }
12230
12242
  }
12231
12243
 
12232
12244
  /* src/components-v2/icon/variants/IconUsers.svelte generated by Svelte v3.53.1 */
12233
12245
 
12234
- function create_fragment$t(ctx) {
12246
+ function create_fragment$v(ctx) {
12235
12247
  let svg;
12236
12248
  let path;
12237
12249
 
@@ -12274,7 +12286,7 @@ function create_fragment$t(ctx) {
12274
12286
  };
12275
12287
  }
12276
12288
 
12277
- function instance$t($$self, $$props, $$invalidate) {
12289
+ function instance$v($$self, $$props, $$invalidate) {
12278
12290
  let { color } = $$props;
12279
12291
 
12280
12292
  $$self.$$set = $$props => {
@@ -12287,13 +12299,13 @@ function instance$t($$self, $$props, $$invalidate) {
12287
12299
  class IconUsers extends SvelteComponent {
12288
12300
  constructor(options) {
12289
12301
  super();
12290
- init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
12302
+ init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
12291
12303
  }
12292
12304
  }
12293
12305
 
12294
12306
  /* src/components-v2/icon/variants/IconArrowLeft.svelte generated by Svelte v3.53.1 */
12295
12307
 
12296
- function create_fragment$s(ctx) {
12308
+ function create_fragment$u(ctx) {
12297
12309
  let svg;
12298
12310
  let path;
12299
12311
 
@@ -12336,7 +12348,7 @@ function create_fragment$s(ctx) {
12336
12348
  };
12337
12349
  }
12338
12350
 
12339
- function instance$s($$self, $$props, $$invalidate) {
12351
+ function instance$u($$self, $$props, $$invalidate) {
12340
12352
  let { color } = $$props;
12341
12353
 
12342
12354
  $$self.$$set = $$props => {
@@ -12349,13 +12361,13 @@ function instance$s($$self, $$props, $$invalidate) {
12349
12361
  class IconArrowLeft extends SvelteComponent {
12350
12362
  constructor(options) {
12351
12363
  super();
12352
- init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
12364
+ init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
12353
12365
  }
12354
12366
  }
12355
12367
 
12356
12368
  /* src/components-v2/icon/variants/IconArrowRight.svelte generated by Svelte v3.53.1 */
12357
12369
 
12358
- function create_fragment$r(ctx) {
12370
+ function create_fragment$t(ctx) {
12359
12371
  let svg;
12360
12372
  let path;
12361
12373
 
@@ -12398,7 +12410,7 @@ function create_fragment$r(ctx) {
12398
12410
  };
12399
12411
  }
12400
12412
 
12401
- function instance$r($$self, $$props, $$invalidate) {
12413
+ function instance$t($$self, $$props, $$invalidate) {
12402
12414
  let { color } = $$props;
12403
12415
 
12404
12416
  $$self.$$set = $$props => {
@@ -12411,13 +12423,13 @@ function instance$r($$self, $$props, $$invalidate) {
12411
12423
  class IconArrowRight extends SvelteComponent {
12412
12424
  constructor(options) {
12413
12425
  super();
12414
- init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
12426
+ init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
12415
12427
  }
12416
12428
  }
12417
12429
 
12418
12430
  /* src/components-v2/icon/variants/IconBell.svelte generated by Svelte v3.53.1 */
12419
12431
 
12420
- function create_fragment$q(ctx) {
12432
+ function create_fragment$s(ctx) {
12421
12433
  let svg;
12422
12434
  let path;
12423
12435
 
@@ -12460,7 +12472,7 @@ function create_fragment$q(ctx) {
12460
12472
  };
12461
12473
  }
12462
12474
 
12463
- function instance$q($$self, $$props, $$invalidate) {
12475
+ function instance$s($$self, $$props, $$invalidate) {
12464
12476
  let { color } = $$props;
12465
12477
 
12466
12478
  $$self.$$set = $$props => {
@@ -12473,13 +12485,13 @@ function instance$q($$self, $$props, $$invalidate) {
12473
12485
  class IconBell extends SvelteComponent {
12474
12486
  constructor(options) {
12475
12487
  super();
12476
- init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
12488
+ init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
12477
12489
  }
12478
12490
  }
12479
12491
 
12480
12492
  /* src/components-v2/icon/variants/IconArrowUpFromSquare.svelte generated by Svelte v3.53.1 */
12481
12493
 
12482
- function create_fragment$p(ctx) {
12494
+ function create_fragment$r(ctx) {
12483
12495
  let svg;
12484
12496
  let path;
12485
12497
 
@@ -12522,7 +12534,7 @@ function create_fragment$p(ctx) {
12522
12534
  };
12523
12535
  }
12524
12536
 
12525
- function instance$p($$self, $$props, $$invalidate) {
12537
+ function instance$r($$self, $$props, $$invalidate) {
12526
12538
  let { color } = $$props;
12527
12539
 
12528
12540
  $$self.$$set = $$props => {
@@ -12535,13 +12547,13 @@ function instance$p($$self, $$props, $$invalidate) {
12535
12547
  class IconArrowUpFromSquare extends SvelteComponent {
12536
12548
  constructor(options) {
12537
12549
  super();
12538
- init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
12550
+ init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
12539
12551
  }
12540
12552
  }
12541
12553
 
12542
12554
  /* src/components-v2/icon/variants/IconTicket.svelte generated by Svelte v3.53.1 */
12543
12555
 
12544
- function create_fragment$o(ctx) {
12556
+ function create_fragment$q(ctx) {
12545
12557
  let svg;
12546
12558
  let path;
12547
12559
 
@@ -12584,7 +12596,7 @@ function create_fragment$o(ctx) {
12584
12596
  };
12585
12597
  }
12586
12598
 
12587
- function instance$o($$self, $$props, $$invalidate) {
12599
+ function instance$q($$self, $$props, $$invalidate) {
12588
12600
  let { color } = $$props;
12589
12601
 
12590
12602
  $$self.$$set = $$props => {
@@ -12597,13 +12609,13 @@ function instance$o($$self, $$props, $$invalidate) {
12597
12609
  class IconTicket extends SvelteComponent {
12598
12610
  constructor(options) {
12599
12611
  super();
12600
- init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
12612
+ init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
12601
12613
  }
12602
12614
  }
12603
12615
 
12604
12616
  /* src/components-v2/icon/variants/IconTrack.svelte generated by Svelte v3.53.1 */
12605
12617
 
12606
- function create_fragment$n(ctx) {
12618
+ function create_fragment$p(ctx) {
12607
12619
  let svg;
12608
12620
  let path;
12609
12621
 
@@ -12646,7 +12658,7 @@ function create_fragment$n(ctx) {
12646
12658
  };
12647
12659
  }
12648
12660
 
12649
- function instance$n($$self, $$props, $$invalidate) {
12661
+ function instance$p($$self, $$props, $$invalidate) {
12650
12662
  let { color } = $$props;
12651
12663
 
12652
12664
  $$self.$$set = $$props => {
@@ -12659,13 +12671,13 @@ function instance$n($$self, $$props, $$invalidate) {
12659
12671
  class IconTrack extends SvelteComponent {
12660
12672
  constructor(options) {
12661
12673
  super();
12662
- init(this, options, instance$n, create_fragment$n, safe_not_equal, { color: 0 });
12674
+ init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
12663
12675
  }
12664
12676
  }
12665
12677
 
12666
12678
  /* src/components-v2/icon/variants/IconCartShopping.svelte generated by Svelte v3.53.1 */
12667
12679
 
12668
- function create_fragment$m(ctx) {
12680
+ function create_fragment$o(ctx) {
12669
12681
  let svg;
12670
12682
  let path;
12671
12683
 
@@ -12708,7 +12720,7 @@ function create_fragment$m(ctx) {
12708
12720
  };
12709
12721
  }
12710
12722
 
12711
- function instance$m($$self, $$props, $$invalidate) {
12723
+ function instance$o($$self, $$props, $$invalidate) {
12712
12724
  let { color } = $$props;
12713
12725
 
12714
12726
  $$self.$$set = $$props => {
@@ -12721,13 +12733,13 @@ function instance$m($$self, $$props, $$invalidate) {
12721
12733
  class IconCartShopping extends SvelteComponent {
12722
12734
  constructor(options) {
12723
12735
  super();
12724
- init(this, options, instance$m, create_fragment$m, safe_not_equal, { color: 0 });
12736
+ init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
12725
12737
  }
12726
12738
  }
12727
12739
 
12728
12740
  /* src/components-v2/icon/variants/IconCircle.svelte generated by Svelte v3.53.1 */
12729
12741
 
12730
- function create_fragment$l(ctx) {
12742
+ function create_fragment$n(ctx) {
12731
12743
  let svg;
12732
12744
  let path;
12733
12745
 
@@ -12770,7 +12782,7 @@ function create_fragment$l(ctx) {
12770
12782
  };
12771
12783
  }
12772
12784
 
12773
- function instance$l($$self, $$props, $$invalidate) {
12785
+ function instance$n($$self, $$props, $$invalidate) {
12774
12786
  let { color } = $$props;
12775
12787
 
12776
12788
  $$self.$$set = $$props => {
@@ -12783,13 +12795,13 @@ function instance$l($$self, $$props, $$invalidate) {
12783
12795
  class IconCircle extends SvelteComponent {
12784
12796
  constructor(options) {
12785
12797
  super();
12786
- init(this, options, instance$l, create_fragment$l, safe_not_equal, { color: 0 });
12798
+ init(this, options, instance$n, create_fragment$n, safe_not_equal, { color: 0 });
12787
12799
  }
12788
12800
  }
12789
12801
 
12790
12802
  /* src/components-v2/icon/variants/IconCircleQuestion.svelte generated by Svelte v3.53.1 */
12791
12803
 
12792
- function create_fragment$k(ctx) {
12804
+ function create_fragment$m(ctx) {
12793
12805
  let svg;
12794
12806
  let path;
12795
12807
 
@@ -12832,7 +12844,7 @@ function create_fragment$k(ctx) {
12832
12844
  };
12833
12845
  }
12834
12846
 
12835
- function instance$k($$self, $$props, $$invalidate) {
12847
+ function instance$m($$self, $$props, $$invalidate) {
12836
12848
  let { color } = $$props;
12837
12849
 
12838
12850
  $$self.$$set = $$props => {
@@ -12845,13 +12857,13 @@ function instance$k($$self, $$props, $$invalidate) {
12845
12857
  class IconCircleQuestion extends SvelteComponent {
12846
12858
  constructor(options) {
12847
12859
  super();
12848
- init(this, options, instance$k, create_fragment$k, safe_not_equal, { color: 0 });
12860
+ init(this, options, instance$m, create_fragment$m, safe_not_equal, { color: 0 });
12849
12861
  }
12850
12862
  }
12851
12863
 
12852
12864
  /* src/components-v2/icon/variants/IconCheck.svelte generated by Svelte v3.53.1 */
12853
12865
 
12854
- function create_fragment$j(ctx) {
12866
+ function create_fragment$l(ctx) {
12855
12867
  let svg;
12856
12868
  let path;
12857
12869
 
@@ -12894,7 +12906,7 @@ function create_fragment$j(ctx) {
12894
12906
  };
12895
12907
  }
12896
12908
 
12897
- function instance$j($$self, $$props, $$invalidate) {
12909
+ function instance$l($$self, $$props, $$invalidate) {
12898
12910
  let { color } = $$props;
12899
12911
 
12900
12912
  $$self.$$set = $$props => {
@@ -12907,13 +12919,13 @@ function instance$j($$self, $$props, $$invalidate) {
12907
12919
  class IconCheck extends SvelteComponent {
12908
12920
  constructor(options) {
12909
12921
  super();
12910
- init(this, options, instance$j, create_fragment$j, safe_not_equal, { color: 0 });
12922
+ init(this, options, instance$l, create_fragment$l, safe_not_equal, { color: 0 });
12911
12923
  }
12912
12924
  }
12913
12925
 
12914
12926
  /* src/components-v2/icon/variants/IconXMark.svelte generated by Svelte v3.53.1 */
12915
12927
 
12916
- function create_fragment$i(ctx) {
12928
+ function create_fragment$k(ctx) {
12917
12929
  let svg;
12918
12930
  let path;
12919
12931
 
@@ -12956,7 +12968,7 @@ function create_fragment$i(ctx) {
12956
12968
  };
12957
12969
  }
12958
12970
 
12959
- function instance$i($$self, $$props, $$invalidate) {
12971
+ function instance$k($$self, $$props, $$invalidate) {
12960
12972
  let { color } = $$props;
12961
12973
 
12962
12974
  $$self.$$set = $$props => {
@@ -12969,13 +12981,13 @@ function instance$i($$self, $$props, $$invalidate) {
12969
12981
  class IconXMark extends SvelteComponent {
12970
12982
  constructor(options) {
12971
12983
  super();
12972
- init(this, options, instance$i, create_fragment$i, safe_not_equal, { color: 0 });
12984
+ init(this, options, instance$k, create_fragment$k, safe_not_equal, { color: 0 });
12973
12985
  }
12974
12986
  }
12975
12987
 
12976
12988
  /* src/components-v2/icon/variants/IconPaperPlane.svelte generated by Svelte v3.53.1 */
12977
12989
 
12978
- function create_fragment$h(ctx) {
12990
+ function create_fragment$j(ctx) {
12979
12991
  let svg;
12980
12992
  let path;
12981
12993
 
@@ -13018,7 +13030,7 @@ function create_fragment$h(ctx) {
13018
13030
  };
13019
13031
  }
13020
13032
 
13021
- function instance$h($$self, $$props, $$invalidate) {
13033
+ function instance$j($$self, $$props, $$invalidate) {
13022
13034
  let { color } = $$props;
13023
13035
 
13024
13036
  $$self.$$set = $$props => {
@@ -13031,13 +13043,13 @@ function instance$h($$self, $$props, $$invalidate) {
13031
13043
  class IconPaperPlane extends SvelteComponent {
13032
13044
  constructor(options) {
13033
13045
  super();
13034
- init(this, options, instance$h, create_fragment$h, safe_not_equal, { color: 0 });
13046
+ init(this, options, instance$j, create_fragment$j, safe_not_equal, { color: 0 });
13035
13047
  }
13036
13048
  }
13037
13049
 
13038
13050
  /* src/components-v2/icon/variants/IconCopy.svelte generated by Svelte v3.53.1 */
13039
13051
 
13040
- function create_fragment$g(ctx) {
13052
+ function create_fragment$i(ctx) {
13041
13053
  let svg;
13042
13054
  let path;
13043
13055
 
@@ -13080,7 +13092,7 @@ function create_fragment$g(ctx) {
13080
13092
  };
13081
13093
  }
13082
13094
 
13083
- function instance$g($$self, $$props, $$invalidate) {
13095
+ function instance$i($$self, $$props, $$invalidate) {
13084
13096
  let { color } = $$props;
13085
13097
 
13086
13098
  $$self.$$set = $$props => {
@@ -13093,13 +13105,13 @@ function instance$g($$self, $$props, $$invalidate) {
13093
13105
  class IconCopy extends SvelteComponent {
13094
13106
  constructor(options) {
13095
13107
  super();
13096
- init(this, options, instance$g, create_fragment$g, safe_not_equal, { color: 0 });
13108
+ init(this, options, instance$i, create_fragment$i, safe_not_equal, { color: 0 });
13097
13109
  }
13098
13110
  }
13099
13111
 
13100
13112
  /* src/components-v2/icon/variants/IconCircleXMark.svelte generated by Svelte v3.53.1 */
13101
13113
 
13102
- function create_fragment$f(ctx) {
13114
+ function create_fragment$h(ctx) {
13103
13115
  let svg;
13104
13116
  let path;
13105
13117
 
@@ -13142,7 +13154,7 @@ function create_fragment$f(ctx) {
13142
13154
  };
13143
13155
  }
13144
13156
 
13145
- function instance$f($$self, $$props, $$invalidate) {
13157
+ function instance$h($$self, $$props, $$invalidate) {
13146
13158
  let { color } = $$props;
13147
13159
 
13148
13160
  $$self.$$set = $$props => {
@@ -13155,13 +13167,13 @@ function instance$f($$self, $$props, $$invalidate) {
13155
13167
  class IconCircleXMark extends SvelteComponent {
13156
13168
  constructor(options) {
13157
13169
  super();
13158
- init(this, options, instance$f, create_fragment$f, safe_not_equal, { color: 0 });
13170
+ init(this, options, instance$h, create_fragment$h, safe_not_equal, { color: 0 });
13159
13171
  }
13160
13172
  }
13161
13173
 
13162
13174
  /* src/components-v2/icon/variants/IconHeart.svelte generated by Svelte v3.53.1 */
13163
13175
 
13164
- function create_fragment$e(ctx) {
13176
+ function create_fragment$g(ctx) {
13165
13177
  let svg;
13166
13178
  let path;
13167
13179
 
@@ -13204,7 +13216,7 @@ function create_fragment$e(ctx) {
13204
13216
  };
13205
13217
  }
13206
13218
 
13207
- function instance$e($$self, $$props, $$invalidate) {
13219
+ function instance$g($$self, $$props, $$invalidate) {
13208
13220
  let { color } = $$props;
13209
13221
 
13210
13222
  $$self.$$set = $$props => {
@@ -13217,13 +13229,13 @@ function instance$e($$self, $$props, $$invalidate) {
13217
13229
  class IconHeart extends SvelteComponent {
13218
13230
  constructor(options) {
13219
13231
  super();
13220
- init(this, options, instance$e, create_fragment$e, safe_not_equal, { color: 0 });
13232
+ init(this, options, instance$g, create_fragment$g, safe_not_equal, { color: 0 });
13221
13233
  }
13222
13234
  }
13223
13235
 
13224
13236
  /* src/components-v2/icon/variants/IconMagnifyingGrass.svelte generated by Svelte v3.53.1 */
13225
13237
 
13226
- function create_fragment$d(ctx) {
13238
+ function create_fragment$f(ctx) {
13227
13239
  let svg;
13228
13240
  let path;
13229
13241
 
@@ -13266,7 +13278,7 @@ function create_fragment$d(ctx) {
13266
13278
  };
13267
13279
  }
13268
13280
 
13269
- function instance$d($$self, $$props, $$invalidate) {
13281
+ function instance$f($$self, $$props, $$invalidate) {
13270
13282
  let { color } = $$props;
13271
13283
 
13272
13284
  $$self.$$set = $$props => {
@@ -13279,13 +13291,13 @@ function instance$d($$self, $$props, $$invalidate) {
13279
13291
  class IconMagnifyingGrass extends SvelteComponent {
13280
13292
  constructor(options) {
13281
13293
  super();
13282
- init(this, options, instance$d, create_fragment$d, safe_not_equal, { color: 0 });
13294
+ init(this, options, instance$f, create_fragment$f, safe_not_equal, { color: 0 });
13283
13295
  }
13284
13296
  }
13285
13297
 
13286
13298
  /* src/components-v2/icon/variants/IconStar.svelte generated by Svelte v3.53.1 */
13287
13299
 
13288
- function create_fragment$c(ctx) {
13300
+ function create_fragment$e(ctx) {
13289
13301
  let svg;
13290
13302
  let path;
13291
13303
 
@@ -13328,7 +13340,7 @@ function create_fragment$c(ctx) {
13328
13340
  };
13329
13341
  }
13330
13342
 
13331
- function instance$c($$self, $$props, $$invalidate) {
13343
+ function instance$e($$self, $$props, $$invalidate) {
13332
13344
  let { color } = $$props;
13333
13345
 
13334
13346
  $$self.$$set = $$props => {
@@ -13341,13 +13353,13 @@ function instance$c($$self, $$props, $$invalidate) {
13341
13353
  class IconStar extends SvelteComponent {
13342
13354
  constructor(options) {
13343
13355
  super();
13344
- init(this, options, instance$c, create_fragment$c, safe_not_equal, { color: 0 });
13356
+ init(this, options, instance$e, create_fragment$e, safe_not_equal, { color: 0 });
13345
13357
  }
13346
13358
  }
13347
13359
 
13348
13360
  /* src/components-v2/icon/variants/IconCircleInfo.svelte generated by Svelte v3.53.1 */
13349
13361
 
13350
- function create_fragment$b(ctx) {
13362
+ function create_fragment$d(ctx) {
13351
13363
  let svg;
13352
13364
  let path;
13353
13365
 
@@ -13390,7 +13402,7 @@ function create_fragment$b(ctx) {
13390
13402
  };
13391
13403
  }
13392
13404
 
13393
- function instance$b($$self, $$props, $$invalidate) {
13405
+ function instance$d($$self, $$props, $$invalidate) {
13394
13406
  let { color } = $$props;
13395
13407
 
13396
13408
  $$self.$$set = $$props => {
@@ -13403,13 +13415,13 @@ function instance$b($$self, $$props, $$invalidate) {
13403
13415
  class IconCircleInfo extends SvelteComponent {
13404
13416
  constructor(options) {
13405
13417
  super();
13406
- init(this, options, instance$b, create_fragment$b, safe_not_equal, { color: 0 });
13418
+ init(this, options, instance$d, create_fragment$d, safe_not_equal, { color: 0 });
13407
13419
  }
13408
13420
  }
13409
13421
 
13410
13422
  /* src/components-v2/icon/variants/IconEnvelope.svelte generated by Svelte v3.53.1 */
13411
13423
 
13412
- function create_fragment$a(ctx) {
13424
+ function create_fragment$c(ctx) {
13413
13425
  let svg;
13414
13426
  let path;
13415
13427
 
@@ -13452,7 +13464,7 @@ function create_fragment$a(ctx) {
13452
13464
  };
13453
13465
  }
13454
13466
 
13455
- function instance$a($$self, $$props, $$invalidate) {
13467
+ function instance$c($$self, $$props, $$invalidate) {
13456
13468
  let { color } = $$props;
13457
13469
 
13458
13470
  $$self.$$set = $$props => {
@@ -13465,13 +13477,13 @@ function instance$a($$self, $$props, $$invalidate) {
13465
13477
  class IconEnvelope extends SvelteComponent {
13466
13478
  constructor(options) {
13467
13479
  super();
13468
- init(this, options, instance$a, create_fragment$a, safe_not_equal, { color: 0 });
13480
+ init(this, options, instance$c, create_fragment$c, safe_not_equal, { color: 0 });
13469
13481
  }
13470
13482
  }
13471
13483
 
13472
13484
  /* src/components-v2/icon/variants/IconGift.svelte generated by Svelte v3.53.1 */
13473
13485
 
13474
- function create_fragment$9(ctx) {
13486
+ function create_fragment$b(ctx) {
13475
13487
  let svg;
13476
13488
  let path;
13477
13489
 
@@ -13514,7 +13526,7 @@ function create_fragment$9(ctx) {
13514
13526
  };
13515
13527
  }
13516
13528
 
13517
- function instance$9($$self, $$props, $$invalidate) {
13529
+ function instance$b($$self, $$props, $$invalidate) {
13518
13530
  let { color } = $$props;
13519
13531
 
13520
13532
  $$self.$$set = $$props => {
@@ -13527,13 +13539,13 @@ function instance$9($$self, $$props, $$invalidate) {
13527
13539
  class IconGift extends SvelteComponent {
13528
13540
  constructor(options) {
13529
13541
  super();
13530
- init(this, options, instance$9, create_fragment$9, safe_not_equal, { color: 0 });
13542
+ init(this, options, instance$b, create_fragment$b, safe_not_equal, { color: 0 });
13531
13543
  }
13532
13544
  }
13533
13545
 
13534
13546
  /* src/components-v2/icon/variants/IconPaperclip.svelte generated by Svelte v3.53.1 */
13535
13547
 
13536
- function create_fragment$8(ctx) {
13548
+ function create_fragment$a(ctx) {
13537
13549
  let svg;
13538
13550
  let path;
13539
13551
 
@@ -13582,7 +13594,7 @@ function create_fragment$8(ctx) {
13582
13594
  };
13583
13595
  }
13584
13596
 
13585
- function instance$8($$self, $$props, $$invalidate) {
13597
+ function instance$a($$self, $$props, $$invalidate) {
13586
13598
  let { color } = $$props;
13587
13599
 
13588
13600
  $$self.$$set = $$props => {
@@ -13595,13 +13607,13 @@ function instance$8($$self, $$props, $$invalidate) {
13595
13607
  class IconPaperclip extends SvelteComponent {
13596
13608
  constructor(options) {
13597
13609
  super();
13598
- init(this, options, instance$8, create_fragment$8, safe_not_equal, { color: 0 });
13610
+ init(this, options, instance$a, create_fragment$a, safe_not_equal, { color: 0 });
13599
13611
  }
13600
13612
  }
13601
13613
 
13602
13614
  /* src/components-v2/icon/variants/IconFire.svelte generated by Svelte v3.53.1 */
13603
13615
 
13604
- function create_fragment$7(ctx) {
13616
+ function create_fragment$9(ctx) {
13605
13617
  let svg;
13606
13618
  let path;
13607
13619
 
@@ -13650,7 +13662,7 @@ function create_fragment$7(ctx) {
13650
13662
  };
13651
13663
  }
13652
13664
 
13653
- function instance$7($$self, $$props, $$invalidate) {
13665
+ function instance$9($$self, $$props, $$invalidate) {
13654
13666
  let { color } = $$props;
13655
13667
 
13656
13668
  $$self.$$set = $$props => {
@@ -13663,13 +13675,13 @@ function instance$7($$self, $$props, $$invalidate) {
13663
13675
  class IconFire extends SvelteComponent {
13664
13676
  constructor(options) {
13665
13677
  super();
13666
- init(this, options, instance$7, create_fragment$7, safe_not_equal, { color: 0 });
13678
+ init(this, options, instance$9, create_fragment$9, safe_not_equal, { color: 0 });
13667
13679
  }
13668
13680
  }
13669
13681
 
13670
13682
  /* src/components-v2/icon/variants/IconLink.svelte generated by Svelte v3.53.1 */
13671
13683
 
13672
- function create_fragment$6(ctx) {
13684
+ function create_fragment$8(ctx) {
13673
13685
  let svg;
13674
13686
  let path;
13675
13687
 
@@ -13718,7 +13730,7 @@ function create_fragment$6(ctx) {
13718
13730
  };
13719
13731
  }
13720
13732
 
13721
- function instance$6($$self, $$props, $$invalidate) {
13733
+ function instance$8($$self, $$props, $$invalidate) {
13722
13734
  let { color } = $$props;
13723
13735
 
13724
13736
  $$self.$$set = $$props => {
@@ -13731,7 +13743,7 @@ function instance$6($$self, $$props, $$invalidate) {
13731
13743
  class IconLink extends SvelteComponent {
13732
13744
  constructor(options) {
13733
13745
  super();
13734
- init(this, options, instance$6, create_fragment$6, safe_not_equal, { color: 0 });
13746
+ init(this, options, instance$8, create_fragment$8, safe_not_equal, { color: 0 });
13735
13747
  }
13736
13748
  }
13737
13749
 
@@ -13819,16 +13831,16 @@ const ICON_PARAMS = [
13819
13831
 
13820
13832
  /* src/components-v2/icon/Icon.svelte generated by Svelte v3.53.1 */
13821
13833
 
13822
- function add_css$5(target) {
13834
+ function add_css$7(target) {
13823
13835
  append_styles(target, "svelte-1mx2edd", ".icon.svelte-1mx2edd{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
13824
13836
  }
13825
13837
 
13826
- // (14:0) {#if (IconComponent)}
13827
- function create_if_block$1(ctx) {
13838
+ // (15:0) {#if (IconComponent)}
13839
+ function create_if_block$3(ctx) {
13828
13840
  let div;
13829
13841
  let switch_instance;
13830
13842
  let current;
13831
- var switch_value = /*IconComponent*/ ctx[1];
13843
+ var switch_value = /*IconComponent*/ ctx[2];
13832
13844
 
13833
13845
  function switch_props(ctx) {
13834
13846
  return {
@@ -13847,15 +13859,21 @@ function create_if_block$1(ctx) {
13847
13859
  this.h();
13848
13860
  },
13849
13861
  l(nodes) {
13850
- div = claim_element(nodes, "DIV", { class: true, style: true });
13862
+ div = claim_element(nodes, "DIV", {
13863
+ "data-layer-id": true,
13864
+ class: true,
13865
+ style: true
13866
+ });
13867
+
13851
13868
  var div_nodes = children(div);
13852
13869
  if (switch_instance) claim_component(switch_instance.$$.fragment, div_nodes);
13853
13870
  div_nodes.forEach(detach);
13854
13871
  this.h();
13855
13872
  },
13856
13873
  h() {
13874
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
13857
13875
  attr(div, "class", "icon svelte-1mx2edd");
13858
- attr(div, "style", /*style*/ ctx[2]);
13876
+ attr(div, "style", /*style*/ ctx[3]);
13859
13877
  },
13860
13878
  m(target, anchor) {
13861
13879
  insert_hydration(target, div, anchor);
@@ -13866,7 +13884,7 @@ function create_if_block$1(ctx) {
13866
13884
  const switch_instance_changes = {};
13867
13885
  if (dirty & /*props*/ 1) switch_instance_changes.color = /*props*/ ctx[0].color ?? '#333';
13868
13886
 
13869
- if (switch_value !== (switch_value = /*IconComponent*/ ctx[1])) {
13887
+ if (switch_value !== (switch_value = /*IconComponent*/ ctx[2])) {
13870
13888
  if (switch_instance) {
13871
13889
  group_outros();
13872
13890
  const old_component = switch_instance;
@@ -13890,8 +13908,12 @@ function create_if_block$1(ctx) {
13890
13908
  switch_instance.$set(switch_instance_changes);
13891
13909
  }
13892
13910
 
13893
- if (!current || dirty & /*style*/ 4) {
13894
- attr(div, "style", /*style*/ ctx[2]);
13911
+ if (!current || dirty & /*layerId*/ 2) {
13912
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
13913
+ }
13914
+
13915
+ if (!current || dirty & /*style*/ 8) {
13916
+ attr(div, "style", /*style*/ ctx[3]);
13895
13917
  }
13896
13918
  },
13897
13919
  i(local) {
@@ -13910,10 +13932,10 @@ function create_if_block$1(ctx) {
13910
13932
  };
13911
13933
  }
13912
13934
 
13913
- function create_fragment$5(ctx) {
13935
+ function create_fragment$7(ctx) {
13914
13936
  let if_block_anchor;
13915
13937
  let current;
13916
- let if_block = /*IconComponent*/ ctx[1] && create_if_block$1(ctx);
13938
+ let if_block = /*IconComponent*/ ctx[2] && create_if_block$3(ctx);
13917
13939
 
13918
13940
  return {
13919
13941
  c() {
@@ -13930,15 +13952,15 @@ function create_fragment$5(ctx) {
13930
13952
  current = true;
13931
13953
  },
13932
13954
  p(ctx, [dirty]) {
13933
- if (/*IconComponent*/ ctx[1]) {
13955
+ if (/*IconComponent*/ ctx[2]) {
13934
13956
  if (if_block) {
13935
13957
  if_block.p(ctx, dirty);
13936
13958
 
13937
- if (dirty & /*IconComponent*/ 2) {
13959
+ if (dirty & /*IconComponent*/ 4) {
13938
13960
  transition_in(if_block, 1);
13939
13961
  }
13940
13962
  } else {
13941
- if_block = create_if_block$1(ctx);
13963
+ if_block = create_if_block$3(ctx);
13942
13964
  if_block.c();
13943
13965
  transition_in(if_block, 1);
13944
13966
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -13969,18 +13991,20 @@ function create_fragment$5(ctx) {
13969
13991
  };
13970
13992
  }
13971
13993
 
13972
- function instance$5($$self, $$props, $$invalidate) {
13994
+ function instance$7($$self, $$props, $$invalidate) {
13973
13995
  let style;
13974
13996
  let IconComponent;
13975
13997
  let { props = {} } = $$props;
13998
+ let { layerId = '' } = $$props;
13976
13999
 
13977
14000
  $$self.$$set = $$props => {
13978
14001
  if ('props' in $$props) $$invalidate(0, props = $$props.props);
14002
+ if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
13979
14003
  };
13980
14004
 
13981
14005
  $$self.$$.update = () => {
13982
14006
  if ($$self.$$.dirty & /*props*/ 1) {
13983
- $$invalidate(2, style = objToStyle({
14007
+ $$invalidate(3, style = objToStyle({
13984
14008
  minWidth: props.size,
13985
14009
  width: props.size,
13986
14010
  height: props.size,
@@ -13989,28 +14013,28 @@ function instance$5($$self, $$props, $$invalidate) {
13989
14013
  }
13990
14014
 
13991
14015
  if ($$self.$$.dirty & /*props*/ 1) {
13992
- $$invalidate(1, IconComponent = ICON_VARIANTS[props.variant] ?? undefined);
14016
+ $$invalidate(2, IconComponent = ICON_VARIANTS[props.variant] ?? undefined);
13993
14017
  }
13994
14018
  };
13995
14019
 
13996
- return [props, IconComponent, style];
14020
+ return [props, layerId, IconComponent, style];
13997
14021
  }
13998
14022
 
13999
14023
  class Icon extends SvelteComponent {
14000
14024
  constructor(options) {
14001
14025
  super();
14002
- init(this, options, instance$5, create_fragment$5, safe_not_equal, { props: 0 }, add_css$5);
14026
+ init(this, options, instance$7, create_fragment$7, safe_not_equal, { props: 0, layerId: 1 }, add_css$7);
14003
14027
  }
14004
14028
  }
14005
14029
 
14006
14030
  /* src/components-v2/button/Button.svelte generated by Svelte v3.53.1 */
14007
14031
 
14008
- function add_css$4(target) {
14032
+ function add_css$6(target) {
14009
14033
  append_styles(target, "svelte-kz1c6t", ".v2-button.svelte-kz1c6t{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.v2-button-icon.svelte-kz1c6t{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
14010
14034
  }
14011
14035
 
14012
- // (126:2) {#if (props.isIcon && props.iconVariant)}
14013
- function create_if_block(ctx) {
14036
+ // (127:2) {#if (props.isIcon && props.iconVariant)}
14037
+ function create_if_block$2(ctx) {
14014
14038
  let div;
14015
14039
  let icon;
14016
14040
  let current;
@@ -14020,7 +14044,7 @@ function create_if_block(ctx) {
14020
14044
  props: {
14021
14045
  variant: /*props*/ ctx[0].iconVariant,
14022
14046
  size: '1em',
14023
- color: /*VARIANTS*/ ctx[2].color[/*props*/ ctx[0].color ?? 'default'].color
14047
+ color: /*VARIANTS*/ ctx[3].color[/*props*/ ctx[0].color ?? 'default'].color
14024
14048
  }
14025
14049
  }
14026
14050
  });
@@ -14052,7 +14076,7 @@ function create_if_block(ctx) {
14052
14076
  if (dirty & /*props*/ 1) icon_changes.props = {
14053
14077
  variant: /*props*/ ctx[0].iconVariant,
14054
14078
  size: '1em',
14055
- color: /*VARIANTS*/ ctx[2].color[/*props*/ ctx[0].color ?? 'default'].color
14079
+ color: /*VARIANTS*/ ctx[3].color[/*props*/ ctx[0].color ?? 'default'].color
14056
14080
  };
14057
14081
 
14058
14082
  icon.$set(icon_changes);
@@ -14073,7 +14097,7 @@ function create_if_block(ctx) {
14073
14097
  };
14074
14098
  }
14075
14099
 
14076
- function create_fragment$4(ctx) {
14100
+ function create_fragment$6(ctx) {
14077
14101
  let button;
14078
14102
  let t0;
14079
14103
  let span;
@@ -14082,7 +14106,7 @@ function create_fragment$4(ctx) {
14082
14106
  let current;
14083
14107
  let mounted;
14084
14108
  let dispose;
14085
- let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block(ctx);
14109
+ let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block$2(ctx);
14086
14110
 
14087
14111
  return {
14088
14112
  c() {
@@ -14094,7 +14118,12 @@ function create_fragment$4(ctx) {
14094
14118
  this.h();
14095
14119
  },
14096
14120
  l(nodes) {
14097
- button = claim_element(nodes, "BUTTON", { style: true, class: true });
14121
+ button = claim_element(nodes, "BUTTON", {
14122
+ "data-layer-id": true,
14123
+ style: true,
14124
+ class: true
14125
+ });
14126
+
14098
14127
  var button_nodes = children(button);
14099
14128
  if (if_block) if_block.l(button_nodes);
14100
14129
  t0 = claim_space(button_nodes);
@@ -14106,7 +14135,8 @@ function create_fragment$4(ctx) {
14106
14135
  this.h();
14107
14136
  },
14108
14137
  h() {
14109
- attr(button, "style", /*style*/ ctx[1]);
14138
+ attr(button, "data-layer-id", /*layerId*/ ctx[1]);
14139
+ attr(button, "style", /*style*/ ctx[2]);
14110
14140
  attr(button, "class", "v2-button svelte-kz1c6t");
14111
14141
  },
14112
14142
  m(target, anchor) {
@@ -14118,7 +14148,7 @@ function create_fragment$4(ctx) {
14118
14148
  current = true;
14119
14149
 
14120
14150
  if (!mounted) {
14121
- dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[3]));
14151
+ dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[4]));
14122
14152
  mounted = true;
14123
14153
  }
14124
14154
  },
@@ -14131,7 +14161,7 @@ function create_fragment$4(ctx) {
14131
14161
  transition_in(if_block, 1);
14132
14162
  }
14133
14163
  } else {
14134
- if_block = create_if_block(ctx);
14164
+ if_block = create_if_block$2(ctx);
14135
14165
  if_block.c();
14136
14166
  transition_in(if_block, 1);
14137
14167
  if_block.m(button, t0);
@@ -14148,8 +14178,12 @@ function create_fragment$4(ctx) {
14148
14178
 
14149
14179
  if ((!current || dirty & /*props*/ 1) && t1_value !== (t1_value = /*props*/ ctx[0].label + "")) set_data(t1, t1_value);
14150
14180
 
14151
- if (!current || dirty & /*style*/ 2) {
14152
- attr(button, "style", /*style*/ ctx[1]);
14181
+ if (!current || dirty & /*layerId*/ 2) {
14182
+ attr(button, "data-layer-id", /*layerId*/ ctx[1]);
14183
+ }
14184
+
14185
+ if (!current || dirty & /*style*/ 4) {
14186
+ attr(button, "style", /*style*/ ctx[2]);
14153
14187
  }
14154
14188
  },
14155
14189
  i(local) {
@@ -14170,12 +14204,13 @@ function create_fragment$4(ctx) {
14170
14204
  };
14171
14205
  }
14172
14206
 
14173
- function instance$4($$self, $$props, $$invalidate) {
14207
+ function instance$6($$self, $$props, $$invalidate) {
14174
14208
  let style;
14175
14209
  let { onClick = { operation: 'none', args: [] } } = $$props;
14176
14210
  let { eventName = '' } = $$props;
14177
14211
  let { eventValue = undefined } = $$props;
14178
14212
  let { props = {} } = $$props;
14213
+ let { layerId = '' } = $$props;
14179
14214
 
14180
14215
  const VARIANTS = {
14181
14216
  size: {
@@ -14265,15 +14300,16 @@ function instance$4($$self, $$props, $$invalidate) {
14265
14300
  }
14266
14301
 
14267
14302
  $$self.$$set = $$props => {
14268
- if ('onClick' in $$props) $$invalidate(4, onClick = $$props.onClick);
14269
- if ('eventName' in $$props) $$invalidate(5, eventName = $$props.eventName);
14270
- if ('eventValue' in $$props) $$invalidate(6, eventValue = $$props.eventValue);
14303
+ if ('onClick' in $$props) $$invalidate(5, onClick = $$props.onClick);
14304
+ if ('eventName' in $$props) $$invalidate(6, eventName = $$props.eventName);
14305
+ if ('eventValue' in $$props) $$invalidate(7, eventValue = $$props.eventValue);
14271
14306
  if ('props' in $$props) $$invalidate(0, props = $$props.props);
14307
+ if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
14272
14308
  };
14273
14309
 
14274
14310
  $$self.$$.update = () => {
14275
14311
  if ($$self.$$.dirty & /*props*/ 1) {
14276
- $$invalidate(1, style = objToStyle({
14312
+ $$invalidate(2, style = objToStyle({
14277
14313
  display: 'inline-flex',
14278
14314
  gap: '0.65em',
14279
14315
  alignItems: 'center',
@@ -14294,7 +14330,7 @@ function instance$4($$self, $$props, $$invalidate) {
14294
14330
  }
14295
14331
  };
14296
14332
 
14297
- return [props, style, VARIANTS, handleClick, onClick, eventName, eventValue];
14333
+ return [props, layerId, style, VARIANTS, handleClick, onClick, eventName, eventValue];
14298
14334
  }
14299
14335
 
14300
14336
  class Button extends SvelteComponent {
@@ -14304,16 +14340,17 @@ class Button extends SvelteComponent {
14304
14340
  init(
14305
14341
  this,
14306
14342
  options,
14307
- instance$4,
14308
- create_fragment$4,
14343
+ instance$6,
14344
+ create_fragment$6,
14309
14345
  safe_not_equal,
14310
14346
  {
14311
- onClick: 4,
14312
- eventName: 5,
14313
- eventValue: 6,
14314
- props: 0
14347
+ onClick: 5,
14348
+ eventName: 6,
14349
+ eventValue: 7,
14350
+ props: 0,
14351
+ layerId: 1
14315
14352
  },
14316
- add_css$4
14353
+ add_css$6
14317
14354
  );
14318
14355
  }
14319
14356
  }
@@ -14347,11 +14384,11 @@ const BUTTON_ICON_ANGLE = {
14347
14384
 
14348
14385
  /* src/components-v2/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
14349
14386
 
14350
- function add_css$3(target) {
14387
+ function add_css$5(target) {
14351
14388
  append_styles(target, "svelte-1dgpo5m", ".close-button.svelte-1dgpo5m{display:inline-flex;align-items:center;justify-content:center;border-radius:100%;background:none;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}");
14352
14389
  }
14353
14390
 
14354
- function create_fragment$3(ctx) {
14391
+ function create_fragment$5(ctx) {
14355
14392
  let button;
14356
14393
  let svg;
14357
14394
  let path;
@@ -14364,7 +14401,12 @@ function create_fragment$3(ctx) {
14364
14401
  this.h();
14365
14402
  },
14366
14403
  l(nodes) {
14367
- button = claim_element(nodes, "BUTTON", { class: true, style: true });
14404
+ button = claim_element(nodes, "BUTTON", {
14405
+ "data-layer-id": true,
14406
+ class: true,
14407
+ style: true
14408
+ });
14409
+
14368
14410
  var button_nodes = children(button);
14369
14411
 
14370
14412
  svg = claim_svg_element(button_nodes, "svg", {
@@ -14388,8 +14430,9 @@ function create_fragment$3(ctx) {
14388
14430
  set_style(svg, "height", "75%");
14389
14431
  attr(svg, "viewBox", "0 0 50 50");
14390
14432
  attr(svg, "fill", "#666666");
14433
+ attr(button, "data-layer-id", /*layerId*/ ctx[0]);
14391
14434
  attr(button, "class", "close-button svelte-1dgpo5m");
14392
- attr(button, "style", /*style*/ ctx[0]);
14435
+ attr(button, "style", /*style*/ ctx[1]);
14393
14436
  },
14394
14437
  m(target, anchor) {
14395
14438
  insert_hydration(target, button, anchor);
@@ -14397,8 +14440,12 @@ function create_fragment$3(ctx) {
14397
14440
  append_hydration(svg, path);
14398
14441
  },
14399
14442
  p(ctx, [dirty]) {
14400
- if (dirty & /*style*/ 1) {
14401
- attr(button, "style", /*style*/ ctx[0]);
14443
+ if (dirty & /*layerId*/ 1) {
14444
+ attr(button, "data-layer-id", /*layerId*/ ctx[0]);
14445
+ }
14446
+
14447
+ if (dirty & /*style*/ 2) {
14448
+ attr(button, "style", /*style*/ ctx[1]);
14402
14449
  }
14403
14450
  },
14404
14451
  i: noop,
@@ -14409,18 +14456,20 @@ function create_fragment$3(ctx) {
14409
14456
  };
14410
14457
  }
14411
14458
 
14412
- function instance$3($$self, $$props, $$invalidate) {
14459
+ function instance$5($$self, $$props, $$invalidate) {
14413
14460
  let style;
14414
14461
  let { props = {} } = $$props;
14462
+ let { layerId = '' } = $$props;
14415
14463
  const size = props.size ?? 24;
14416
14464
 
14417
14465
  $$self.$$set = $$props => {
14418
- if ('props' in $$props) $$invalidate(1, props = $$props.props);
14466
+ if ('props' in $$props) $$invalidate(2, props = $$props.props);
14467
+ if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
14419
14468
  };
14420
14469
 
14421
14470
  $$self.$$.update = () => {
14422
- if ($$self.$$.dirty & /*props*/ 2) {
14423
- $$invalidate(0, style = objToStyle({
14471
+ if ($$self.$$.dirty & /*props*/ 4) {
14472
+ $$invalidate(1, style = objToStyle({
14424
14473
  width: `${size}px`,
14425
14474
  height: `${size}px`,
14426
14475
  ...props.bordered && { border: '1px solid #666' },
@@ -14429,23 +14478,23 @@ function instance$3($$self, $$props, $$invalidate) {
14429
14478
  }
14430
14479
  };
14431
14480
 
14432
- return [style, props];
14481
+ return [layerId, style, props];
14433
14482
  }
14434
14483
 
14435
14484
  class CloseButton extends SvelteComponent {
14436
14485
  constructor(options) {
14437
14486
  super();
14438
- init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 1 }, add_css$3);
14487
+ init(this, options, instance$5, create_fragment$5, safe_not_equal, { props: 2, layerId: 0 }, add_css$5);
14439
14488
  }
14440
14489
  }
14441
14490
 
14442
14491
  /* src/components-v2/image/Image.svelte generated by Svelte v3.53.1 */
14443
14492
 
14444
- function add_css$2(target) {
14493
+ function add_css$4(target) {
14445
14494
  append_styles(target, "svelte-vojroc", ".image.svelte-vojroc{display:flex;max-width:100%;align-items:center;justify-content:center;overflow:hidden}.image-object.svelte-vojroc{width:100%;overflow:hidden}.image-img.svelte-vojroc{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none}");
14446
14495
  }
14447
14496
 
14448
- function create_fragment$2(ctx) {
14497
+ function create_fragment$4(ctx) {
14449
14498
  let div;
14450
14499
  let object;
14451
14500
  let img;
@@ -14460,7 +14509,12 @@ function create_fragment$2(ctx) {
14460
14509
  this.h();
14461
14510
  },
14462
14511
  l(nodes) {
14463
- div = claim_element(nodes, "DIV", { class: true, style: true });
14512
+ div = claim_element(nodes, "DIV", {
14513
+ "data-layer-id": true,
14514
+ class: true,
14515
+ style: true
14516
+ });
14517
+
14464
14518
  var div_nodes = children(div);
14465
14519
  object = claim_element(div_nodes, "OBJECT", { style: true, class: true });
14466
14520
  var object_nodes = children(object);
@@ -14473,10 +14527,11 @@ function create_fragment$2(ctx) {
14473
14527
  if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
14474
14528
  attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
14475
14529
  attr(img, "class", "image-img svelte-vojroc");
14476
- attr(object, "style", /*objectStyle*/ ctx[1]);
14530
+ attr(object, "style", /*objectStyle*/ ctx[2]);
14477
14531
  attr(object, "class", "image-object svelte-vojroc");
14532
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
14478
14533
  attr(div, "class", "image svelte-vojroc");
14479
- attr(div, "style", /*style*/ ctx[2]);
14534
+ attr(div, "style", /*style*/ ctx[3]);
14480
14535
  },
14481
14536
  m(target, anchor) {
14482
14537
  insert_hydration(target, div, anchor);
@@ -14492,12 +14547,16 @@ function create_fragment$2(ctx) {
14492
14547
  attr(img, "alt", img_alt_value);
14493
14548
  }
14494
14549
 
14495
- if (dirty & /*objectStyle*/ 2) {
14496
- attr(object, "style", /*objectStyle*/ ctx[1]);
14550
+ if (dirty & /*objectStyle*/ 4) {
14551
+ attr(object, "style", /*objectStyle*/ ctx[2]);
14552
+ }
14553
+
14554
+ if (dirty & /*layerId*/ 2) {
14555
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
14497
14556
  }
14498
14557
 
14499
- if (dirty & /*style*/ 4) {
14500
- attr(div, "style", /*style*/ ctx[2]);
14558
+ if (dirty & /*style*/ 8) {
14559
+ attr(div, "style", /*style*/ ctx[3]);
14501
14560
  }
14502
14561
  },
14503
14562
  i: noop,
@@ -14508,49 +14567,51 @@ function create_fragment$2(ctx) {
14508
14567
  };
14509
14568
  }
14510
14569
 
14511
- function instance$2($$self, $$props, $$invalidate) {
14570
+ function instance$4($$self, $$props, $$invalidate) {
14512
14571
  let style;
14513
14572
  let objectStyle;
14514
14573
  let { props = {} } = $$props;
14574
+ let { layerId = '' } = $$props;
14515
14575
 
14516
14576
  $$self.$$set = $$props => {
14517
14577
  if ('props' in $$props) $$invalidate(0, props = $$props.props);
14578
+ if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
14518
14579
  };
14519
14580
 
14520
14581
  $$self.$$.update = () => {
14521
14582
  if ($$self.$$.dirty & /*props*/ 1) {
14522
- $$invalidate(2, style = objToStyle({
14583
+ $$invalidate(3, style = objToStyle({
14523
14584
  width: props.width ?? '100%',
14524
14585
  ...toCssCommon(props)
14525
14586
  }));
14526
14587
  }
14527
14588
 
14528
14589
  if ($$self.$$.dirty & /*props*/ 1) {
14529
- $$invalidate(1, objectStyle = objToStyle({ aspectRatio: props.aspect }));
14590
+ $$invalidate(2, objectStyle = objToStyle({ aspectRatio: props.aspect }));
14530
14591
  }
14531
14592
  };
14532
14593
 
14533
- return [props, objectStyle, style];
14594
+ return [props, layerId, objectStyle, style];
14534
14595
  }
14535
14596
 
14536
14597
  class Image extends SvelteComponent {
14537
14598
  constructor(options) {
14538
14599
  super();
14539
- init(this, options, instance$2, create_fragment$2, safe_not_equal, { props: 0 }, add_css$2);
14600
+ init(this, options, instance$4, create_fragment$4, safe_not_equal, { props: 0, layerId: 1 }, add_css$4);
14540
14601
  }
14541
14602
  }
14542
14603
 
14543
14604
  /* src/components-v2/layout/Layout.svelte generated by Svelte v3.53.1 */
14544
14605
 
14545
- function add_css$1(target) {
14606
+ function add_css$3(target) {
14546
14607
  append_styles(target, "svelte-1g6q4hu", ".layout.svelte-1g6q4hu{margin:0}");
14547
14608
  }
14548
14609
 
14549
- function create_fragment$1(ctx) {
14610
+ function create_fragment$3(ctx) {
14550
14611
  let div;
14551
14612
  let current;
14552
- const default_slot_template = /*#slots*/ ctx[3].default;
14553
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[2], null);
14613
+ const default_slot_template = /*#slots*/ ctx[4].default;
14614
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[3], null);
14554
14615
 
14555
14616
  return {
14556
14617
  c() {
@@ -14559,15 +14620,21 @@ function create_fragment$1(ctx) {
14559
14620
  this.h();
14560
14621
  },
14561
14622
  l(nodes) {
14562
- div = claim_element(nodes, "DIV", { class: true, style: true });
14623
+ div = claim_element(nodes, "DIV", {
14624
+ "data-layer-id": true,
14625
+ class: true,
14626
+ style: true
14627
+ });
14628
+
14563
14629
  var div_nodes = children(div);
14564
14630
  if (default_slot) default_slot.l(div_nodes);
14565
14631
  div_nodes.forEach(detach);
14566
14632
  this.h();
14567
14633
  },
14568
14634
  h() {
14635
+ attr(div, "data-layer-id", /*layerId*/ ctx[0]);
14569
14636
  attr(div, "class", "layout svelte-1g6q4hu");
14570
- attr(div, "style", /*style*/ ctx[0]);
14637
+ attr(div, "style", /*style*/ ctx[1]);
14571
14638
  },
14572
14639
  m(target, anchor) {
14573
14640
  insert_hydration(target, div, anchor);
@@ -14580,22 +14647,26 @@ function create_fragment$1(ctx) {
14580
14647
  },
14581
14648
  p(ctx, [dirty]) {
14582
14649
  if (default_slot) {
14583
- if (default_slot.p && (!current || dirty & /*$$scope*/ 4)) {
14650
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 8)) {
14584
14651
  update_slot_base(
14585
14652
  default_slot,
14586
14653
  default_slot_template,
14587
14654
  ctx,
14588
- /*$$scope*/ ctx[2],
14655
+ /*$$scope*/ ctx[3],
14589
14656
  !current
14590
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[2])
14591
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[2], dirty, null),
14657
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[3])
14658
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[3], dirty, null),
14592
14659
  null
14593
14660
  );
14594
14661
  }
14595
14662
  }
14596
14663
 
14597
- if (!current || dirty & /*style*/ 1) {
14598
- attr(div, "style", /*style*/ ctx[0]);
14664
+ if (!current || dirty & /*layerId*/ 1) {
14665
+ attr(div, "data-layer-id", /*layerId*/ ctx[0]);
14666
+ }
14667
+
14668
+ if (!current || dirty & /*style*/ 2) {
14669
+ attr(div, "style", /*style*/ ctx[1]);
14599
14670
  }
14600
14671
  },
14601
14672
  i(local) {
@@ -14614,19 +14685,21 @@ function create_fragment$1(ctx) {
14614
14685
  };
14615
14686
  }
14616
14687
 
14617
- function instance$1($$self, $$props, $$invalidate) {
14688
+ function instance$3($$self, $$props, $$invalidate) {
14618
14689
  let style;
14619
14690
  let { $$slots: slots = {}, $$scope } = $$props;
14620
14691
  let { props = {} } = $$props;
14692
+ let { layerId = '' } = $$props;
14621
14693
 
14622
14694
  $$self.$$set = $$props => {
14623
- if ('props' in $$props) $$invalidate(1, props = $$props.props);
14624
- if ('$$scope' in $$props) $$invalidate(2, $$scope = $$props.$$scope);
14695
+ if ('props' in $$props) $$invalidate(2, props = $$props.props);
14696
+ if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
14697
+ if ('$$scope' in $$props) $$invalidate(3, $$scope = $$props.$$scope);
14625
14698
  };
14626
14699
 
14627
14700
  $$self.$$.update = () => {
14628
- if ($$self.$$.dirty & /*props*/ 2) {
14629
- $$invalidate(0, style = objToStyle({
14701
+ if ($$self.$$.dirty & /*props*/ 4) {
14702
+ $$invalidate(1, style = objToStyle({
14630
14703
  display: props.display ?? 'flex',
14631
14704
  flexDirection: props.direction,
14632
14705
  alignItems: props.align,
@@ -14645,13 +14718,13 @@ function instance$1($$self, $$props, $$invalidate) {
14645
14718
  }
14646
14719
  };
14647
14720
 
14648
- return [style, props, $$scope, slots];
14721
+ return [layerId, style, props, $$scope, slots];
14649
14722
  }
14650
14723
 
14651
14724
  class Layout extends SvelteComponent {
14652
14725
  constructor(options) {
14653
14726
  super();
14654
- init(this, options, instance$1, create_fragment$1, safe_not_equal, { props: 1 }, add_css$1);
14727
+ init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 2, layerId: 0 }, add_css$3);
14655
14728
  }
14656
14729
  }
14657
14730
 
@@ -14662,11 +14735,11 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
14662
14735
 
14663
14736
  /* src/components-v2/text/Text.svelte generated by Svelte v3.53.1 */
14664
14737
 
14665
- function add_css(target) {
14738
+ function add_css$2(target) {
14666
14739
  append_styles(target, "svelte-1vl0c87", ".text.svelte-1vl0c87{margin:0;word-break:break-all}");
14667
14740
  }
14668
14741
 
14669
- function create_fragment(ctx) {
14742
+ function create_fragment$2(ctx) {
14670
14743
  let p;
14671
14744
 
14672
14745
  return {
@@ -14675,23 +14748,33 @@ function create_fragment(ctx) {
14675
14748
  this.h();
14676
14749
  },
14677
14750
  l(nodes) {
14678
- p = claim_element(nodes, "P", { class: true, style: true });
14751
+ p = claim_element(nodes, "P", {
14752
+ "data-layer-id": true,
14753
+ class: true,
14754
+ style: true
14755
+ });
14756
+
14679
14757
  var p_nodes = children(p);
14680
14758
  p_nodes.forEach(detach);
14681
14759
  this.h();
14682
14760
  },
14683
14761
  h() {
14762
+ attr(p, "data-layer-id", /*layerId*/ ctx[0]);
14684
14763
  attr(p, "class", "text svelte-1vl0c87");
14685
- attr(p, "style", /*style*/ ctx[0]);
14764
+ attr(p, "style", /*style*/ ctx[1]);
14686
14765
  },
14687
14766
  m(target, anchor) {
14688
14767
  insert_hydration(target, p, anchor);
14689
- p.innerHTML = /*escapedHTML*/ ctx[1];
14768
+ p.innerHTML = /*escapedHTML*/ ctx[2];
14690
14769
  },
14691
14770
  p(ctx, [dirty]) {
14692
- if (dirty & /*escapedHTML*/ 2) p.innerHTML = /*escapedHTML*/ ctx[1];
14693
- if (dirty & /*style*/ 1) {
14694
- attr(p, "style", /*style*/ ctx[0]);
14771
+ if (dirty & /*escapedHTML*/ 4) p.innerHTML = /*escapedHTML*/ ctx[2];
14772
+ if (dirty & /*layerId*/ 1) {
14773
+ attr(p, "data-layer-id", /*layerId*/ ctx[0]);
14774
+ }
14775
+
14776
+ if (dirty & /*style*/ 2) {
14777
+ attr(p, "style", /*style*/ ctx[1]);
14695
14778
  }
14696
14779
  },
14697
14780
  i: noop,
@@ -14702,22 +14785,24 @@ function create_fragment(ctx) {
14702
14785
  };
14703
14786
  }
14704
14787
 
14705
- function instance($$self, $$props, $$invalidate) {
14788
+ function instance$2($$self, $$props, $$invalidate) {
14706
14789
  let escapedHTML;
14707
14790
  let style;
14708
14791
  let { props = { content: '' } } = $$props;
14792
+ let { layerId = '' } = $$props;
14709
14793
 
14710
14794
  $$self.$$set = $$props => {
14711
- if ('props' in $$props) $$invalidate(2, props = $$props.props);
14795
+ if ('props' in $$props) $$invalidate(3, props = $$props.props);
14796
+ if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
14712
14797
  };
14713
14798
 
14714
14799
  $$self.$$.update = () => {
14715
- if ($$self.$$.dirty & /*props*/ 4) {
14716
- $$invalidate(1, escapedHTML = props.content.replace(/&/g, '&lt;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#x27;').replace(/\n/g, '<br />'));
14800
+ if ($$self.$$.dirty & /*props*/ 8) {
14801
+ $$invalidate(2, escapedHTML = props.content.replace(/&/g, '&lt;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#x27;').replace(/\n/g, '<br />'));
14717
14802
  }
14718
14803
 
14719
- if ($$self.$$.dirty & /*props*/ 4) {
14720
- $$invalidate(0, style = objToStyle({
14804
+ if ($$self.$$.dirty & /*props*/ 8) {
14805
+ $$invalidate(1, style = objToStyle({
14721
14806
  position: props?.position ?? 'static',
14722
14807
  fontWeight: props.fontWeight,
14723
14808
  fontSize: props.fontSize,
@@ -14733,17 +14818,880 @@ function instance($$self, $$props, $$invalidate) {
14733
14818
  }
14734
14819
  };
14735
14820
 
14736
- return [style, escapedHTML, props];
14821
+ return [layerId, style, escapedHTML, props];
14737
14822
  }
14738
14823
 
14739
14824
  class Text extends SvelteComponent {
14740
14825
  constructor(options) {
14741
14826
  super();
14742
- init(this, options, instance, create_fragment, safe_not_equal, { props: 2 }, add_css);
14827
+ init(this, options, instance$2, create_fragment$2, safe_not_equal, { props: 3, layerId: 0 }, add_css$2);
14743
14828
  }
14744
14829
  }
14745
14830
 
14746
14831
  const LAYER_TEXT_ALIGN_VALUES = ['center', 'left', 'right'];
14747
14832
  const LAYER_TEXT_FONT_WEIGHT_VALUES = ['bold', 'normal'];
14748
14833
 
14749
- export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_COLOR, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_SIZE, BackgroundSizes, Box, COMPONENT_PARAMETER_TYPES, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexDirections, FlexItem, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_PARAMS, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_ALIGN_VALUES, LAYER_TEXT_FONT_WEIGHT_VALUES, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, Avatar as V2Avatar, Button as V2Button, CloseButton as V2CloseButton, Icon as V2Icon, Image as V2Image, Layout as V2Layout, Text as V2Text, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };
14834
+ /* src/components-v2/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
14835
+
14836
+ function add_css$1(target) {
14837
+ append_styles(target, "svelte-18nkdjz", ".v2-background.svelte-18nkdjz{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
14838
+ }
14839
+
14840
+ // (14:0) {#if backgroundOverlay}
14841
+ function create_if_block$1(ctx) {
14842
+ let div;
14843
+ let div_class_value;
14844
+ let mounted;
14845
+ let dispose;
14846
+
14847
+ return {
14848
+ c() {
14849
+ div = element("div");
14850
+ this.h();
14851
+ },
14852
+ l(nodes) {
14853
+ div = claim_element(nodes, "DIV", { class: true });
14854
+ children(div).forEach(detach);
14855
+ this.h();
14856
+ },
14857
+ h() {
14858
+ attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
14859
+ },
14860
+ m(target, anchor) {
14861
+ insert_hydration(target, div, anchor);
14862
+
14863
+ if (!mounted) {
14864
+ dispose = listen(div, "click", /*click_handler*/ ctx[3]);
14865
+ mounted = true;
14866
+ }
14867
+ },
14868
+ p(ctx, dirty) {
14869
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
14870
+ attr(div, "class", div_class_value);
14871
+ }
14872
+ },
14873
+ d(detaching) {
14874
+ if (detaching) detach(div);
14875
+ mounted = false;
14876
+ dispose();
14877
+ }
14878
+ };
14879
+ }
14880
+
14881
+ function create_fragment$1(ctx) {
14882
+ let if_block_anchor;
14883
+ let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$1(ctx);
14884
+
14885
+ return {
14886
+ c() {
14887
+ if (if_block) if_block.c();
14888
+ if_block_anchor = empty();
14889
+ },
14890
+ l(nodes) {
14891
+ if (if_block) if_block.l(nodes);
14892
+ if_block_anchor = empty();
14893
+ },
14894
+ m(target, anchor) {
14895
+ if (if_block) if_block.m(target, anchor);
14896
+ insert_hydration(target, if_block_anchor, anchor);
14897
+ },
14898
+ p(ctx, [dirty]) {
14899
+ if (/*backgroundOverlay*/ ctx[0]) {
14900
+ if (if_block) {
14901
+ if_block.p(ctx, dirty);
14902
+ } else {
14903
+ if_block = create_if_block$1(ctx);
14904
+ if_block.c();
14905
+ if_block.m(if_block_anchor.parentNode, if_block_anchor);
14906
+ }
14907
+ } else if (if_block) {
14908
+ if_block.d(1);
14909
+ if_block = null;
14910
+ }
14911
+ },
14912
+ i: noop,
14913
+ o: noop,
14914
+ d(detaching) {
14915
+ if (if_block) if_block.d(detaching);
14916
+ if (detaching) detach(if_block_anchor);
14917
+ }
14918
+ };
14919
+ }
14920
+
14921
+ function instance$1($$self, $$props, $$invalidate) {
14922
+ let { backgroundOverlay = false } = $$props;
14923
+ let { class: className = undefined } = $$props;
14924
+ const dispatch = createEventDispatcher();
14925
+ const click_handler = () => dispatch('click');
14926
+
14927
+ $$self.$$set = $$props => {
14928
+ if ('backgroundOverlay' in $$props) $$invalidate(0, backgroundOverlay = $$props.backgroundOverlay);
14929
+ if ('class' in $$props) $$invalidate(1, className = $$props.class);
14930
+ };
14931
+
14932
+ return [backgroundOverlay, className, dispatch, click_handler];
14933
+ }
14934
+
14935
+ class BackgroundOverlay extends SvelteComponent {
14936
+ constructor(options) {
14937
+ super();
14938
+ init(this, options, instance$1, create_fragment$1, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$1);
14939
+ }
14940
+ }
14941
+
14942
+ /* src/components-v2/modal/Modal.svelte generated by Svelte v3.53.1 */
14943
+
14944
+ function add_css(target) {
14945
+ append_styles(target, "svelte-1fow8xp", ".v2-modal.svelte-1fow8xp{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.v2-modal.svelte-1fow8xp > .button{flex:auto;display:flex}.v2-close.svelte-1fow8xp{position:absolute;top:8px;right:8px}.v2-close.svelte-1fow8xp > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.v2-close.svelte-1fow8xp > .button:hover{transform:rotate(90deg)}@media screen and (min-width: 641px){.v2-modal-bp.svelte-1fow8xp{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.v2-background-bp-pc{display:block}.v2-background-bp-sp{display:none}}@media screen and (max-width: 640px){.v2-modal-bp.svelte-1fow8xp{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.v2-background-bp-pc{display:none}.v2-background-bp-sp{display:block}}");
14946
+ }
14947
+
14948
+ // (264:0) {:else}
14949
+ function create_else_block(ctx) {
14950
+ let backgroundoverlay;
14951
+ let current;
14952
+
14953
+ backgroundoverlay = new BackgroundOverlay({
14954
+ props: {
14955
+ backgroundOverlay: /*backgroundOverlay*/ ctx[4]
14956
+ }
14957
+ });
14958
+
14959
+ backgroundoverlay.$on("click", function () {
14960
+ if (is_function(/*backgroundClick*/ ctx[12])) /*backgroundClick*/ ctx[12].apply(this, arguments);
14961
+ });
14962
+
14963
+ return {
14964
+ c() {
14965
+ create_component(backgroundoverlay.$$.fragment);
14966
+ },
14967
+ l(nodes) {
14968
+ claim_component(backgroundoverlay.$$.fragment, nodes);
14969
+ },
14970
+ m(target, anchor) {
14971
+ mount_component(backgroundoverlay, target, anchor);
14972
+ current = true;
14973
+ },
14974
+ p(new_ctx, dirty) {
14975
+ ctx = new_ctx;
14976
+ const backgroundoverlay_changes = {};
14977
+ if (dirty[0] & /*backgroundOverlay*/ 16) backgroundoverlay_changes.backgroundOverlay = /*backgroundOverlay*/ ctx[4];
14978
+ backgroundoverlay.$set(backgroundoverlay_changes);
14979
+ },
14980
+ i(local) {
14981
+ if (current) return;
14982
+ transition_in(backgroundoverlay.$$.fragment, local);
14983
+ current = true;
14984
+ },
14985
+ o(local) {
14986
+ transition_out(backgroundoverlay.$$.fragment, local);
14987
+ current = false;
14988
+ },
14989
+ d(detaching) {
14990
+ destroy_component(backgroundoverlay, detaching);
14991
+ }
14992
+ };
14993
+ }
14994
+
14995
+ // (253:24)
14996
+ function create_if_block_3(ctx) {
14997
+ let backgroundoverlay0;
14998
+ let t;
14999
+ let backgroundoverlay1;
15000
+ let current;
15001
+
15002
+ backgroundoverlay0 = new BackgroundOverlay({
15003
+ props: {
15004
+ class: "v2-background-bp-pc",
15005
+ backgroundOverlay: /*backgroundOverlayPC*/ ctx[5]
15006
+ }
15007
+ });
15008
+
15009
+ backgroundoverlay0.$on("click", function () {
15010
+ if (is_function(/*backgroundClickPC*/ ctx[11])) /*backgroundClickPC*/ ctx[11].apply(this, arguments);
15011
+ });
15012
+
15013
+ backgroundoverlay1 = new BackgroundOverlay({
15014
+ props: {
15015
+ class: "v2-background-bp-sp ",
15016
+ backgroundOverlay: /*backgroundOverlaySP*/ ctx[6]
15017
+ }
15018
+ });
15019
+
15020
+ backgroundoverlay1.$on("click", function () {
15021
+ if (is_function(/*backgroundClickSP*/ ctx[10])) /*backgroundClickSP*/ ctx[10].apply(this, arguments);
15022
+ });
15023
+
15024
+ return {
15025
+ c() {
15026
+ create_component(backgroundoverlay0.$$.fragment);
15027
+ t = space();
15028
+ create_component(backgroundoverlay1.$$.fragment);
15029
+ },
15030
+ l(nodes) {
15031
+ claim_component(backgroundoverlay0.$$.fragment, nodes);
15032
+ t = claim_space(nodes);
15033
+ claim_component(backgroundoverlay1.$$.fragment, nodes);
15034
+ },
15035
+ m(target, anchor) {
15036
+ mount_component(backgroundoverlay0, target, anchor);
15037
+ insert_hydration(target, t, anchor);
15038
+ mount_component(backgroundoverlay1, target, anchor);
15039
+ current = true;
15040
+ },
15041
+ p(new_ctx, dirty) {
15042
+ ctx = new_ctx;
15043
+ const backgroundoverlay0_changes = {};
15044
+ if (dirty[0] & /*backgroundOverlayPC*/ 32) backgroundoverlay0_changes.backgroundOverlay = /*backgroundOverlayPC*/ ctx[5];
15045
+ backgroundoverlay0.$set(backgroundoverlay0_changes);
15046
+ const backgroundoverlay1_changes = {};
15047
+ if (dirty[0] & /*backgroundOverlaySP*/ 64) backgroundoverlay1_changes.backgroundOverlay = /*backgroundOverlaySP*/ ctx[6];
15048
+ backgroundoverlay1.$set(backgroundoverlay1_changes);
15049
+ },
15050
+ i(local) {
15051
+ if (current) return;
15052
+ transition_in(backgroundoverlay0.$$.fragment, local);
15053
+ transition_in(backgroundoverlay1.$$.fragment, local);
15054
+ current = true;
15055
+ },
15056
+ o(local) {
15057
+ transition_out(backgroundoverlay0.$$.fragment, local);
15058
+ transition_out(backgroundoverlay1.$$.fragment, local);
15059
+ current = false;
15060
+ },
15061
+ d(detaching) {
15062
+ destroy_component(backgroundoverlay0, detaching);
15063
+ if (detaching) detach(t);
15064
+ destroy_component(backgroundoverlay1, detaching);
15065
+ }
15066
+ };
15067
+ }
15068
+
15069
+ // (251:0) {#if isPreview()}
15070
+ function create_if_block_2(ctx) {
15071
+ return {
15072
+ c: noop,
15073
+ l: noop,
15074
+ m: noop,
15075
+ p: noop,
15076
+ i: noop,
15077
+ o: noop,
15078
+ d: noop
15079
+ };
15080
+ }
15081
+
15082
+ // (267:0) {#if visible}
15083
+ function create_if_block(ctx) {
15084
+ let div1;
15085
+ let t;
15086
+ let div0;
15087
+ let div1_class_value;
15088
+ let div1_intro;
15089
+ let current;
15090
+ let if_block = /*closable*/ ctx[13] && create_if_block_1(ctx);
15091
+ const default_slot_template = /*#slots*/ ctx[30].default;
15092
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[29], null);
15093
+
15094
+ return {
15095
+ c() {
15096
+ div1 = element("div");
15097
+ if (if_block) if_block.c();
15098
+ t = space();
15099
+ div0 = element("div");
15100
+ if (default_slot) default_slot.c();
15101
+ this.h();
15102
+ },
15103
+ l(nodes) {
15104
+ div1 = claim_element(nodes, "DIV", {
15105
+ class: true,
15106
+ role: true,
15107
+ "aria-modal": true,
15108
+ style: true
15109
+ });
15110
+
15111
+ var div1_nodes = children(div1);
15112
+ if (if_block) if_block.l(div1_nodes);
15113
+ t = claim_space(div1_nodes);
15114
+ div0 = claim_element(div1_nodes, "DIV", {});
15115
+ var div0_nodes = children(div0);
15116
+ if (default_slot) default_slot.l(div0_nodes);
15117
+ div0_nodes.forEach(detach);
15118
+ div1_nodes.forEach(detach);
15119
+ this.h();
15120
+ },
15121
+ h() {
15122
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(['v2-modal', /*useBreakPoint*/ ctx[0] ? 'v2-modal-bp' : ''].join(' ')) + " svelte-1fow8xp"));
15123
+ attr(div1, "role", "dialog");
15124
+ attr(div1, "aria-modal", "true");
15125
+ attr(div1, "style", Array.from(/*modalStyles*/ ctx[15]).join(';'));
15126
+ },
15127
+ m(target, anchor) {
15128
+ insert_hydration(target, div1, anchor);
15129
+ if (if_block) if_block.m(div1, null);
15130
+ append_hydration(div1, t);
15131
+ append_hydration(div1, div0);
15132
+
15133
+ if (default_slot) {
15134
+ default_slot.m(div0, null);
15135
+ }
15136
+
15137
+ /*div1_binding*/ ctx[31](div1);
15138
+ current = true;
15139
+ },
15140
+ p(new_ctx, dirty) {
15141
+ ctx = new_ctx;
15142
+
15143
+ if (/*closable*/ ctx[13]) {
15144
+ if (if_block) {
15145
+ if_block.p(ctx, dirty);
15146
+
15147
+ if (dirty[0] & /*closable*/ 8192) {
15148
+ transition_in(if_block, 1);
15149
+ }
15150
+ } else {
15151
+ if_block = create_if_block_1(ctx);
15152
+ if_block.c();
15153
+ transition_in(if_block, 1);
15154
+ if_block.m(div1, t);
15155
+ }
15156
+ } else if (if_block) {
15157
+ group_outros();
15158
+
15159
+ transition_out(if_block, 1, 1, () => {
15160
+ if_block = null;
15161
+ });
15162
+
15163
+ check_outros();
15164
+ }
15165
+
15166
+ if (default_slot) {
15167
+ if (default_slot.p && (!current || dirty[0] & /*$$scope*/ 536870912)) {
15168
+ update_slot_base(
15169
+ default_slot,
15170
+ default_slot_template,
15171
+ ctx,
15172
+ /*$$scope*/ ctx[29],
15173
+ !current
15174
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[29])
15175
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[29], dirty, null),
15176
+ null
15177
+ );
15178
+ }
15179
+ }
15180
+
15181
+ if (!current || dirty[0] & /*useBreakPoint*/ 1 && div1_class_value !== (div1_class_value = "" + (null_to_empty(['v2-modal', /*useBreakPoint*/ ctx[0] ? 'v2-modal-bp' : ''].join(' ')) + " svelte-1fow8xp"))) {
15182
+ attr(div1, "class", div1_class_value);
15183
+ }
15184
+ },
15185
+ i(local) {
15186
+ if (current) return;
15187
+ transition_in(if_block);
15188
+ transition_in(default_slot, local);
15189
+
15190
+ if (!div1_intro) {
15191
+ add_render_callback(() => {
15192
+ div1_intro = create_in_transition(div1, customAnimation, {
15193
+ transforms: /*transforms*/ ctx[3],
15194
+ animationStyle: /*animation*/ ctx[1]
15195
+ });
15196
+
15197
+ div1_intro.start();
15198
+ });
15199
+ }
15200
+
15201
+ current = true;
15202
+ },
15203
+ o(local) {
15204
+ transition_out(if_block);
15205
+ transition_out(default_slot, local);
15206
+ current = false;
15207
+ },
15208
+ d(detaching) {
15209
+ if (detaching) detach(div1);
15210
+ if (if_block) if_block.d();
15211
+ if (default_slot) default_slot.d(detaching);
15212
+ /*div1_binding*/ ctx[31](null);
15213
+ }
15214
+ };
15215
+ }
15216
+
15217
+ // (279:4) {#if closable}
15218
+ function create_if_block_1(ctx) {
15219
+ let div;
15220
+ let closebutton;
15221
+ let current;
15222
+
15223
+ closebutton = new CloseButton({
15224
+ props: { props: /*closeButtonProps*/ ctx[2] }
15225
+ });
15226
+
15227
+ return {
15228
+ c() {
15229
+ div = element("div");
15230
+ create_component(closebutton.$$.fragment);
15231
+ this.h();
15232
+ },
15233
+ l(nodes) {
15234
+ div = claim_element(nodes, "DIV", { class: true, style: true });
15235
+ var div_nodes = children(div);
15236
+ claim_component(closebutton.$$.fragment, div_nodes);
15237
+ div_nodes.forEach(detach);
15238
+ this.h();
15239
+ },
15240
+ h() {
15241
+ attr(div, "class", "v2-close svelte-1fow8xp");
15242
+ set_style(div, "z-index", /*$maximumZindex*/ ctx[14] + 1);
15243
+ },
15244
+ m(target, anchor) {
15245
+ insert_hydration(target, div, anchor);
15246
+ mount_component(closebutton, div, null);
15247
+ current = true;
15248
+ },
15249
+ p(ctx, dirty) {
15250
+ const closebutton_changes = {};
15251
+ if (dirty[0] & /*closeButtonProps*/ 4) closebutton_changes.props = /*closeButtonProps*/ ctx[2];
15252
+ closebutton.$set(closebutton_changes);
15253
+
15254
+ if (!current || dirty[0] & /*$maximumZindex*/ 16384) {
15255
+ set_style(div, "z-index", /*$maximumZindex*/ ctx[14] + 1);
15256
+ }
15257
+ },
15258
+ i(local) {
15259
+ if (current) return;
15260
+ transition_in(closebutton.$$.fragment, local);
15261
+ current = true;
15262
+ },
15263
+ o(local) {
15264
+ transition_out(closebutton.$$.fragment, local);
15265
+ current = false;
15266
+ },
15267
+ d(detaching) {
15268
+ if (detaching) detach(div);
15269
+ destroy_component(closebutton);
15270
+ }
15271
+ };
15272
+ }
15273
+
15274
+ function create_fragment(ctx) {
15275
+ let show_if;
15276
+ let current_block_type_index;
15277
+ let if_block0;
15278
+ let t;
15279
+ let if_block1_anchor;
15280
+ let current;
15281
+ let mounted;
15282
+ let dispose;
15283
+ const if_block_creators = [create_if_block_2, create_if_block_3, create_else_block];
15284
+ const if_blocks = [];
15285
+
15286
+ function select_block_type(ctx, dirty) {
15287
+ if (show_if == null) show_if = !!isPreview();
15288
+ if (show_if) return 0;
15289
+ if (/*useBreakPoint*/ ctx[0]) return 1;
15290
+ return 2;
15291
+ }
15292
+
15293
+ current_block_type_index = select_block_type(ctx);
15294
+ if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
15295
+ let if_block1 = /*visible*/ ctx[8] && create_if_block(ctx);
15296
+
15297
+ return {
15298
+ c() {
15299
+ if_block0.c();
15300
+ t = space();
15301
+ if (if_block1) if_block1.c();
15302
+ if_block1_anchor = empty();
15303
+ },
15304
+ l(nodes) {
15305
+ if_block0.l(nodes);
15306
+ t = claim_space(nodes);
15307
+ if (if_block1) if_block1.l(nodes);
15308
+ if_block1_anchor = empty();
15309
+ },
15310
+ m(target, anchor) {
15311
+ if_blocks[current_block_type_index].m(target, anchor);
15312
+ insert_hydration(target, t, anchor);
15313
+ if (if_block1) if_block1.m(target, anchor);
15314
+ insert_hydration(target, if_block1_anchor, anchor);
15315
+ current = true;
15316
+
15317
+ if (!mounted) {
15318
+ dispose = listen(window, "keydown", function () {
15319
+ if (is_function(/*handle_keydown*/ ctx[9])) /*handle_keydown*/ ctx[9].apply(this, arguments);
15320
+ });
15321
+
15322
+ mounted = true;
15323
+ }
15324
+ },
15325
+ p(new_ctx, dirty) {
15326
+ ctx = new_ctx;
15327
+ let previous_block_index = current_block_type_index;
15328
+ current_block_type_index = select_block_type(ctx);
15329
+
15330
+ if (current_block_type_index === previous_block_index) {
15331
+ if_blocks[current_block_type_index].p(ctx, dirty);
15332
+ } else {
15333
+ group_outros();
15334
+
15335
+ transition_out(if_blocks[previous_block_index], 1, 1, () => {
15336
+ if_blocks[previous_block_index] = null;
15337
+ });
15338
+
15339
+ check_outros();
15340
+ if_block0 = if_blocks[current_block_type_index];
15341
+
15342
+ if (!if_block0) {
15343
+ if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
15344
+ if_block0.c();
15345
+ } else {
15346
+ if_block0.p(ctx, dirty);
15347
+ }
15348
+
15349
+ transition_in(if_block0, 1);
15350
+ if_block0.m(t.parentNode, t);
15351
+ }
15352
+
15353
+ if (/*visible*/ ctx[8]) {
15354
+ if (if_block1) {
15355
+ if_block1.p(ctx, dirty);
15356
+
15357
+ if (dirty[0] & /*visible*/ 256) {
15358
+ transition_in(if_block1, 1);
15359
+ }
15360
+ } else {
15361
+ if_block1 = create_if_block(ctx);
15362
+ if_block1.c();
15363
+ transition_in(if_block1, 1);
15364
+ if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
15365
+ }
15366
+ } else if (if_block1) {
15367
+ group_outros();
15368
+
15369
+ transition_out(if_block1, 1, 1, () => {
15370
+ if_block1 = null;
15371
+ });
15372
+
15373
+ check_outros();
15374
+ }
15375
+ },
15376
+ i(local) {
15377
+ if (current) return;
15378
+ transition_in(if_block0);
15379
+ transition_in(if_block1);
15380
+ current = true;
15381
+ },
15382
+ o(local) {
15383
+ transition_out(if_block0);
15384
+ transition_out(if_block1);
15385
+ current = false;
15386
+ },
15387
+ d(detaching) {
15388
+ if_blocks[current_block_type_index].d(detaching);
15389
+ if (detaching) detach(t);
15390
+ if (if_block1) if_block1.d(detaching);
15391
+ if (detaching) detach(if_block1_anchor);
15392
+ mounted = false;
15393
+ dispose();
15394
+ }
15395
+ };
15396
+ }
15397
+
15398
+ function instance($$self, $$props, $$invalidate) {
15399
+ let close;
15400
+ let closable;
15401
+ let backgroundClick;
15402
+ let backgroundClickPC;
15403
+ let backgroundClickSP;
15404
+ let handle_keydown;
15405
+ let visible;
15406
+ let $maximumZindex;
15407
+ component_subscribe($$self, maximumZindex, $$value => $$invalidate(14, $maximumZindex = $$value));
15408
+ let { $$slots: slots = {}, $$scope } = $$props;
15409
+ let { onClick = { operation: 'none', args: [] } } = $$props;
15410
+ let { clickEventName = '' } = $$props;
15411
+ let { clickEventValue = null } = $$props;
15412
+ let { useBreakPoint = false } = $$props;
15413
+ let { placement } = $$props;
15414
+ let { breakPoint } = $$props;
15415
+ let { elasticity } = $$props;
15416
+ let { animation = 'none' } = $$props;
15417
+ let { onClose = { operation: 'closeApp', args: ['button'] } } = $$props;
15418
+ let { closeEventName = '' } = $$props;
15419
+ let { closeEventValue = null } = $$props;
15420
+ let { closeButtonProps = {} } = $$props;
15421
+
15422
+ // モーダル背景の設定
15423
+ let backgroundOverlay = DefaultModalPlacement.backgroundOverlay;
15424
+
15425
+ let backgroundOverlayPC = DefaultModalPlacement.backgroundOverlay;
15426
+ let backgroundOverlaySP = DefaultModalPlacement.backgroundOverlay;
15427
+
15428
+ // モーダル背景のクリック動作の設定
15429
+ let backgroundClickFunction = DefaultModalPlacement.backgroundClick;
15430
+
15431
+ let backgroundClickFunctionPC = DefaultModalPlacement.backgroundClick;
15432
+ let backgroundClickFunctionSP = DefaultModalPlacement.backgroundClick;
15433
+ let modalStyles = new Set([]);
15434
+ let transforms = [{ query: null, ...getTransform('center') }];
15435
+ let modal;
15436
+
15437
+ onMount$1(() => {
15438
+ $$invalidate(8, visible = true);
15439
+ });
15440
+
15441
+ onDestroy$1(() => setPreviousFocus());
15442
+
15443
+ function div1_binding($$value) {
15444
+ binding_callbacks[$$value ? 'unshift' : 'push'](() => {
15445
+ modal = $$value;
15446
+ $$invalidate(7, modal);
15447
+ });
15448
+ }
15449
+
15450
+ $$self.$$set = $$props => {
15451
+ if ('onClick' in $$props) $$invalidate(16, onClick = $$props.onClick);
15452
+ if ('clickEventName' in $$props) $$invalidate(17, clickEventName = $$props.clickEventName);
15453
+ if ('clickEventValue' in $$props) $$invalidate(18, clickEventValue = $$props.clickEventValue);
15454
+ if ('useBreakPoint' in $$props) $$invalidate(0, useBreakPoint = $$props.useBreakPoint);
15455
+ if ('placement' in $$props) $$invalidate(19, placement = $$props.placement);
15456
+ if ('breakPoint' in $$props) $$invalidate(20, breakPoint = $$props.breakPoint);
15457
+ if ('elasticity' in $$props) $$invalidate(21, elasticity = $$props.elasticity);
15458
+ if ('animation' in $$props) $$invalidate(1, animation = $$props.animation);
15459
+ if ('onClose' in $$props) $$invalidate(22, onClose = $$props.onClose);
15460
+ if ('closeEventName' in $$props) $$invalidate(23, closeEventName = $$props.closeEventName);
15461
+ if ('closeEventValue' in $$props) $$invalidate(24, closeEventValue = $$props.closeEventValue);
15462
+ if ('closeButtonProps' in $$props) $$invalidate(2, closeButtonProps = $$props.closeButtonProps);
15463
+ if ('$$scope' in $$props) $$invalidate(29, $$scope = $$props.$$scope);
15464
+ };
15465
+
15466
+ $$self.$$.update = () => {
15467
+ if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, onClose*/ 29360128) {
15468
+ $$invalidate(28, close = () => {
15469
+ if (closeEventName) {
15470
+ send_event(closeEventName, closeEventValue);
15471
+ }
15472
+
15473
+ execOnClickOperation(onClose);
15474
+ });
15475
+ }
15476
+
15477
+ if ($$self.$$.dirty[0] & /*onClose*/ 4194304) {
15478
+ $$invalidate(13, closable = haveFunction(onClose));
15479
+ }
15480
+
15481
+ if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 1572865) {
15482
+ {
15483
+
15484
+ if (useBreakPoint) {
15485
+ const pc = breakPoint?.PC?.placement?.backgroundOverlay;
15486
+ $$invalidate(5, backgroundOverlayPC = pc ?? false);
15487
+ const sp = breakPoint?.SP?.placement?.backgroundOverlay;
15488
+ $$invalidate(6, backgroundOverlaySP = sp ?? false);
15489
+ }
15490
+ }
15491
+ }
15492
+
15493
+ if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 1572865) {
15494
+ {
15495
+ if (placement && placement.backgroundClick) {
15496
+ $$invalidate(25, backgroundClickFunction = placement.backgroundClick);
15497
+ }
15498
+
15499
+ if (useBreakPoint) {
15500
+ const pc = breakPoint?.PC?.placement?.backgroundClick;
15501
+
15502
+ if (pc) {
15503
+ $$invalidate(26, backgroundClickFunctionPC = pc);
15504
+ }
15505
+
15506
+ const sp = breakPoint?.SP?.placement?.backgroundClick;
15507
+
15508
+ if (sp) {
15509
+ $$invalidate(27, backgroundClickFunctionSP = sp);
15510
+ }
15511
+ }
15512
+ }
15513
+ }
15514
+
15515
+ if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunction*/ 58720256) {
15516
+ $$invalidate(12, backgroundClick = () => {
15517
+ if (closeEventName) {
15518
+ send_event(closeEventName, closeEventValue);
15519
+ }
15520
+
15521
+ execOnClickOperation(backgroundClickFunction);
15522
+ });
15523
+ }
15524
+
15525
+ if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 92274688) {
15526
+ $$invalidate(11, backgroundClickPC = () => {
15527
+ if (closeEventName) {
15528
+ send_event(closeEventName, closeEventValue);
15529
+ }
15530
+
15531
+ execOnClickOperation(backgroundClickFunctionPC);
15532
+ });
15533
+ }
15534
+
15535
+ if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 159383552) {
15536
+ $$invalidate(10, backgroundClickSP = () => {
15537
+ if (closeEventName) {
15538
+ send_event(closeEventName, closeEventValue);
15539
+ }
15540
+
15541
+ execOnClickOperation(backgroundClickFunctionSP);
15542
+ });
15543
+ }
15544
+
15545
+ if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint, transforms*/ 1572873) {
15546
+ // 表示位置のスタイルとアニメーションの動きを設定
15547
+ {
15548
+ // 表示位置のスタイルの設定
15549
+ let position = DefaultModalPlacement.position;
15550
+
15551
+ let positionStyle = getPositionStyle(position);
15552
+
15553
+ if (!useBreakPoint) {
15554
+ modalStyles.add(positionStyle);
15555
+ }
15556
+
15557
+ $$invalidate(3, transforms = []);
15558
+
15559
+ DEVICE_IDS.forEach(deviceId => {
15560
+
15561
+ const positionVariables = stringifyStyleObj(formatObjectKey({
15562
+ obj: parseStyle(positionStyle),
15563
+ prefix: '--modal-bp-',
15564
+ suffix: `-${deviceId.toLowerCase()}`
15565
+ }));
15566
+
15567
+ modalStyles.add(positionVariables);
15568
+ });
15569
+
15570
+ // アニメーションの動きの設定
15571
+ transforms.push({ query: null, ...getTransform(position) });
15572
+ }
15573
+ }
15574
+
15575
+ if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 1572865) {
15576
+ // 表示位置の調整のスタイルを設定
15577
+ {
15578
+ let margin = DefaultModalPlacement.margin;
15579
+
15580
+ let marginStyle = getMarginStyle(margin);
15581
+
15582
+ if (!useBreakPoint) {
15583
+ modalStyles.add(marginStyle);
15584
+ }
15585
+
15586
+ DEVICE_IDS.forEach(deviceId => {
15587
+
15588
+ const marginVariables = stringifyStyleObj(formatObjectKey({
15589
+ obj: parseStyle(marginStyle),
15590
+ prefix: '--modal-bp-',
15591
+ suffix: `-${deviceId.toLowerCase()}`
15592
+ }));
15593
+
15594
+ modalStyles.add(marginVariables);
15595
+ });
15596
+ }
15597
+ }
15598
+
15599
+ if ($$self.$$.dirty[0] & /*elasticity, useBreakPoint, breakPoint*/ 3145729) {
15600
+ // 拡大方法のスタイルを設定
15601
+ {
15602
+ let elasticStyle = ElasticityStyle['none' ];
15603
+
15604
+ if (!useBreakPoint) {
15605
+ modalStyles.add(elasticStyle);
15606
+ }
15607
+
15608
+ DEVICE_IDS.forEach(deviceId => {
15609
+
15610
+ const elasticityVariables = stringifyStyleObj(formatObjectKey({
15611
+ obj: parseStyle(elasticStyle),
15612
+ prefix: '--modal-bp-',
15613
+ suffix: `-${deviceId.toLowerCase()}`
15614
+ }));
15615
+
15616
+ modalStyles.add(elasticityVariables);
15617
+ });
15618
+ }
15619
+ }
15620
+
15621
+ if ($$self.$$.dirty[0] & /*close*/ 268435456) {
15622
+ $$invalidate(9, handle_keydown = handleKeydown({ Escape: close }));
15623
+ }
15624
+ };
15625
+
15626
+ $$invalidate(7, modal = null);
15627
+
15628
+ // svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
15629
+ $$invalidate(8, visible = false);
15630
+
15631
+ return [
15632
+ useBreakPoint,
15633
+ animation,
15634
+ closeButtonProps,
15635
+ transforms,
15636
+ backgroundOverlay,
15637
+ backgroundOverlayPC,
15638
+ backgroundOverlaySP,
15639
+ modal,
15640
+ visible,
15641
+ handle_keydown,
15642
+ backgroundClickSP,
15643
+ backgroundClickPC,
15644
+ backgroundClick,
15645
+ closable,
15646
+ $maximumZindex,
15647
+ modalStyles,
15648
+ onClick,
15649
+ clickEventName,
15650
+ clickEventValue,
15651
+ placement,
15652
+ breakPoint,
15653
+ elasticity,
15654
+ onClose,
15655
+ closeEventName,
15656
+ closeEventValue,
15657
+ backgroundClickFunction,
15658
+ backgroundClickFunctionPC,
15659
+ backgroundClickFunctionSP,
15660
+ close,
15661
+ $$scope,
15662
+ slots,
15663
+ div1_binding
15664
+ ];
15665
+ }
15666
+
15667
+ class Modal extends SvelteComponent {
15668
+ constructor(options) {
15669
+ super();
15670
+
15671
+ init(
15672
+ this,
15673
+ options,
15674
+ instance,
15675
+ create_fragment,
15676
+ safe_not_equal,
15677
+ {
15678
+ onClick: 16,
15679
+ clickEventName: 17,
15680
+ clickEventValue: 18,
15681
+ useBreakPoint: 0,
15682
+ placement: 19,
15683
+ breakPoint: 20,
15684
+ elasticity: 21,
15685
+ animation: 1,
15686
+ onClose: 22,
15687
+ closeEventName: 23,
15688
+ closeEventValue: 24,
15689
+ closeButtonProps: 2
15690
+ },
15691
+ add_css,
15692
+ [-1, -1]
15693
+ );
15694
+ }
15695
+ }
15696
+
15697
+ export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_COLOR, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_SIZE, BackgroundSizes, Box, COMPONENT_PARAMETER_TYPES, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexDirections, FlexItem, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_PARAMS, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_ALIGN_VALUES, LAYER_TEXT_FONT_WEIGHT_VALUES, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, Avatar as V2Avatar, Button as V2Button, CloseButton as V2CloseButton, Icon as V2Icon, Image as V2Image, Layout as V2Layout, Modal as V2Modal, Text as V2Text, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };