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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/hydrate/index.es.d.ts +1 -0
  2. package/dist/hydrate/index.es.js +1386 -438
  3. package/dist/index.es.d.ts +1 -0
  4. package/dist/index.es.js +1315 -431
  5. package/dist/templates.cjs.js +1 -0
  6. package/dist/templates.js +1 -0
  7. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -2880,7 +2880,7 @@ const LAYOUT_COMPONENT_NAMES = [
2880
2880
 
2881
2881
  /* src/components/Header.svelte generated by Svelte v3.53.1 */
2882
2882
 
2883
- function create_if_block$b(ctx) {
2883
+ function create_if_block$d(ctx) {
2884
2884
  let link;
2885
2885
 
2886
2886
  return {
@@ -2904,9 +2904,9 @@ function create_if_block$b(ctx) {
2904
2904
  };
2905
2905
  }
2906
2906
 
2907
- function create_fragment$15(ctx) {
2907
+ function create_fragment$17(ctx) {
2908
2908
  let head;
2909
- let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$b(ctx);
2909
+ let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$d(ctx);
2910
2910
 
2911
2911
  return {
2912
2912
  c() {
@@ -2922,7 +2922,7 @@ function create_fragment$15(ctx) {
2922
2922
  if (if_block) {
2923
2923
  if_block.p(ctx, dirty);
2924
2924
  } else {
2925
- if_block = create_if_block$b(ctx);
2925
+ if_block = create_if_block$d(ctx);
2926
2926
  if_block.c();
2927
2927
  if_block.m(head, null);
2928
2928
  }
@@ -2940,7 +2940,7 @@ function create_fragment$15(ctx) {
2940
2940
  };
2941
2941
  }
2942
2942
 
2943
- function instance$15($$self, $$props, $$invalidate) {
2943
+ function instance$17($$self, $$props, $$invalidate) {
2944
2944
  let $fonts;
2945
2945
  component_subscribe($$self, fonts, $$value => $$invalidate(1, $fonts = $$value));
2946
2946
  let googleFontUrl = '';
@@ -2969,13 +2969,13 @@ function instance$15($$self, $$props, $$invalidate) {
2969
2969
  class Header extends SvelteComponent {
2970
2970
  constructor(options) {
2971
2971
  super();
2972
- init(this, options, instance$15, create_fragment$15, safe_not_equal, {});
2972
+ init(this, options, instance$17, create_fragment$17, safe_not_equal, {});
2973
2973
  }
2974
2974
  }
2975
2975
 
2976
2976
  /* src/components/State.svelte generated by Svelte v3.53.1 */
2977
2977
 
2978
- function create_fragment$14(ctx) {
2978
+ function create_fragment$16(ctx) {
2979
2979
  let header;
2980
2980
  let t;
2981
2981
  let current;
@@ -3034,7 +3034,7 @@ function create_fragment$14(ctx) {
3034
3034
  };
3035
3035
  }
3036
3036
 
3037
- function instance$14($$self, $$props, $$invalidate) {
3037
+ function instance$16($$self, $$props, $$invalidate) {
3038
3038
  let { $$slots: slots = {}, $$scope } = $$props;
3039
3039
 
3040
3040
  $$self.$$set = $$props => {
@@ -3047,18 +3047,18 @@ function instance$14($$self, $$props, $$invalidate) {
3047
3047
  class State extends SvelteComponent {
3048
3048
  constructor(options) {
3049
3049
  super();
3050
- init(this, options, instance$14, create_fragment$14, safe_not_equal, {});
3050
+ init(this, options, instance$16, create_fragment$16, safe_not_equal, {});
3051
3051
  }
3052
3052
  }
3053
3053
 
3054
3054
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
3055
3055
 
3056
- function add_css$C(target) {
3056
+ function add_css$E(target) {
3057
3057
  append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
3058
3058
  }
3059
3059
 
3060
3060
  // (23:0) {#if $state === path}
3061
- function create_if_block$a(ctx) {
3061
+ function create_if_block$c(ctx) {
3062
3062
  let div;
3063
3063
  let t;
3064
3064
  let current;
@@ -3120,10 +3120,10 @@ function create_if_block$a(ctx) {
3120
3120
  };
3121
3121
  }
3122
3122
 
3123
- function create_fragment$13(ctx) {
3123
+ function create_fragment$15(ctx) {
3124
3124
  let if_block_anchor;
3125
3125
  let current;
3126
- let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$a(ctx);
3126
+ let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$c(ctx);
3127
3127
 
3128
3128
  return {
3129
3129
  c() {
@@ -3144,7 +3144,7 @@ function create_fragment$13(ctx) {
3144
3144
  transition_in(if_block, 1);
3145
3145
  }
3146
3146
  } else {
3147
- if_block = create_if_block$a(ctx);
3147
+ if_block = create_if_block$c(ctx);
3148
3148
  if_block.c();
3149
3149
  transition_in(if_block, 1);
3150
3150
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -3181,7 +3181,7 @@ function getStateItemContext() {
3181
3181
  return getContext(STATE_ITEM_CONTEXT_KEY);
3182
3182
  }
3183
3183
 
3184
- function instance$13($$self, $$props, $$invalidate) {
3184
+ function instance$15($$self, $$props, $$invalidate) {
3185
3185
  let $state;
3186
3186
  component_subscribe($$self, state, $$value => $$invalidate(1, $state = $$value));
3187
3187
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -3207,7 +3207,7 @@ function instance$13($$self, $$props, $$invalidate) {
3207
3207
  class StateItem extends SvelteComponent {
3208
3208
  constructor(options) {
3209
3209
  super();
3210
- init(this, options, instance$13, create_fragment$13, safe_not_equal, { path: 0 }, add_css$C);
3210
+ init(this, options, instance$15, create_fragment$15, safe_not_equal, { path: 0 }, add_css$E);
3211
3211
  }
3212
3212
  }
3213
3213
 
@@ -3392,12 +3392,12 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
3392
3392
 
3393
3393
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3394
3394
 
3395
- function add_css$B(target) {
3395
+ function add_css$D(target) {
3396
3396
  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}");
3397
3397
  }
3398
3398
 
3399
3399
  // (14:0) {#if backgroundOverlay}
3400
- function create_if_block$9(ctx) {
3400
+ function create_if_block$b(ctx) {
3401
3401
  let div;
3402
3402
  let div_class_value;
3403
3403
  let mounted;
@@ -3429,9 +3429,9 @@ function create_if_block$9(ctx) {
3429
3429
  };
3430
3430
  }
3431
3431
 
3432
- function create_fragment$12(ctx) {
3432
+ function create_fragment$14(ctx) {
3433
3433
  let if_block_anchor;
3434
- let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$9(ctx);
3434
+ let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$b(ctx);
3435
3435
 
3436
3436
  return {
3437
3437
  c() {
@@ -3447,7 +3447,7 @@ function create_fragment$12(ctx) {
3447
3447
  if (if_block) {
3448
3448
  if_block.p(ctx, dirty);
3449
3449
  } else {
3450
- if_block = create_if_block$9(ctx);
3450
+ if_block = create_if_block$b(ctx);
3451
3451
  if_block.c();
3452
3452
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
3453
3453
  }
@@ -3465,7 +3465,7 @@ function create_fragment$12(ctx) {
3465
3465
  };
3466
3466
  }
3467
3467
 
3468
- function instance$12($$self, $$props, $$invalidate) {
3468
+ function instance$14($$self, $$props, $$invalidate) {
3469
3469
  let { backgroundOverlay = false } = $$props;
3470
3470
  let { class: className = undefined } = $$props;
3471
3471
  const dispatch = createEventDispatcher();
@@ -3479,12 +3479,12 @@ function instance$12($$self, $$props, $$invalidate) {
3479
3479
  return [backgroundOverlay, className, dispatch, click_handler];
3480
3480
  }
3481
3481
 
3482
- class BackgroundOverlay extends SvelteComponent {
3482
+ let BackgroundOverlay$1 = class BackgroundOverlay extends SvelteComponent {
3483
3483
  constructor(options) {
3484
3484
  super();
3485
- init(this, options, instance$12, create_fragment$12, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$B);
3485
+ init(this, options, instance$14, create_fragment$14, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$D);
3486
3486
  }
3487
- }
3487
+ };
3488
3488
 
3489
3489
  /**
3490
3490
  * data属性とカスタムのイベントハンドラによるstopPropagation。
@@ -3522,12 +3522,12 @@ function checkStopPropagation(eventName, handler) {
3522
3522
 
3523
3523
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3524
3524
 
3525
- function add_css$A(target) {
3525
+ function add_css$C(target) {
3526
3526
  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}");
3527
3527
  }
3528
3528
 
3529
3529
  // (50:0) {:else}
3530
- function create_else_block$4(ctx) {
3530
+ function create_else_block$5(ctx) {
3531
3531
  let button;
3532
3532
  let current;
3533
3533
  let mounted;
@@ -3612,7 +3612,7 @@ function create_else_block$4(ctx) {
3612
3612
  }
3613
3613
 
3614
3614
  // (46:39)
3615
- function create_if_block_2$1(ctx) {
3615
+ function create_if_block_2$2(ctx) {
3616
3616
  let div;
3617
3617
  let current;
3618
3618
  const default_slot_template = /*#slots*/ ctx[9].default;
@@ -3671,7 +3671,7 @@ function create_if_block_2$1(ctx) {
3671
3671
  }
3672
3672
 
3673
3673
  // (35:41)
3674
- function create_if_block_1$2(ctx) {
3674
+ function create_if_block_1$3(ctx) {
3675
3675
  let a;
3676
3676
  let a_href_value;
3677
3677
  let a_target_value;
@@ -3769,7 +3769,7 @@ function create_if_block_1$2(ctx) {
3769
3769
  }
3770
3770
 
3771
3771
  // (31:0) {#if disabled}
3772
- function create_if_block$8(ctx) {
3772
+ function create_if_block$a(ctx) {
3773
3773
  let div;
3774
3774
  let current;
3775
3775
  const default_slot_template = /*#slots*/ ctx[9].default;
@@ -3827,12 +3827,12 @@ function create_if_block$8(ctx) {
3827
3827
  };
3828
3828
  }
3829
3829
 
3830
- function create_fragment$11(ctx) {
3830
+ function create_fragment$13(ctx) {
3831
3831
  let current_block_type_index;
3832
3832
  let if_block;
3833
3833
  let if_block_anchor;
3834
3834
  let current;
3835
- const if_block_creators = [create_if_block$8, create_if_block_1$2, create_if_block_2$1, create_else_block$4];
3835
+ const if_block_creators = [create_if_block$a, create_if_block_1$3, create_if_block_2$2, create_else_block$5];
3836
3836
  const if_blocks = [];
3837
3837
 
3838
3838
  function select_block_type(ctx, dirty) {
@@ -3900,7 +3900,7 @@ function create_fragment$11(ctx) {
3900
3900
 
3901
3901
  const BUTTON_CLASS = 'button';
3902
3902
 
3903
- function instance$11($$self, $$props, $$invalidate) {
3903
+ function instance$13($$self, $$props, $$invalidate) {
3904
3904
  let disabled;
3905
3905
  let $valuesAreValid;
3906
3906
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -3966,8 +3966,8 @@ let Button$1 = class Button extends SvelteComponent {
3966
3966
  init(
3967
3967
  this,
3968
3968
  options,
3969
- instance$11,
3970
- create_fragment$11,
3969
+ instance$13,
3970
+ create_fragment$13,
3971
3971
  safe_not_equal,
3972
3972
  {
3973
3973
  onClick: 0,
@@ -3975,23 +3975,23 @@ let Button$1 = class Button extends SvelteComponent {
3975
3975
  eventValue: 6,
3976
3976
  style: 1
3977
3977
  },
3978
- add_css$A
3978
+ add_css$C
3979
3979
  );
3980
3980
  }
3981
3981
  };
3982
3982
 
3983
3983
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
3984
3984
 
3985
- function add_css$z(target) {
3985
+ function add_css$B(target) {
3986
3986
  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}}");
3987
3987
  }
3988
3988
 
3989
3989
  // (277:0) {:else}
3990
- function create_else_block$3(ctx) {
3990
+ function create_else_block$4(ctx) {
3991
3991
  let backgroundoverlay;
3992
3992
  let current;
3993
3993
 
3994
- backgroundoverlay = new BackgroundOverlay({
3994
+ backgroundoverlay = new BackgroundOverlay$1({
3995
3995
  props: {
3996
3996
  backgroundOverlay: /*backgroundOverlay*/ ctx[12]
3997
3997
  }
@@ -4031,13 +4031,13 @@ function create_else_block$3(ctx) {
4031
4031
  }
4032
4032
 
4033
4033
  // (266:24)
4034
- function create_if_block_3(ctx) {
4034
+ function create_if_block_3$1(ctx) {
4035
4035
  let backgroundoverlay0;
4036
4036
  let t;
4037
4037
  let backgroundoverlay1;
4038
4038
  let current;
4039
4039
 
4040
- backgroundoverlay0 = new BackgroundOverlay({
4040
+ backgroundoverlay0 = new BackgroundOverlay$1({
4041
4041
  props: {
4042
4042
  class: "background-bp-pc",
4043
4043
  backgroundOverlay: /*backgroundOverlayPC*/ ctx[13]
@@ -4048,7 +4048,7 @@ function create_if_block_3(ctx) {
4048
4048
  if (is_function(/*backgroundClickPC*/ ctx[19])) /*backgroundClickPC*/ ctx[19].apply(this, arguments);
4049
4049
  });
4050
4050
 
4051
- backgroundoverlay1 = new BackgroundOverlay({
4051
+ backgroundoverlay1 = new BackgroundOverlay$1({
4052
4052
  props: {
4053
4053
  class: "background-bp-sp ",
4054
4054
  backgroundOverlay: /*backgroundOverlaySP*/ ctx[14]
@@ -4100,7 +4100,7 @@ function create_if_block_3(ctx) {
4100
4100
  }
4101
4101
 
4102
4102
  // (264:0) {#if isPreview()}
4103
- function create_if_block_2(ctx) {
4103
+ function create_if_block_2$1(ctx) {
4104
4104
  return {
4105
4105
  c: noop,
4106
4106
  m: noop,
@@ -4112,7 +4112,7 @@ function create_if_block_2(ctx) {
4112
4112
  }
4113
4113
 
4114
4114
  // (280:0) {#if visible}
4115
- function create_if_block$7(ctx) {
4115
+ function create_if_block$9(ctx) {
4116
4116
  let div;
4117
4117
  let button;
4118
4118
  let div_class_value;
@@ -4191,7 +4191,7 @@ function create_if_block$7(ctx) {
4191
4191
  }
4192
4192
 
4193
4193
  // (293:6) {#if closable}
4194
- function create_if_block_1$1(ctx) {
4194
+ function create_if_block_1$2(ctx) {
4195
4195
  let div;
4196
4196
  let button;
4197
4197
  let current;
@@ -4290,7 +4290,7 @@ function create_default_slot$6(ctx) {
4290
4290
  let t;
4291
4291
  let div;
4292
4292
  let current;
4293
- let if_block = /*closable*/ ctx[21] && create_if_block_1$1(ctx);
4293
+ let if_block = /*closable*/ ctx[21] && create_if_block_1$2(ctx);
4294
4294
  const default_slot_template = /*#slots*/ ctx[31].default;
4295
4295
  const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[33], null);
4296
4296
 
@@ -4323,7 +4323,7 @@ function create_default_slot$6(ctx) {
4323
4323
  transition_in(if_block, 1);
4324
4324
  }
4325
4325
  } else {
4326
- if_block = create_if_block_1$1(ctx);
4326
+ if_block = create_if_block_1$2(ctx);
4327
4327
  if_block.c();
4328
4328
  transition_in(if_block, 1);
4329
4329
  if_block.m(t.parentNode, t);
@@ -4377,7 +4377,7 @@ function create_default_slot$6(ctx) {
4377
4377
  };
4378
4378
  }
4379
4379
 
4380
- function create_fragment$10(ctx) {
4380
+ function create_fragment$12(ctx) {
4381
4381
  let show_if;
4382
4382
  let current_block_type_index;
4383
4383
  let if_block0;
@@ -4386,7 +4386,7 @@ function create_fragment$10(ctx) {
4386
4386
  let current;
4387
4387
  let mounted;
4388
4388
  let dispose;
4389
- const if_block_creators = [create_if_block_2, create_if_block_3, create_else_block$3];
4389
+ const if_block_creators = [create_if_block_2$1, create_if_block_3$1, create_else_block$4];
4390
4390
  const if_blocks = [];
4391
4391
 
4392
4392
  function select_block_type(ctx, dirty) {
@@ -4398,7 +4398,7 @@ function create_fragment$10(ctx) {
4398
4398
 
4399
4399
  current_block_type_index = select_block_type(ctx);
4400
4400
  if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
4401
- let if_block1 = /*visible*/ ctx[16] && create_if_block$7(ctx);
4401
+ let if_block1 = /*visible*/ ctx[16] && create_if_block$9(ctx);
4402
4402
 
4403
4403
  return {
4404
4404
  c() {
@@ -4458,7 +4458,7 @@ function create_fragment$10(ctx) {
4458
4458
  transition_in(if_block1, 1);
4459
4459
  }
4460
4460
  } else {
4461
- if_block1 = create_if_block$7(ctx);
4461
+ if_block1 = create_if_block$9(ctx);
4462
4462
  if_block1.c();
4463
4463
  transition_in(if_block1, 1);
4464
4464
  if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
@@ -4495,7 +4495,7 @@ function create_fragment$10(ctx) {
4495
4495
  };
4496
4496
  }
4497
4497
 
4498
- function instance$10($$self, $$props, $$invalidate) {
4498
+ function instance$12($$self, $$props, $$invalidate) {
4499
4499
  let close;
4500
4500
  let closable;
4501
4501
  let backgroundClick;
@@ -4799,15 +4799,15 @@ function instance$10($$self, $$props, $$invalidate) {
4799
4799
  ];
4800
4800
  }
4801
4801
 
4802
- class Modal extends SvelteComponent {
4802
+ let Modal$1 = class Modal extends SvelteComponent {
4803
4803
  constructor(options) {
4804
4804
  super();
4805
4805
 
4806
4806
  init(
4807
4807
  this,
4808
4808
  options,
4809
- instance$10,
4810
- create_fragment$10,
4809
+ instance$12,
4810
+ create_fragment$12,
4811
4811
  safe_not_equal,
4812
4812
  {
4813
4813
  onClick: 0,
@@ -4825,15 +4825,15 @@ class Modal extends SvelteComponent {
4825
4825
  closeButtonColor: 9,
4826
4826
  _closeStyle: 10
4827
4827
  },
4828
- add_css$z,
4828
+ add_css$B,
4829
4829
  [-1, -1]
4830
4830
  );
4831
4831
  }
4832
- }
4832
+ };
4833
4833
 
4834
4834
  /* src/components/Grid.svelte generated by Svelte v3.53.1 */
4835
4835
 
4836
- function create_fragment$$(ctx) {
4836
+ function create_fragment$11(ctx) {
4837
4837
  let div;
4838
4838
  let current;
4839
4839
  const default_slot_template = /*#slots*/ ctx[8].default;
@@ -4891,7 +4891,7 @@ function create_fragment$$(ctx) {
4891
4891
  };
4892
4892
  }
4893
4893
 
4894
- function instance$$($$self, $$props, $$invalidate) {
4894
+ function instance$11($$self, $$props, $$invalidate) {
4895
4895
  let _style;
4896
4896
  let { $$slots: slots = {}, $$scope } = $$props;
4897
4897
  let { width = '512px' } = $$props;
@@ -4936,7 +4936,7 @@ class Grid extends SvelteComponent {
4936
4936
  constructor(options) {
4937
4937
  super();
4938
4938
 
4939
- init(this, options, instance$$, create_fragment$$, safe_not_equal, {
4939
+ init(this, options, instance$11, create_fragment$11, safe_not_equal, {
4940
4940
  width: 1,
4941
4941
  height: 2,
4942
4942
  rows: 3,
@@ -4949,11 +4949,11 @@ class Grid extends SvelteComponent {
4949
4949
 
4950
4950
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
4951
4951
 
4952
- function add_css$y(target) {
4952
+ function add_css$A(target) {
4953
4953
  append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
4954
4954
  }
4955
4955
 
4956
- function create_fragment$_(ctx) {
4956
+ function create_fragment$10(ctx) {
4957
4957
  let div1;
4958
4958
  let div0;
4959
4959
  let current;
@@ -5027,7 +5027,7 @@ function create_fragment$_(ctx) {
5027
5027
 
5028
5028
  const GRID_ITEM_CONTEXT_KEY = 'GRID_ITEM';
5029
5029
 
5030
- function instance$_($$self, $$props, $$invalidate) {
5030
+ function instance$10($$self, $$props, $$invalidate) {
5031
5031
  let _style;
5032
5032
  let { $$slots: slots = {}, $$scope } = $$props;
5033
5033
  let { x1 } = $$props;
@@ -5076,8 +5076,8 @@ class GridItem extends SvelteComponent {
5076
5076
  init(
5077
5077
  this,
5078
5078
  options,
5079
- instance$_,
5080
- create_fragment$_,
5079
+ instance$10,
5080
+ create_fragment$10,
5081
5081
  safe_not_equal,
5082
5082
  {
5083
5083
  x1: 2,
@@ -5088,7 +5088,7 @@ class GridItem extends SvelteComponent {
5088
5088
  background: 7,
5089
5089
  gridItemId: 0
5090
5090
  },
5091
- add_css$y
5091
+ add_css$A
5092
5092
  );
5093
5093
  }
5094
5094
  }
@@ -5102,7 +5102,7 @@ function get_each_context$6(ctx, list, i) {
5102
5102
  }
5103
5103
 
5104
5104
  // (13:2) {:else}
5105
- function create_else_block$2(ctx) {
5105
+ function create_else_block$3(ctx) {
5106
5106
  let t_value = /*item*/ ctx[2] + "";
5107
5107
  let t;
5108
5108
 
@@ -5123,7 +5123,7 @@ function create_else_block$2(ctx) {
5123
5123
  }
5124
5124
 
5125
5125
  // (11:2) {#if item.match(regexp)}
5126
- function create_if_block$6(ctx) {
5126
+ function create_if_block$8(ctx) {
5127
5127
  let br;
5128
5128
 
5129
5129
  return {
@@ -5148,8 +5148,8 @@ function create_each_block$6(ctx) {
5148
5148
  function select_block_type(ctx, dirty) {
5149
5149
  if (dirty & /*items*/ 1) show_if = null;
5150
5150
  if (show_if == null) show_if = !!/*item*/ ctx[2].match(regexp);
5151
- if (show_if) return create_if_block$6;
5152
- return create_else_block$2;
5151
+ if (show_if) return create_if_block$8;
5152
+ return create_else_block$3;
5153
5153
  }
5154
5154
 
5155
5155
  let current_block_type = select_block_type(ctx, -1);
@@ -5184,7 +5184,7 @@ function create_each_block$6(ctx) {
5184
5184
  };
5185
5185
  }
5186
5186
 
5187
- function create_fragment$Z(ctx) {
5187
+ function create_fragment$$(ctx) {
5188
5188
  let each_1_anchor;
5189
5189
  let each_value = /*items*/ ctx[0];
5190
5190
  let each_blocks = [];
@@ -5243,7 +5243,7 @@ function create_fragment$Z(ctx) {
5243
5243
 
5244
5244
  const regexp = /(\r?\n)/;
5245
5245
 
5246
- function instance$Z($$self, $$props, $$invalidate) {
5246
+ function instance$$($$self, $$props, $$invalidate) {
5247
5247
  let items;
5248
5248
  let { text = 'サンプルSample' } = $$props;
5249
5249
 
@@ -5264,18 +5264,18 @@ function instance$Z($$self, $$props, $$invalidate) {
5264
5264
  class RenderText extends SvelteComponent {
5265
5265
  constructor(options) {
5266
5266
  super();
5267
- init(this, options, instance$Z, create_fragment$Z, safe_not_equal, { text: 1 });
5267
+ init(this, options, instance$$, create_fragment$$, safe_not_equal, { text: 1 });
5268
5268
  }
5269
5269
  }
5270
5270
 
5271
5271
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
5272
5272
 
5273
- function add_css$x(target) {
5273
+ function add_css$z(target) {
5274
5274
  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}");
5275
5275
  }
5276
5276
 
5277
5277
  // (94:2) {:else}
5278
- function create_else_block$1(ctx) {
5278
+ function create_else_block$2(ctx) {
5279
5279
  let div1;
5280
5280
  let div0;
5281
5281
  let rendertext;
@@ -5328,7 +5328,7 @@ function create_else_block$1(ctx) {
5328
5328
  }
5329
5329
 
5330
5330
  // (80:2) {#if enableCopy}
5331
- function create_if_block$5(ctx) {
5331
+ function create_if_block$7(ctx) {
5332
5332
  let a;
5333
5333
  let div0;
5334
5334
  let rendertext;
@@ -5414,12 +5414,12 @@ function create_if_block$5(ctx) {
5414
5414
  };
5415
5415
  }
5416
5416
 
5417
- function create_fragment$Y(ctx) {
5417
+ function create_fragment$_(ctx) {
5418
5418
  let div;
5419
5419
  let current_block_type_index;
5420
5420
  let if_block;
5421
5421
  let current;
5422
- const if_block_creators = [create_if_block$5, create_else_block$1];
5422
+ const if_block_creators = [create_if_block$7, create_else_block$2];
5423
5423
  const if_blocks = [];
5424
5424
 
5425
5425
  function select_block_type(ctx, dirty) {
@@ -5484,7 +5484,7 @@ function create_fragment$Y(ctx) {
5484
5484
  };
5485
5485
  }
5486
5486
 
5487
- function instance$Y($$self, $$props, $$invalidate) {
5487
+ function instance$_($$self, $$props, $$invalidate) {
5488
5488
  let style;
5489
5489
  let { text = 'テキストのコンテンツ' } = $$props;
5490
5490
  let { font = SYSTEM_FONT } = $$props;
@@ -5580,8 +5580,8 @@ class TextElement extends SvelteComponent {
5580
5580
  init(
5581
5581
  this,
5582
5582
  options,
5583
- instance$Y,
5584
- create_fragment$Y,
5583
+ instance$_,
5584
+ create_fragment$_,
5585
5585
  safe_not_equal,
5586
5586
  {
5587
5587
  text: 0,
@@ -5592,14 +5592,14 @@ class TextElement extends SvelteComponent {
5592
5592
  enableCopy: 2,
5593
5593
  eventName: 10
5594
5594
  },
5595
- add_css$x
5595
+ add_css$z
5596
5596
  );
5597
5597
  }
5598
5598
  }
5599
5599
 
5600
5600
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5601
5601
 
5602
- function add_css$w(target) {
5602
+ function add_css$y(target) {
5603
5603
  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)}");
5604
5604
  }
5605
5605
 
@@ -5637,7 +5637,7 @@ function create_default_slot$5(ctx) {
5637
5637
  };
5638
5638
  }
5639
5639
 
5640
- function create_fragment$X(ctx) {
5640
+ function create_fragment$Z(ctx) {
5641
5641
  let div;
5642
5642
  let button;
5643
5643
  let current;
@@ -5691,7 +5691,7 @@ function create_fragment$X(ctx) {
5691
5691
  };
5692
5692
  }
5693
5693
 
5694
- function instance$X($$self, $$props, $$invalidate) {
5694
+ function instance$Z($$self, $$props, $$invalidate) {
5695
5695
  let style;
5696
5696
  let { text = 'ボタンのラベル' } = $$props;
5697
5697
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -5729,8 +5729,8 @@ class TextButtonElement extends SvelteComponent {
5729
5729
  init(
5730
5730
  this,
5731
5731
  options,
5732
- instance$X,
5733
- create_fragment$X,
5732
+ instance$Z,
5733
+ create_fragment$Z,
5734
5734
  safe_not_equal,
5735
5735
  {
5736
5736
  text: 0,
@@ -5740,14 +5740,14 @@ class TextButtonElement extends SvelteComponent {
5740
5740
  _buttonStyle: 5,
5741
5741
  _style: 6
5742
5742
  },
5743
- add_css$w
5743
+ add_css$y
5744
5744
  );
5745
5745
  }
5746
5746
  }
5747
5747
 
5748
5748
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5749
5749
 
5750
- function add_css$v(target) {
5750
+ function add_css$x(target) {
5751
5751
  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%}");
5752
5752
  }
5753
5753
 
@@ -5802,7 +5802,7 @@ function create_default_slot$4(ctx) {
5802
5802
  };
5803
5803
  }
5804
5804
 
5805
- function create_fragment$W(ctx) {
5805
+ function create_fragment$Y(ctx) {
5806
5806
  let div;
5807
5807
  let button;
5808
5808
  let div_class_value;
@@ -5861,7 +5861,7 @@ function create_fragment$W(ctx) {
5861
5861
  };
5862
5862
  }
5863
5863
 
5864
- function instance$W($$self, $$props, $$invalidate) {
5864
+ function instance$Y($$self, $$props, $$invalidate) {
5865
5865
  let { src = '' } = $$props;
5866
5866
  let { alt = '画像の説明' } = $$props;
5867
5867
  let { transport = false } = $$props;
@@ -5892,8 +5892,8 @@ class ImageElement extends SvelteComponent {
5892
5892
  init(
5893
5893
  this,
5894
5894
  options,
5895
- instance$W,
5896
- create_fragment$W,
5895
+ instance$Y,
5896
+ create_fragment$Y,
5897
5897
  safe_not_equal,
5898
5898
  {
5899
5899
  src: 0,
@@ -5905,18 +5905,18 @@ class ImageElement extends SvelteComponent {
5905
5905
  _imageStyle: 6,
5906
5906
  _style: 7
5907
5907
  },
5908
- add_css$v
5908
+ add_css$x
5909
5909
  );
5910
5910
  }
5911
5911
  }
5912
5912
 
5913
5913
  /* src/components/List.svelte generated by Svelte v3.53.1 */
5914
5914
 
5915
- function add_css$u(target) {
5915
+ function add_css$w(target) {
5916
5916
  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}");
5917
5917
  }
5918
5918
 
5919
- function create_fragment$V(ctx) {
5919
+ function create_fragment$X(ctx) {
5920
5920
  let div;
5921
5921
  let current;
5922
5922
  const default_slot_template = /*#slots*/ ctx[6].default;
@@ -5976,7 +5976,7 @@ function create_fragment$V(ctx) {
5976
5976
 
5977
5977
  const LIST_CONTEXT_KEY = Symbol();
5978
5978
 
5979
- function instance$V($$self, $$props, $$invalidate) {
5979
+ function instance$X($$self, $$props, $$invalidate) {
5980
5980
  let style;
5981
5981
  let { $$slots: slots = {}, $$scope } = $$props;
5982
5982
  let { direction = 'vertical' } = $$props;
@@ -6043,8 +6043,8 @@ class List extends SvelteComponent {
6043
6043
  init(
6044
6044
  this,
6045
6045
  options,
6046
- instance$V,
6047
- create_fragment$V,
6046
+ instance$X,
6047
+ create_fragment$X,
6048
6048
  safe_not_equal,
6049
6049
  {
6050
6050
  direction: 1,
@@ -6052,14 +6052,14 @@ class List extends SvelteComponent {
6052
6052
  background: 3,
6053
6053
  _style: 4
6054
6054
  },
6055
- add_css$u
6055
+ add_css$w
6056
6056
  );
6057
6057
  }
6058
6058
  }
6059
6059
 
6060
6060
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
6061
6061
 
6062
- function add_css$t(target) {
6062
+ function add_css$v(target) {
6063
6063
  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}");
6064
6064
  }
6065
6065
 
@@ -6111,7 +6111,7 @@ function create_default_slot$3(ctx) {
6111
6111
  };
6112
6112
  }
6113
6113
 
6114
- function create_fragment$U(ctx) {
6114
+ function create_fragment$W(ctx) {
6115
6115
  let div;
6116
6116
  let button;
6117
6117
  let current;
@@ -6170,7 +6170,7 @@ function create_fragment$U(ctx) {
6170
6170
  };
6171
6171
  }
6172
6172
 
6173
- function instance$U($$self, $$props, $$invalidate) {
6173
+ function instance$W($$self, $$props, $$invalidate) {
6174
6174
  let listItemStyle;
6175
6175
  let { $$slots: slots = {}, $$scope } = $$props;
6176
6176
  const { separator, background, direction, registerItem, unregisterItem } = getContext(LIST_CONTEXT_KEY);
@@ -6249,17 +6249,17 @@ function instance$U($$self, $$props, $$invalidate) {
6249
6249
  class ListItem extends SvelteComponent {
6250
6250
  constructor(options) {
6251
6251
  super();
6252
- init(this, options, instance$U, create_fragment$U, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$t);
6252
+ init(this, options, instance$W, create_fragment$W, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$v);
6253
6253
  }
6254
6254
  }
6255
6255
 
6256
6256
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
6257
6257
 
6258
- function add_css$s(target) {
6258
+ function add_css$u(target) {
6259
6259
  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}");
6260
6260
  }
6261
6261
 
6262
- function create_fragment$T(ctx) {
6262
+ function create_fragment$V(ctx) {
6263
6263
  let div;
6264
6264
 
6265
6265
  return {
@@ -6286,7 +6286,7 @@ function create_fragment$T(ctx) {
6286
6286
  };
6287
6287
  }
6288
6288
 
6289
- function instance$T($$self, $$props, $$invalidate) {
6289
+ function instance$V($$self, $$props, $$invalidate) {
6290
6290
  let { code } = $$props;
6291
6291
  let { _style = '' } = $$props;
6292
6292
 
@@ -6301,17 +6301,17 @@ function instance$T($$self, $$props, $$invalidate) {
6301
6301
  class EmbedElement extends SvelteComponent {
6302
6302
  constructor(options) {
6303
6303
  super();
6304
- init(this, options, instance$T, create_fragment$T, safe_not_equal, { code: 0, _style: 1 }, add_css$s);
6304
+ init(this, options, instance$V, create_fragment$V, safe_not_equal, { code: 0, _style: 1 }, add_css$u);
6305
6305
  }
6306
6306
  }
6307
6307
 
6308
6308
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
6309
6309
 
6310
- function add_css$r(target) {
6310
+ function add_css$t(target) {
6311
6311
  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%}");
6312
6312
  }
6313
6313
 
6314
- function create_fragment$S(ctx) {
6314
+ function create_fragment$U(ctx) {
6315
6315
  let div1;
6316
6316
  let div0;
6317
6317
 
@@ -6352,7 +6352,7 @@ function _setValue(obj, key, value) {
6352
6352
  }
6353
6353
  }
6354
6354
 
6355
- function instance$S($$self, $$props, $$invalidate) {
6355
+ function instance$U($$self, $$props, $$invalidate) {
6356
6356
  let $system;
6357
6357
  component_subscribe($$self, system, $$value => $$invalidate(31, $system = $$value));
6358
6358
  let { videoId = 'wt0OjOeX-JA' } = $$props;
@@ -6623,8 +6623,8 @@ class MovieYouTubeElement extends SvelteComponent {
6623
6623
  init(
6624
6624
  this,
6625
6625
  options,
6626
- instance$S,
6627
- create_fragment$S,
6626
+ instance$U,
6627
+ create_fragment$U,
6628
6628
  safe_not_equal,
6629
6629
  {
6630
6630
  videoId: 2,
@@ -6653,7 +6653,7 @@ class MovieYouTubeElement extends SvelteComponent {
6653
6653
  mute: 25,
6654
6654
  _style: 0
6655
6655
  },
6656
- add_css$r,
6656
+ add_css$t,
6657
6657
  [-1, -1]
6658
6658
  );
6659
6659
  }
@@ -6661,11 +6661,11 @@ class MovieYouTubeElement extends SvelteComponent {
6661
6661
 
6662
6662
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6663
6663
 
6664
- function add_css$q(target) {
6664
+ function add_css$s(target) {
6665
6665
  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%}");
6666
6666
  }
6667
6667
 
6668
- function create_fragment$R(ctx) {
6668
+ function create_fragment$T(ctx) {
6669
6669
  let div1;
6670
6670
  let div0;
6671
6671
 
@@ -6696,7 +6696,7 @@ function create_fragment$R(ctx) {
6696
6696
  };
6697
6697
  }
6698
6698
 
6699
- function instance$R($$self, $$props, $$invalidate) {
6699
+ function instance$T($$self, $$props, $$invalidate) {
6700
6700
  let $system;
6701
6701
  component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
6702
6702
  let { videoId = "201239468" } = $$props;
@@ -6839,8 +6839,8 @@ class MovieVimeoElement extends SvelteComponent {
6839
6839
  init(
6840
6840
  this,
6841
6841
  options,
6842
- instance$R,
6843
- create_fragment$R,
6842
+ instance$T,
6843
+ create_fragment$T,
6844
6844
  safe_not_equal,
6845
6845
  {
6846
6846
  videoId: 2,
@@ -6850,18 +6850,18 @@ class MovieVimeoElement extends SvelteComponent {
6850
6850
  mute: 6,
6851
6851
  _style: 0
6852
6852
  },
6853
- add_css$q
6853
+ add_css$s
6854
6854
  );
6855
6855
  }
6856
6856
  }
6857
6857
 
6858
6858
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
6859
6859
 
6860
- function add_css$p(target) {
6860
+ function add_css$r(target) {
6861
6861
  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}");
6862
6862
  }
6863
6863
 
6864
- function create_fragment$Q(ctx) {
6864
+ function create_fragment$S(ctx) {
6865
6865
  let div;
6866
6866
  let textarea;
6867
6867
  let mounted;
@@ -6919,7 +6919,7 @@ function create_fragment$Q(ctx) {
6919
6919
  };
6920
6920
  }
6921
6921
 
6922
- function instance$Q($$self, $$props, $$invalidate) {
6922
+ function instance$S($$self, $$props, $$invalidate) {
6923
6923
  let style;
6924
6924
  let styleVariables;
6925
6925
  let $value;
@@ -7007,8 +7007,8 @@ class FormTextarea extends SvelteComponent {
7007
7007
  init(
7008
7008
  this,
7009
7009
  options,
7010
- instance$Q,
7011
- create_fragment$Q,
7010
+ instance$S,
7011
+ create_fragment$S,
7012
7012
  safe_not_equal,
7013
7013
  {
7014
7014
  name: 7,
@@ -7020,14 +7020,14 @@ class FormTextarea extends SvelteComponent {
7020
7020
  _textStyle: 11,
7021
7021
  _placeholderStyle: 12
7022
7022
  },
7023
- add_css$p
7023
+ add_css$r
7024
7024
  );
7025
7025
  }
7026
7026
  }
7027
7027
 
7028
7028
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
7029
7029
 
7030
- function add_css$o(target) {
7030
+ function add_css$q(target) {
7031
7031
  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}");
7032
7032
  }
7033
7033
 
@@ -7117,7 +7117,7 @@ function create_each_block$5(ctx) {
7117
7117
  };
7118
7118
  }
7119
7119
 
7120
- function create_fragment$P(ctx) {
7120
+ function create_fragment$R(ctx) {
7121
7121
  let div;
7122
7122
  let each_value = /*_options*/ ctx[4];
7123
7123
  let each_blocks = [];
@@ -7181,7 +7181,7 @@ function create_fragment$P(ctx) {
7181
7181
  };
7182
7182
  }
7183
7183
 
7184
- function instance$P($$self, $$props, $$invalidate) {
7184
+ function instance$R($$self, $$props, $$invalidate) {
7185
7185
  let _options;
7186
7186
  let buttonStyle;
7187
7187
  let _value;
@@ -7281,8 +7281,8 @@ class FormRadioButtons extends SvelteComponent {
7281
7281
  init(
7282
7282
  this,
7283
7283
  options,
7284
- instance$P,
7285
- create_fragment$P,
7284
+ instance$R,
7285
+ create_fragment$R,
7286
7286
  safe_not_equal,
7287
7287
  {
7288
7288
  name: 0,
@@ -7295,14 +7295,14 @@ class FormRadioButtons extends SvelteComponent {
7295
7295
  buttonColor: 13,
7296
7296
  buttonColorActive: 14
7297
7297
  },
7298
- add_css$o
7298
+ add_css$q
7299
7299
  );
7300
7300
  }
7301
7301
  }
7302
7302
 
7303
7303
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
7304
7304
 
7305
- function add_css$n(target) {
7305
+ function add_css$p(target) {
7306
7306
  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}");
7307
7307
  }
7308
7308
 
@@ -7314,7 +7314,7 @@ function get_each_context$4(ctx, list, i) {
7314
7314
  }
7315
7315
 
7316
7316
  // (107:10) {:else}
7317
- function create_else_block(ctx) {
7317
+ function create_else_block$1(ctx) {
7318
7318
  let t;
7319
7319
 
7320
7320
  return {
@@ -7334,7 +7334,7 @@ function create_else_block(ctx) {
7334
7334
  }
7335
7335
 
7336
7336
  // (105:10) {#if option}
7337
- function create_if_block$4(ctx) {
7337
+ function create_if_block$6(ctx) {
7338
7338
  let t_value = /*option*/ ctx[19] + "";
7339
7339
  let t;
7340
7340
 
@@ -7362,8 +7362,8 @@ function create_each_block$4(ctx) {
7362
7362
  let option_selected_value;
7363
7363
 
7364
7364
  function select_block_type(ctx, dirty) {
7365
- if (/*option*/ ctx[19]) return create_if_block$4;
7366
- return create_else_block;
7365
+ if (/*option*/ ctx[19]) return create_if_block$6;
7366
+ return create_else_block$1;
7367
7367
  }
7368
7368
 
7369
7369
  let current_block_type = select_block_type(ctx);
@@ -7412,7 +7412,7 @@ function create_each_block$4(ctx) {
7412
7412
  };
7413
7413
  }
7414
7414
 
7415
- function create_fragment$O(ctx) {
7415
+ function create_fragment$Q(ctx) {
7416
7416
  let div1;
7417
7417
  let select;
7418
7418
  let t;
@@ -7502,7 +7502,7 @@ function create_fragment$O(ctx) {
7502
7502
  };
7503
7503
  }
7504
7504
 
7505
- function instance$O($$self, $$props, $$invalidate) {
7505
+ function instance$Q($$self, $$props, $$invalidate) {
7506
7506
  let _options;
7507
7507
  let style;
7508
7508
  let styleVariables;
@@ -7618,8 +7618,8 @@ class FormSelect extends SvelteComponent {
7618
7618
  init(
7619
7619
  this,
7620
7620
  options,
7621
- instance$O,
7622
- create_fragment$O,
7621
+ instance$Q,
7622
+ create_fragment$Q,
7623
7623
  safe_not_equal,
7624
7624
  {
7625
7625
  name: 7,
@@ -7634,14 +7634,14 @@ class FormSelect extends SvelteComponent {
7634
7634
  iconColor: 15,
7635
7635
  iconSize: 16
7636
7636
  },
7637
- add_css$n
7637
+ add_css$p
7638
7638
  );
7639
7639
  }
7640
7640
  }
7641
7641
 
7642
7642
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
7643
7643
 
7644
- function add_css$m(target) {
7644
+ function add_css$o(target) {
7645
7645
  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}");
7646
7646
  }
7647
7647
 
@@ -7747,7 +7747,7 @@ function create_each_block$3(ctx) {
7747
7747
  };
7748
7748
  }
7749
7749
 
7750
- function create_fragment$N(ctx) {
7750
+ function create_fragment$P(ctx) {
7751
7751
  let div;
7752
7752
  let each_value = /*_options*/ ctx[3];
7753
7753
  let each_blocks = [];
@@ -7811,7 +7811,7 @@ function create_fragment$N(ctx) {
7811
7811
  };
7812
7812
  }
7813
7813
 
7814
- function instance$N($$self, $$props, $$invalidate) {
7814
+ function instance$P($$self, $$props, $$invalidate) {
7815
7815
  let _options;
7816
7816
  let styleVariables;
7817
7817
  let isCheckedArray;
@@ -7917,8 +7917,8 @@ class FormCheckBoxes extends SvelteComponent {
7917
7917
  init(
7918
7918
  this,
7919
7919
  options,
7920
- instance$N,
7921
- create_fragment$N,
7920
+ instance$P,
7921
+ create_fragment$P,
7922
7922
  safe_not_equal,
7923
7923
  {
7924
7924
  name: 0,
@@ -7931,14 +7931,14 @@ class FormCheckBoxes extends SvelteComponent {
7931
7931
  buttonColor: 13,
7932
7932
  buttonColorActive: 14
7933
7933
  },
7934
- add_css$m
7934
+ add_css$o
7935
7935
  );
7936
7936
  }
7937
7937
  }
7938
7938
 
7939
7939
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
7940
7940
 
7941
- function add_css$l(target) {
7941
+ function add_css$n(target) {
7942
7942
  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}");
7943
7943
  }
7944
7944
 
@@ -7995,7 +7995,7 @@ function create_each_block$2(ctx) {
7995
7995
  };
7996
7996
  }
7997
7997
 
7998
- function create_fragment$M(ctx) {
7998
+ function create_fragment$O(ctx) {
7999
7999
  let div;
8000
8000
  let each_value = [...Array(/*count*/ ctx[0]).keys()].map(/*func*/ ctx[12]);
8001
8001
  let each_blocks = [];
@@ -8054,7 +8054,7 @@ function create_fragment$M(ctx) {
8054
8054
  };
8055
8055
  }
8056
8056
 
8057
- function instance$M($$self, $$props, $$invalidate) {
8057
+ function instance$O($$self, $$props, $$invalidate) {
8058
8058
  let _value;
8059
8059
  let $value;
8060
8060
  let { name = '' } = $$props;
@@ -8136,8 +8136,8 @@ class FormRatingButtonsNumber extends SvelteComponent {
8136
8136
  init(
8137
8137
  this,
8138
8138
  options,
8139
- instance$M,
8140
- create_fragment$M,
8139
+ instance$O,
8140
+ create_fragment$O,
8141
8141
  safe_not_equal,
8142
8142
  {
8143
8143
  name: 6,
@@ -8148,14 +8148,14 @@ class FormRatingButtonsNumber extends SvelteComponent {
8148
8148
  buttonStyle: 9,
8149
8149
  buttonActiveStyle: 10
8150
8150
  },
8151
- add_css$l
8151
+ add_css$n
8152
8152
  );
8153
8153
  }
8154
8154
  }
8155
8155
 
8156
8156
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
8157
8157
 
8158
- function add_css$k(target) {
8158
+ function add_css$m(target) {
8159
8159
  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%)}");
8160
8160
  }
8161
8161
 
@@ -8215,7 +8215,7 @@ function create_each_block$1(ctx) {
8215
8215
  };
8216
8216
  }
8217
8217
 
8218
- function create_fragment$L(ctx) {
8218
+ function create_fragment$N(ctx) {
8219
8219
  let div;
8220
8220
  let each_value = [...Array(count).keys()].reverse().map(func);
8221
8221
  let each_blocks = [];
@@ -8277,7 +8277,7 @@ function create_fragment$L(ctx) {
8277
8277
  const count = 5;
8278
8278
  const func = i => i + 1;
8279
8279
 
8280
- function instance$L($$self, $$props, $$invalidate) {
8280
+ function instance$N($$self, $$props, $$invalidate) {
8281
8281
  let _value;
8282
8282
  let buttonStyle;
8283
8283
  let $value;
@@ -8333,17 +8333,17 @@ function instance$L($$self, $$props, $$invalidate) {
8333
8333
  class FormRatingButtonsFace extends SvelteComponent {
8334
8334
  constructor(options) {
8335
8335
  super();
8336
- init(this, options, instance$L, create_fragment$L, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$k);
8336
+ init(this, options, instance$N, create_fragment$N, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$m);
8337
8337
  }
8338
8338
  }
8339
8339
 
8340
8340
  /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
8341
8341
 
8342
- function add_css$j(target) {
8342
+ function add_css$l(target) {
8343
8343
  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}");
8344
8344
  }
8345
8345
 
8346
- function create_fragment$K(ctx) {
8346
+ function create_fragment$M(ctx) {
8347
8347
  let div;
8348
8348
  let input;
8349
8349
  let input_class_value;
@@ -8407,7 +8407,7 @@ function create_fragment$K(ctx) {
8407
8407
  };
8408
8408
  }
8409
8409
 
8410
- function instance$K($$self, $$props, $$invalidate) {
8410
+ function instance$M($$self, $$props, $$invalidate) {
8411
8411
  let style;
8412
8412
  let styleVariables;
8413
8413
  let isValidForUI;
@@ -8538,8 +8538,8 @@ class FormIdentifyInput extends SvelteComponent {
8538
8538
  init(
8539
8539
  this,
8540
8540
  options,
8541
- instance$K,
8542
- create_fragment$K,
8541
+ instance$M,
8542
+ create_fragment$M,
8543
8543
  safe_not_equal,
8544
8544
  {
8545
8545
  field: 9,
@@ -8553,18 +8553,18 @@ class FormIdentifyInput extends SvelteComponent {
8553
8553
  _textStyle: 15,
8554
8554
  _placeholderStyle: 16
8555
8555
  },
8556
- add_css$j
8556
+ add_css$l
8557
8557
  );
8558
8558
  }
8559
8559
  }
8560
8560
 
8561
8561
  /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
8562
8562
 
8563
- function add_css$i(target) {
8563
+ function add_css$k(target) {
8564
8564
  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}");
8565
8565
  }
8566
8566
 
8567
- function create_fragment$J(ctx) {
8567
+ function create_fragment$L(ctx) {
8568
8568
  let div;
8569
8569
  let label0;
8570
8570
  let input0;
@@ -8677,7 +8677,7 @@ function create_fragment$J(ctx) {
8677
8677
  };
8678
8678
  }
8679
8679
 
8680
- function instance$J($$self, $$props, $$invalidate) {
8680
+ function instance$L($$self, $$props, $$invalidate) {
8681
8681
  let buttonStyle;
8682
8682
  let $value;
8683
8683
  let { field = 'subscription' } = $$props;
@@ -8759,8 +8759,8 @@ class FormIdentifyChoices extends SvelteComponent {
8759
8759
  init(
8760
8760
  this,
8761
8761
  options,
8762
- instance$J,
8763
- create_fragment$J,
8762
+ instance$L,
8763
+ create_fragment$L,
8764
8764
  safe_not_equal,
8765
8765
  {
8766
8766
  field: 6,
@@ -8772,14 +8772,14 @@ class FormIdentifyChoices extends SvelteComponent {
8772
8772
  buttonColor: 10,
8773
8773
  buttonColorActive: 11
8774
8774
  },
8775
- add_css$i
8775
+ add_css$k
8776
8776
  );
8777
8777
  }
8778
8778
  }
8779
8779
 
8780
8780
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
8781
8781
 
8782
- function add_css$h(target) {
8782
+ function add_css$j(target) {
8783
8783
  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%}");
8784
8784
  }
8785
8785
 
@@ -8791,7 +8791,7 @@ function get_each_context(ctx, list, i) {
8791
8791
  }
8792
8792
 
8793
8793
  // (371:2) {#if isVisiblePrevButton}
8794
- function create_if_block_1(ctx) {
8794
+ function create_if_block_1$1(ctx) {
8795
8795
  let div;
8796
8796
  let button;
8797
8797
  let svg;
@@ -8842,7 +8842,7 @@ function create_if_block_1(ctx) {
8842
8842
  }
8843
8843
 
8844
8844
  // (380:2) {#if isVisibleNextButton}
8845
- function create_if_block$3(ctx) {
8845
+ function create_if_block$5(ctx) {
8846
8846
  let div;
8847
8847
  let button;
8848
8848
  let svg;
@@ -8944,7 +8944,7 @@ function create_each_block(ctx) {
8944
8944
  };
8945
8945
  }
8946
8946
 
8947
- function create_fragment$I(ctx) {
8947
+ function create_fragment$K(ctx) {
8948
8948
  let div3;
8949
8949
  let div1;
8950
8950
  let div0;
@@ -8956,8 +8956,8 @@ function create_fragment$I(ctx) {
8956
8956
  let current;
8957
8957
  const default_slot_template = /*#slots*/ ctx[32].default;
8958
8958
  const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[31], null);
8959
- let if_block0 = /*isVisiblePrevButton*/ ctx[12] && create_if_block_1(ctx);
8960
- let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$3(ctx);
8959
+ let if_block0 = /*isVisiblePrevButton*/ ctx[12] && create_if_block_1$1(ctx);
8960
+ let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$5(ctx);
8961
8961
  let each_value = /*items*/ ctx[1];
8962
8962
  let each_blocks = [];
8963
8963
 
@@ -9054,7 +9054,7 @@ function create_fragment$I(ctx) {
9054
9054
  if (if_block0) {
9055
9055
  if_block0.p(ctx, dirty);
9056
9056
  } else {
9057
- if_block0 = create_if_block_1(ctx);
9057
+ if_block0 = create_if_block_1$1(ctx);
9058
9058
  if_block0.c();
9059
9059
  if_block0.m(div3, t1);
9060
9060
  }
@@ -9067,7 +9067,7 @@ function create_fragment$I(ctx) {
9067
9067
  if (if_block1) {
9068
9068
  if_block1.p(ctx, dirty);
9069
9069
  } else {
9070
- if_block1 = create_if_block$3(ctx);
9070
+ if_block1 = create_if_block$5(ctx);
9071
9071
  if_block1.c();
9072
9072
  if_block1.m(div3, t2);
9073
9073
  }
@@ -9139,7 +9139,7 @@ function calcPositionIndex(shift, index, length) {
9139
9139
  }
9140
9140
  }
9141
9141
 
9142
- function instance$I($$self, $$props, $$invalidate) {
9142
+ function instance$K($$self, $$props, $$invalidate) {
9143
9143
  let slideStyle;
9144
9144
  let slideClass;
9145
9145
  let _loop;
@@ -9592,8 +9592,8 @@ class Slide extends SvelteComponent {
9592
9592
  init(
9593
9593
  this,
9594
9594
  options,
9595
- instance$I,
9596
- create_fragment$I,
9595
+ instance$K,
9596
+ create_fragment$K,
9597
9597
  safe_not_equal,
9598
9598
  {
9599
9599
  loop: 18,
@@ -9607,7 +9607,7 @@ class Slide extends SvelteComponent {
9607
9607
  navigationButton: 25,
9608
9608
  navigationEdgePosition: 26
9609
9609
  },
9610
- add_css$h,
9610
+ add_css$j,
9611
9611
  [-1, -1, -1]
9612
9612
  );
9613
9613
  }
@@ -9615,11 +9615,11 @@ class Slide extends SvelteComponent {
9615
9615
 
9616
9616
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
9617
9617
 
9618
- function add_css$g(target) {
9618
+ function add_css$i(target) {
9619
9619
  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}");
9620
9620
  }
9621
9621
 
9622
- function create_fragment$H(ctx) {
9622
+ function create_fragment$J(ctx) {
9623
9623
  let div1;
9624
9624
  let div0;
9625
9625
  let current;
@@ -9686,7 +9686,7 @@ function create_fragment$H(ctx) {
9686
9686
  };
9687
9687
  }
9688
9688
 
9689
- function instance$H($$self, $$props, $$invalidate) {
9689
+ function instance$J($$self, $$props, $$invalidate) {
9690
9690
  let itemStyle;
9691
9691
  let { $$slots: slots = {}, $$scope } = $$props;
9692
9692
  const { registerItem, unregisterItem } = getContext('SLIDE');
@@ -9752,20 +9752,20 @@ function instance$H($$self, $$props, $$invalidate) {
9752
9752
  class SlideItem extends SvelteComponent {
9753
9753
  constructor(options) {
9754
9754
  super();
9755
- init(this, options, instance$H, create_fragment$H, safe_not_equal, { _style: 0 }, add_css$g);
9755
+ init(this, options, instance$J, create_fragment$J, safe_not_equal, { _style: 0 }, add_css$i);
9756
9756
  }
9757
9757
  }
9758
9758
 
9759
9759
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
9760
9760
 
9761
- function add_css$f(target) {
9761
+ function add_css$h(target) {
9762
9762
  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}");
9763
9763
  }
9764
9764
 
9765
9765
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
9766
9766
  const get_default_slot_context = ctx => ({ countdown: /*countdown*/ ctx[1] });
9767
9767
 
9768
- function create_fragment$G(ctx) {
9768
+ function create_fragment$I(ctx) {
9769
9769
  let div1;
9770
9770
  let div0;
9771
9771
  let current;
@@ -9845,7 +9845,7 @@ function formatTimeDiff(ms) {
9845
9845
  };
9846
9846
  }
9847
9847
 
9848
- function instance$G($$self, $$props, $$invalidate) {
9848
+ function instance$I($$self, $$props, $$invalidate) {
9849
9849
  let countdown;
9850
9850
  let { $$slots: slots = {}, $$scope } = $$props;
9851
9851
  let { timeLimit = '2023/12/31 23:59:59' } = $$props;
@@ -9906,13 +9906,13 @@ function instance$G($$self, $$props, $$invalidate) {
9906
9906
  class Countdown extends SvelteComponent {
9907
9907
  constructor(options) {
9908
9908
  super();
9909
- init(this, options, instance$G, create_fragment$G, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$f);
9909
+ init(this, options, instance$I, create_fragment$I, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$h);
9910
9910
  }
9911
9911
  }
9912
9912
 
9913
9913
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
9914
9914
 
9915
- function add_css$e(target) {
9915
+ function add_css$g(target) {
9916
9916
  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}");
9917
9917
  }
9918
9918
 
@@ -9964,7 +9964,7 @@ function create_default_slot$2(ctx) {
9964
9964
  };
9965
9965
  }
9966
9966
 
9967
- function create_fragment$F(ctx) {
9967
+ function create_fragment$H(ctx) {
9968
9968
  let div;
9969
9969
  let button;
9970
9970
  let current;
@@ -10018,7 +10018,7 @@ function create_fragment$F(ctx) {
10018
10018
  };
10019
10019
  }
10020
10020
 
10021
- function instance$F($$self, $$props, $$invalidate) {
10021
+ function instance$H($$self, $$props, $$invalidate) {
10022
10022
  let { $$slots: slots = {}, $$scope } = $$props;
10023
10023
  let { onClick = { operation: 'none', args: [] } } = $$props;
10024
10024
  let { eventName = '' } = $$props;
@@ -10037,18 +10037,18 @@ function instance$F($$self, $$props, $$invalidate) {
10037
10037
  class Box extends SvelteComponent {
10038
10038
  constructor(options) {
10039
10039
  super();
10040
- init(this, options, instance$F, create_fragment$F, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$e);
10040
+ init(this, options, instance$H, create_fragment$H, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$g);
10041
10041
  }
10042
10042
  }
10043
10043
 
10044
10044
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
10045
10045
 
10046
- function add_css$d(target) {
10046
+ function add_css$f(target) {
10047
10047
  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)}");
10048
10048
  }
10049
10049
 
10050
10050
  // (56:4) {#if svg}
10051
- function create_if_block$2(ctx) {
10051
+ function create_if_block$4(ctx) {
10052
10052
  let html_tag;
10053
10053
  let html_anchor;
10054
10054
 
@@ -10075,7 +10075,7 @@ function create_if_block$2(ctx) {
10075
10075
  // (55:2) <Button {onClick} {style} {eventName}>
10076
10076
  function create_default_slot$1(ctx) {
10077
10077
  let if_block_anchor;
10078
- let if_block = /*svg*/ ctx[3] && create_if_block$2(ctx);
10078
+ let if_block = /*svg*/ ctx[3] && create_if_block$4(ctx);
10079
10079
 
10080
10080
  return {
10081
10081
  c() {
@@ -10091,7 +10091,7 @@ function create_default_slot$1(ctx) {
10091
10091
  if (if_block) {
10092
10092
  if_block.p(ctx, dirty);
10093
10093
  } else {
10094
- if_block = create_if_block$2(ctx);
10094
+ if_block = create_if_block$4(ctx);
10095
10095
  if_block.c();
10096
10096
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
10097
10097
  }
@@ -10107,7 +10107,7 @@ function create_default_slot$1(ctx) {
10107
10107
  };
10108
10108
  }
10109
10109
 
10110
- function create_fragment$E(ctx) {
10110
+ function create_fragment$G(ctx) {
10111
10111
  let div;
10112
10112
  let button;
10113
10113
  let current;
@@ -10168,7 +10168,7 @@ function parseData(dataUrl) {
10168
10168
  return decodeURIComponent(data).replaceAll('\'', '"');
10169
10169
  }
10170
10170
 
10171
- function instance$E($$self, $$props, $$invalidate) {
10171
+ function instance$G($$self, $$props, $$invalidate) {
10172
10172
  let svg;
10173
10173
  let styleVariables;
10174
10174
  let style;
@@ -10216,8 +10216,8 @@ class IconElement extends SvelteComponent {
10216
10216
  init(
10217
10217
  this,
10218
10218
  options,
10219
- instance$E,
10220
- create_fragment$E,
10219
+ instance$G,
10220
+ create_fragment$G,
10221
10221
  safe_not_equal,
10222
10222
  {
10223
10223
  icon: 4,
@@ -10227,18 +10227,18 @@ class IconElement extends SvelteComponent {
10227
10227
  color: 6,
10228
10228
  _style: 7
10229
10229
  },
10230
- add_css$d
10230
+ add_css$f
10231
10231
  );
10232
10232
  }
10233
10233
  }
10234
10234
 
10235
10235
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
10236
10236
 
10237
- function add_css$c(target) {
10237
+ function add_css$e(target) {
10238
10238
  append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10239
10239
  }
10240
10240
 
10241
- function create_fragment$D(ctx) {
10241
+ function create_fragment$F(ctx) {
10242
10242
  let div;
10243
10243
  let switch_instance;
10244
10244
  let current;
@@ -10318,7 +10318,7 @@ function create_fragment$D(ctx) {
10318
10318
  };
10319
10319
  }
10320
10320
 
10321
- function instance$D($$self, $$props, $$invalidate) {
10321
+ function instance$F($$self, $$props, $$invalidate) {
10322
10322
  let $data,
10323
10323
  $$unsubscribe_data = noop,
10324
10324
  $$subscribe_data = () => ($$unsubscribe_data(), $$unsubscribe_data = subscribe(data, $$value => $$invalidate(4, $data = $$value)), data);
@@ -10343,17 +10343,17 @@ function instance$D($$self, $$props, $$invalidate) {
10343
10343
  class CodeElement extends SvelteComponent {
10344
10344
  constructor(options) {
10345
10345
  super();
10346
- init(this, options, instance$D, create_fragment$D, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$c);
10346
+ init(this, options, instance$F, create_fragment$F, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$e);
10347
10347
  }
10348
10348
  }
10349
10349
 
10350
10350
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
10351
10351
 
10352
- function add_css$b(target) {
10352
+ function add_css$d(target) {
10353
10353
  append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
10354
10354
  }
10355
10355
 
10356
- function create_fragment$C(ctx) {
10356
+ function create_fragment$E(ctx) {
10357
10357
  let div;
10358
10358
  let div_style_value;
10359
10359
  let current;
@@ -10418,7 +10418,7 @@ function getFlexContext() {
10418
10418
  return getContext(FlexContextKey);
10419
10419
  }
10420
10420
 
10421
- function instance$C($$self, $$props, $$invalidate) {
10421
+ function instance$E($$self, $$props, $$invalidate) {
10422
10422
  let { $$slots: slots = {}, $$scope } = $$props;
10423
10423
  let { direction = 'row' } = $$props;
10424
10424
  let { width = '100%' } = $$props;
@@ -10444,8 +10444,8 @@ class Flex extends SvelteComponent {
10444
10444
  init(
10445
10445
  this,
10446
10446
  options,
10447
- instance$C,
10448
- create_fragment$C,
10447
+ instance$E,
10448
+ create_fragment$E,
10449
10449
  safe_not_equal,
10450
10450
  {
10451
10451
  direction: 0,
@@ -10453,18 +10453,18 @@ class Flex extends SvelteComponent {
10453
10453
  height: 2,
10454
10454
  _style: 3
10455
10455
  },
10456
- add_css$b
10456
+ add_css$d
10457
10457
  );
10458
10458
  }
10459
10459
  }
10460
10460
 
10461
10461
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
10462
10462
 
10463
- function add_css$a(target) {
10463
+ function add_css$c(target) {
10464
10464
  append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
10465
10465
  }
10466
10466
 
10467
- function create_fragment$B(ctx) {
10467
+ function create_fragment$D(ctx) {
10468
10468
  let div;
10469
10469
  let current;
10470
10470
  const default_slot_template = /*#slots*/ ctx[4].default;
@@ -10522,7 +10522,7 @@ function create_fragment$B(ctx) {
10522
10522
  };
10523
10523
  }
10524
10524
 
10525
- function instance$B($$self, $$props, $$invalidate) {
10525
+ function instance$D($$self, $$props, $$invalidate) {
10526
10526
  let { $$slots: slots = {}, $$scope } = $$props;
10527
10527
  let { length } = $$props;
10528
10528
  let { _style = '' } = $$props;
@@ -10565,7 +10565,7 @@ function instance$B($$self, $$props, $$invalidate) {
10565
10565
  class FlexItem extends SvelteComponent {
10566
10566
  constructor(options) {
10567
10567
  super();
10568
- init(this, options, instance$B, create_fragment$B, safe_not_equal, { length: 1, _style: 2 }, add_css$a);
10568
+ init(this, options, instance$D, create_fragment$D, safe_not_equal, { length: 1, _style: 2 }, add_css$c);
10569
10569
  }
10570
10570
  }
10571
10571
 
@@ -10679,7 +10679,7 @@ function create_default_slot(ctx) {
10679
10679
  let modal;
10680
10680
  let current;
10681
10681
 
10682
- modal = new Modal({
10682
+ modal = new Modal$1({
10683
10683
  props: {
10684
10684
  placement: /*placement*/ ctx[4],
10685
10685
  animation: /*animation*/ ctx[5],
@@ -10740,7 +10740,7 @@ function create_default_slot(ctx) {
10740
10740
  };
10741
10741
  }
10742
10742
 
10743
- function create_fragment$A(ctx) {
10743
+ function create_fragment$C(ctx) {
10744
10744
  let stateitem;
10745
10745
  let current;
10746
10746
 
@@ -10785,7 +10785,7 @@ function create_fragment$A(ctx) {
10785
10785
  };
10786
10786
  }
10787
10787
 
10788
- function instance$A($$self, $$props, $$invalidate) {
10788
+ function instance$C($$self, $$props, $$invalidate) {
10789
10789
  let { $$slots: slots = {}, $$scope } = $$props;
10790
10790
  let { path } = $$props;
10791
10791
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -10856,7 +10856,7 @@ class GridModalState extends SvelteComponent {
10856
10856
  constructor(options) {
10857
10857
  super();
10858
10858
 
10859
- init(this, options, instance$A, create_fragment$A, safe_not_equal, {
10859
+ init(this, options, instance$C, create_fragment$C, safe_not_equal, {
10860
10860
  path: 0,
10861
10861
  onClick: 1,
10862
10862
  clickEventName: 2,
@@ -10881,11 +10881,11 @@ class GridModalState extends SvelteComponent {
10881
10881
 
10882
10882
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
10883
10883
 
10884
- function add_css$9(target) {
10884
+ function add_css$b(target) {
10885
10885
  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%}");
10886
10886
  }
10887
10887
 
10888
- function create_fragment$z(ctx) {
10888
+ function create_fragment$B(ctx) {
10889
10889
  let div1;
10890
10890
  let div0;
10891
10891
  let rendertext;
@@ -10937,7 +10937,7 @@ function create_fragment$z(ctx) {
10937
10937
  };
10938
10938
  }
10939
10939
 
10940
- function instance$z($$self, $$props, $$invalidate) {
10940
+ function instance$B($$self, $$props, $$invalidate) {
10941
10941
  let style;
10942
10942
  let { text = 'サンプルSample' } = $$props;
10943
10943
  let { font = SYSTEM_FONT } = $$props;
@@ -10973,8 +10973,8 @@ class TextBlock extends SvelteComponent {
10973
10973
  init(
10974
10974
  this,
10975
10975
  options,
10976
- instance$z,
10977
- create_fragment$z,
10976
+ instance$B,
10977
+ create_fragment$B,
10978
10978
  safe_not_equal,
10979
10979
  {
10980
10980
  text: 0,
@@ -10983,18 +10983,18 @@ class TextBlock extends SvelteComponent {
10983
10983
  textDirection: 1,
10984
10984
  _style: 5
10985
10985
  },
10986
- add_css$9
10986
+ add_css$b
10987
10987
  );
10988
10988
  }
10989
10989
  }
10990
10990
 
10991
10991
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
10992
10992
 
10993
- function add_css$8(target) {
10993
+ function add_css$a(target) {
10994
10994
  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)}");
10995
10995
  }
10996
10996
 
10997
- function create_fragment$y(ctx) {
10997
+ function create_fragment$A(ctx) {
10998
10998
  let div;
10999
10999
  let button;
11000
11000
  let rendertext;
@@ -11055,7 +11055,7 @@ function create_fragment$y(ctx) {
11055
11055
  };
11056
11056
  }
11057
11057
 
11058
- function instance$y($$self, $$props, $$invalidate) {
11058
+ function instance$A($$self, $$props, $$invalidate) {
11059
11059
  let { text = 'ボタンラベル' } = $$props;
11060
11060
  let { onClick = { operation: 'none', args: [] } } = $$props;
11061
11061
 
@@ -11097,8 +11097,8 @@ class TextButtonBlock extends SvelteComponent {
11097
11097
  init(
11098
11098
  this,
11099
11099
  options,
11100
- instance$y,
11101
- create_fragment$y,
11100
+ instance$A,
11101
+ create_fragment$A,
11102
11102
  safe_not_equal,
11103
11103
  {
11104
11104
  text: 0,
@@ -11108,18 +11108,18 @@ class TextButtonBlock extends SvelteComponent {
11108
11108
  _buttonStyle: 1,
11109
11109
  _style: 2
11110
11110
  },
11111
- add_css$8
11111
+ add_css$a
11112
11112
  );
11113
11113
  }
11114
11114
  }
11115
11115
 
11116
11116
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
11117
11117
 
11118
- function add_css$7(target) {
11118
+ function add_css$9(target) {
11119
11119
  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)}");
11120
11120
  }
11121
11121
 
11122
- function create_fragment$x(ctx) {
11122
+ function create_fragment$z(ctx) {
11123
11123
  let div;
11124
11124
  let img;
11125
11125
  let img_style_value;
@@ -11182,7 +11182,7 @@ function create_fragment$x(ctx) {
11182
11182
  };
11183
11183
  }
11184
11184
 
11185
- function instance$x($$self, $$props, $$invalidate) {
11185
+ function instance$z($$self, $$props, $$invalidate) {
11186
11186
  let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
11187
11187
  let { alt = 'No Image' } = $$props;
11188
11188
  let { transport = false } = $$props;
@@ -11222,8 +11222,8 @@ class ImageBlock extends SvelteComponent {
11222
11222
  init(
11223
11223
  this,
11224
11224
  options,
11225
- instance$x,
11226
- create_fragment$x,
11225
+ instance$z,
11226
+ create_fragment$z,
11227
11227
  safe_not_equal,
11228
11228
  {
11229
11229
  src: 0,
@@ -11235,7 +11235,7 @@ class ImageBlock extends SvelteComponent {
11235
11235
  _imageStyle: 4,
11236
11236
  _style: 5
11237
11237
  },
11238
- add_css$7
11238
+ add_css$9
11239
11239
  );
11240
11240
  }
11241
11241
  }
@@ -11334,11 +11334,11 @@ const toCssShadow = (p) => {
11334
11334
 
11335
11335
  /* src/components-v2/avatar/Avatar.svelte generated by Svelte v3.53.1 */
11336
11336
 
11337
- function add_css$6(target) {
11337
+ function add_css$8(target) {
11338
11338
  append_styles(target, "svelte-17xar9h", ".avatar.svelte-17xar9h{display:flex;align-items:center;overflow:hidden;flex-shrink:0}");
11339
11339
  }
11340
11340
 
11341
- function create_fragment$w(ctx) {
11341
+ function create_fragment$y(ctx) {
11342
11342
  let div;
11343
11343
  let img;
11344
11344
  let img_src_value;
@@ -11350,9 +11350,10 @@ function create_fragment$w(ctx) {
11350
11350
  img = element("img");
11351
11351
  if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
11352
11352
  attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
11353
- attr(img, "style", /*imgStyle*/ ctx[1]);
11353
+ attr(img, "style", /*imgStyle*/ ctx[2]);
11354
11354
  attr(div, "class", "avatar svelte-17xar9h");
11355
- attr(div, "style", /*style*/ ctx[2]);
11355
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
11356
+ attr(div, "style", /*style*/ ctx[3]);
11356
11357
  },
11357
11358
  m(target, anchor) {
11358
11359
  insert(target, div, anchor);
@@ -11367,12 +11368,16 @@ function create_fragment$w(ctx) {
11367
11368
  attr(img, "alt", img_alt_value);
11368
11369
  }
11369
11370
 
11370
- if (dirty & /*imgStyle*/ 2) {
11371
- attr(img, "style", /*imgStyle*/ ctx[1]);
11371
+ if (dirty & /*imgStyle*/ 4) {
11372
+ attr(img, "style", /*imgStyle*/ ctx[2]);
11373
+ }
11374
+
11375
+ if (dirty & /*layerId*/ 2) {
11376
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
11372
11377
  }
11373
11378
 
11374
- if (dirty & /*style*/ 4) {
11375
- attr(div, "style", /*style*/ ctx[2]);
11379
+ if (dirty & /*style*/ 8) {
11380
+ attr(div, "style", /*style*/ ctx[3]);
11376
11381
  }
11377
11382
  },
11378
11383
  i: noop,
@@ -11383,10 +11388,11 @@ function create_fragment$w(ctx) {
11383
11388
  };
11384
11389
  }
11385
11390
 
11386
- function instance$w($$self, $$props, $$invalidate) {
11391
+ function instance$y($$self, $$props, $$invalidate) {
11387
11392
  let style;
11388
11393
  let imgStyle;
11389
11394
  let { props = {} } = $$props;
11395
+ let { layerId = '' } = $$props;
11390
11396
 
11391
11397
  const VARIANTS = {
11392
11398
  shape: {
@@ -11399,11 +11405,12 @@ function instance$w($$self, $$props, $$invalidate) {
11399
11405
 
11400
11406
  $$self.$$set = $$props => {
11401
11407
  if ('props' in $$props) $$invalidate(0, props = $$props.props);
11408
+ if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
11402
11409
  };
11403
11410
 
11404
11411
  $$self.$$.update = () => {
11405
11412
  if ($$self.$$.dirty & /*props*/ 1) {
11406
- $$invalidate(2, style = objToStyle({
11413
+ $$invalidate(3, style = objToStyle({
11407
11414
  width: `${size}px`,
11408
11415
  height: `${size}px`,
11409
11416
  ...VARIANTS.shape[props.shape ?? 'square'],
@@ -11413,19 +11420,19 @@ function instance$w($$self, $$props, $$invalidate) {
11413
11420
  }
11414
11421
  };
11415
11422
 
11416
- $$invalidate(1, imgStyle = objToStyle({
11423
+ $$invalidate(2, imgStyle = objToStyle({
11417
11424
  width: '100%',
11418
11425
  height: '100%',
11419
11426
  objectFit: 'cover'
11420
11427
  }));
11421
11428
 
11422
- return [props, imgStyle, style];
11429
+ return [props, layerId, imgStyle, style];
11423
11430
  }
11424
11431
 
11425
11432
  class Avatar extends SvelteComponent {
11426
11433
  constructor(options) {
11427
11434
  super();
11428
- init(this, options, instance$w, create_fragment$w, safe_not_equal, { props: 0 }, add_css$6);
11435
+ init(this, options, instance$y, create_fragment$y, safe_not_equal, { props: 0, layerId: 1 }, add_css$8);
11429
11436
  }
11430
11437
  }
11431
11438
 
@@ -11443,7 +11450,7 @@ const AVATAR_SHAPE = {
11443
11450
 
11444
11451
  /* src/components-v2/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
11445
11452
 
11446
- function create_fragment$v(ctx) {
11453
+ function create_fragment$x(ctx) {
11447
11454
  let svg;
11448
11455
  let path;
11449
11456
 
@@ -11475,7 +11482,7 @@ function create_fragment$v(ctx) {
11475
11482
  };
11476
11483
  }
11477
11484
 
11478
- function instance$v($$self, $$props, $$invalidate) {
11485
+ function instance$x($$self, $$props, $$invalidate) {
11479
11486
  let { color } = $$props;
11480
11487
 
11481
11488
  $$self.$$set = $$props => {
@@ -11488,13 +11495,13 @@ function instance$v($$self, $$props, $$invalidate) {
11488
11495
  class IconArrowDown extends SvelteComponent {
11489
11496
  constructor(options) {
11490
11497
  super();
11491
- init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
11498
+ init(this, options, instance$x, create_fragment$x, safe_not_equal, { color: 0 });
11492
11499
  }
11493
11500
  }
11494
11501
 
11495
11502
  /* src/components-v2/icon/variants/IconArrowUp.svelte generated by Svelte v3.53.1 */
11496
11503
 
11497
- function create_fragment$u(ctx) {
11504
+ function create_fragment$w(ctx) {
11498
11505
  let svg;
11499
11506
  let path;
11500
11507
 
@@ -11526,7 +11533,7 @@ function create_fragment$u(ctx) {
11526
11533
  };
11527
11534
  }
11528
11535
 
11529
- function instance$u($$self, $$props, $$invalidate) {
11536
+ function instance$w($$self, $$props, $$invalidate) {
11530
11537
  let { color } = $$props;
11531
11538
 
11532
11539
  $$self.$$set = $$props => {
@@ -11539,13 +11546,13 @@ function instance$u($$self, $$props, $$invalidate) {
11539
11546
  class IconArrowUp extends SvelteComponent {
11540
11547
  constructor(options) {
11541
11548
  super();
11542
- init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
11549
+ init(this, options, instance$w, create_fragment$w, safe_not_equal, { color: 0 });
11543
11550
  }
11544
11551
  }
11545
11552
 
11546
11553
  /* src/components-v2/icon/variants/IconUsers.svelte generated by Svelte v3.53.1 */
11547
11554
 
11548
- function create_fragment$t(ctx) {
11555
+ function create_fragment$v(ctx) {
11549
11556
  let svg;
11550
11557
  let path;
11551
11558
 
@@ -11577,7 +11584,7 @@ function create_fragment$t(ctx) {
11577
11584
  };
11578
11585
  }
11579
11586
 
11580
- function instance$t($$self, $$props, $$invalidate) {
11587
+ function instance$v($$self, $$props, $$invalidate) {
11581
11588
  let { color } = $$props;
11582
11589
 
11583
11590
  $$self.$$set = $$props => {
@@ -11590,13 +11597,13 @@ function instance$t($$self, $$props, $$invalidate) {
11590
11597
  class IconUsers extends SvelteComponent {
11591
11598
  constructor(options) {
11592
11599
  super();
11593
- init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
11600
+ init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
11594
11601
  }
11595
11602
  }
11596
11603
 
11597
11604
  /* src/components-v2/icon/variants/IconArrowLeft.svelte generated by Svelte v3.53.1 */
11598
11605
 
11599
- function create_fragment$s(ctx) {
11606
+ function create_fragment$u(ctx) {
11600
11607
  let svg;
11601
11608
  let path;
11602
11609
 
@@ -11628,7 +11635,7 @@ function create_fragment$s(ctx) {
11628
11635
  };
11629
11636
  }
11630
11637
 
11631
- function instance$s($$self, $$props, $$invalidate) {
11638
+ function instance$u($$self, $$props, $$invalidate) {
11632
11639
  let { color } = $$props;
11633
11640
 
11634
11641
  $$self.$$set = $$props => {
@@ -11641,13 +11648,13 @@ function instance$s($$self, $$props, $$invalidate) {
11641
11648
  class IconArrowLeft extends SvelteComponent {
11642
11649
  constructor(options) {
11643
11650
  super();
11644
- init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
11651
+ init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
11645
11652
  }
11646
11653
  }
11647
11654
 
11648
11655
  /* src/components-v2/icon/variants/IconArrowRight.svelte generated by Svelte v3.53.1 */
11649
11656
 
11650
- function create_fragment$r(ctx) {
11657
+ function create_fragment$t(ctx) {
11651
11658
  let svg;
11652
11659
  let path;
11653
11660
 
@@ -11679,7 +11686,7 @@ function create_fragment$r(ctx) {
11679
11686
  };
11680
11687
  }
11681
11688
 
11682
- function instance$r($$self, $$props, $$invalidate) {
11689
+ function instance$t($$self, $$props, $$invalidate) {
11683
11690
  let { color } = $$props;
11684
11691
 
11685
11692
  $$self.$$set = $$props => {
@@ -11692,13 +11699,13 @@ function instance$r($$self, $$props, $$invalidate) {
11692
11699
  class IconArrowRight extends SvelteComponent {
11693
11700
  constructor(options) {
11694
11701
  super();
11695
- init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
11702
+ init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
11696
11703
  }
11697
11704
  }
11698
11705
 
11699
11706
  /* src/components-v2/icon/variants/IconBell.svelte generated by Svelte v3.53.1 */
11700
11707
 
11701
- function create_fragment$q(ctx) {
11708
+ function create_fragment$s(ctx) {
11702
11709
  let svg;
11703
11710
  let path;
11704
11711
 
@@ -11730,7 +11737,7 @@ function create_fragment$q(ctx) {
11730
11737
  };
11731
11738
  }
11732
11739
 
11733
- function instance$q($$self, $$props, $$invalidate) {
11740
+ function instance$s($$self, $$props, $$invalidate) {
11734
11741
  let { color } = $$props;
11735
11742
 
11736
11743
  $$self.$$set = $$props => {
@@ -11743,13 +11750,13 @@ function instance$q($$self, $$props, $$invalidate) {
11743
11750
  class IconBell extends SvelteComponent {
11744
11751
  constructor(options) {
11745
11752
  super();
11746
- init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
11753
+ init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
11747
11754
  }
11748
11755
  }
11749
11756
 
11750
11757
  /* src/components-v2/icon/variants/IconArrowUpFromSquare.svelte generated by Svelte v3.53.1 */
11751
11758
 
11752
- function create_fragment$p(ctx) {
11759
+ function create_fragment$r(ctx) {
11753
11760
  let svg;
11754
11761
  let path;
11755
11762
 
@@ -11781,7 +11788,7 @@ function create_fragment$p(ctx) {
11781
11788
  };
11782
11789
  }
11783
11790
 
11784
- function instance$p($$self, $$props, $$invalidate) {
11791
+ function instance$r($$self, $$props, $$invalidate) {
11785
11792
  let { color } = $$props;
11786
11793
 
11787
11794
  $$self.$$set = $$props => {
@@ -11794,13 +11801,13 @@ function instance$p($$self, $$props, $$invalidate) {
11794
11801
  class IconArrowUpFromSquare extends SvelteComponent {
11795
11802
  constructor(options) {
11796
11803
  super();
11797
- init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
11804
+ init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
11798
11805
  }
11799
11806
  }
11800
11807
 
11801
11808
  /* src/components-v2/icon/variants/IconTicket.svelte generated by Svelte v3.53.1 */
11802
11809
 
11803
- function create_fragment$o(ctx) {
11810
+ function create_fragment$q(ctx) {
11804
11811
  let svg;
11805
11812
  let path;
11806
11813
 
@@ -11832,7 +11839,7 @@ function create_fragment$o(ctx) {
11832
11839
  };
11833
11840
  }
11834
11841
 
11835
- function instance$o($$self, $$props, $$invalidate) {
11842
+ function instance$q($$self, $$props, $$invalidate) {
11836
11843
  let { color } = $$props;
11837
11844
 
11838
11845
  $$self.$$set = $$props => {
@@ -11845,13 +11852,13 @@ function instance$o($$self, $$props, $$invalidate) {
11845
11852
  class IconTicket extends SvelteComponent {
11846
11853
  constructor(options) {
11847
11854
  super();
11848
- init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
11855
+ init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
11849
11856
  }
11850
11857
  }
11851
11858
 
11852
11859
  /* src/components-v2/icon/variants/IconTrack.svelte generated by Svelte v3.53.1 */
11853
11860
 
11854
- function create_fragment$n(ctx) {
11861
+ function create_fragment$p(ctx) {
11855
11862
  let svg;
11856
11863
  let path;
11857
11864
 
@@ -11883,7 +11890,7 @@ function create_fragment$n(ctx) {
11883
11890
  };
11884
11891
  }
11885
11892
 
11886
- function instance$n($$self, $$props, $$invalidate) {
11893
+ function instance$p($$self, $$props, $$invalidate) {
11887
11894
  let { color } = $$props;
11888
11895
 
11889
11896
  $$self.$$set = $$props => {
@@ -11896,13 +11903,13 @@ function instance$n($$self, $$props, $$invalidate) {
11896
11903
  class IconTrack extends SvelteComponent {
11897
11904
  constructor(options) {
11898
11905
  super();
11899
- init(this, options, instance$n, create_fragment$n, safe_not_equal, { color: 0 });
11906
+ init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
11900
11907
  }
11901
11908
  }
11902
11909
 
11903
11910
  /* src/components-v2/icon/variants/IconCartShopping.svelte generated by Svelte v3.53.1 */
11904
11911
 
11905
- function create_fragment$m(ctx) {
11912
+ function create_fragment$o(ctx) {
11906
11913
  let svg;
11907
11914
  let path;
11908
11915
 
@@ -11934,7 +11941,7 @@ function create_fragment$m(ctx) {
11934
11941
  };
11935
11942
  }
11936
11943
 
11937
- function instance$m($$self, $$props, $$invalidate) {
11944
+ function instance$o($$self, $$props, $$invalidate) {
11938
11945
  let { color } = $$props;
11939
11946
 
11940
11947
  $$self.$$set = $$props => {
@@ -11947,13 +11954,13 @@ function instance$m($$self, $$props, $$invalidate) {
11947
11954
  class IconCartShopping extends SvelteComponent {
11948
11955
  constructor(options) {
11949
11956
  super();
11950
- init(this, options, instance$m, create_fragment$m, safe_not_equal, { color: 0 });
11957
+ init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
11951
11958
  }
11952
11959
  }
11953
11960
 
11954
11961
  /* src/components-v2/icon/variants/IconCircle.svelte generated by Svelte v3.53.1 */
11955
11962
 
11956
- function create_fragment$l(ctx) {
11963
+ function create_fragment$n(ctx) {
11957
11964
  let svg;
11958
11965
  let path;
11959
11966
 
@@ -11985,7 +11992,7 @@ function create_fragment$l(ctx) {
11985
11992
  };
11986
11993
  }
11987
11994
 
11988
- function instance$l($$self, $$props, $$invalidate) {
11995
+ function instance$n($$self, $$props, $$invalidate) {
11989
11996
  let { color } = $$props;
11990
11997
 
11991
11998
  $$self.$$set = $$props => {
@@ -11998,13 +12005,13 @@ function instance$l($$self, $$props, $$invalidate) {
11998
12005
  class IconCircle extends SvelteComponent {
11999
12006
  constructor(options) {
12000
12007
  super();
12001
- init(this, options, instance$l, create_fragment$l, safe_not_equal, { color: 0 });
12008
+ init(this, options, instance$n, create_fragment$n, safe_not_equal, { color: 0 });
12002
12009
  }
12003
12010
  }
12004
12011
 
12005
12012
  /* src/components-v2/icon/variants/IconCircleQuestion.svelte generated by Svelte v3.53.1 */
12006
12013
 
12007
- function create_fragment$k(ctx) {
12014
+ function create_fragment$m(ctx) {
12008
12015
  let svg;
12009
12016
  let path;
12010
12017
 
@@ -12036,7 +12043,7 @@ function create_fragment$k(ctx) {
12036
12043
  };
12037
12044
  }
12038
12045
 
12039
- function instance$k($$self, $$props, $$invalidate) {
12046
+ function instance$m($$self, $$props, $$invalidate) {
12040
12047
  let { color } = $$props;
12041
12048
 
12042
12049
  $$self.$$set = $$props => {
@@ -12049,13 +12056,13 @@ function instance$k($$self, $$props, $$invalidate) {
12049
12056
  class IconCircleQuestion extends SvelteComponent {
12050
12057
  constructor(options) {
12051
12058
  super();
12052
- init(this, options, instance$k, create_fragment$k, safe_not_equal, { color: 0 });
12059
+ init(this, options, instance$m, create_fragment$m, safe_not_equal, { color: 0 });
12053
12060
  }
12054
12061
  }
12055
12062
 
12056
12063
  /* src/components-v2/icon/variants/IconCheck.svelte generated by Svelte v3.53.1 */
12057
12064
 
12058
- function create_fragment$j(ctx) {
12065
+ function create_fragment$l(ctx) {
12059
12066
  let svg;
12060
12067
  let path;
12061
12068
 
@@ -12087,7 +12094,7 @@ function create_fragment$j(ctx) {
12087
12094
  };
12088
12095
  }
12089
12096
 
12090
- function instance$j($$self, $$props, $$invalidate) {
12097
+ function instance$l($$self, $$props, $$invalidate) {
12091
12098
  let { color } = $$props;
12092
12099
 
12093
12100
  $$self.$$set = $$props => {
@@ -12100,13 +12107,13 @@ function instance$j($$self, $$props, $$invalidate) {
12100
12107
  class IconCheck extends SvelteComponent {
12101
12108
  constructor(options) {
12102
12109
  super();
12103
- init(this, options, instance$j, create_fragment$j, safe_not_equal, { color: 0 });
12110
+ init(this, options, instance$l, create_fragment$l, safe_not_equal, { color: 0 });
12104
12111
  }
12105
12112
  }
12106
12113
 
12107
12114
  /* src/components-v2/icon/variants/IconXMark.svelte generated by Svelte v3.53.1 */
12108
12115
 
12109
- function create_fragment$i(ctx) {
12116
+ function create_fragment$k(ctx) {
12110
12117
  let svg;
12111
12118
  let path;
12112
12119
 
@@ -12138,7 +12145,7 @@ function create_fragment$i(ctx) {
12138
12145
  };
12139
12146
  }
12140
12147
 
12141
- function instance$i($$self, $$props, $$invalidate) {
12148
+ function instance$k($$self, $$props, $$invalidate) {
12142
12149
  let { color } = $$props;
12143
12150
 
12144
12151
  $$self.$$set = $$props => {
@@ -12151,13 +12158,13 @@ function instance$i($$self, $$props, $$invalidate) {
12151
12158
  class IconXMark extends SvelteComponent {
12152
12159
  constructor(options) {
12153
12160
  super();
12154
- init(this, options, instance$i, create_fragment$i, safe_not_equal, { color: 0 });
12161
+ init(this, options, instance$k, create_fragment$k, safe_not_equal, { color: 0 });
12155
12162
  }
12156
12163
  }
12157
12164
 
12158
12165
  /* src/components-v2/icon/variants/IconPaperPlane.svelte generated by Svelte v3.53.1 */
12159
12166
 
12160
- function create_fragment$h(ctx) {
12167
+ function create_fragment$j(ctx) {
12161
12168
  let svg;
12162
12169
  let path;
12163
12170
 
@@ -12189,7 +12196,7 @@ function create_fragment$h(ctx) {
12189
12196
  };
12190
12197
  }
12191
12198
 
12192
- function instance$h($$self, $$props, $$invalidate) {
12199
+ function instance$j($$self, $$props, $$invalidate) {
12193
12200
  let { color } = $$props;
12194
12201
 
12195
12202
  $$self.$$set = $$props => {
@@ -12202,13 +12209,13 @@ function instance$h($$self, $$props, $$invalidate) {
12202
12209
  class IconPaperPlane extends SvelteComponent {
12203
12210
  constructor(options) {
12204
12211
  super();
12205
- init(this, options, instance$h, create_fragment$h, safe_not_equal, { color: 0 });
12212
+ init(this, options, instance$j, create_fragment$j, safe_not_equal, { color: 0 });
12206
12213
  }
12207
12214
  }
12208
12215
 
12209
12216
  /* src/components-v2/icon/variants/IconCopy.svelte generated by Svelte v3.53.1 */
12210
12217
 
12211
- function create_fragment$g(ctx) {
12218
+ function create_fragment$i(ctx) {
12212
12219
  let svg;
12213
12220
  let path;
12214
12221
 
@@ -12240,7 +12247,7 @@ function create_fragment$g(ctx) {
12240
12247
  };
12241
12248
  }
12242
12249
 
12243
- function instance$g($$self, $$props, $$invalidate) {
12250
+ function instance$i($$self, $$props, $$invalidate) {
12244
12251
  let { color } = $$props;
12245
12252
 
12246
12253
  $$self.$$set = $$props => {
@@ -12253,13 +12260,13 @@ function instance$g($$self, $$props, $$invalidate) {
12253
12260
  class IconCopy extends SvelteComponent {
12254
12261
  constructor(options) {
12255
12262
  super();
12256
- init(this, options, instance$g, create_fragment$g, safe_not_equal, { color: 0 });
12263
+ init(this, options, instance$i, create_fragment$i, safe_not_equal, { color: 0 });
12257
12264
  }
12258
12265
  }
12259
12266
 
12260
12267
  /* src/components-v2/icon/variants/IconCircleXMark.svelte generated by Svelte v3.53.1 */
12261
12268
 
12262
- function create_fragment$f(ctx) {
12269
+ function create_fragment$h(ctx) {
12263
12270
  let svg;
12264
12271
  let path;
12265
12272
 
@@ -12291,7 +12298,7 @@ function create_fragment$f(ctx) {
12291
12298
  };
12292
12299
  }
12293
12300
 
12294
- function instance$f($$self, $$props, $$invalidate) {
12301
+ function instance$h($$self, $$props, $$invalidate) {
12295
12302
  let { color } = $$props;
12296
12303
 
12297
12304
  $$self.$$set = $$props => {
@@ -12304,13 +12311,13 @@ function instance$f($$self, $$props, $$invalidate) {
12304
12311
  class IconCircleXMark extends SvelteComponent {
12305
12312
  constructor(options) {
12306
12313
  super();
12307
- init(this, options, instance$f, create_fragment$f, safe_not_equal, { color: 0 });
12314
+ init(this, options, instance$h, create_fragment$h, safe_not_equal, { color: 0 });
12308
12315
  }
12309
12316
  }
12310
12317
 
12311
12318
  /* src/components-v2/icon/variants/IconHeart.svelte generated by Svelte v3.53.1 */
12312
12319
 
12313
- function create_fragment$e(ctx) {
12320
+ function create_fragment$g(ctx) {
12314
12321
  let svg;
12315
12322
  let path;
12316
12323
 
@@ -12342,7 +12349,7 @@ function create_fragment$e(ctx) {
12342
12349
  };
12343
12350
  }
12344
12351
 
12345
- function instance$e($$self, $$props, $$invalidate) {
12352
+ function instance$g($$self, $$props, $$invalidate) {
12346
12353
  let { color } = $$props;
12347
12354
 
12348
12355
  $$self.$$set = $$props => {
@@ -12355,13 +12362,13 @@ function instance$e($$self, $$props, $$invalidate) {
12355
12362
  class IconHeart extends SvelteComponent {
12356
12363
  constructor(options) {
12357
12364
  super();
12358
- init(this, options, instance$e, create_fragment$e, safe_not_equal, { color: 0 });
12365
+ init(this, options, instance$g, create_fragment$g, safe_not_equal, { color: 0 });
12359
12366
  }
12360
12367
  }
12361
12368
 
12362
12369
  /* src/components-v2/icon/variants/IconMagnifyingGrass.svelte generated by Svelte v3.53.1 */
12363
12370
 
12364
- function create_fragment$d(ctx) {
12371
+ function create_fragment$f(ctx) {
12365
12372
  let svg;
12366
12373
  let path;
12367
12374
 
@@ -12393,7 +12400,7 @@ function create_fragment$d(ctx) {
12393
12400
  };
12394
12401
  }
12395
12402
 
12396
- function instance$d($$self, $$props, $$invalidate) {
12403
+ function instance$f($$self, $$props, $$invalidate) {
12397
12404
  let { color } = $$props;
12398
12405
 
12399
12406
  $$self.$$set = $$props => {
@@ -12406,13 +12413,13 @@ function instance$d($$self, $$props, $$invalidate) {
12406
12413
  class IconMagnifyingGrass extends SvelteComponent {
12407
12414
  constructor(options) {
12408
12415
  super();
12409
- init(this, options, instance$d, create_fragment$d, safe_not_equal, { color: 0 });
12416
+ init(this, options, instance$f, create_fragment$f, safe_not_equal, { color: 0 });
12410
12417
  }
12411
12418
  }
12412
12419
 
12413
12420
  /* src/components-v2/icon/variants/IconStar.svelte generated by Svelte v3.53.1 */
12414
12421
 
12415
- function create_fragment$c(ctx) {
12422
+ function create_fragment$e(ctx) {
12416
12423
  let svg;
12417
12424
  let path;
12418
12425
 
@@ -12444,7 +12451,7 @@ function create_fragment$c(ctx) {
12444
12451
  };
12445
12452
  }
12446
12453
 
12447
- function instance$c($$self, $$props, $$invalidate) {
12454
+ function instance$e($$self, $$props, $$invalidate) {
12448
12455
  let { color } = $$props;
12449
12456
 
12450
12457
  $$self.$$set = $$props => {
@@ -12457,13 +12464,13 @@ function instance$c($$self, $$props, $$invalidate) {
12457
12464
  class IconStar extends SvelteComponent {
12458
12465
  constructor(options) {
12459
12466
  super();
12460
- init(this, options, instance$c, create_fragment$c, safe_not_equal, { color: 0 });
12467
+ init(this, options, instance$e, create_fragment$e, safe_not_equal, { color: 0 });
12461
12468
  }
12462
12469
  }
12463
12470
 
12464
12471
  /* src/components-v2/icon/variants/IconCircleInfo.svelte generated by Svelte v3.53.1 */
12465
12472
 
12466
- function create_fragment$b(ctx) {
12473
+ function create_fragment$d(ctx) {
12467
12474
  let svg;
12468
12475
  let path;
12469
12476
 
@@ -12495,7 +12502,7 @@ function create_fragment$b(ctx) {
12495
12502
  };
12496
12503
  }
12497
12504
 
12498
- function instance$b($$self, $$props, $$invalidate) {
12505
+ function instance$d($$self, $$props, $$invalidate) {
12499
12506
  let { color } = $$props;
12500
12507
 
12501
12508
  $$self.$$set = $$props => {
@@ -12508,13 +12515,13 @@ function instance$b($$self, $$props, $$invalidate) {
12508
12515
  class IconCircleInfo extends SvelteComponent {
12509
12516
  constructor(options) {
12510
12517
  super();
12511
- init(this, options, instance$b, create_fragment$b, safe_not_equal, { color: 0 });
12518
+ init(this, options, instance$d, create_fragment$d, safe_not_equal, { color: 0 });
12512
12519
  }
12513
12520
  }
12514
12521
 
12515
12522
  /* src/components-v2/icon/variants/IconEnvelope.svelte generated by Svelte v3.53.1 */
12516
12523
 
12517
- function create_fragment$a(ctx) {
12524
+ function create_fragment$c(ctx) {
12518
12525
  let svg;
12519
12526
  let path;
12520
12527
 
@@ -12546,7 +12553,7 @@ function create_fragment$a(ctx) {
12546
12553
  };
12547
12554
  }
12548
12555
 
12549
- function instance$a($$self, $$props, $$invalidate) {
12556
+ function instance$c($$self, $$props, $$invalidate) {
12550
12557
  let { color } = $$props;
12551
12558
 
12552
12559
  $$self.$$set = $$props => {
@@ -12559,13 +12566,13 @@ function instance$a($$self, $$props, $$invalidate) {
12559
12566
  class IconEnvelope extends SvelteComponent {
12560
12567
  constructor(options) {
12561
12568
  super();
12562
- init(this, options, instance$a, create_fragment$a, safe_not_equal, { color: 0 });
12569
+ init(this, options, instance$c, create_fragment$c, safe_not_equal, { color: 0 });
12563
12570
  }
12564
12571
  }
12565
12572
 
12566
12573
  /* src/components-v2/icon/variants/IconGift.svelte generated by Svelte v3.53.1 */
12567
12574
 
12568
- function create_fragment$9(ctx) {
12575
+ function create_fragment$b(ctx) {
12569
12576
  let svg;
12570
12577
  let path;
12571
12578
 
@@ -12597,7 +12604,7 @@ function create_fragment$9(ctx) {
12597
12604
  };
12598
12605
  }
12599
12606
 
12600
- function instance$9($$self, $$props, $$invalidate) {
12607
+ function instance$b($$self, $$props, $$invalidate) {
12601
12608
  let { color } = $$props;
12602
12609
 
12603
12610
  $$self.$$set = $$props => {
@@ -12610,13 +12617,13 @@ function instance$9($$self, $$props, $$invalidate) {
12610
12617
  class IconGift extends SvelteComponent {
12611
12618
  constructor(options) {
12612
12619
  super();
12613
- init(this, options, instance$9, create_fragment$9, safe_not_equal, { color: 0 });
12620
+ init(this, options, instance$b, create_fragment$b, safe_not_equal, { color: 0 });
12614
12621
  }
12615
12622
  }
12616
12623
 
12617
12624
  /* src/components-v2/icon/variants/IconPaperclip.svelte generated by Svelte v3.53.1 */
12618
12625
 
12619
- function create_fragment$8(ctx) {
12626
+ function create_fragment$a(ctx) {
12620
12627
  let svg;
12621
12628
  let path;
12622
12629
 
@@ -12648,7 +12655,7 @@ function create_fragment$8(ctx) {
12648
12655
  };
12649
12656
  }
12650
12657
 
12651
- function instance$8($$self, $$props, $$invalidate) {
12658
+ function instance$a($$self, $$props, $$invalidate) {
12652
12659
  let { color } = $$props;
12653
12660
 
12654
12661
  $$self.$$set = $$props => {
@@ -12661,13 +12668,13 @@ function instance$8($$self, $$props, $$invalidate) {
12661
12668
  class IconPaperclip extends SvelteComponent {
12662
12669
  constructor(options) {
12663
12670
  super();
12664
- init(this, options, instance$8, create_fragment$8, safe_not_equal, { color: 0 });
12671
+ init(this, options, instance$a, create_fragment$a, safe_not_equal, { color: 0 });
12665
12672
  }
12666
12673
  }
12667
12674
 
12668
12675
  /* src/components-v2/icon/variants/IconFire.svelte generated by Svelte v3.53.1 */
12669
12676
 
12670
- function create_fragment$7(ctx) {
12677
+ function create_fragment$9(ctx) {
12671
12678
  let svg;
12672
12679
  let path;
12673
12680
 
@@ -12699,7 +12706,7 @@ function create_fragment$7(ctx) {
12699
12706
  };
12700
12707
  }
12701
12708
 
12702
- function instance$7($$self, $$props, $$invalidate) {
12709
+ function instance$9($$self, $$props, $$invalidate) {
12703
12710
  let { color } = $$props;
12704
12711
 
12705
12712
  $$self.$$set = $$props => {
@@ -12712,13 +12719,13 @@ function instance$7($$self, $$props, $$invalidate) {
12712
12719
  class IconFire extends SvelteComponent {
12713
12720
  constructor(options) {
12714
12721
  super();
12715
- init(this, options, instance$7, create_fragment$7, safe_not_equal, { color: 0 });
12722
+ init(this, options, instance$9, create_fragment$9, safe_not_equal, { color: 0 });
12716
12723
  }
12717
12724
  }
12718
12725
 
12719
12726
  /* src/components-v2/icon/variants/IconLink.svelte generated by Svelte v3.53.1 */
12720
12727
 
12721
- function create_fragment$6(ctx) {
12728
+ function create_fragment$8(ctx) {
12722
12729
  let svg;
12723
12730
  let path;
12724
12731
 
@@ -12750,7 +12757,7 @@ function create_fragment$6(ctx) {
12750
12757
  };
12751
12758
  }
12752
12759
 
12753
- function instance$6($$self, $$props, $$invalidate) {
12760
+ function instance$8($$self, $$props, $$invalidate) {
12754
12761
  let { color } = $$props;
12755
12762
 
12756
12763
  $$self.$$set = $$props => {
@@ -12763,7 +12770,7 @@ function instance$6($$self, $$props, $$invalidate) {
12763
12770
  class IconLink extends SvelteComponent {
12764
12771
  constructor(options) {
12765
12772
  super();
12766
- init(this, options, instance$6, create_fragment$6, safe_not_equal, { color: 0 });
12773
+ init(this, options, instance$8, create_fragment$8, safe_not_equal, { color: 0 });
12767
12774
  }
12768
12775
  }
12769
12776
 
@@ -12851,16 +12858,16 @@ const ICON_PARAMS = [
12851
12858
 
12852
12859
  /* src/components-v2/icon/Icon.svelte generated by Svelte v3.53.1 */
12853
12860
 
12854
- function add_css$5(target) {
12861
+ function add_css$7(target) {
12855
12862
  append_styles(target, "svelte-1mx2edd", ".icon.svelte-1mx2edd{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
12856
12863
  }
12857
12864
 
12858
- // (14:0) {#if (IconComponent)}
12859
- function create_if_block$1(ctx) {
12865
+ // (15:0) {#if (IconComponent)}
12866
+ function create_if_block$3(ctx) {
12860
12867
  let div;
12861
12868
  let switch_instance;
12862
12869
  let current;
12863
- var switch_value = /*IconComponent*/ ctx[1];
12870
+ var switch_value = /*IconComponent*/ ctx[2];
12864
12871
 
12865
12872
  function switch_props(ctx) {
12866
12873
  return {
@@ -12876,8 +12883,9 @@ function create_if_block$1(ctx) {
12876
12883
  c() {
12877
12884
  div = element("div");
12878
12885
  if (switch_instance) create_component(switch_instance.$$.fragment);
12886
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
12879
12887
  attr(div, "class", "icon svelte-1mx2edd");
12880
- attr(div, "style", /*style*/ ctx[2]);
12888
+ attr(div, "style", /*style*/ ctx[3]);
12881
12889
  },
12882
12890
  m(target, anchor) {
12883
12891
  insert(target, div, anchor);
@@ -12888,7 +12896,7 @@ function create_if_block$1(ctx) {
12888
12896
  const switch_instance_changes = {};
12889
12897
  if (dirty & /*props*/ 1) switch_instance_changes.color = /*props*/ ctx[0].color ?? '#333';
12890
12898
 
12891
- if (switch_value !== (switch_value = /*IconComponent*/ ctx[1])) {
12899
+ if (switch_value !== (switch_value = /*IconComponent*/ ctx[2])) {
12892
12900
  if (switch_instance) {
12893
12901
  group_outros();
12894
12902
  const old_component = switch_instance;
@@ -12912,8 +12920,12 @@ function create_if_block$1(ctx) {
12912
12920
  switch_instance.$set(switch_instance_changes);
12913
12921
  }
12914
12922
 
12915
- if (!current || dirty & /*style*/ 4) {
12916
- attr(div, "style", /*style*/ ctx[2]);
12923
+ if (!current || dirty & /*layerId*/ 2) {
12924
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
12925
+ }
12926
+
12927
+ if (!current || dirty & /*style*/ 8) {
12928
+ attr(div, "style", /*style*/ ctx[3]);
12917
12929
  }
12918
12930
  },
12919
12931
  i(local) {
@@ -12932,10 +12944,10 @@ function create_if_block$1(ctx) {
12932
12944
  };
12933
12945
  }
12934
12946
 
12935
- function create_fragment$5(ctx) {
12947
+ function create_fragment$7(ctx) {
12936
12948
  let if_block_anchor;
12937
12949
  let current;
12938
- let if_block = /*IconComponent*/ ctx[1] && create_if_block$1(ctx);
12950
+ let if_block = /*IconComponent*/ ctx[2] && create_if_block$3(ctx);
12939
12951
 
12940
12952
  return {
12941
12953
  c() {
@@ -12948,15 +12960,15 @@ function create_fragment$5(ctx) {
12948
12960
  current = true;
12949
12961
  },
12950
12962
  p(ctx, [dirty]) {
12951
- if (/*IconComponent*/ ctx[1]) {
12963
+ if (/*IconComponent*/ ctx[2]) {
12952
12964
  if (if_block) {
12953
12965
  if_block.p(ctx, dirty);
12954
12966
 
12955
- if (dirty & /*IconComponent*/ 2) {
12967
+ if (dirty & /*IconComponent*/ 4) {
12956
12968
  transition_in(if_block, 1);
12957
12969
  }
12958
12970
  } else {
12959
- if_block = create_if_block$1(ctx);
12971
+ if_block = create_if_block$3(ctx);
12960
12972
  if_block.c();
12961
12973
  transition_in(if_block, 1);
12962
12974
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -12987,18 +12999,20 @@ function create_fragment$5(ctx) {
12987
12999
  };
12988
13000
  }
12989
13001
 
12990
- function instance$5($$self, $$props, $$invalidate) {
13002
+ function instance$7($$self, $$props, $$invalidate) {
12991
13003
  let style;
12992
13004
  let IconComponent;
12993
13005
  let { props = {} } = $$props;
13006
+ let { layerId = '' } = $$props;
12994
13007
 
12995
13008
  $$self.$$set = $$props => {
12996
13009
  if ('props' in $$props) $$invalidate(0, props = $$props.props);
13010
+ if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
12997
13011
  };
12998
13012
 
12999
13013
  $$self.$$.update = () => {
13000
13014
  if ($$self.$$.dirty & /*props*/ 1) {
13001
- $$invalidate(2, style = objToStyle({
13015
+ $$invalidate(3, style = objToStyle({
13002
13016
  minWidth: props.size,
13003
13017
  width: props.size,
13004
13018
  height: props.size,
@@ -13007,28 +13021,28 @@ function instance$5($$self, $$props, $$invalidate) {
13007
13021
  }
13008
13022
 
13009
13023
  if ($$self.$$.dirty & /*props*/ 1) {
13010
- $$invalidate(1, IconComponent = ICON_VARIANTS[props.variant] ?? undefined);
13024
+ $$invalidate(2, IconComponent = ICON_VARIANTS[props.variant] ?? undefined);
13011
13025
  }
13012
13026
  };
13013
13027
 
13014
- return [props, IconComponent, style];
13028
+ return [props, layerId, IconComponent, style];
13015
13029
  }
13016
13030
 
13017
13031
  class Icon extends SvelteComponent {
13018
13032
  constructor(options) {
13019
13033
  super();
13020
- init(this, options, instance$5, create_fragment$5, safe_not_equal, { props: 0 }, add_css$5);
13034
+ init(this, options, instance$7, create_fragment$7, safe_not_equal, { props: 0, layerId: 1 }, add_css$7);
13021
13035
  }
13022
13036
  }
13023
13037
 
13024
13038
  /* src/components-v2/button/Button.svelte generated by Svelte v3.53.1 */
13025
13039
 
13026
- function add_css$4(target) {
13040
+ function add_css$6(target) {
13027
13041
  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}");
13028
13042
  }
13029
13043
 
13030
- // (126:2) {#if (props.isIcon && props.iconVariant)}
13031
- function create_if_block(ctx) {
13044
+ // (127:2) {#if (props.isIcon && props.iconVariant)}
13045
+ function create_if_block$2(ctx) {
13032
13046
  let div;
13033
13047
  let icon;
13034
13048
  let current;
@@ -13038,7 +13052,7 @@ function create_if_block(ctx) {
13038
13052
  props: {
13039
13053
  variant: /*props*/ ctx[0].iconVariant,
13040
13054
  size: '1em',
13041
- color: /*VARIANTS*/ ctx[2].color[/*props*/ ctx[0].color ?? 'default'].color
13055
+ color: /*VARIANTS*/ ctx[3].color[/*props*/ ctx[0].color ?? 'default'].color
13042
13056
  }
13043
13057
  }
13044
13058
  });
@@ -13060,7 +13074,7 @@ function create_if_block(ctx) {
13060
13074
  if (dirty & /*props*/ 1) icon_changes.props = {
13061
13075
  variant: /*props*/ ctx[0].iconVariant,
13062
13076
  size: '1em',
13063
- color: /*VARIANTS*/ ctx[2].color[/*props*/ ctx[0].color ?? 'default'].color
13077
+ color: /*VARIANTS*/ ctx[3].color[/*props*/ ctx[0].color ?? 'default'].color
13064
13078
  };
13065
13079
 
13066
13080
  icon.$set(icon_changes);
@@ -13081,7 +13095,7 @@ function create_if_block(ctx) {
13081
13095
  };
13082
13096
  }
13083
13097
 
13084
- function create_fragment$4(ctx) {
13098
+ function create_fragment$6(ctx) {
13085
13099
  let button;
13086
13100
  let t0;
13087
13101
  let span;
@@ -13090,7 +13104,7 @@ function create_fragment$4(ctx) {
13090
13104
  let current;
13091
13105
  let mounted;
13092
13106
  let dispose;
13093
- let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block(ctx);
13107
+ let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block$2(ctx);
13094
13108
 
13095
13109
  return {
13096
13110
  c() {
@@ -13099,7 +13113,8 @@ function create_fragment$4(ctx) {
13099
13113
  t0 = space();
13100
13114
  span = element("span");
13101
13115
  t1 = text(t1_value);
13102
- attr(button, "style", /*style*/ ctx[1]);
13116
+ attr(button, "data-layer-id", /*layerId*/ ctx[1]);
13117
+ attr(button, "style", /*style*/ ctx[2]);
13103
13118
  attr(button, "class", "v2-button svelte-kz1c6t");
13104
13119
  },
13105
13120
  m(target, anchor) {
@@ -13111,7 +13126,7 @@ function create_fragment$4(ctx) {
13111
13126
  current = true;
13112
13127
 
13113
13128
  if (!mounted) {
13114
- dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[3]));
13129
+ dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[4]));
13115
13130
  mounted = true;
13116
13131
  }
13117
13132
  },
@@ -13124,7 +13139,7 @@ function create_fragment$4(ctx) {
13124
13139
  transition_in(if_block, 1);
13125
13140
  }
13126
13141
  } else {
13127
- if_block = create_if_block(ctx);
13142
+ if_block = create_if_block$2(ctx);
13128
13143
  if_block.c();
13129
13144
  transition_in(if_block, 1);
13130
13145
  if_block.m(button, t0);
@@ -13141,8 +13156,12 @@ function create_fragment$4(ctx) {
13141
13156
 
13142
13157
  if ((!current || dirty & /*props*/ 1) && t1_value !== (t1_value = /*props*/ ctx[0].label + "")) set_data(t1, t1_value);
13143
13158
 
13144
- if (!current || dirty & /*style*/ 2) {
13145
- attr(button, "style", /*style*/ ctx[1]);
13159
+ if (!current || dirty & /*layerId*/ 2) {
13160
+ attr(button, "data-layer-id", /*layerId*/ ctx[1]);
13161
+ }
13162
+
13163
+ if (!current || dirty & /*style*/ 4) {
13164
+ attr(button, "style", /*style*/ ctx[2]);
13146
13165
  }
13147
13166
  },
13148
13167
  i(local) {
@@ -13163,12 +13182,13 @@ function create_fragment$4(ctx) {
13163
13182
  };
13164
13183
  }
13165
13184
 
13166
- function instance$4($$self, $$props, $$invalidate) {
13185
+ function instance$6($$self, $$props, $$invalidate) {
13167
13186
  let style;
13168
13187
  let { onClick = { operation: 'none', args: [] } } = $$props;
13169
13188
  let { eventName = '' } = $$props;
13170
13189
  let { eventValue = undefined } = $$props;
13171
13190
  let { props = {} } = $$props;
13191
+ let { layerId = '' } = $$props;
13172
13192
 
13173
13193
  const VARIANTS = {
13174
13194
  size: {
@@ -13258,15 +13278,16 @@ function instance$4($$self, $$props, $$invalidate) {
13258
13278
  }
13259
13279
 
13260
13280
  $$self.$$set = $$props => {
13261
- if ('onClick' in $$props) $$invalidate(4, onClick = $$props.onClick);
13262
- if ('eventName' in $$props) $$invalidate(5, eventName = $$props.eventName);
13263
- if ('eventValue' in $$props) $$invalidate(6, eventValue = $$props.eventValue);
13281
+ if ('onClick' in $$props) $$invalidate(5, onClick = $$props.onClick);
13282
+ if ('eventName' in $$props) $$invalidate(6, eventName = $$props.eventName);
13283
+ if ('eventValue' in $$props) $$invalidate(7, eventValue = $$props.eventValue);
13264
13284
  if ('props' in $$props) $$invalidate(0, props = $$props.props);
13285
+ if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
13265
13286
  };
13266
13287
 
13267
13288
  $$self.$$.update = () => {
13268
13289
  if ($$self.$$.dirty & /*props*/ 1) {
13269
- $$invalidate(1, style = objToStyle({
13290
+ $$invalidate(2, style = objToStyle({
13270
13291
  display: 'inline-flex',
13271
13292
  gap: '0.65em',
13272
13293
  alignItems: 'center',
@@ -13287,7 +13308,7 @@ function instance$4($$self, $$props, $$invalidate) {
13287
13308
  }
13288
13309
  };
13289
13310
 
13290
- return [props, style, VARIANTS, handleClick, onClick, eventName, eventValue];
13311
+ return [props, layerId, style, VARIANTS, handleClick, onClick, eventName, eventValue];
13291
13312
  }
13292
13313
 
13293
13314
  class Button extends SvelteComponent {
@@ -13297,16 +13318,17 @@ class Button extends SvelteComponent {
13297
13318
  init(
13298
13319
  this,
13299
13320
  options,
13300
- instance$4,
13301
- create_fragment$4,
13321
+ instance$6,
13322
+ create_fragment$6,
13302
13323
  safe_not_equal,
13303
13324
  {
13304
- onClick: 4,
13305
- eventName: 5,
13306
- eventValue: 6,
13307
- props: 0
13325
+ onClick: 5,
13326
+ eventName: 6,
13327
+ eventValue: 7,
13328
+ props: 0,
13329
+ layerId: 1
13308
13330
  },
13309
- add_css$4
13331
+ add_css$6
13310
13332
  );
13311
13333
  }
13312
13334
  }
@@ -13340,11 +13362,11 @@ const BUTTON_ICON_ANGLE = {
13340
13362
 
13341
13363
  /* src/components-v2/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
13342
13364
 
13343
- function add_css$3(target) {
13365
+ function add_css$5(target) {
13344
13366
  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}");
13345
13367
  }
13346
13368
 
13347
- function create_fragment$3(ctx) {
13369
+ function create_fragment$5(ctx) {
13348
13370
  let button;
13349
13371
  let svg;
13350
13372
  let path;
@@ -13360,8 +13382,9 @@ function create_fragment$3(ctx) {
13360
13382
  set_style(svg, "height", "75%");
13361
13383
  attr(svg, "viewBox", "0 0 50 50");
13362
13384
  attr(svg, "fill", "#666666");
13385
+ attr(button, "data-layer-id", /*layerId*/ ctx[0]);
13363
13386
  attr(button, "class", "close-button svelte-1dgpo5m");
13364
- attr(button, "style", /*style*/ ctx[0]);
13387
+ attr(button, "style", /*style*/ ctx[1]);
13365
13388
  },
13366
13389
  m(target, anchor) {
13367
13390
  insert(target, button, anchor);
@@ -13369,8 +13392,12 @@ function create_fragment$3(ctx) {
13369
13392
  append(svg, path);
13370
13393
  },
13371
13394
  p(ctx, [dirty]) {
13372
- if (dirty & /*style*/ 1) {
13373
- attr(button, "style", /*style*/ ctx[0]);
13395
+ if (dirty & /*layerId*/ 1) {
13396
+ attr(button, "data-layer-id", /*layerId*/ ctx[0]);
13397
+ }
13398
+
13399
+ if (dirty & /*style*/ 2) {
13400
+ attr(button, "style", /*style*/ ctx[1]);
13374
13401
  }
13375
13402
  },
13376
13403
  i: noop,
@@ -13381,18 +13408,20 @@ function create_fragment$3(ctx) {
13381
13408
  };
13382
13409
  }
13383
13410
 
13384
- function instance$3($$self, $$props, $$invalidate) {
13411
+ function instance$5($$self, $$props, $$invalidate) {
13385
13412
  let style;
13386
13413
  let { props = {} } = $$props;
13414
+ let { layerId = '' } = $$props;
13387
13415
  const size = props.size ?? 24;
13388
13416
 
13389
13417
  $$self.$$set = $$props => {
13390
- if ('props' in $$props) $$invalidate(1, props = $$props.props);
13418
+ if ('props' in $$props) $$invalidate(2, props = $$props.props);
13419
+ if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
13391
13420
  };
13392
13421
 
13393
13422
  $$self.$$.update = () => {
13394
- if ($$self.$$.dirty & /*props*/ 2) {
13395
- $$invalidate(0, style = objToStyle({
13423
+ if ($$self.$$.dirty & /*props*/ 4) {
13424
+ $$invalidate(1, style = objToStyle({
13396
13425
  width: `${size}px`,
13397
13426
  height: `${size}px`,
13398
13427
  ...props.bordered && { border: '1px solid #666' },
@@ -13401,23 +13430,23 @@ function instance$3($$self, $$props, $$invalidate) {
13401
13430
  }
13402
13431
  };
13403
13432
 
13404
- return [style, props];
13433
+ return [layerId, style, props];
13405
13434
  }
13406
13435
 
13407
13436
  class CloseButton extends SvelteComponent {
13408
13437
  constructor(options) {
13409
13438
  super();
13410
- init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 1 }, add_css$3);
13439
+ init(this, options, instance$5, create_fragment$5, safe_not_equal, { props: 2, layerId: 0 }, add_css$5);
13411
13440
  }
13412
13441
  }
13413
13442
 
13414
13443
  /* src/components-v2/image/Image.svelte generated by Svelte v3.53.1 */
13415
13444
 
13416
- function add_css$2(target) {
13445
+ function add_css$4(target) {
13417
13446
  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}");
13418
13447
  }
13419
13448
 
13420
- function create_fragment$2(ctx) {
13449
+ function create_fragment$4(ctx) {
13421
13450
  let div;
13422
13451
  let object;
13423
13452
  let img;
@@ -13432,10 +13461,11 @@ function create_fragment$2(ctx) {
13432
13461
  if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
13433
13462
  attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
13434
13463
  attr(img, "class", "image-img svelte-vojroc");
13435
- attr(object, "style", /*objectStyle*/ ctx[1]);
13464
+ attr(object, "style", /*objectStyle*/ ctx[2]);
13436
13465
  attr(object, "class", "image-object svelte-vojroc");
13466
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
13437
13467
  attr(div, "class", "image svelte-vojroc");
13438
- attr(div, "style", /*style*/ ctx[2]);
13468
+ attr(div, "style", /*style*/ ctx[3]);
13439
13469
  },
13440
13470
  m(target, anchor) {
13441
13471
  insert(target, div, anchor);
@@ -13451,12 +13481,16 @@ function create_fragment$2(ctx) {
13451
13481
  attr(img, "alt", img_alt_value);
13452
13482
  }
13453
13483
 
13454
- if (dirty & /*objectStyle*/ 2) {
13455
- attr(object, "style", /*objectStyle*/ ctx[1]);
13484
+ if (dirty & /*objectStyle*/ 4) {
13485
+ attr(object, "style", /*objectStyle*/ ctx[2]);
13456
13486
  }
13457
13487
 
13458
- if (dirty & /*style*/ 4) {
13459
- attr(div, "style", /*style*/ ctx[2]);
13488
+ if (dirty & /*layerId*/ 2) {
13489
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
13490
+ }
13491
+
13492
+ if (dirty & /*style*/ 8) {
13493
+ attr(div, "style", /*style*/ ctx[3]);
13460
13494
  }
13461
13495
  },
13462
13496
  i: noop,
@@ -13467,56 +13501,59 @@ function create_fragment$2(ctx) {
13467
13501
  };
13468
13502
  }
13469
13503
 
13470
- function instance$2($$self, $$props, $$invalidate) {
13504
+ function instance$4($$self, $$props, $$invalidate) {
13471
13505
  let style;
13472
13506
  let objectStyle;
13473
13507
  let { props = {} } = $$props;
13508
+ let { layerId = '' } = $$props;
13474
13509
 
13475
13510
  $$self.$$set = $$props => {
13476
13511
  if ('props' in $$props) $$invalidate(0, props = $$props.props);
13512
+ if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
13477
13513
  };
13478
13514
 
13479
13515
  $$self.$$.update = () => {
13480
13516
  if ($$self.$$.dirty & /*props*/ 1) {
13481
- $$invalidate(2, style = objToStyle({
13517
+ $$invalidate(3, style = objToStyle({
13482
13518
  width: props.width ?? '100%',
13483
13519
  ...toCssCommon(props)
13484
13520
  }));
13485
13521
  }
13486
13522
 
13487
13523
  if ($$self.$$.dirty & /*props*/ 1) {
13488
- $$invalidate(1, objectStyle = objToStyle({ aspectRatio: props.aspect }));
13524
+ $$invalidate(2, objectStyle = objToStyle({ aspectRatio: props.aspect }));
13489
13525
  }
13490
13526
  };
13491
13527
 
13492
- return [props, objectStyle, style];
13528
+ return [props, layerId, objectStyle, style];
13493
13529
  }
13494
13530
 
13495
13531
  class Image extends SvelteComponent {
13496
13532
  constructor(options) {
13497
13533
  super();
13498
- init(this, options, instance$2, create_fragment$2, safe_not_equal, { props: 0 }, add_css$2);
13534
+ init(this, options, instance$4, create_fragment$4, safe_not_equal, { props: 0, layerId: 1 }, add_css$4);
13499
13535
  }
13500
13536
  }
13501
13537
 
13502
13538
  /* src/components-v2/layout/Layout.svelte generated by Svelte v3.53.1 */
13503
13539
 
13504
- function add_css$1(target) {
13540
+ function add_css$3(target) {
13505
13541
  append_styles(target, "svelte-1g6q4hu", ".layout.svelte-1g6q4hu{margin:0}");
13506
13542
  }
13507
13543
 
13508
- function create_fragment$1(ctx) {
13544
+ function create_fragment$3(ctx) {
13509
13545
  let div;
13510
13546
  let current;
13511
- const default_slot_template = /*#slots*/ ctx[3].default;
13512
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[2], null);
13547
+ const default_slot_template = /*#slots*/ ctx[4].default;
13548
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[3], null);
13513
13549
 
13514
13550
  return {
13515
13551
  c() {
13516
13552
  div = element("div");
13517
13553
  if (default_slot) default_slot.c();
13554
+ attr(div, "data-layer-id", /*layerId*/ ctx[0]);
13518
13555
  attr(div, "class", "layout svelte-1g6q4hu");
13519
- attr(div, "style", /*style*/ ctx[0]);
13556
+ attr(div, "style", /*style*/ ctx[1]);
13520
13557
  },
13521
13558
  m(target, anchor) {
13522
13559
  insert(target, div, anchor);
@@ -13529,22 +13566,26 @@ function create_fragment$1(ctx) {
13529
13566
  },
13530
13567
  p(ctx, [dirty]) {
13531
13568
  if (default_slot) {
13532
- if (default_slot.p && (!current || dirty & /*$$scope*/ 4)) {
13569
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 8)) {
13533
13570
  update_slot_base(
13534
13571
  default_slot,
13535
13572
  default_slot_template,
13536
13573
  ctx,
13537
- /*$$scope*/ ctx[2],
13574
+ /*$$scope*/ ctx[3],
13538
13575
  !current
13539
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[2])
13540
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[2], dirty, null),
13576
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[3])
13577
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[3], dirty, null),
13541
13578
  null
13542
13579
  );
13543
13580
  }
13544
13581
  }
13545
13582
 
13546
- if (!current || dirty & /*style*/ 1) {
13547
- attr(div, "style", /*style*/ ctx[0]);
13583
+ if (!current || dirty & /*layerId*/ 1) {
13584
+ attr(div, "data-layer-id", /*layerId*/ ctx[0]);
13585
+ }
13586
+
13587
+ if (!current || dirty & /*style*/ 2) {
13588
+ attr(div, "style", /*style*/ ctx[1]);
13548
13589
  }
13549
13590
  },
13550
13591
  i(local) {
@@ -13563,19 +13604,21 @@ function create_fragment$1(ctx) {
13563
13604
  };
13564
13605
  }
13565
13606
 
13566
- function instance$1($$self, $$props, $$invalidate) {
13607
+ function instance$3($$self, $$props, $$invalidate) {
13567
13608
  let style;
13568
13609
  let { $$slots: slots = {}, $$scope } = $$props;
13569
13610
  let { props = {} } = $$props;
13611
+ let { layerId = '' } = $$props;
13570
13612
 
13571
13613
  $$self.$$set = $$props => {
13572
- if ('props' in $$props) $$invalidate(1, props = $$props.props);
13573
- if ('$$scope' in $$props) $$invalidate(2, $$scope = $$props.$$scope);
13614
+ if ('props' in $$props) $$invalidate(2, props = $$props.props);
13615
+ if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
13616
+ if ('$$scope' in $$props) $$invalidate(3, $$scope = $$props.$$scope);
13574
13617
  };
13575
13618
 
13576
13619
  $$self.$$.update = () => {
13577
- if ($$self.$$.dirty & /*props*/ 2) {
13578
- $$invalidate(0, style = objToStyle({
13620
+ if ($$self.$$.dirty & /*props*/ 4) {
13621
+ $$invalidate(1, style = objToStyle({
13579
13622
  display: props.display ?? 'flex',
13580
13623
  flexDirection: props.direction,
13581
13624
  alignItems: props.align,
@@ -13594,13 +13637,13 @@ function instance$1($$self, $$props, $$invalidate) {
13594
13637
  }
13595
13638
  };
13596
13639
 
13597
- return [style, props, $$scope, slots];
13640
+ return [layerId, style, props, $$scope, slots];
13598
13641
  }
13599
13642
 
13600
13643
  class Layout extends SvelteComponent {
13601
13644
  constructor(options) {
13602
13645
  super();
13603
- init(this, options, instance$1, create_fragment$1, safe_not_equal, { props: 1 }, add_css$1);
13646
+ init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 2, layerId: 0 }, add_css$3);
13604
13647
  }
13605
13648
  }
13606
13649
 
@@ -13611,27 +13654,32 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
13611
13654
 
13612
13655
  /* src/components-v2/text/Text.svelte generated by Svelte v3.53.1 */
13613
13656
 
13614
- function add_css(target) {
13657
+ function add_css$2(target) {
13615
13658
  append_styles(target, "svelte-1vl0c87", ".text.svelte-1vl0c87{margin:0;word-break:break-all}");
13616
13659
  }
13617
13660
 
13618
- function create_fragment(ctx) {
13661
+ function create_fragment$2(ctx) {
13619
13662
  let p;
13620
13663
 
13621
13664
  return {
13622
13665
  c() {
13623
13666
  p = element("p");
13667
+ attr(p, "data-layer-id", /*layerId*/ ctx[0]);
13624
13668
  attr(p, "class", "text svelte-1vl0c87");
13625
- attr(p, "style", /*style*/ ctx[0]);
13669
+ attr(p, "style", /*style*/ ctx[1]);
13626
13670
  },
13627
13671
  m(target, anchor) {
13628
13672
  insert(target, p, anchor);
13629
- p.innerHTML = /*escapedHTML*/ ctx[1];
13673
+ p.innerHTML = /*escapedHTML*/ ctx[2];
13630
13674
  },
13631
13675
  p(ctx, [dirty]) {
13632
- if (dirty & /*escapedHTML*/ 2) p.innerHTML = /*escapedHTML*/ ctx[1];
13633
- if (dirty & /*style*/ 1) {
13634
- attr(p, "style", /*style*/ ctx[0]);
13676
+ if (dirty & /*escapedHTML*/ 4) p.innerHTML = /*escapedHTML*/ ctx[2];
13677
+ if (dirty & /*layerId*/ 1) {
13678
+ attr(p, "data-layer-id", /*layerId*/ ctx[0]);
13679
+ }
13680
+
13681
+ if (dirty & /*style*/ 2) {
13682
+ attr(p, "style", /*style*/ ctx[1]);
13635
13683
  }
13636
13684
  },
13637
13685
  i: noop,
@@ -13642,22 +13690,24 @@ function create_fragment(ctx) {
13642
13690
  };
13643
13691
  }
13644
13692
 
13645
- function instance($$self, $$props, $$invalidate) {
13693
+ function instance$2($$self, $$props, $$invalidate) {
13646
13694
  let escapedHTML;
13647
13695
  let style;
13648
13696
  let { props = { content: '' } } = $$props;
13697
+ let { layerId = '' } = $$props;
13649
13698
 
13650
13699
  $$self.$$set = $$props => {
13651
- if ('props' in $$props) $$invalidate(2, props = $$props.props);
13700
+ if ('props' in $$props) $$invalidate(3, props = $$props.props);
13701
+ if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
13652
13702
  };
13653
13703
 
13654
13704
  $$self.$$.update = () => {
13655
- if ($$self.$$.dirty & /*props*/ 4) {
13656
- $$invalidate(1, escapedHTML = props.content.replace(/&/g, '&lt;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#x27;').replace(/\n/g, '<br />'));
13705
+ if ($$self.$$.dirty & /*props*/ 8) {
13706
+ $$invalidate(2, escapedHTML = props.content.replace(/&/g, '&lt;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#x27;').replace(/\n/g, '<br />'));
13657
13707
  }
13658
13708
 
13659
- if ($$self.$$.dirty & /*props*/ 4) {
13660
- $$invalidate(0, style = objToStyle({
13709
+ if ($$self.$$.dirty & /*props*/ 8) {
13710
+ $$invalidate(1, style = objToStyle({
13661
13711
  position: props?.position ?? 'static',
13662
13712
  fontWeight: props.fontWeight,
13663
13713
  fontSize: props.fontSize,
@@ -13673,17 +13723,851 @@ function instance($$self, $$props, $$invalidate) {
13673
13723
  }
13674
13724
  };
13675
13725
 
13676
- return [style, escapedHTML, props];
13726
+ return [layerId, style, escapedHTML, props];
13677
13727
  }
13678
13728
 
13679
13729
  class Text extends SvelteComponent {
13680
13730
  constructor(options) {
13681
13731
  super();
13682
- init(this, options, instance, create_fragment, safe_not_equal, { props: 2 }, add_css);
13732
+ init(this, options, instance$2, create_fragment$2, safe_not_equal, { props: 3, layerId: 0 }, add_css$2);
13683
13733
  }
13684
13734
  }
13685
13735
 
13686
13736
  const LAYER_TEXT_ALIGN_VALUES = ['center', 'left', 'right'];
13687
13737
  const LAYER_TEXT_FONT_WEIGHT_VALUES = ['bold', 'normal'];
13688
13738
 
13689
- 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 };
13739
+ /* src/components-v2/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
13740
+
13741
+ function add_css$1(target) {
13742
+ 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}");
13743
+ }
13744
+
13745
+ // (14:0) {#if backgroundOverlay}
13746
+ function create_if_block$1(ctx) {
13747
+ let div;
13748
+ let div_class_value;
13749
+ let mounted;
13750
+ let dispose;
13751
+
13752
+ return {
13753
+ c() {
13754
+ div = element("div");
13755
+ attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
13756
+ },
13757
+ m(target, anchor) {
13758
+ insert(target, div, anchor);
13759
+
13760
+ if (!mounted) {
13761
+ dispose = listen(div, "click", /*click_handler*/ ctx[3]);
13762
+ mounted = true;
13763
+ }
13764
+ },
13765
+ p(ctx, dirty) {
13766
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
13767
+ attr(div, "class", div_class_value);
13768
+ }
13769
+ },
13770
+ d(detaching) {
13771
+ if (detaching) detach(div);
13772
+ mounted = false;
13773
+ dispose();
13774
+ }
13775
+ };
13776
+ }
13777
+
13778
+ function create_fragment$1(ctx) {
13779
+ let if_block_anchor;
13780
+ let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$1(ctx);
13781
+
13782
+ return {
13783
+ c() {
13784
+ if (if_block) if_block.c();
13785
+ if_block_anchor = empty();
13786
+ },
13787
+ m(target, anchor) {
13788
+ if (if_block) if_block.m(target, anchor);
13789
+ insert(target, if_block_anchor, anchor);
13790
+ },
13791
+ p(ctx, [dirty]) {
13792
+ if (/*backgroundOverlay*/ ctx[0]) {
13793
+ if (if_block) {
13794
+ if_block.p(ctx, dirty);
13795
+ } else {
13796
+ if_block = create_if_block$1(ctx);
13797
+ if_block.c();
13798
+ if_block.m(if_block_anchor.parentNode, if_block_anchor);
13799
+ }
13800
+ } else if (if_block) {
13801
+ if_block.d(1);
13802
+ if_block = null;
13803
+ }
13804
+ },
13805
+ i: noop,
13806
+ o: noop,
13807
+ d(detaching) {
13808
+ if (if_block) if_block.d(detaching);
13809
+ if (detaching) detach(if_block_anchor);
13810
+ }
13811
+ };
13812
+ }
13813
+
13814
+ function instance$1($$self, $$props, $$invalidate) {
13815
+ let { backgroundOverlay = false } = $$props;
13816
+ let { class: className = undefined } = $$props;
13817
+ const dispatch = createEventDispatcher();
13818
+ const click_handler = () => dispatch('click');
13819
+
13820
+ $$self.$$set = $$props => {
13821
+ if ('backgroundOverlay' in $$props) $$invalidate(0, backgroundOverlay = $$props.backgroundOverlay);
13822
+ if ('class' in $$props) $$invalidate(1, className = $$props.class);
13823
+ };
13824
+
13825
+ return [backgroundOverlay, className, dispatch, click_handler];
13826
+ }
13827
+
13828
+ class BackgroundOverlay extends SvelteComponent {
13829
+ constructor(options) {
13830
+ super();
13831
+ init(this, options, instance$1, create_fragment$1, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$1);
13832
+ }
13833
+ }
13834
+
13835
+ /* src/components-v2/modal/Modal.svelte generated by Svelte v3.53.1 */
13836
+
13837
+ function add_css(target) {
13838
+ 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}}");
13839
+ }
13840
+
13841
+ // (264:0) {:else}
13842
+ function create_else_block(ctx) {
13843
+ let backgroundoverlay;
13844
+ let current;
13845
+
13846
+ backgroundoverlay = new BackgroundOverlay({
13847
+ props: {
13848
+ backgroundOverlay: /*backgroundOverlay*/ ctx[4]
13849
+ }
13850
+ });
13851
+
13852
+ backgroundoverlay.$on("click", function () {
13853
+ if (is_function(/*backgroundClick*/ ctx[12])) /*backgroundClick*/ ctx[12].apply(this, arguments);
13854
+ });
13855
+
13856
+ return {
13857
+ c() {
13858
+ create_component(backgroundoverlay.$$.fragment);
13859
+ },
13860
+ m(target, anchor) {
13861
+ mount_component(backgroundoverlay, target, anchor);
13862
+ current = true;
13863
+ },
13864
+ p(new_ctx, dirty) {
13865
+ ctx = new_ctx;
13866
+ const backgroundoverlay_changes = {};
13867
+ if (dirty[0] & /*backgroundOverlay*/ 16) backgroundoverlay_changes.backgroundOverlay = /*backgroundOverlay*/ ctx[4];
13868
+ backgroundoverlay.$set(backgroundoverlay_changes);
13869
+ },
13870
+ i(local) {
13871
+ if (current) return;
13872
+ transition_in(backgroundoverlay.$$.fragment, local);
13873
+ current = true;
13874
+ },
13875
+ o(local) {
13876
+ transition_out(backgroundoverlay.$$.fragment, local);
13877
+ current = false;
13878
+ },
13879
+ d(detaching) {
13880
+ destroy_component(backgroundoverlay, detaching);
13881
+ }
13882
+ };
13883
+ }
13884
+
13885
+ // (253:24)
13886
+ function create_if_block_3(ctx) {
13887
+ let backgroundoverlay0;
13888
+ let t;
13889
+ let backgroundoverlay1;
13890
+ let current;
13891
+
13892
+ backgroundoverlay0 = new BackgroundOverlay({
13893
+ props: {
13894
+ class: "v2-background-bp-pc",
13895
+ backgroundOverlay: /*backgroundOverlayPC*/ ctx[5]
13896
+ }
13897
+ });
13898
+
13899
+ backgroundoverlay0.$on("click", function () {
13900
+ if (is_function(/*backgroundClickPC*/ ctx[11])) /*backgroundClickPC*/ ctx[11].apply(this, arguments);
13901
+ });
13902
+
13903
+ backgroundoverlay1 = new BackgroundOverlay({
13904
+ props: {
13905
+ class: "v2-background-bp-sp ",
13906
+ backgroundOverlay: /*backgroundOverlaySP*/ ctx[6]
13907
+ }
13908
+ });
13909
+
13910
+ backgroundoverlay1.$on("click", function () {
13911
+ if (is_function(/*backgroundClickSP*/ ctx[10])) /*backgroundClickSP*/ ctx[10].apply(this, arguments);
13912
+ });
13913
+
13914
+ return {
13915
+ c() {
13916
+ create_component(backgroundoverlay0.$$.fragment);
13917
+ t = space();
13918
+ create_component(backgroundoverlay1.$$.fragment);
13919
+ },
13920
+ m(target, anchor) {
13921
+ mount_component(backgroundoverlay0, target, anchor);
13922
+ insert(target, t, anchor);
13923
+ mount_component(backgroundoverlay1, target, anchor);
13924
+ current = true;
13925
+ },
13926
+ p(new_ctx, dirty) {
13927
+ ctx = new_ctx;
13928
+ const backgroundoverlay0_changes = {};
13929
+ if (dirty[0] & /*backgroundOverlayPC*/ 32) backgroundoverlay0_changes.backgroundOverlay = /*backgroundOverlayPC*/ ctx[5];
13930
+ backgroundoverlay0.$set(backgroundoverlay0_changes);
13931
+ const backgroundoverlay1_changes = {};
13932
+ if (dirty[0] & /*backgroundOverlaySP*/ 64) backgroundoverlay1_changes.backgroundOverlay = /*backgroundOverlaySP*/ ctx[6];
13933
+ backgroundoverlay1.$set(backgroundoverlay1_changes);
13934
+ },
13935
+ i(local) {
13936
+ if (current) return;
13937
+ transition_in(backgroundoverlay0.$$.fragment, local);
13938
+ transition_in(backgroundoverlay1.$$.fragment, local);
13939
+ current = true;
13940
+ },
13941
+ o(local) {
13942
+ transition_out(backgroundoverlay0.$$.fragment, local);
13943
+ transition_out(backgroundoverlay1.$$.fragment, local);
13944
+ current = false;
13945
+ },
13946
+ d(detaching) {
13947
+ destroy_component(backgroundoverlay0, detaching);
13948
+ if (detaching) detach(t);
13949
+ destroy_component(backgroundoverlay1, detaching);
13950
+ }
13951
+ };
13952
+ }
13953
+
13954
+ // (251:0) {#if isPreview()}
13955
+ function create_if_block_2(ctx) {
13956
+ return {
13957
+ c: noop,
13958
+ m: noop,
13959
+ p: noop,
13960
+ i: noop,
13961
+ o: noop,
13962
+ d: noop
13963
+ };
13964
+ }
13965
+
13966
+ // (267:0) {#if visible}
13967
+ function create_if_block(ctx) {
13968
+ let div1;
13969
+ let t;
13970
+ let div0;
13971
+ let div1_class_value;
13972
+ let div1_intro;
13973
+ let current;
13974
+ let if_block = /*closable*/ ctx[13] && create_if_block_1(ctx);
13975
+ const default_slot_template = /*#slots*/ ctx[30].default;
13976
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[29], null);
13977
+
13978
+ return {
13979
+ c() {
13980
+ div1 = element("div");
13981
+ if (if_block) if_block.c();
13982
+ t = space();
13983
+ div0 = element("div");
13984
+ if (default_slot) default_slot.c();
13985
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(['v2-modal', /*useBreakPoint*/ ctx[0] ? 'v2-modal-bp' : ''].join(' ')) + " svelte-1fow8xp"));
13986
+ attr(div1, "role", "dialog");
13987
+ attr(div1, "aria-modal", "true");
13988
+ attr(div1, "style", Array.from(/*modalStyles*/ ctx[15]).join(';'));
13989
+ },
13990
+ m(target, anchor) {
13991
+ insert(target, div1, anchor);
13992
+ if (if_block) if_block.m(div1, null);
13993
+ append(div1, t);
13994
+ append(div1, div0);
13995
+
13996
+ if (default_slot) {
13997
+ default_slot.m(div0, null);
13998
+ }
13999
+
14000
+ /*div1_binding*/ ctx[31](div1);
14001
+ current = true;
14002
+ },
14003
+ p(new_ctx, dirty) {
14004
+ ctx = new_ctx;
14005
+
14006
+ if (/*closable*/ ctx[13]) {
14007
+ if (if_block) {
14008
+ if_block.p(ctx, dirty);
14009
+
14010
+ if (dirty[0] & /*closable*/ 8192) {
14011
+ transition_in(if_block, 1);
14012
+ }
14013
+ } else {
14014
+ if_block = create_if_block_1(ctx);
14015
+ if_block.c();
14016
+ transition_in(if_block, 1);
14017
+ if_block.m(div1, t);
14018
+ }
14019
+ } else if (if_block) {
14020
+ group_outros();
14021
+
14022
+ transition_out(if_block, 1, 1, () => {
14023
+ if_block = null;
14024
+ });
14025
+
14026
+ check_outros();
14027
+ }
14028
+
14029
+ if (default_slot) {
14030
+ if (default_slot.p && (!current || dirty[0] & /*$$scope*/ 536870912)) {
14031
+ update_slot_base(
14032
+ default_slot,
14033
+ default_slot_template,
14034
+ ctx,
14035
+ /*$$scope*/ ctx[29],
14036
+ !current
14037
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[29])
14038
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[29], dirty, null),
14039
+ null
14040
+ );
14041
+ }
14042
+ }
14043
+
14044
+ 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"))) {
14045
+ attr(div1, "class", div1_class_value);
14046
+ }
14047
+ },
14048
+ i(local) {
14049
+ if (current) return;
14050
+ transition_in(if_block);
14051
+ transition_in(default_slot, local);
14052
+
14053
+ if (!div1_intro) {
14054
+ add_render_callback(() => {
14055
+ div1_intro = create_in_transition(div1, customAnimation, {
14056
+ transforms: /*transforms*/ ctx[3],
14057
+ animationStyle: /*animation*/ ctx[1]
14058
+ });
14059
+
14060
+ div1_intro.start();
14061
+ });
14062
+ }
14063
+
14064
+ current = true;
14065
+ },
14066
+ o(local) {
14067
+ transition_out(if_block);
14068
+ transition_out(default_slot, local);
14069
+ current = false;
14070
+ },
14071
+ d(detaching) {
14072
+ if (detaching) detach(div1);
14073
+ if (if_block) if_block.d();
14074
+ if (default_slot) default_slot.d(detaching);
14075
+ /*div1_binding*/ ctx[31](null);
14076
+ }
14077
+ };
14078
+ }
14079
+
14080
+ // (279:4) {#if closable}
14081
+ function create_if_block_1(ctx) {
14082
+ let div;
14083
+ let closebutton;
14084
+ let current;
14085
+
14086
+ closebutton = new CloseButton({
14087
+ props: { props: /*closeButtonProps*/ ctx[2] }
14088
+ });
14089
+
14090
+ return {
14091
+ c() {
14092
+ div = element("div");
14093
+ create_component(closebutton.$$.fragment);
14094
+ attr(div, "class", "v2-close svelte-1fow8xp");
14095
+ set_style(div, "z-index", /*$maximumZindex*/ ctx[14] + 1);
14096
+ },
14097
+ m(target, anchor) {
14098
+ insert(target, div, anchor);
14099
+ mount_component(closebutton, div, null);
14100
+ current = true;
14101
+ },
14102
+ p(ctx, dirty) {
14103
+ const closebutton_changes = {};
14104
+ if (dirty[0] & /*closeButtonProps*/ 4) closebutton_changes.props = /*closeButtonProps*/ ctx[2];
14105
+ closebutton.$set(closebutton_changes);
14106
+
14107
+ if (!current || dirty[0] & /*$maximumZindex*/ 16384) {
14108
+ set_style(div, "z-index", /*$maximumZindex*/ ctx[14] + 1);
14109
+ }
14110
+ },
14111
+ i(local) {
14112
+ if (current) return;
14113
+ transition_in(closebutton.$$.fragment, local);
14114
+ current = true;
14115
+ },
14116
+ o(local) {
14117
+ transition_out(closebutton.$$.fragment, local);
14118
+ current = false;
14119
+ },
14120
+ d(detaching) {
14121
+ if (detaching) detach(div);
14122
+ destroy_component(closebutton);
14123
+ }
14124
+ };
14125
+ }
14126
+
14127
+ function create_fragment(ctx) {
14128
+ let show_if;
14129
+ let current_block_type_index;
14130
+ let if_block0;
14131
+ let t;
14132
+ let if_block1_anchor;
14133
+ let current;
14134
+ let mounted;
14135
+ let dispose;
14136
+ const if_block_creators = [create_if_block_2, create_if_block_3, create_else_block];
14137
+ const if_blocks = [];
14138
+
14139
+ function select_block_type(ctx, dirty) {
14140
+ if (show_if == null) show_if = !!isPreview();
14141
+ if (show_if) return 0;
14142
+ if (/*useBreakPoint*/ ctx[0]) return 1;
14143
+ return 2;
14144
+ }
14145
+
14146
+ current_block_type_index = select_block_type(ctx);
14147
+ if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
14148
+ let if_block1 = /*visible*/ ctx[8] && create_if_block(ctx);
14149
+
14150
+ return {
14151
+ c() {
14152
+ if_block0.c();
14153
+ t = space();
14154
+ if (if_block1) if_block1.c();
14155
+ if_block1_anchor = empty();
14156
+ },
14157
+ m(target, anchor) {
14158
+ if_blocks[current_block_type_index].m(target, anchor);
14159
+ insert(target, t, anchor);
14160
+ if (if_block1) if_block1.m(target, anchor);
14161
+ insert(target, if_block1_anchor, anchor);
14162
+ current = true;
14163
+
14164
+ if (!mounted) {
14165
+ dispose = listen(window, "keydown", function () {
14166
+ if (is_function(/*handle_keydown*/ ctx[9])) /*handle_keydown*/ ctx[9].apply(this, arguments);
14167
+ });
14168
+
14169
+ mounted = true;
14170
+ }
14171
+ },
14172
+ p(new_ctx, dirty) {
14173
+ ctx = new_ctx;
14174
+ let previous_block_index = current_block_type_index;
14175
+ current_block_type_index = select_block_type(ctx);
14176
+
14177
+ if (current_block_type_index === previous_block_index) {
14178
+ if_blocks[current_block_type_index].p(ctx, dirty);
14179
+ } else {
14180
+ group_outros();
14181
+
14182
+ transition_out(if_blocks[previous_block_index], 1, 1, () => {
14183
+ if_blocks[previous_block_index] = null;
14184
+ });
14185
+
14186
+ check_outros();
14187
+ if_block0 = if_blocks[current_block_type_index];
14188
+
14189
+ if (!if_block0) {
14190
+ if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
14191
+ if_block0.c();
14192
+ } else {
14193
+ if_block0.p(ctx, dirty);
14194
+ }
14195
+
14196
+ transition_in(if_block0, 1);
14197
+ if_block0.m(t.parentNode, t);
14198
+ }
14199
+
14200
+ if (/*visible*/ ctx[8]) {
14201
+ if (if_block1) {
14202
+ if_block1.p(ctx, dirty);
14203
+
14204
+ if (dirty[0] & /*visible*/ 256) {
14205
+ transition_in(if_block1, 1);
14206
+ }
14207
+ } else {
14208
+ if_block1 = create_if_block(ctx);
14209
+ if_block1.c();
14210
+ transition_in(if_block1, 1);
14211
+ if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
14212
+ }
14213
+ } else if (if_block1) {
14214
+ group_outros();
14215
+
14216
+ transition_out(if_block1, 1, 1, () => {
14217
+ if_block1 = null;
14218
+ });
14219
+
14220
+ check_outros();
14221
+ }
14222
+ },
14223
+ i(local) {
14224
+ if (current) return;
14225
+ transition_in(if_block0);
14226
+ transition_in(if_block1);
14227
+ current = true;
14228
+ },
14229
+ o(local) {
14230
+ transition_out(if_block0);
14231
+ transition_out(if_block1);
14232
+ current = false;
14233
+ },
14234
+ d(detaching) {
14235
+ if_blocks[current_block_type_index].d(detaching);
14236
+ if (detaching) detach(t);
14237
+ if (if_block1) if_block1.d(detaching);
14238
+ if (detaching) detach(if_block1_anchor);
14239
+ mounted = false;
14240
+ dispose();
14241
+ }
14242
+ };
14243
+ }
14244
+
14245
+ function instance($$self, $$props, $$invalidate) {
14246
+ let close;
14247
+ let closable;
14248
+ let backgroundClick;
14249
+ let backgroundClickPC;
14250
+ let backgroundClickSP;
14251
+ let handle_keydown;
14252
+ let visible;
14253
+ let $maximumZindex;
14254
+ component_subscribe($$self, maximumZindex, $$value => $$invalidate(14, $maximumZindex = $$value));
14255
+ let { $$slots: slots = {}, $$scope } = $$props;
14256
+ let { onClick = { operation: 'none', args: [] } } = $$props;
14257
+ let { clickEventName = '' } = $$props;
14258
+ let { clickEventValue = null } = $$props;
14259
+ let { useBreakPoint = false } = $$props;
14260
+ let { placement } = $$props;
14261
+ let { breakPoint } = $$props;
14262
+ let { elasticity } = $$props;
14263
+ let { animation = 'none' } = $$props;
14264
+ let { onClose = { operation: 'closeApp', args: ['button'] } } = $$props;
14265
+ let { closeEventName = '' } = $$props;
14266
+ let { closeEventValue = null } = $$props;
14267
+ let { closeButtonProps = {} } = $$props;
14268
+
14269
+ // モーダル背景の設定
14270
+ let backgroundOverlay = DefaultModalPlacement.backgroundOverlay;
14271
+
14272
+ let backgroundOverlayPC = DefaultModalPlacement.backgroundOverlay;
14273
+ let backgroundOverlaySP = DefaultModalPlacement.backgroundOverlay;
14274
+
14275
+ // モーダル背景のクリック動作の設定
14276
+ let backgroundClickFunction = DefaultModalPlacement.backgroundClick;
14277
+
14278
+ let backgroundClickFunctionPC = DefaultModalPlacement.backgroundClick;
14279
+ let backgroundClickFunctionSP = DefaultModalPlacement.backgroundClick;
14280
+ let modalStyles = new Set([]);
14281
+ let transforms = [{ query: null, ...getTransform('center') }];
14282
+ let modal;
14283
+
14284
+ onMount$1(() => {
14285
+ $$invalidate(8, visible = true);
14286
+ });
14287
+
14288
+ onDestroy$1(() => setPreviousFocus());
14289
+
14290
+ function div1_binding($$value) {
14291
+ binding_callbacks[$$value ? 'unshift' : 'push'](() => {
14292
+ modal = $$value;
14293
+ $$invalidate(7, modal);
14294
+ });
14295
+ }
14296
+
14297
+ $$self.$$set = $$props => {
14298
+ if ('onClick' in $$props) $$invalidate(16, onClick = $$props.onClick);
14299
+ if ('clickEventName' in $$props) $$invalidate(17, clickEventName = $$props.clickEventName);
14300
+ if ('clickEventValue' in $$props) $$invalidate(18, clickEventValue = $$props.clickEventValue);
14301
+ if ('useBreakPoint' in $$props) $$invalidate(0, useBreakPoint = $$props.useBreakPoint);
14302
+ if ('placement' in $$props) $$invalidate(19, placement = $$props.placement);
14303
+ if ('breakPoint' in $$props) $$invalidate(20, breakPoint = $$props.breakPoint);
14304
+ if ('elasticity' in $$props) $$invalidate(21, elasticity = $$props.elasticity);
14305
+ if ('animation' in $$props) $$invalidate(1, animation = $$props.animation);
14306
+ if ('onClose' in $$props) $$invalidate(22, onClose = $$props.onClose);
14307
+ if ('closeEventName' in $$props) $$invalidate(23, closeEventName = $$props.closeEventName);
14308
+ if ('closeEventValue' in $$props) $$invalidate(24, closeEventValue = $$props.closeEventValue);
14309
+ if ('closeButtonProps' in $$props) $$invalidate(2, closeButtonProps = $$props.closeButtonProps);
14310
+ if ('$$scope' in $$props) $$invalidate(29, $$scope = $$props.$$scope);
14311
+ };
14312
+
14313
+ $$self.$$.update = () => {
14314
+ if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, onClose*/ 29360128) {
14315
+ $$invalidate(28, close = () => {
14316
+ if (closeEventName) {
14317
+ send_event(closeEventName, closeEventValue);
14318
+ }
14319
+
14320
+ execOnClickOperation(onClose);
14321
+ });
14322
+ }
14323
+
14324
+ if ($$self.$$.dirty[0] & /*onClose*/ 4194304) {
14325
+ $$invalidate(13, closable = haveFunction(onClose));
14326
+ }
14327
+
14328
+ if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 1572865) {
14329
+ {
14330
+ if (placement && placement.backgroundOverlay) {
14331
+ $$invalidate(4, backgroundOverlay = placement.backgroundOverlay);
14332
+ }
14333
+
14334
+ if (useBreakPoint) {
14335
+ const pc = breakPoint?.PC?.placement?.backgroundOverlay;
14336
+ $$invalidate(5, backgroundOverlayPC = pc ?? false);
14337
+ const sp = breakPoint?.SP?.placement?.backgroundOverlay;
14338
+ $$invalidate(6, backgroundOverlaySP = sp ?? false);
14339
+ }
14340
+ }
14341
+ }
14342
+
14343
+ if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 1572865) {
14344
+ {
14345
+ if (placement && placement.backgroundClick) {
14346
+ $$invalidate(25, backgroundClickFunction = placement.backgroundClick);
14347
+ }
14348
+
14349
+ if (useBreakPoint) {
14350
+ const pc = breakPoint?.PC?.placement?.backgroundClick;
14351
+
14352
+ if (pc) {
14353
+ $$invalidate(26, backgroundClickFunctionPC = pc);
14354
+ }
14355
+
14356
+ const sp = breakPoint?.SP?.placement?.backgroundClick;
14357
+
14358
+ if (sp) {
14359
+ $$invalidate(27, backgroundClickFunctionSP = sp);
14360
+ }
14361
+ }
14362
+ }
14363
+ }
14364
+
14365
+ if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunction*/ 58720256) {
14366
+ $$invalidate(12, backgroundClick = () => {
14367
+ if (closeEventName) {
14368
+ send_event(closeEventName, closeEventValue);
14369
+ }
14370
+
14371
+ execOnClickOperation(backgroundClickFunction);
14372
+ });
14373
+ }
14374
+
14375
+ if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 92274688) {
14376
+ $$invalidate(11, backgroundClickPC = () => {
14377
+ if (closeEventName) {
14378
+ send_event(closeEventName, closeEventValue);
14379
+ }
14380
+
14381
+ execOnClickOperation(backgroundClickFunctionPC);
14382
+ });
14383
+ }
14384
+
14385
+ if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 159383552) {
14386
+ $$invalidate(10, backgroundClickSP = () => {
14387
+ if (closeEventName) {
14388
+ send_event(closeEventName, closeEventValue);
14389
+ }
14390
+
14391
+ execOnClickOperation(backgroundClickFunctionSP);
14392
+ });
14393
+ }
14394
+
14395
+ if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint, transforms*/ 1572873) {
14396
+ // 表示位置のスタイルとアニメーションの動きを設定
14397
+ {
14398
+ // 表示位置のスタイルの設定
14399
+ let position = DefaultModalPlacement.position;
14400
+
14401
+ if (placement && placement.position !== null) {
14402
+ position = placement.position;
14403
+ }
14404
+
14405
+ let positionStyle = getPositionStyle(position);
14406
+
14407
+ if (!useBreakPoint) {
14408
+ modalStyles.add(positionStyle);
14409
+ }
14410
+
14411
+ $$invalidate(3, transforms = []);
14412
+
14413
+ DEVICE_IDS.forEach(deviceId => {
14414
+ if (useBreakPoint) {
14415
+ const positionWithBp = breakPoint[deviceId]?.placement?.position;
14416
+
14417
+ transforms.push({
14418
+ query: DEVICE_QUERIES[deviceId],
14419
+ ...getTransform(positionWithBp)
14420
+ });
14421
+
14422
+ positionStyle = getPositionStyle(positionWithBp);
14423
+ }
14424
+
14425
+ const positionVariables = stringifyStyleObj(formatObjectKey({
14426
+ obj: parseStyle(positionStyle),
14427
+ prefix: '--modal-bp-',
14428
+ suffix: `-${deviceId.toLowerCase()}`
14429
+ }));
14430
+
14431
+ modalStyles.add(positionVariables);
14432
+ });
14433
+
14434
+ // アニメーションの動きの設定
14435
+ transforms.push({ query: null, ...getTransform(position) });
14436
+ }
14437
+ }
14438
+
14439
+ if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 1572865) {
14440
+ // 表示位置の調整のスタイルを設定
14441
+ {
14442
+ let margin = DefaultModalPlacement.margin;
14443
+
14444
+ if (placement && placement.margin !== null) {
14445
+ margin = placement.margin;
14446
+ }
14447
+
14448
+ let marginStyle = getMarginStyle(margin);
14449
+
14450
+ if (!useBreakPoint) {
14451
+ modalStyles.add(marginStyle);
14452
+ }
14453
+
14454
+ DEVICE_IDS.forEach(deviceId => {
14455
+ if (useBreakPoint) {
14456
+ const marginWithBp = breakPoint[deviceId]?.placement?.margin;
14457
+ marginStyle = getMarginStyle(marginWithBp);
14458
+ }
14459
+
14460
+ const marginVariables = stringifyStyleObj(formatObjectKey({
14461
+ obj: parseStyle(marginStyle),
14462
+ prefix: '--modal-bp-',
14463
+ suffix: `-${deviceId.toLowerCase()}`
14464
+ }));
14465
+
14466
+ modalStyles.add(marginVariables);
14467
+ });
14468
+ }
14469
+ }
14470
+
14471
+ if ($$self.$$.dirty[0] & /*elasticity, useBreakPoint, breakPoint*/ 3145729) {
14472
+ // 拡大方法のスタイルを設定
14473
+ {
14474
+ let elasticStyle = ElasticityStyle[elasticity];
14475
+
14476
+ if (!useBreakPoint) {
14477
+ modalStyles.add(elasticStyle);
14478
+ }
14479
+
14480
+ DEVICE_IDS.forEach(deviceId => {
14481
+ if (useBreakPoint) {
14482
+ const elasticityWithBp = breakPoint[deviceId]?.elasticity;
14483
+ elasticStyle = ElasticityStyle[elasticityWithBp];
14484
+ }
14485
+
14486
+ const elasticityVariables = stringifyStyleObj(formatObjectKey({
14487
+ obj: parseStyle(elasticStyle),
14488
+ prefix: '--modal-bp-',
14489
+ suffix: `-${deviceId.toLowerCase()}`
14490
+ }));
14491
+
14492
+ modalStyles.add(elasticityVariables);
14493
+ });
14494
+ }
14495
+ }
14496
+
14497
+ if ($$self.$$.dirty[0] & /*close*/ 268435456) {
14498
+ $$invalidate(9, handle_keydown = handleKeydown({ Escape: close }));
14499
+ }
14500
+ };
14501
+
14502
+ $$invalidate(7, modal = null);
14503
+
14504
+ // svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
14505
+ $$invalidate(8, visible = false);
14506
+
14507
+ return [
14508
+ useBreakPoint,
14509
+ animation,
14510
+ closeButtonProps,
14511
+ transforms,
14512
+ backgroundOverlay,
14513
+ backgroundOverlayPC,
14514
+ backgroundOverlaySP,
14515
+ modal,
14516
+ visible,
14517
+ handle_keydown,
14518
+ backgroundClickSP,
14519
+ backgroundClickPC,
14520
+ backgroundClick,
14521
+ closable,
14522
+ $maximumZindex,
14523
+ modalStyles,
14524
+ onClick,
14525
+ clickEventName,
14526
+ clickEventValue,
14527
+ placement,
14528
+ breakPoint,
14529
+ elasticity,
14530
+ onClose,
14531
+ closeEventName,
14532
+ closeEventValue,
14533
+ backgroundClickFunction,
14534
+ backgroundClickFunctionPC,
14535
+ backgroundClickFunctionSP,
14536
+ close,
14537
+ $$scope,
14538
+ slots,
14539
+ div1_binding
14540
+ ];
14541
+ }
14542
+
14543
+ class Modal extends SvelteComponent {
14544
+ constructor(options) {
14545
+ super();
14546
+
14547
+ init(
14548
+ this,
14549
+ options,
14550
+ instance,
14551
+ create_fragment,
14552
+ safe_not_equal,
14553
+ {
14554
+ onClick: 16,
14555
+ clickEventName: 17,
14556
+ clickEventValue: 18,
14557
+ useBreakPoint: 0,
14558
+ placement: 19,
14559
+ breakPoint: 20,
14560
+ elasticity: 21,
14561
+ animation: 1,
14562
+ onClose: 22,
14563
+ closeEventName: 23,
14564
+ closeEventValue: 24,
14565
+ closeButtonProps: 2
14566
+ },
14567
+ add_css,
14568
+ [-1, -1]
14569
+ );
14570
+ }
14571
+ }
14572
+
14573
+ 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 };