@plaidev/karte-action-sdk 1.1.243 → 1.1.244-28734528.818b8adc

Sign up to get free protection for your applications and to get access to all the features.
Files changed (8) hide show
  1. package/dist/hydrate/index.es.d.ts +15 -13
  2. package/dist/hydrate/index.es.js +1057 -758
  3. package/dist/index.es.d.ts +15 -13
  4. package/dist/index.es.js +999 -692
  5. package/dist/templates.cjs.js +1 -0
  6. package/dist/templates.js +1 -0
  7. package/package.json +2 -2
  8. package/meta/karte-action-sdk.api.json +0 -6318
package/dist/hydrate/index.es.js CHANGED
@@ -2874,7 +2874,7 @@ function create_if_block$g(ctx) {
2874
2874
  };
2875
2875
  }
2876
2876
 
2877
- function create_fragment$1b(ctx) {
2877
+ function create_fragment$1c(ctx) {
2878
2878
  let head;
2879
2879
  let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$g(ctx);
2880
2880
 
@@ -2916,7 +2916,7 @@ function create_fragment$1b(ctx) {
2916
2916
  };
2917
2917
  }
2918
2918
 
2919
- function instance$1b($$self, $$props, $$invalidate) {
2919
+ function instance$1c($$self, $$props, $$invalidate) {
2920
2920
  let $fonts;
2921
2921
  component_subscribe($$self, fonts, $$value => $$invalidate(1, $fonts = $$value));
2922
2922
  let googleFontUrl = '';
@@ -2946,13 +2946,13 @@ function instance$1b($$self, $$props, $$invalidate) {
2946
2946
  class Header extends SvelteComponent {
2947
2947
  constructor(options) {
2948
2948
  super();
2949
- init(this, options, instance$1b, create_fragment$1b, safe_not_equal, {});
2949
+ init(this, options, instance$1c, create_fragment$1c, safe_not_equal, {});
2950
2950
  }
2951
2951
  }
2952
2952
 
2953
2953
  /* src/components/State.svelte generated by Svelte v3.53.1 */
2954
2954
 
2955
- function create_fragment$1a(ctx) {
2955
+ function create_fragment$1b(ctx) {
2956
2956
  let header;
2957
2957
  let t;
2958
2958
  let current;
@@ -3016,7 +3016,7 @@ function create_fragment$1a(ctx) {
3016
3016
  };
3017
3017
  }
3018
3018
 
3019
- function instance$1a($$self, $$props, $$invalidate) {
3019
+ function instance$1b($$self, $$props, $$invalidate) {
3020
3020
  let { $$slots: slots = {}, $$scope } = $$props;
3021
3021
 
3022
3022
  $$self.$$set = $$props => {
@@ -3029,14 +3029,14 @@ function instance$1a($$self, $$props, $$invalidate) {
3029
3029
  class State extends SvelteComponent {
3030
3030
  constructor(options) {
3031
3031
  super();
3032
- init(this, options, instance$1a, create_fragment$1a, safe_not_equal, {});
3032
+ init(this, options, instance$1b, create_fragment$1b, safe_not_equal, {});
3033
3033
  }
3034
3034
  }
3035
3035
 
3036
3036
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
3037
3037
 
3038
- function add_css$G(target) {
3039
- append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
3038
+ function add_css$D(target) {
3039
+ append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
3040
3040
  }
3041
3041
 
3042
3042
  // (23:0) {#if $state === path}
@@ -3063,7 +3063,7 @@ function create_if_block$f(ctx) {
3063
3063
  },
3064
3064
  h() {
3065
3065
  attr(div, "data-state-path", /*path*/ ctx[0]);
3066
- attr(div, "class", "state-item svelte-1amihue");
3066
+ attr(div, "class", "state-item svelte-2qb6dm");
3067
3067
  },
3068
3068
  m(target, anchor) {
3069
3069
  insert_hydration(target, div, anchor);
@@ -3112,7 +3112,7 @@ function create_if_block$f(ctx) {
3112
3112
  };
3113
3113
  }
3114
3114
 
3115
- function create_fragment$19(ctx) {
3115
+ function create_fragment$1a(ctx) {
3116
3116
  let if_block_anchor;
3117
3117
  let current;
3118
3118
  let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$f(ctx);
@@ -3177,7 +3177,7 @@ function getStateItemContext() {
3177
3177
  return getContext(STATE_ITEM_CONTEXT_KEY);
3178
3178
  }
3179
3179
 
3180
- function instance$19($$self, $$props, $$invalidate) {
3180
+ function instance$1a($$self, $$props, $$invalidate) {
3181
3181
  let $state;
3182
3182
  component_subscribe($$self, state, $$value => $$invalidate(1, $state = $$value));
3183
3183
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -3203,7 +3203,7 @@ function instance$19($$self, $$props, $$invalidate) {
3203
3203
  class StateItem extends SvelteComponent {
3204
3204
  constructor(options) {
3205
3205
  super();
3206
- init(this, options, instance$19, create_fragment$19, safe_not_equal, { path: 0 }, add_css$G);
3206
+ init(this, options, instance$1a, create_fragment$1a, safe_not_equal, { path: 0 }, add_css$D);
3207
3207
  }
3208
3208
  }
3209
3209
 
@@ -3329,8 +3329,8 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
3329
3329
 
3330
3330
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3331
3331
 
3332
- function add_css$F(target) {
3333
- append_styles(target, "svelte-g6ucc2", ".background.svelte-g6ucc2{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
3332
+ function add_css$C(target) {
3333
+ 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}");
3334
3334
  }
3335
3335
 
3336
3336
  // (14:0) {#if backgroundOverlay}
@@ -3351,7 +3351,7 @@ function create_if_block$e(ctx) {
3351
3351
  this.h();
3352
3352
  },
3353
3353
  h() {
3354
- attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"));
3354
+ attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
3355
3355
  },
3356
3356
  m(target, anchor) {
3357
3357
  insert_hydration(target, div, anchor);
@@ -3362,7 +3362,7 @@ function create_if_block$e(ctx) {
3362
3362
  }
3363
3363
  },
3364
3364
  p(ctx, dirty) {
3365
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"))) {
3365
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
3366
3366
  attr(div, "class", div_class_value);
3367
3367
  }
3368
3368
  },
@@ -3374,7 +3374,7 @@ function create_if_block$e(ctx) {
3374
3374
  };
3375
3375
  }
3376
3376
 
3377
- function create_fragment$18(ctx) {
3377
+ function create_fragment$19(ctx) {
3378
3378
  let if_block_anchor;
3379
3379
  let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$e(ctx);
3380
3380
 
@@ -3414,7 +3414,7 @@ function create_fragment$18(ctx) {
3414
3414
  };
3415
3415
  }
3416
3416
 
3417
- function instance$18($$self, $$props, $$invalidate) {
3417
+ function instance$19($$self, $$props, $$invalidate) {
3418
3418
  let { backgroundOverlay = false } = $$props;
3419
3419
  let { class: className = undefined } = $$props;
3420
3420
  const dispatch = createEventDispatcher();
@@ -3431,7 +3431,7 @@ function instance$18($$self, $$props, $$invalidate) {
3431
3431
  let BackgroundOverlay$1 = class BackgroundOverlay extends SvelteComponent {
3432
3432
  constructor(options) {
3433
3433
  super();
3434
- init(this, options, instance$18, create_fragment$18, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$F);
3434
+ init(this, options, instance$19, create_fragment$19, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$C);
3435
3435
  }
3436
3436
  };
3437
3437
 
@@ -3471,8 +3471,8 @@ function checkStopPropagation(eventName, handler) {
3471
3471
 
3472
3472
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3473
3473
 
3474
- function add_css$E(target) {
3475
- append_styles(target, "svelte-1kmu8zp", ".button.svelte-1kmu8zp{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-1kmu8zp:link,.button.svelte-1kmu8zp:visited,.button.svelte-1kmu8zp:active,.button.svelte-1kmu8zp:hover{color:inherit}");
3474
+ function add_css$B(target) {
3475
+ 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}");
3476
3476
  }
3477
3477
 
3478
3478
  // (50:0) {:else}
@@ -3511,7 +3511,7 @@ function create_else_block$6(ctx) {
3511
3511
  },
3512
3512
  h() {
3513
3513
  set_attributes(button, button_data);
3514
- toggle_class(button, "svelte-1kmu8zp", true);
3514
+ toggle_class(button, "svelte-15k4deh", true);
3515
3515
  },
3516
3516
  m(target, anchor) {
3517
3517
  insert_hydration(target, button, anchor);
@@ -3550,7 +3550,7 @@ function create_else_block$6(ctx) {
3550
3550
  dataAttrStopPropagation('click')
3551
3551
  ]));
3552
3552
 
3553
- toggle_class(button, "svelte-1kmu8zp", true);
3553
+ toggle_class(button, "svelte-15k4deh", true);
3554
3554
  },
3555
3555
  i(local) {
3556
3556
  if (current) return;
@@ -3591,7 +3591,7 @@ function create_if_block_2$2(ctx) {
3591
3591
  this.h();
3592
3592
  },
3593
3593
  h() {
3594
- attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1kmu8zp"));
3594
+ attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-15k4deh"));
3595
3595
  attr(div, "style", /*style*/ ctx[1]);
3596
3596
  },
3597
3597
  m(target, anchor) {
@@ -3691,7 +3691,7 @@ function create_if_block_1$4(ctx) {
3691
3691
  },
3692
3692
  h() {
3693
3693
  set_attributes(a, a_data);
3694
- toggle_class(a, "svelte-1kmu8zp", true);
3694
+ toggle_class(a, "svelte-15k4deh", true);
3695
3695
  },
3696
3696
  m(target, anchor) {
3697
3697
  insert_hydration(target, a, anchor);
@@ -3733,7 +3733,7 @@ function create_if_block_1$4(ctx) {
3733
3733
  dataAttrStopPropagation('click')
3734
3734
  ]));
3735
3735
 
3736
- toggle_class(a, "svelte-1kmu8zp", true);
3736
+ toggle_class(a, "svelte-15k4deh", true);
3737
3737
  },
3738
3738
  i(local) {
3739
3739
  if (current) return;
@@ -3774,7 +3774,7 @@ function create_if_block$d(ctx) {
3774
3774
  this.h();
3775
3775
  },
3776
3776
  h() {
3777
- attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1kmu8zp"));
3777
+ attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-15k4deh"));
3778
3778
  attr(div, "style", /*style*/ ctx[1]);
3779
3779
  },
3780
3780
  m(target, anchor) {
@@ -3822,7 +3822,7 @@ function create_if_block$d(ctx) {
3822
3822
  };
3823
3823
  }
3824
3824
 
3825
- function create_fragment$17(ctx) {
3825
+ function create_fragment$18(ctx) {
3826
3826
  let current_block_type_index;
3827
3827
  let if_block;
3828
3828
  let if_block_anchor;
@@ -3899,7 +3899,7 @@ function create_fragment$17(ctx) {
3899
3899
 
3900
3900
  const BUTTON_CLASS = 'button';
3901
3901
 
3902
- function instance$17($$self, $$props, $$invalidate) {
3902
+ function instance$18($$self, $$props, $$invalidate) {
3903
3903
  let disabled;
3904
3904
  let $valuesAreValid;
3905
3905
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -3965,8 +3965,8 @@ let Button$1 = class Button extends SvelteComponent {
3965
3965
  init(
3966
3966
  this,
3967
3967
  options,
3968
- instance$17,
3969
- create_fragment$17,
3968
+ instance$18,
3969
+ create_fragment$18,
3970
3970
  safe_not_equal,
3971
3971
  {
3972
3972
  onClick: 0,
@@ -3974,18 +3974,18 @@ let Button$1 = class Button extends SvelteComponent {
3974
3974
  eventValue: 6,
3975
3975
  style: 1
3976
3976
  },
3977
- add_css$E
3977
+ add_css$B
3978
3978
  );
3979
3979
  }
3980
3980
  };
3981
3981
 
3982
3982
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
3983
3983
 
3984
- function add_css$D(target) {
3985
- append_styles(target, "svelte-1i2vo31", ".modal.svelte-1i2vo31{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1i2vo31 > .button{flex:auto;display:flex}.close.svelte-1i2vo31{position:absolute;top:0;right:0}.close.svelte-1i2vo31 > .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-1i2vo31 > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1i2vo31{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-1i2vo31{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-1i2vo31{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}}");
3984
+ function add_css$A(target) {
3985
+ 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}}");
3986
3986
  }
3987
3987
 
3988
- // (277:0) {:else}
3988
+ // (278:0) {:else}
3989
3989
  function create_else_block$5(ctx) {
3990
3990
  let backgroundoverlay;
3991
3991
  let current;
@@ -4032,7 +4032,7 @@ function create_else_block$5(ctx) {
4032
4032
  };
4033
4033
  }
4034
4034
 
4035
- // (266:24)
4035
+ // (267:24)
4036
4036
  function create_if_block_3(ctx) {
4037
4037
  let backgroundoverlay0;
4038
4038
  let t;
@@ -4106,7 +4106,7 @@ function create_if_block_3(ctx) {
4106
4106
  };
4107
4107
  }
4108
4108
 
4109
- // (264:0) {#if isPreview()}
4109
+ // (265:0) {#if isPreview()}
4110
4110
  function create_if_block_2$1(ctx) {
4111
4111
  return {
4112
4112
  c: noop,
@@ -4119,7 +4119,7 @@ function create_if_block_2$1(ctx) {
4119
4119
  };
4120
4120
  }
4121
4121
 
4122
- // (280:0) {#if visible}
4122
+ // (281:0) {#if visible}
4123
4123
  function create_if_block$c(ctx) {
4124
4124
  let div;
4125
4125
  let button;
@@ -4157,7 +4157,7 @@ function create_if_block$c(ctx) {
4157
4157
  this.h();
4158
4158
  },
4159
4159
  h() {
4160
- attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"));
4160
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"));
4161
4161
  attr(div, "role", "dialog");
4162
4162
  attr(div, "aria-modal", "true");
4163
4163
  attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
@@ -4181,7 +4181,7 @@ function create_if_block$c(ctx) {
4181
4181
 
4182
4182
  button.$set(button_changes);
4183
4183
 
4184
- if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"))) {
4184
+ if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"))) {
4185
4185
  attr(div, "class", div_class_value);
4186
4186
  }
4187
4187
  },
@@ -4214,7 +4214,7 @@ function create_if_block$c(ctx) {
4214
4214
  };
4215
4215
  }
4216
4216
 
4217
- // (293:6) {#if closable}
4217
+ // (294:6) {#if closable}
4218
4218
  function create_if_block_1$3(ctx) {
4219
4219
  let div;
4220
4220
  let button;
@@ -4245,7 +4245,7 @@ function create_if_block_1$3(ctx) {
4245
4245
  this.h();
4246
4246
  },
4247
4247
  h() {
4248
- attr(div, "class", "close svelte-1i2vo31");
4248
+ attr(div, "class", "close svelte-1ijkyzl");
4249
4249
  set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
4250
4250
  },
4251
4251
  m(target, anchor) {
@@ -4286,7 +4286,7 @@ function create_if_block_1$3(ctx) {
4286
4286
  };
4287
4287
  }
4288
4288
 
4289
- // (295:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue} >
4289
+ // (296:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue} >
4290
4290
  function create_default_slot_1$1(ctx) {
4291
4291
  let svg;
4292
4292
  let path;
@@ -4343,7 +4343,7 @@ function create_default_slot_1$1(ctx) {
4343
4343
  };
4344
4344
  }
4345
4345
 
4346
- // (292:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
4346
+ // (293:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
4347
4347
  function create_default_slot$b(ctx) {
4348
4348
  let t;
4349
4349
  let div;
@@ -4370,7 +4370,7 @@ function create_default_slot$b(ctx) {
4370
4370
  this.h();
4371
4371
  },
4372
4372
  h() {
4373
- attr(div, "class", "modal-content svelte-1i2vo31");
4373
+ attr(div, "class", "modal-content svelte-1ijkyzl");
4374
4374
  attr(div, "style", /*_style*/ ctx[5]);
4375
4375
  },
4376
4376
  m(target, anchor) {
@@ -4447,7 +4447,7 @@ function create_default_slot$b(ctx) {
4447
4447
  };
4448
4448
  }
4449
4449
 
4450
- function create_fragment$16(ctx) {
4450
+ function create_fragment$17(ctx) {
4451
4451
  let show_if;
4452
4452
  let current_block_type_index;
4453
4453
  let if_block0;
@@ -4571,7 +4571,7 @@ function create_fragment$16(ctx) {
4571
4571
  };
4572
4572
  }
4573
4573
 
4574
- function instance$16($$self, $$props, $$invalidate) {
4574
+ function instance$17($$self, $$props, $$invalidate) {
4575
4575
  let close;
4576
4576
  let closable;
4577
4577
  let backgroundClick;
@@ -4598,8 +4598,9 @@ function instance$16($$self, $$props, $$invalidate) {
4598
4598
  let { _closeStyle = '' } = $$props;
4599
4599
 
4600
4600
  // モーダル背景の設定
4601
- let backgroundOverlay = DefaultModalPlacement.backgroundOverlay;
4601
+ placement && placement.backgroundOverlay !== undefined;
4602
4602
 
4603
+ let backgroundOverlay = DefaultModalPlacement.backgroundOverlay;
4603
4604
  let backgroundOverlayPC = DefaultModalPlacement.backgroundOverlay;
4604
4605
  let backgroundOverlaySP = DefaultModalPlacement.backgroundOverlay;
4605
4606
 
@@ -4853,8 +4854,8 @@ let Modal$1 = class Modal extends SvelteComponent {
4853
4854
  init(
4854
4855
  this,
4855
4856
  options,
4856
- instance$16,
4857
- create_fragment$16,
4857
+ instance$17,
4858
+ create_fragment$17,
4858
4859
  safe_not_equal,
4859
4860
  {
4860
4861
  onClick: 0,
@@ -4872,7 +4873,7 @@ let Modal$1 = class Modal extends SvelteComponent {
4872
4873
  closeButtonColor: 9,
4873
4874
  _closeStyle: 10
4874
4875
  },
4875
- add_css$D,
4876
+ add_css$A,
4876
4877
  [-1, -1]
4877
4878
  );
4878
4879
  }
@@ -4880,7 +4881,7 @@ let Modal$1 = class Modal extends SvelteComponent {
4880
4881
 
4881
4882
  /* src/components/Grid.svelte generated by Svelte v3.53.1 */
4882
4883
 
4883
- function create_fragment$15(ctx) {
4884
+ function create_fragment$16(ctx) {
4884
4885
  let div;
4885
4886
  let current;
4886
4887
  const default_slot_template = /*#slots*/ ctx[8].default;
@@ -4948,7 +4949,7 @@ function create_fragment$15(ctx) {
4948
4949
  };
4949
4950
  }
4950
4951
 
4951
- function instance$15($$self, $$props, $$invalidate) {
4952
+ function instance$16($$self, $$props, $$invalidate) {
4952
4953
  let _style;
4953
4954
  let { $$slots: slots = {}, $$scope } = $$props;
4954
4955
  let { width = '512px' } = $$props;
@@ -4993,7 +4994,7 @@ class Grid extends SvelteComponent {
4993
4994
  constructor(options) {
4994
4995
  super();
4995
4996
 
4996
- init(this, options, instance$15, create_fragment$15, safe_not_equal, {
4997
+ init(this, options, instance$16, create_fragment$16, safe_not_equal, {
4997
4998
  width: 1,
4998
4999
  height: 2,
4999
5000
  rows: 3,
@@ -5006,11 +5007,11 @@ class Grid extends SvelteComponent {
5006
5007
 
5007
5008
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
5008
5009
 
5009
- function add_css$C(target) {
5010
- append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
5010
+ function add_css$z(target) {
5011
+ append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
5011
5012
  }
5012
5013
 
5013
- function create_fragment$14(ctx) {
5014
+ function create_fragment$15(ctx) {
5014
5015
  let div1;
5015
5016
  let div0;
5016
5017
  let current;
@@ -5041,8 +5042,8 @@ function create_fragment$14(ctx) {
5041
5042
  this.h();
5042
5043
  },
5043
5044
  h() {
5044
- attr(div0, "class", "grid-item-inner svelte-1cryhmb");
5045
- attr(div1, "class", "grid-item svelte-1cryhmb");
5045
+ attr(div0, "class", "grid-item-inner svelte-n7kdl3");
5046
+ attr(div1, "class", "grid-item svelte-n7kdl3");
5046
5047
  attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
5047
5048
  attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
5048
5049
  attr(div1, "style", /*_style*/ ctx[1]);
@@ -5103,7 +5104,7 @@ function create_fragment$14(ctx) {
5103
5104
 
5104
5105
  const GRID_ITEM_CONTEXT_KEY = 'GRID_ITEM';
5105
5106
 
5106
- function instance$14($$self, $$props, $$invalidate) {
5107
+ function instance$15($$self, $$props, $$invalidate) {
5107
5108
  let _style;
5108
5109
  let { $$slots: slots = {}, $$scope } = $$props;
5109
5110
  let { x1 } = $$props;
@@ -5152,8 +5153,8 @@ class GridItem extends SvelteComponent {
5152
5153
  init(
5153
5154
  this,
5154
5155
  options,
5155
- instance$14,
5156
- create_fragment$14,
5156
+ instance$15,
5157
+ create_fragment$15,
5157
5158
  safe_not_equal,
5158
5159
  {
5159
5160
  x1: 2,
@@ -5164,14 +5165,14 @@ class GridItem extends SvelteComponent {
5164
5165
  background: 7,
5165
5166
  gridItemId: 0
5166
5167
  },
5167
- add_css$C
5168
+ add_css$z
5168
5169
  );
5169
5170
  }
5170
5171
  }
5171
5172
 
5172
5173
  /* src/components/RenderText.svelte generated by Svelte v3.53.1 */
5173
5174
 
5174
- function get_each_context$6(ctx, list, i) {
5175
+ function get_each_context$7(ctx, list, i) {
5175
5176
  const child_ctx = ctx.slice();
5176
5177
  child_ctx[2] = list[i];
5177
5178
  return child_ctx;
@@ -5223,7 +5224,7 @@ function create_if_block$b(ctx) {
5223
5224
  }
5224
5225
 
5225
5226
  // (10:0) {#each items as item}
5226
- function create_each_block$6(ctx) {
5227
+ function create_each_block$7(ctx) {
5227
5228
  let show_if;
5228
5229
  let if_block_anchor;
5229
5230
 
@@ -5270,13 +5271,13 @@ function create_each_block$6(ctx) {
5270
5271
  };
5271
5272
  }
5272
5273
 
5273
- function create_fragment$13(ctx) {
5274
+ function create_fragment$14(ctx) {
5274
5275
  let each_1_anchor;
5275
5276
  let each_value = /*items*/ ctx[0];
5276
5277
  let each_blocks = [];
5277
5278
 
5278
5279
  for (let i = 0; i < each_value.length; i += 1) {
5279
- each_blocks[i] = create_each_block$6(get_each_context$6(ctx, each_value, i));
5280
+ each_blocks[i] = create_each_block$7(get_each_context$7(ctx, each_value, i));
5280
5281
  }
5281
5282
 
5282
5283
  return {
@@ -5307,12 +5308,12 @@ function create_fragment$13(ctx) {
5307
5308
  let i;
5308
5309
 
5309
5310
  for (i = 0; i < each_value.length; i += 1) {
5310
- const child_ctx = get_each_context$6(ctx, each_value, i);
5311
+ const child_ctx = get_each_context$7(ctx, each_value, i);
5311
5312
 
5312
5313
  if (each_blocks[i]) {
5313
5314
  each_blocks[i].p(child_ctx, dirty);
5314
5315
  } else {
5315
- each_blocks[i] = create_each_block$6(child_ctx);
5316
+ each_blocks[i] = create_each_block$7(child_ctx);
5316
5317
  each_blocks[i].c();
5317
5318
  each_blocks[i].m(each_1_anchor.parentNode, each_1_anchor);
5318
5319
  }
@@ -5336,7 +5337,7 @@ function create_fragment$13(ctx) {
5336
5337
 
5337
5338
  const regexp = /(\r?\n)/;
5338
5339
 
5339
- function instance$13($$self, $$props, $$invalidate) {
5340
+ function instance$14($$self, $$props, $$invalidate) {
5340
5341
  let items;
5341
5342
  let { text = 'サンプルSample' } = $$props;
5342
5343
 
@@ -5357,14 +5358,14 @@ function instance$13($$self, $$props, $$invalidate) {
5357
5358
  class RenderText extends SvelteComponent {
5358
5359
  constructor(options) {
5359
5360
  super();
5360
- init(this, options, instance$13, create_fragment$13, safe_not_equal, { text: 1 });
5361
+ init(this, options, instance$14, create_fragment$14, safe_not_equal, { text: 1 });
5361
5362
  }
5362
5363
  }
5363
5364
 
5364
5365
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
5365
5366
 
5366
- function add_css$B(target) {
5367
- append_styles(target, "svelte-vz6867", ".text-element-wrapper.svelte-vz6867.svelte-vz6867{position:relative;height:100%}.text-element.svelte-vz6867.svelte-vz6867{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-vz6867.svelte-vz6867{text-decoration:none;color:inherit}.text-element-inner.svelte-vz6867.svelte-vz6867{width:100%;height:auto}.text-direction-vertical.svelte-vz6867.svelte-vz6867{writing-mode:vertical-rl}.text-direction-vertical.svelte-vz6867 .text-element-inner.svelte-vz6867{width:auto;height:100%}.tooltip.svelte-vz6867.svelte-vz6867{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-vz6867.svelte-vz6867:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-vz6867.svelte-vz6867{display:block}.tooltip-error.svelte-vz6867.svelte-vz6867{background-color:#c00}.tooltip-error.svelte-vz6867.svelte-vz6867:before{border-bottom:7px solid #c00}");
5367
+ function add_css$y(target) {
5368
+ 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}");
5368
5369
  }
5369
5370
 
5370
5371
  // (94:2) {:else}
@@ -5394,8 +5395,8 @@ function create_else_block$3(ctx) {
5394
5395
  this.h();
5395
5396
  },
5396
5397
  h() {
5397
- attr(div0, "class", "text-element-inner svelte-vz6867");
5398
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5398
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5399
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5399
5400
  attr(div1, "style", /*style*/ ctx[5]);
5400
5401
  },
5401
5402
  m(target, anchor) {
@@ -5409,7 +5410,7 @@ function create_else_block$3(ctx) {
5409
5410
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5410
5411
  rendertext.$set(rendertext_changes);
5411
5412
 
5412
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
5413
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
5413
5414
  attr(div1, "class", div1_class_value);
5414
5415
  }
5415
5416
 
@@ -5484,12 +5485,12 @@ function create_if_block$a(ctx) {
5484
5485
  this.h();
5485
5486
  },
5486
5487
  h() {
5487
- attr(div0, "class", "text-element-inner svelte-vz6867");
5488
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5488
5489
  attr(a, "href", '');
5489
- attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5490
+ attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5490
5491
  attr(a, "style", /*style*/ ctx[5]);
5491
- attr(div1, "class", "tooltip svelte-vz6867");
5492
- attr(div2, "class", "tooltip tooltip-error svelte-vz6867");
5492
+ attr(div1, "class", "tooltip svelte-9ixs0b");
5493
+ attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
5493
5494
  },
5494
5495
  m(target, anchor) {
5495
5496
  insert_hydration(target, a, anchor);
@@ -5515,7 +5516,7 @@ function create_if_block$a(ctx) {
5515
5516
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5516
5517
  rendertext.$set(rendertext_changes);
5517
5518
 
5518
- if (!current || dirty & /*textDirection*/ 2 && a_class_value !== (a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
5519
+ if (!current || dirty & /*textDirection*/ 2 && a_class_value !== (a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
5519
5520
  attr(a, "class", a_class_value);
5520
5521
  }
5521
5522
 
@@ -5547,7 +5548,7 @@ function create_if_block$a(ctx) {
5547
5548
  };
5548
5549
  }
5549
5550
 
5550
- function create_fragment$12(ctx) {
5551
+ function create_fragment$13(ctx) {
5551
5552
  let div;
5552
5553
  let current_block_type_index;
5553
5554
  let if_block;
@@ -5577,7 +5578,7 @@ function create_fragment$12(ctx) {
5577
5578
  this.h();
5578
5579
  },
5579
5580
  h() {
5580
- attr(div, "class", "text-element-wrapper svelte-vz6867");
5581
+ attr(div, "class", "text-element-wrapper svelte-9ixs0b");
5581
5582
  },
5582
5583
  m(target, anchor) {
5583
5584
  insert_hydration(target, div, anchor);
@@ -5627,7 +5628,7 @@ function create_fragment$12(ctx) {
5627
5628
  };
5628
5629
  }
5629
5630
 
5630
- function instance$12($$self, $$props, $$invalidate) {
5631
+ function instance$13($$self, $$props, $$invalidate) {
5631
5632
  let style;
5632
5633
  let { text = 'テキストのコンテンツ' } = $$props;
5633
5634
  let { font = SYSTEM_FONT } = $$props;
@@ -5723,8 +5724,8 @@ class TextElement extends SvelteComponent {
5723
5724
  init(
5724
5725
  this,
5725
5726
  options,
5726
- instance$12,
5727
- create_fragment$12,
5727
+ instance$13,
5728
+ create_fragment$13,
5728
5729
  safe_not_equal,
5729
5730
  {
5730
5731
  text: 0,
@@ -5735,15 +5736,15 @@ class TextElement extends SvelteComponent {
5735
5736
  enableCopy: 2,
5736
5737
  eventName: 10
5737
5738
  },
5738
- add_css$B
5739
+ add_css$y
5739
5740
  );
5740
5741
  }
5741
5742
  }
5742
5743
 
5743
5744
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5744
5745
 
5745
- function add_css$A(target) {
5746
- append_styles(target, "svelte-ujdxfc", ".text-button-element.svelte-ujdxfc{width:100%;height:100%}.text-button-element.svelte-ujdxfc > .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-ujdxfc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-ujdxfc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-ujdxfc > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
5746
+ function add_css$x(target) {
5747
+ 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)}");
5747
5748
  }
5748
5749
 
5749
5750
  // (48:2) <Button {onClick} {style} {eventName}>
@@ -5783,7 +5784,7 @@ function create_default_slot$a(ctx) {
5783
5784
  };
5784
5785
  }
5785
5786
 
5786
- function create_fragment$11(ctx) {
5787
+ function create_fragment$12(ctx) {
5787
5788
  let div;
5788
5789
  let button;
5789
5790
  let current;
@@ -5812,7 +5813,7 @@ function create_fragment$11(ctx) {
5812
5813
  this.h();
5813
5814
  },
5814
5815
  h() {
5815
- attr(div, "class", "text-button-element svelte-ujdxfc");
5816
+ attr(div, "class", "text-button-element svelte-1vg84sc");
5816
5817
  },
5817
5818
  m(target, anchor) {
5818
5819
  insert_hydration(target, div, anchor);
@@ -5847,7 +5848,7 @@ function create_fragment$11(ctx) {
5847
5848
  };
5848
5849
  }
5849
5850
 
5850
- function instance$11($$self, $$props, $$invalidate) {
5851
+ function instance$12($$self, $$props, $$invalidate) {
5851
5852
  let style;
5852
5853
  let { text = 'ボタンのラベル' } = $$props;
5853
5854
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -5885,8 +5886,8 @@ class TextButtonElement extends SvelteComponent {
5885
5886
  init(
5886
5887
  this,
5887
5888
  options,
5888
- instance$11,
5889
- create_fragment$11,
5889
+ instance$12,
5890
+ create_fragment$12,
5890
5891
  safe_not_equal,
5891
5892
  {
5892
5893
  text: 0,
@@ -5896,15 +5897,15 @@ class TextButtonElement extends SvelteComponent {
5896
5897
  _buttonStyle: 5,
5897
5898
  _style: 6
5898
5899
  },
5899
- add_css$A
5900
+ add_css$x
5900
5901
  );
5901
5902
  }
5902
5903
  }
5903
5904
 
5904
5905
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5905
5906
 
5906
- function add_css$z(target) {
5907
- append_styles(target, "svelte-1alkh1m", ".image-element.svelte-1alkh1m{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-1alkh1m > .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-1alkh1m > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-1alkh1m > .button:not(._disabled):hover,.image-element.transport.svelte-1alkh1m > .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-1alkh1m{width:100%;height:100%}");
5907
+ function add_css$w(target) {
5908
+ 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%}");
5908
5909
  }
5909
5910
 
5910
5911
  // (44:2) <Button {onClick} style={_style} {eventName}>
@@ -5932,7 +5933,7 @@ function create_default_slot$9(ctx) {
5932
5933
  this.h();
5933
5934
  },
5934
5935
  h() {
5935
- attr(img, "class", "image svelte-1alkh1m");
5936
+ attr(img, "class", "image svelte-t6tu0e");
5936
5937
  attr(img, "loading", "lazy");
5937
5938
  attr(img, "width", "auto");
5938
5939
  attr(img, "height", "auto");
@@ -5974,7 +5975,7 @@ function create_default_slot$9(ctx) {
5974
5975
  };
5975
5976
  }
5976
5977
 
5977
- function create_fragment$10(ctx) {
5978
+ function create_fragment$11(ctx) {
5978
5979
  let div;
5979
5980
  let button;
5980
5981
  let div_class_value;
@@ -6004,7 +6005,7 @@ function create_fragment$10(ctx) {
6004
6005
  this.h();
6005
6006
  },
6006
6007
  h() {
6007
- attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m");
6008
+ attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
6008
6009
  },
6009
6010
  m(target, anchor) {
6010
6011
  insert_hydration(target, div, anchor);
@@ -6023,7 +6024,7 @@ function create_fragment$10(ctx) {
6023
6024
 
6024
6025
  button.$set(button_changes);
6025
6026
 
6026
- if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m")) {
6027
+ if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
6027
6028
  attr(div, "class", div_class_value);
6028
6029
  }
6029
6030
  },
@@ -6043,7 +6044,7 @@ function create_fragment$10(ctx) {
6043
6044
  };
6044
6045
  }
6045
6046
 
6046
- function instance$10($$self, $$props, $$invalidate) {
6047
+ function instance$11($$self, $$props, $$invalidate) {
6047
6048
  let { src = '' } = $$props;
6048
6049
  let { alt = '画像の説明' } = $$props;
6049
6050
  let { transport = false } = $$props;
@@ -6074,8 +6075,8 @@ class ImageElement extends SvelteComponent {
6074
6075
  init(
6075
6076
  this,
6076
6077
  options,
6077
- instance$10,
6078
- create_fragment$10,
6078
+ instance$11,
6079
+ create_fragment$11,
6079
6080
  safe_not_equal,
6080
6081
  {
6081
6082
  src: 0,
@@ -6087,18 +6088,18 @@ class ImageElement extends SvelteComponent {
6087
6088
  _imageStyle: 6,
6088
6089
  _style: 7
6089
6090
  },
6090
- add_css$z
6091
+ add_css$w
6091
6092
  );
6092
6093
  }
6093
6094
  }
6094
6095
 
6095
6096
  /* src/components/List.svelte generated by Svelte v3.53.1 */
6096
6097
 
6097
- function add_css$y(target) {
6098
- append_styles(target, "svelte-1t8r9z", ".list.svelte-1t8r9z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
6098
+ function add_css$v(target) {
6099
+ 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}");
6099
6100
  }
6100
6101
 
6101
- function create_fragment$$(ctx) {
6102
+ function create_fragment$10(ctx) {
6102
6103
  let div;
6103
6104
  let current;
6104
6105
  const default_slot_template = /*#slots*/ ctx[6].default;
@@ -6118,7 +6119,7 @@ function create_fragment$$(ctx) {
6118
6119
  this.h();
6119
6120
  },
6120
6121
  h() {
6121
- attr(div, "class", "list svelte-1t8r9z");
6122
+ attr(div, "class", "list svelte-aquv6z");
6122
6123
  attr(div, "style", /*style*/ ctx[0]);
6123
6124
  },
6124
6125
  m(target, anchor) {
@@ -6168,7 +6169,7 @@ function create_fragment$$(ctx) {
6168
6169
 
6169
6170
  const LIST_CONTEXT_KEY = Symbol();
6170
6171
 
6171
- function instance$$($$self, $$props, $$invalidate) {
6172
+ function instance$10($$self, $$props, $$invalidate) {
6172
6173
  let style;
6173
6174
  let { $$slots: slots = {}, $$scope } = $$props;
6174
6175
  let { direction = 'vertical' } = $$props;
@@ -6235,8 +6236,8 @@ class List extends SvelteComponent {
6235
6236
  init(
6236
6237
  this,
6237
6238
  options,
6238
- instance$$,
6239
- create_fragment$$,
6239
+ instance$10,
6240
+ create_fragment$10,
6240
6241
  safe_not_equal,
6241
6242
  {
6242
6243
  direction: 1,
@@ -6244,15 +6245,15 @@ class List extends SvelteComponent {
6244
6245
  background: 3,
6245
6246
  _style: 4
6246
6247
  },
6247
- add_css$y
6248
+ add_css$v
6248
6249
  );
6249
6250
  }
6250
6251
  }
6251
6252
 
6252
6253
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
6253
6254
 
6254
- function add_css$x(target) {
6255
- append_styles(target, "svelte-1lbw8v2", ".list-item.svelte-1lbw8v2{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-1lbw8v2 > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
6255
+ function add_css$u(target) {
6256
+ 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}");
6256
6257
  }
6257
6258
 
6258
6259
  // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
@@ -6306,7 +6307,7 @@ function create_default_slot$8(ctx) {
6306
6307
  };
6307
6308
  }
6308
6309
 
6309
- function create_fragment$_(ctx) {
6310
+ function create_fragment$$(ctx) {
6310
6311
  let div;
6311
6312
  let button;
6312
6313
  let current;
@@ -6335,7 +6336,7 @@ function create_fragment$_(ctx) {
6335
6336
  this.h();
6336
6337
  },
6337
6338
  h() {
6338
- attr(div, "class", "list-item svelte-1lbw8v2");
6339
+ attr(div, "class", "list-item svelte-9n97pe");
6339
6340
  attr(div, "style", /*listItemStyle*/ ctx[3]);
6340
6341
  },
6341
6342
  m(target, anchor) {
@@ -6375,7 +6376,7 @@ function create_fragment$_(ctx) {
6375
6376
  };
6376
6377
  }
6377
6378
 
6378
- function instance$_($$self, $$props, $$invalidate) {
6379
+ function instance$$($$self, $$props, $$invalidate) {
6379
6380
  let listItemStyle;
6380
6381
  let { $$slots: slots = {}, $$scope } = $$props;
6381
6382
  const { separator, background, direction, registerItem, unregisterItem } = getContext(LIST_CONTEXT_KEY);
@@ -6454,17 +6455,17 @@ function instance$_($$self, $$props, $$invalidate) {
6454
6455
  class ListItem extends SvelteComponent {
6455
6456
  constructor(options) {
6456
6457
  super();
6457
- init(this, options, instance$_, create_fragment$_, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$x);
6458
+ init(this, options, instance$$, create_fragment$$, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$u);
6458
6459
  }
6459
6460
  }
6460
6461
 
6461
6462
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
6462
6463
 
6463
- function add_css$w(target) {
6464
- append_styles(target, "svelte-w6jkzh", ".embed.svelte-w6jkzh{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-w6jkzh iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
6464
+ function add_css$t(target) {
6465
+ 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}");
6465
6466
  }
6466
6467
 
6467
- function create_fragment$Z(ctx) {
6468
+ function create_fragment$_(ctx) {
6468
6469
  let div;
6469
6470
 
6470
6471
  return {
@@ -6479,7 +6480,7 @@ function create_fragment$Z(ctx) {
6479
6480
  this.h();
6480
6481
  },
6481
6482
  h() {
6482
- attr(div, "class", "embed svelte-w6jkzh");
6483
+ attr(div, "class", "embed svelte-wocq4p");
6483
6484
  attr(div, "style", /*_style*/ ctx[1]);
6484
6485
  },
6485
6486
  m(target, anchor) {
@@ -6500,7 +6501,7 @@ function create_fragment$Z(ctx) {
6500
6501
  };
6501
6502
  }
6502
6503
 
6503
- function instance$Z($$self, $$props, $$invalidate) {
6504
+ function instance$_($$self, $$props, $$invalidate) {
6504
6505
  let { code } = $$props;
6505
6506
  let { _style = '' } = $$props;
6506
6507
 
@@ -6515,17 +6516,17 @@ function instance$Z($$self, $$props, $$invalidate) {
6515
6516
  class EmbedElement extends SvelteComponent {
6516
6517
  constructor(options) {
6517
6518
  super();
6518
- init(this, options, instance$Z, create_fragment$Z, safe_not_equal, { code: 0, _style: 1 }, add_css$w);
6519
+ init(this, options, instance$_, create_fragment$_, safe_not_equal, { code: 0, _style: 1 }, add_css$t);
6519
6520
  }
6520
6521
  }
6521
6522
 
6522
6523
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
6523
6524
 
6524
- function add_css$v(target) {
6525
- append_styles(target, "svelte-ljxq7x", ".embed.svelte-ljxq7x{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-ljxq7x iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
6525
+ function add_css$s(target) {
6526
+ 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%}");
6526
6527
  }
6527
6528
 
6528
- function create_fragment$Y(ctx) {
6529
+ function create_fragment$Z(ctx) {
6529
6530
  let div1;
6530
6531
  let div0;
6531
6532
 
@@ -6545,7 +6546,7 @@ function create_fragment$Y(ctx) {
6545
6546
  },
6546
6547
  h() {
6547
6548
  attr(div0, "class", "karte-player");
6548
- attr(div1, "class", "embed svelte-ljxq7x");
6549
+ attr(div1, "class", "embed svelte-vikz49");
6549
6550
  attr(div1, "style", /*_style*/ ctx[0]);
6550
6551
  },
6551
6552
  m(target, anchor) {
@@ -6577,7 +6578,7 @@ function _setValue(obj, key, value) {
6577
6578
  }
6578
6579
  }
6579
6580
 
6580
- function instance$Y($$self, $$props, $$invalidate) {
6581
+ function instance$Z($$self, $$props, $$invalidate) {
6581
6582
  let $system;
6582
6583
  component_subscribe($$self, system, $$value => $$invalidate(31, $system = $$value));
6583
6584
  let { videoId = 'wt0OjOeX-JA' } = $$props;
@@ -6848,8 +6849,8 @@ class MovieYouTubeElement extends SvelteComponent {
6848
6849
  init(
6849
6850
  this,
6850
6851
  options,
6851
- instance$Y,
6852
- create_fragment$Y,
6852
+ instance$Z,
6853
+ create_fragment$Z,
6853
6854
  safe_not_equal,
6854
6855
  {
6855
6856
  videoId: 2,
@@ -6878,7 +6879,7 @@ class MovieYouTubeElement extends SvelteComponent {
6878
6879
  mute: 25,
6879
6880
  _style: 0
6880
6881
  },
6881
- add_css$v,
6882
+ add_css$s,
6882
6883
  [-1, -1]
6883
6884
  );
6884
6885
  }
@@ -6886,11 +6887,11 @@ class MovieYouTubeElement extends SvelteComponent {
6886
6887
 
6887
6888
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6888
6889
 
6889
- function add_css$u(target) {
6890
- append_styles(target, "svelte-ljxq7x", ".embed.svelte-ljxq7x{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-ljxq7x iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
6890
+ function add_css$r(target) {
6891
+ 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%}");
6891
6892
  }
6892
6893
 
6893
- function create_fragment$X(ctx) {
6894
+ function create_fragment$Y(ctx) {
6894
6895
  let div1;
6895
6896
  let div0;
6896
6897
 
@@ -6910,7 +6911,7 @@ function create_fragment$X(ctx) {
6910
6911
  },
6911
6912
  h() {
6912
6913
  attr(div0, "class", "karte-player");
6913
- attr(div1, "class", "embed svelte-ljxq7x");
6914
+ attr(div1, "class", "embed svelte-vikz49");
6914
6915
  attr(div1, "style", /*_style*/ ctx[0]);
6915
6916
  },
6916
6917
  m(target, anchor) {
@@ -6932,7 +6933,7 @@ function create_fragment$X(ctx) {
6932
6933
  };
6933
6934
  }
6934
6935
 
6935
- function instance$X($$self, $$props, $$invalidate) {
6936
+ function instance$Y($$self, $$props, $$invalidate) {
6936
6937
  let $system;
6937
6938
  component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
6938
6939
  let { videoId = "201239468" } = $$props;
@@ -7075,8 +7076,8 @@ class MovieVimeoElement extends SvelteComponent {
7075
7076
  init(
7076
7077
  this,
7077
7078
  options,
7078
- instance$X,
7079
- create_fragment$X,
7079
+ instance$Y,
7080
+ create_fragment$Y,
7080
7081
  safe_not_equal,
7081
7082
  {
7082
7083
  videoId: 2,
@@ -7086,18 +7087,18 @@ class MovieVimeoElement extends SvelteComponent {
7086
7087
  mute: 6,
7087
7088
  _style: 0
7088
7089
  },
7089
- add_css$u
7090
+ add_css$r
7090
7091
  );
7091
7092
  }
7092
7093
  }
7093
7094
 
7094
7095
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
7095
7096
 
7096
- function add_css$t(target) {
7097
- append_styles(target, "svelte-1fjy5oo", ".textarea-wrapper.svelte-1fjy5oo{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-1fjy5oo{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-1fjy5oo::placeholder{color:var(--placeholder-color)}.textarea.svelte-1fjy5oo:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
7097
+ function add_css$q(target) {
7098
+ 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}");
7098
7099
  }
7099
7100
 
7100
- function create_fragment$W(ctx) {
7101
+ function create_fragment$X(ctx) {
7101
7102
  let div;
7102
7103
  let textarea;
7103
7104
  let mounted;
@@ -7124,12 +7125,12 @@ function create_fragment$W(ctx) {
7124
7125
  this.h();
7125
7126
  },
7126
7127
  h() {
7127
- attr(textarea, "class", "textarea svelte-1fjy5oo");
7128
+ attr(textarea, "class", "textarea svelte-zxvkkc");
7128
7129
  textarea.value = /*$value*/ ctx[4];
7129
7130
  textarea.required = /*required*/ ctx[1];
7130
7131
  attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
7131
7132
  attr(textarea, "style", /*style*/ ctx[3]);
7132
- attr(div, "class", "textarea-wrapper svelte-1fjy5oo");
7133
+ attr(div, "class", "textarea-wrapper svelte-zxvkkc");
7133
7134
  attr(div, "style", /*styleVariables*/ ctx[2]);
7134
7135
  },
7135
7136
  m(target, anchor) {
@@ -7172,7 +7173,7 @@ function create_fragment$W(ctx) {
7172
7173
  };
7173
7174
  }
7174
7175
 
7175
- function instance$W($$self, $$props, $$invalidate) {
7176
+ function instance$X($$self, $$props, $$invalidate) {
7176
7177
  let style;
7177
7178
  let styleVariables;
7178
7179
  let $value;
@@ -7260,8 +7261,8 @@ class FormTextarea extends SvelteComponent {
7260
7261
  init(
7261
7262
  this,
7262
7263
  options,
7263
- instance$W,
7264
- create_fragment$W,
7264
+ instance$X,
7265
+ create_fragment$X,
7265
7266
  safe_not_equal,
7266
7267
  {
7267
7268
  name: 7,
@@ -7273,18 +7274,18 @@ class FormTextarea extends SvelteComponent {
7273
7274
  _textStyle: 11,
7274
7275
  _placeholderStyle: 12
7275
7276
  },
7276
- add_css$t
7277
+ add_css$q
7277
7278
  );
7278
7279
  }
7279
7280
  }
7280
7281
 
7281
7282
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
7282
7283
 
7283
- function add_css$s(target) {
7284
- append_styles(target, "svelte-1ntb6j8", ".radio-buttons.svelte-1ntb6j8{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-1ntb6j8{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-1ntb6j8{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-1ntb6j8: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-1ntb6j8{margin-left:0.5em}");
7284
+ function add_css$p(target) {
7285
+ 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}");
7285
7286
  }
7286
7287
 
7287
- function get_each_context$5(ctx, list, i) {
7288
+ function get_each_context$6(ctx, list, i) {
7288
7289
  const child_ctx = ctx.slice();
7289
7290
  child_ctx[17] = list[i];
7290
7291
  child_ctx[19] = i;
@@ -7292,7 +7293,7 @@ function get_each_context$5(ctx, list, i) {
7292
7293
  }
7293
7294
 
7294
7295
  // (99:2) {#each _options as option, i}
7295
- function create_each_block$5(ctx) {
7296
+ function create_each_block$6(ctx) {
7296
7297
  let label;
7297
7298
  let input;
7298
7299
  let input_value_value;
@@ -7338,14 +7339,14 @@ function create_each_block$5(ctx) {
7338
7339
  },
7339
7340
  h() {
7340
7341
  attr(input, "type", "radio");
7341
- attr(input, "class", "radio-button-input svelte-1ntb6j8");
7342
+ attr(input, "class", "radio-button-input svelte-17s08g");
7342
7343
  attr(input, "style", /*buttonStyle*/ ctx[5]);
7343
7344
  attr(input, "name", /*name*/ ctx[0]);
7344
7345
  input.value = input_value_value = /*option*/ ctx[17];
7345
7346
  input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
7346
- attr(span, "class", "radio-button-text svelte-1ntb6j8");
7347
+ attr(span, "class", "radio-button-text svelte-17s08g");
7347
7348
  attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7348
- attr(label, "class", "radio-button svelte-1ntb6j8");
7349
+ attr(label, "class", "radio-button svelte-17s08g");
7349
7350
  },
7350
7351
  m(target, anchor) {
7351
7352
  insert_hydration(target, label, anchor);
@@ -7393,13 +7394,13 @@ function create_each_block$5(ctx) {
7393
7394
  };
7394
7395
  }
7395
7396
 
7396
- function create_fragment$V(ctx) {
7397
+ function create_fragment$W(ctx) {
7397
7398
  let div;
7398
7399
  let each_value = /*_options*/ ctx[4];
7399
7400
  let each_blocks = [];
7400
7401
 
7401
7402
  for (let i = 0; i < each_value.length; i += 1) {
7402
- each_blocks[i] = create_each_block$5(get_each_context$5(ctx, each_value, i));
7403
+ each_blocks[i] = create_each_block$6(get_each_context$6(ctx, each_value, i));
7403
7404
  }
7404
7405
 
7405
7406
  return {
@@ -7424,7 +7425,7 @@ function create_fragment$V(ctx) {
7424
7425
  this.h();
7425
7426
  },
7426
7427
  h() {
7427
- attr(div, "class", "radio-buttons svelte-1ntb6j8");
7428
+ attr(div, "class", "radio-buttons svelte-17s08g");
7428
7429
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7429
7430
  },
7430
7431
  m(target, anchor) {
@@ -7440,12 +7441,12 @@ function create_fragment$V(ctx) {
7440
7441
  let i;
7441
7442
 
7442
7443
  for (i = 0; i < each_value.length; i += 1) {
7443
- const child_ctx = get_each_context$5(ctx, each_value, i);
7444
+ const child_ctx = get_each_context$6(ctx, each_value, i);
7444
7445
 
7445
7446
  if (each_blocks[i]) {
7446
7447
  each_blocks[i].p(child_ctx, dirty);
7447
7448
  } else {
7448
- each_blocks[i] = create_each_block$5(child_ctx);
7449
+ each_blocks[i] = create_each_block$6(child_ctx);
7449
7450
  each_blocks[i].c();
7450
7451
  each_blocks[i].m(div, null);
7451
7452
  }
@@ -7471,7 +7472,7 @@ function create_fragment$V(ctx) {
7471
7472
  };
7472
7473
  }
7473
7474
 
7474
- function instance$V($$self, $$props, $$invalidate) {
7475
+ function instance$W($$self, $$props, $$invalidate) {
7475
7476
  let _options;
7476
7477
  let buttonStyle;
7477
7478
  let _value;
@@ -7571,8 +7572,8 @@ class FormRadioButtons extends SvelteComponent {
7571
7572
  init(
7572
7573
  this,
7573
7574
  options,
7574
- instance$V,
7575
- create_fragment$V,
7575
+ instance$W,
7576
+ create_fragment$W,
7576
7577
  safe_not_equal,
7577
7578
  {
7578
7579
  name: 0,
@@ -7585,18 +7586,18 @@ class FormRadioButtons extends SvelteComponent {
7585
7586
  buttonColor: 13,
7586
7587
  buttonColorActive: 14
7587
7588
  },
7588
- add_css$s
7589
+ add_css$p
7589
7590
  );
7590
7591
  }
7591
7592
  }
7592
7593
 
7593
7594
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
7594
7595
 
7595
- function add_css$r(target) {
7596
- append_styles(target, "svelte-iejizj", ".select.svelte-iejizj{width:100%;height:100%}.select-select.svelte-iejizj{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-iejizj: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-iejizj{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}");
7596
+ function add_css$o(target) {
7597
+ 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}");
7597
7598
  }
7598
7599
 
7599
- function get_each_context$4(ctx, list, i) {
7600
+ function get_each_context$5(ctx, list, i) {
7600
7601
  const child_ctx = ctx.slice();
7601
7602
  child_ctx[19] = list[i];
7602
7603
  child_ctx[21] = i;
@@ -7651,7 +7652,7 @@ function create_if_block$9(ctx) {
7651
7652
  }
7652
7653
 
7653
7654
  // (103:6) {#each _options as option, i}
7654
- function create_each_block$4(ctx) {
7655
+ function create_each_block$5(ctx) {
7655
7656
  let option;
7656
7657
  let t;
7657
7658
  let option_value_value;
@@ -7719,7 +7720,7 @@ function create_each_block$4(ctx) {
7719
7720
  };
7720
7721
  }
7721
7722
 
7722
- function create_fragment$U(ctx) {
7723
+ function create_fragment$V(ctx) {
7723
7724
  let div1;
7724
7725
  let select;
7725
7726
  let t;
@@ -7730,7 +7731,7 @@ function create_fragment$U(ctx) {
7730
7731
  let each_blocks = [];
7731
7732
 
7732
7733
  for (let i = 0; i < each_value.length; i += 1) {
7733
- each_blocks[i] = create_each_block$4(get_each_context$4(ctx, each_value, i));
7734
+ each_blocks[i] = create_each_block$5(get_each_context$5(ctx, each_value, i));
7734
7735
  }
7735
7736
 
7736
7737
  return {
@@ -7764,10 +7765,10 @@ function create_fragment$U(ctx) {
7764
7765
  this.h();
7765
7766
  },
7766
7767
  h() {
7767
- attr(select, "class", "select-select svelte-iejizj");
7768
+ attr(select, "class", "select-select svelte-t9ynyj");
7768
7769
  attr(select, "style", /*style*/ ctx[3]);
7769
- attr(div0, "class", "select-icon svelte-iejizj");
7770
- attr(div1, "class", "select svelte-iejizj");
7770
+ attr(div0, "class", "select-icon svelte-t9ynyj");
7771
+ attr(div1, "class", "select svelte-t9ynyj");
7771
7772
  attr(div1, "style", /*styleVariables*/ ctx[2]);
7772
7773
  },
7773
7774
  m(target, anchor) {
@@ -7792,12 +7793,12 @@ function create_fragment$U(ctx) {
7792
7793
  let i;
7793
7794
 
7794
7795
  for (i = 0; i < each_value.length; i += 1) {
7795
- const child_ctx = get_each_context$4(ctx, each_value, i);
7796
+ const child_ctx = get_each_context$5(ctx, each_value, i);
7796
7797
 
7797
7798
  if (each_blocks[i]) {
7798
7799
  each_blocks[i].p(child_ctx, dirty);
7799
7800
  } else {
7800
- each_blocks[i] = create_each_block$4(child_ctx);
7801
+ each_blocks[i] = create_each_block$5(child_ctx);
7801
7802
  each_blocks[i].c();
7802
7803
  each_blocks[i].m(select, null);
7803
7804
  }
@@ -7829,7 +7830,7 @@ function create_fragment$U(ctx) {
7829
7830
  };
7830
7831
  }
7831
7832
 
7832
- function instance$U($$self, $$props, $$invalidate) {
7833
+ function instance$V($$self, $$props, $$invalidate) {
7833
7834
  let _options;
7834
7835
  let style;
7835
7836
  let styleVariables;
@@ -7945,8 +7946,8 @@ class FormSelect extends SvelteComponent {
7945
7946
  init(
7946
7947
  this,
7947
7948
  options,
7948
- instance$U,
7949
- create_fragment$U,
7949
+ instance$V,
7950
+ create_fragment$V,
7950
7951
  safe_not_equal,
7951
7952
  {
7952
7953
  name: 7,
@@ -7961,18 +7962,18 @@ class FormSelect extends SvelteComponent {
7961
7962
  iconColor: 15,
7962
7963
  iconSize: 16
7963
7964
  },
7964
- add_css$r
7965
+ add_css$o
7965
7966
  );
7966
7967
  }
7967
7968
  }
7968
7969
 
7969
7970
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
7970
7971
 
7971
- function add_css$q(target) {
7972
- append_styles(target, "svelte-2pz1us", ".check-boxes.svelte-2pz1us.svelte-2pz1us{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-2pz1us.svelte-2pz1us{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-2pz1us.svelte-2pz1us{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-2pz1us.svelte-2pz1us{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-2pz1us.svelte-2pz1us{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-2pz1us.svelte-2pz1us: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-2pz1us.svelte-2pz1us{background-color:var(--color-main-active)}.check-box-check._checked.svelte-2pz1us .check-box-icon.svelte-2pz1us:after{border-color:var(--color-sub-active)}.check-box-text.svelte-2pz1us.svelte-2pz1us{margin-left:0.5em;color:#333;font-size:12px;line-height:1.5}");
7972
+ function add_css$n(target) {
7973
+ 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}");
7973
7974
  }
7974
7975
 
7975
- function get_each_context$3(ctx, list, i) {
7976
+ function get_each_context$4(ctx, list, i) {
7976
7977
  const child_ctx = ctx.slice();
7977
7978
  child_ctx[17] = list[i];
7978
7979
  child_ctx[19] = i;
@@ -7980,7 +7981,7 @@ function get_each_context$3(ctx, list, i) {
7980
7981
  }
7981
7982
 
7982
7983
  // (105:2) {#each _options as option, i}
7983
- function create_each_block$3(ctx) {
7984
+ function create_each_block$4(ctx) {
7984
7985
  let label;
7985
7986
  let input;
7986
7987
  let input_checked_value;
@@ -8031,19 +8032,19 @@ function create_each_block$3(ctx) {
8031
8032
  this.h();
8032
8033
  },
8033
8034
  h() {
8034
- attr(input, "class", "check-box-input svelte-2pz1us");
8035
+ attr(input, "class", "check-box-input svelte-1p65cg8");
8035
8036
  attr(input, "type", "checkbox");
8036
8037
  attr(input, "name", /*name*/ ctx[0]);
8037
8038
  input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
8038
- attr(span0, "class", "check-box-icon svelte-2pz1us");
8039
+ attr(span0, "class", "check-box-icon svelte-1p65cg8");
8039
8040
 
8040
8041
  attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
8041
8042
  ? ' _checked'
8042
- : ''}`) + " svelte-2pz1us"));
8043
+ : ''}`) + " svelte-1p65cg8"));
8043
8044
 
8044
- attr(span2, "class", "check-box-text svelte-2pz1us");
8045
+ attr(span2, "class", "check-box-text svelte-1p65cg8");
8045
8046
  attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
8046
- attr(label, "class", "check-box svelte-2pz1us");
8047
+ attr(label, "class", "check-box svelte-1p65cg8");
8047
8048
  attr(label, "style", /*styleVariables*/ ctx[5]);
8048
8049
  },
8049
8050
  m(target, anchor) {
@@ -8075,7 +8076,7 @@ function create_each_block$3(ctx) {
8075
8076
 
8076
8077
  if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
8077
8078
  ? ' _checked'
8078
- : ''}`) + " svelte-2pz1us"))) {
8079
+ : ''}`) + " svelte-1p65cg8"))) {
8079
8080
  attr(span1, "class", span1_class_value);
8080
8081
  }
8081
8082
 
@@ -8097,13 +8098,13 @@ function create_each_block$3(ctx) {
8097
8098
  };
8098
8099
  }
8099
8100
 
8100
- function create_fragment$T(ctx) {
8101
+ function create_fragment$U(ctx) {
8101
8102
  let div;
8102
8103
  let each_value = /*_options*/ ctx[3];
8103
8104
  let each_blocks = [];
8104
8105
 
8105
8106
  for (let i = 0; i < each_value.length; i += 1) {
8106
- each_blocks[i] = create_each_block$3(get_each_context$3(ctx, each_value, i));
8107
+ each_blocks[i] = create_each_block$4(get_each_context$4(ctx, each_value, i));
8107
8108
  }
8108
8109
 
8109
8110
  return {
@@ -8128,7 +8129,7 @@ function create_fragment$T(ctx) {
8128
8129
  this.h();
8129
8130
  },
8130
8131
  h() {
8131
- attr(div, "class", "check-boxes svelte-2pz1us");
8132
+ attr(div, "class", "check-boxes svelte-1p65cg8");
8132
8133
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
8133
8134
  },
8134
8135
  m(target, anchor) {
@@ -8144,12 +8145,12 @@ function create_fragment$T(ctx) {
8144
8145
  let i;
8145
8146
 
8146
8147
  for (i = 0; i < each_value.length; i += 1) {
8147
- const child_ctx = get_each_context$3(ctx, each_value, i);
8148
+ const child_ctx = get_each_context$4(ctx, each_value, i);
8148
8149
 
8149
8150
  if (each_blocks[i]) {
8150
8151
  each_blocks[i].p(child_ctx, dirty);
8151
8152
  } else {
8152
- each_blocks[i] = create_each_block$3(child_ctx);
8153
+ each_blocks[i] = create_each_block$4(child_ctx);
8153
8154
  each_blocks[i].c();
8154
8155
  each_blocks[i].m(div, null);
8155
8156
  }
@@ -8175,7 +8176,7 @@ function create_fragment$T(ctx) {
8175
8176
  };
8176
8177
  }
8177
8178
 
8178
- function instance$T($$self, $$props, $$invalidate) {
8179
+ function instance$U($$self, $$props, $$invalidate) {
8179
8180
  let _options;
8180
8181
  let styleVariables;
8181
8182
  let isCheckedArray;
@@ -8281,8 +8282,8 @@ class FormCheckBoxes extends SvelteComponent {
8281
8282
  init(
8282
8283
  this,
8283
8284
  options,
8284
- instance$T,
8285
- create_fragment$T,
8285
+ instance$U,
8286
+ create_fragment$U,
8286
8287
  safe_not_equal,
8287
8288
  {
8288
8289
  name: 0,
@@ -8295,25 +8296,25 @@ class FormCheckBoxes extends SvelteComponent {
8295
8296
  buttonColor: 13,
8296
8297
  buttonColorActive: 14
8297
8298
  },
8298
- add_css$q
8299
+ add_css$n
8299
8300
  );
8300
8301
  }
8301
8302
  }
8302
8303
 
8303
8304
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
8304
8305
 
8305
- function add_css$p(target) {
8306
- append_styles(target, "svelte-9idbf1", ".rating-buttons.svelte-9idbf1{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-9idbf1{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}");
8306
+ function add_css$m(target) {
8307
+ 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}");
8307
8308
  }
8308
8309
 
8309
- function get_each_context$2(ctx, list, i) {
8310
+ function get_each_context$3(ctx, list, i) {
8310
8311
  const child_ctx = ctx.slice();
8311
8312
  child_ctx[14] = list[i];
8312
8313
  return child_ctx;
8313
8314
  }
8314
8315
 
8315
8316
  // (68:2) {#each [...Array(count).keys()].map(i => i + startingNumber) as i}
8316
- function create_each_block$2(ctx) {
8317
+ function create_each_block$3(ctx) {
8317
8318
  let button;
8318
8319
  let t0_value = /*i*/ ctx[14] + "";
8319
8320
  let t0;
@@ -8338,7 +8339,7 @@ function create_each_block$2(ctx) {
8338
8339
  this.h();
8339
8340
  },
8340
8341
  h() {
8341
- attr(button, "class", "rating-button svelte-9idbf1");
8342
+ attr(button, "class", "rating-button svelte-1iqf36p");
8342
8343
  attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
8343
8344
  },
8344
8345
  m(target, anchor) {
@@ -8370,13 +8371,13 @@ function create_each_block$2(ctx) {
8370
8371
  };
8371
8372
  }
8372
8373
 
8373
- function create_fragment$S(ctx) {
8374
+ function create_fragment$T(ctx) {
8374
8375
  let div;
8375
8376
  let each_value = [...Array(/*count*/ ctx[0]).keys()].map(/*func*/ ctx[12]);
8376
8377
  let each_blocks = [];
8377
8378
 
8378
8379
  for (let i = 0; i < each_value.length; i += 1) {
8379
- each_blocks[i] = create_each_block$2(get_each_context$2(ctx, each_value, i));
8380
+ each_blocks[i] = create_each_block$3(get_each_context$3(ctx, each_value, i));
8380
8381
  }
8381
8382
 
8382
8383
  return {
@@ -8401,7 +8402,7 @@ function create_fragment$S(ctx) {
8401
8402
  this.h();
8402
8403
  },
8403
8404
  h() {
8404
- attr(div, "class", "rating-buttons svelte-9idbf1");
8405
+ attr(div, "class", "rating-buttons svelte-1iqf36p");
8405
8406
  },
8406
8407
  m(target, anchor) {
8407
8408
  insert_hydration(target, div, anchor);
@@ -8416,12 +8417,12 @@ function create_fragment$S(ctx) {
8416
8417
  let i;
8417
8418
 
8418
8419
  for (i = 0; i < each_value.length; i += 1) {
8419
- const child_ctx = get_each_context$2(ctx, each_value, i);
8420
+ const child_ctx = get_each_context$3(ctx, each_value, i);
8420
8421
 
8421
8422
  if (each_blocks[i]) {
8422
8423
  each_blocks[i].p(child_ctx, dirty);
8423
8424
  } else {
8424
- each_blocks[i] = create_each_block$2(child_ctx);
8425
+ each_blocks[i] = create_each_block$3(child_ctx);
8425
8426
  each_blocks[i].c();
8426
8427
  each_blocks[i].m(div, null);
8427
8428
  }
@@ -8443,7 +8444,7 @@ function create_fragment$S(ctx) {
8443
8444
  };
8444
8445
  }
8445
8446
 
8446
- function instance$S($$self, $$props, $$invalidate) {
8447
+ function instance$T($$self, $$props, $$invalidate) {
8447
8448
  let _value;
8448
8449
  let $value;
8449
8450
  let { name = '' } = $$props;
@@ -8525,8 +8526,8 @@ class FormRatingButtonsNumber extends SvelteComponent {
8525
8526
  init(
8526
8527
  this,
8527
8528
  options,
8528
- instance$S,
8529
- create_fragment$S,
8529
+ instance$T,
8530
+ create_fragment$T,
8530
8531
  safe_not_equal,
8531
8532
  {
8532
8533
  name: 6,
@@ -8537,25 +8538,25 @@ class FormRatingButtonsNumber extends SvelteComponent {
8537
8538
  buttonStyle: 9,
8538
8539
  buttonActiveStyle: 10
8539
8540
  },
8540
- add_css$p
8541
+ add_css$m
8541
8542
  );
8542
8543
  }
8543
8544
  }
8544
8545
 
8545
8546
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
8546
8547
 
8547
- function add_css$o(target) {
8548
- append_styles(target, "svelte-1b5dvzw", ".rating-buttons.svelte-1b5dvzw{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1b5dvzw{appearance:none;background:none;border:none;margin:0;padding:0}.rating-button-image.svelte-1b5dvzw{cursor:pointer;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.rating-button-image.svelte-1b5dvzw:not(._active){filter:grayscale(100%)}");
8548
+ function add_css$l(target) {
8549
+ 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%)}");
8549
8550
  }
8550
8551
 
8551
- function get_each_context$1(ctx, list, i) {
8552
+ function get_each_context$2(ctx, list, i) {
8552
8553
  const child_ctx = ctx.slice();
8553
8554
  child_ctx[10] = list[i];
8554
8555
  return child_ctx;
8555
8556
  }
8556
8557
 
8557
8558
  // (42:2) {#each [...Array(count).keys()].reverse().map(i => i + 1) as i}
8558
- function create_each_block$1(ctx) {
8559
+ function create_each_block$2(ctx) {
8559
8560
  let button;
8560
8561
  let img;
8561
8562
  let img_src_value;
@@ -8581,9 +8582,9 @@ function create_each_block$1(ctx) {
8581
8582
  },
8582
8583
  h() {
8583
8584
  if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
8584
- attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"));
8585
+ attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
8585
8586
  attr(img, "alt", "rate" + /*i*/ ctx[10]);
8586
- attr(button, "class", "rating-button svelte-1b5dvzw");
8587
+ attr(button, "class", "rating-button svelte-tbunko");
8587
8588
  attr(button, "style", /*buttonStyle*/ ctx[0]);
8588
8589
  },
8589
8590
  m(target, anchor) {
@@ -8599,7 +8600,7 @@ function create_each_block$1(ctx) {
8599
8600
  p(new_ctx, dirty) {
8600
8601
  ctx = new_ctx;
8601
8602
 
8602
- if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"))) {
8603
+ if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"))) {
8603
8604
  attr(img, "class", img_class_value);
8604
8605
  }
8605
8606
 
@@ -8615,13 +8616,13 @@ function create_each_block$1(ctx) {
8615
8616
  };
8616
8617
  }
8617
8618
 
8618
- function create_fragment$R(ctx) {
8619
+ function create_fragment$S(ctx) {
8619
8620
  let div;
8620
8621
  let each_value = [...Array(count).keys()].reverse().map(func);
8621
8622
  let each_blocks = [];
8622
8623
 
8623
8624
  for (let i = 0; i < each_value.length; i += 1) {
8624
- each_blocks[i] = create_each_block$1(get_each_context$1(ctx, each_value, i));
8625
+ each_blocks[i] = create_each_block$2(get_each_context$2(ctx, each_value, i));
8625
8626
  }
8626
8627
 
8627
8628
  return {
@@ -8646,7 +8647,7 @@ function create_fragment$R(ctx) {
8646
8647
  this.h();
8647
8648
  },
8648
8649
  h() {
8649
- attr(div, "class", "rating-buttons svelte-1b5dvzw");
8650
+ attr(div, "class", "rating-buttons svelte-tbunko");
8650
8651
  },
8651
8652
  m(target, anchor) {
8652
8653
  insert_hydration(target, div, anchor);
@@ -8661,12 +8662,12 @@ function create_fragment$R(ctx) {
8661
8662
  let i;
8662
8663
 
8663
8664
  for (i = 0; i < each_value.length; i += 1) {
8664
- const child_ctx = get_each_context$1(ctx, each_value, i);
8665
+ const child_ctx = get_each_context$2(ctx, each_value, i);
8665
8666
 
8666
8667
  if (each_blocks[i]) {
8667
8668
  each_blocks[i].p(child_ctx, dirty);
8668
8669
  } else {
8669
- each_blocks[i] = create_each_block$1(child_ctx);
8670
+ each_blocks[i] = create_each_block$2(child_ctx);
8670
8671
  each_blocks[i].c();
8671
8672
  each_blocks[i].m(div, null);
8672
8673
  }
@@ -8691,7 +8692,7 @@ function create_fragment$R(ctx) {
8691
8692
  const count = 5;
8692
8693
  const func = i => i + 1;
8693
8694
 
8694
- function instance$R($$self, $$props, $$invalidate) {
8695
+ function instance$S($$self, $$props, $$invalidate) {
8695
8696
  let _value;
8696
8697
  let buttonStyle;
8697
8698
  let $value;
@@ -8747,17 +8748,17 @@ function instance$R($$self, $$props, $$invalidate) {
8747
8748
  class FormRatingButtonsFace extends SvelteComponent {
8748
8749
  constructor(options) {
8749
8750
  super();
8750
- init(this, options, instance$R, create_fragment$R, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$o);
8751
+ init(this, options, instance$S, create_fragment$S, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$l);
8751
8752
  }
8752
8753
  }
8753
8754
 
8754
8755
  /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
8755
8756
 
8756
- function add_css$n(target) {
8757
- append_styles(target, "svelte-f14zo5", ".input-wrapper.svelte-f14zo5{display:flex;align-items:center;width:100%;height:100%}.input.svelte-f14zo5{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-f14zo5::placeholder{color:var(--placeholder-color)}.input.svelte-f14zo5: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-f14zo5{outline:none;border-width:var(--error-border-width) !important;border-color:var(--error-border-color) !important;border-style:var(--error-border-style) !important}");
8757
+ function add_css$k(target) {
8758
+ 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}");
8758
8759
  }
8759
8760
 
8760
- function create_fragment$Q(ctx) {
8761
+ function create_fragment$R(ctx) {
8761
8762
  let div;
8762
8763
  let input;
8763
8764
  let input_class_value;
@@ -8785,13 +8786,13 @@ function create_fragment$Q(ctx) {
8785
8786
  this.h();
8786
8787
  },
8787
8788
  h() {
8788
- attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"));
8789
+ attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"));
8789
8790
  attr(input, "type", "text");
8790
8791
  input.value = /*$value*/ ctx[2];
8791
8792
  input.required = /*required*/ ctx[0];
8792
8793
  attr(input, "placeholder", /*placeholder*/ ctx[1]);
8793
8794
  attr(input, "style", /*style*/ ctx[5]);
8794
- attr(div, "class", "input-wrapper svelte-f14zo5");
8795
+ attr(div, "class", "input-wrapper svelte-h8fqwx");
8795
8796
  attr(div, "style", /*styleVariables*/ ctx[4]);
8796
8797
  },
8797
8798
  m(target, anchor) {
@@ -8804,7 +8805,7 @@ function create_fragment$Q(ctx) {
8804
8805
  }
8805
8806
  },
8806
8807
  p(ctx, [dirty]) {
8807
- if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"))) {
8808
+ if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"))) {
8808
8809
  attr(input, "class", input_class_value);
8809
8810
  }
8810
8811
 
@@ -8838,7 +8839,7 @@ function create_fragment$Q(ctx) {
8838
8839
  };
8839
8840
  }
8840
8841
 
8841
- function instance$Q($$self, $$props, $$invalidate) {
8842
+ function instance$R($$self, $$props, $$invalidate) {
8842
8843
  let style;
8843
8844
  let styleVariables;
8844
8845
  let isValidForUI;
@@ -8969,8 +8970,8 @@ class FormIdentifyInput extends SvelteComponent {
8969
8970
  init(
8970
8971
  this,
8971
8972
  options,
8972
- instance$Q,
8973
- create_fragment$Q,
8973
+ instance$R,
8974
+ create_fragment$R,
8974
8975
  safe_not_equal,
8975
8976
  {
8976
8977
  field: 9,
@@ -8984,18 +8985,18 @@ class FormIdentifyInput extends SvelteComponent {
8984
8985
  _textStyle: 15,
8985
8986
  _placeholderStyle: 16
8986
8987
  },
8987
- add_css$n
8988
+ add_css$k
8988
8989
  );
8989
8990
  }
8990
8991
  }
8991
8992
 
8992
8993
  /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
8993
8994
 
8994
- function add_css$m(target) {
8995
- append_styles(target, "svelte-pzrwlo", ".radio-buttons.svelte-pzrwlo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-pzrwlo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-pzrwlo{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-pzrwlo: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-pzrwlo{margin-left:0.5em}");
8995
+ function add_css$j(target) {
8996
+ 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}");
8996
8997
  }
8997
8998
 
8998
- function create_fragment$P(ctx) {
8999
+ function create_fragment$Q(ctx) {
8999
9000
  let div;
9000
9001
  let label0;
9001
9002
  let input0;
@@ -9058,20 +9059,20 @@ function create_fragment$P(ctx) {
9058
9059
  },
9059
9060
  h() {
9060
9061
  attr(input0, "type", "radio");
9061
- attr(input0, "class", "radio-button-input svelte-pzrwlo");
9062
+ attr(input0, "class", "radio-button-input svelte-8zbmyo");
9062
9063
  attr(input0, "style", /*buttonStyle*/ ctx[2]);
9063
9064
  input0.checked = input0_checked_value = /*$value*/ ctx[3] === true;
9064
- attr(span0, "class", "radio-button-text svelte-pzrwlo");
9065
+ attr(span0, "class", "radio-button-text svelte-8zbmyo");
9065
9066
  attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
9066
- attr(label0, "class", "radio-button svelte-pzrwlo");
9067
+ attr(label0, "class", "radio-button svelte-8zbmyo");
9067
9068
  attr(input1, "type", "radio");
9068
- attr(input1, "class", "radio-button-input svelte-pzrwlo");
9069
+ attr(input1, "class", "radio-button-input svelte-8zbmyo");
9069
9070
  attr(input1, "style", /*buttonStyle*/ ctx[2]);
9070
9071
  input1.checked = input1_checked_value = /*$value*/ ctx[3] === false;
9071
- attr(span1, "class", "radio-button-text svelte-pzrwlo");
9072
+ attr(span1, "class", "radio-button-text svelte-8zbmyo");
9072
9073
  attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
9073
- attr(label1, "class", "radio-button svelte-pzrwlo");
9074
- attr(div, "class", "radio-buttons svelte-pzrwlo");
9074
+ attr(label1, "class", "radio-button svelte-8zbmyo");
9075
+ attr(div, "class", "radio-buttons svelte-8zbmyo");
9075
9076
  attr(div, "style", /*_layoutStyle*/ ctx[0]);
9076
9077
  },
9077
9078
  m(target, anchor) {
@@ -9136,7 +9137,7 @@ function create_fragment$P(ctx) {
9136
9137
  };
9137
9138
  }
9138
9139
 
9139
- function instance$P($$self, $$props, $$invalidate) {
9140
+ function instance$Q($$self, $$props, $$invalidate) {
9140
9141
  let buttonStyle;
9141
9142
  let $value;
9142
9143
  let { field = 'subscription' } = $$props;
@@ -9218,9 +9219,9 @@ class FormIdentifyChoices extends SvelteComponent {
9218
9219
  init(
9219
9220
  this,
9220
9221
  options,
9221
- instance$P,
9222
- create_fragment$P,
9223
- safe_not_equal,
9222
+ instance$Q,
9223
+ create_fragment$Q,
9224
+ safe_not_equal,
9224
9225
  {
9225
9226
  field: 6,
9226
9227
  required: 7,
@@ -9231,18 +9232,18 @@ class FormIdentifyChoices extends SvelteComponent {
9231
9232
  buttonColor: 10,
9232
9233
  buttonColorActive: 11
9233
9234
  },
9234
- add_css$m
9235
+ add_css$j
9235
9236
  );
9236
9237
  }
9237
9238
  }
9238
9239
 
9239
9240
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
9240
9241
 
9241
- function add_css$l(target) {
9242
- append_styles(target, "svelte-1qfq79t", ".root.svelte-1qfq79t{width:100%;height:100%;position:relative}.container.svelte-1qfq79t{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000}.slide.svelte-1qfq79t{height:100%;position:absolute;display:flex}.transition.svelte-1qfq79t{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-1qfq79t{height:100%;flex:none}.prev-button-container.svelte-1qfq79t,.next-button-container.svelte-1qfq79t{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-1qfq79t{left:0}.next-button-container.svelte-1qfq79t{right:0}.move-button.svelte-1qfq79t{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-1qfq79t{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-1qfq79t{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-1qfq79t{border-radius:51%}");
9242
+ function add_css$i(target) {
9243
+ 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%}");
9243
9244
  }
9244
9245
 
9245
- function get_each_context(ctx, list, i) {
9246
+ function get_each_context$1(ctx, list, i) {
9246
9247
  const child_ctx = ctx.slice();
9247
9248
  child_ctx[61] = list[i];
9248
9249
  child_ctx[63] = i;
@@ -9285,9 +9286,9 @@ function create_if_block_1$2(ctx) {
9285
9286
  attr(svg, "viewBox", "0 0 10 16");
9286
9287
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
9287
9288
  attr(svg, "style", /*prevIconStyle*/ ctx[10]);
9288
- attr(button, "class", "move-button svelte-1qfq79t");
9289
+ attr(button, "class", "move-button svelte-ji1fh");
9289
9290
  attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
9290
- attr(div, "class", "prev-button-container svelte-1qfq79t");
9291
+ attr(div, "class", "prev-button-container svelte-ji1fh");
9291
9292
  },
9292
9293
  m(target, anchor) {
9293
9294
  insert_hydration(target, div, anchor);
@@ -9353,9 +9354,9 @@ function create_if_block$8(ctx) {
9353
9354
  attr(svg, "viewBox", "0 0 10 16");
9354
9355
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
9355
9356
  attr(svg, "style", /*nextIconStyle*/ ctx[8]);
9356
- attr(button, "class", "move-button svelte-1qfq79t");
9357
+ attr(button, "class", "move-button svelte-ji1fh");
9357
9358
  attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
9358
- attr(div, "class", "next-button-container svelte-1qfq79t");
9359
+ attr(div, "class", "next-button-container svelte-ji1fh");
9359
9360
  },
9360
9361
  m(target, anchor) {
9361
9362
  insert_hydration(target, div, anchor);
@@ -9386,7 +9387,7 @@ function create_if_block$8(ctx) {
9386
9387
  }
9387
9388
 
9388
9389
  // (393:4) {#each items as _, i}
9389
- function create_each_block(ctx) {
9390
+ function create_each_block$1(ctx) {
9390
9391
  let button;
9391
9392
  let div;
9392
9393
  let div_style_value;
@@ -9415,9 +9416,9 @@ function create_each_block(ctx) {
9415
9416
  this.h();
9416
9417
  },
9417
9418
  h() {
9418
- attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
9419
+ attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
9419
9420
  attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
9420
- attr(button, "class", "navigation-item svelte-1qfq79t");
9421
+ attr(button, "class", "navigation-item svelte-ji1fh");
9421
9422
  attr(button, "style", /*navigationItemStyle*/ ctx[6]);
9422
9423
  },
9423
9424
  m(target, anchor) {
@@ -9449,7 +9450,7 @@ function create_each_block(ctx) {
9449
9450
  };
9450
9451
  }
9451
9452
 
9452
- function create_fragment$O(ctx) {
9453
+ function create_fragment$P(ctx) {
9453
9454
  let div3;
9454
9455
  let div1;
9455
9456
  let div0;
@@ -9467,7 +9468,7 @@ function create_fragment$O(ctx) {
9467
9468
  let each_blocks = [];
9468
9469
 
9469
9470
  for (let i = 0; i < each_value.length; i += 1) {
9470
- each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
9471
+ each_blocks[i] = create_each_block$1(get_each_context$1(ctx, each_value, i));
9471
9472
  }
9472
9473
 
9473
9474
  let div3_levels = [{ class: "root" }, dataAttrStopPropagation('click')];
@@ -9523,14 +9524,14 @@ function create_fragment$O(ctx) {
9523
9524
  this.h();
9524
9525
  },
9525
9526
  h() {
9526
- attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
9527
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
9527
9528
  attr(div0, "style", /*slideStyle*/ ctx[14]);
9528
- attr(div1, "class", "container svelte-1qfq79t");
9529
+ attr(div1, "class", "container svelte-ji1fh");
9529
9530
  attr(div1, "style", /*_style*/ ctx[0]);
9530
- attr(div2, "class", "navigation svelte-1qfq79t");
9531
+ attr(div2, "class", "navigation svelte-ji1fh");
9531
9532
  attr(div2, "style", /*navigationStyle*/ ctx[4]);
9532
9533
  set_attributes(div3, div3_data);
9533
- toggle_class(div3, "svelte-1qfq79t", true);
9534
+ toggle_class(div3, "svelte-ji1fh", true);
9534
9535
  },
9535
9536
  m(target, anchor) {
9536
9537
  insert_hydration(target, div3, anchor);
@@ -9572,7 +9573,7 @@ function create_fragment$O(ctx) {
9572
9573
  }
9573
9574
  }
9574
9575
 
9575
- if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
9576
+ if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
9576
9577
  attr(div0, "class", div0_class_value);
9577
9578
  }
9578
9579
 
@@ -9615,12 +9616,12 @@ function create_fragment$O(ctx) {
9615
9616
  let i;
9616
9617
 
9617
9618
  for (i = 0; i < each_value.length; i += 1) {
9618
- const child_ctx = get_each_context(ctx, each_value, i);
9619
+ const child_ctx = get_each_context$1(ctx, each_value, i);
9619
9620
 
9620
9621
  if (each_blocks[i]) {
9621
9622
  each_blocks[i].p(child_ctx, dirty);
9622
9623
  } else {
9623
- each_blocks[i] = create_each_block(child_ctx);
9624
+ each_blocks[i] = create_each_block$1(child_ctx);
9624
9625
  each_blocks[i].c();
9625
9626
  each_blocks[i].m(div2, null);
9626
9627
  }
@@ -9638,7 +9639,7 @@ function create_fragment$O(ctx) {
9638
9639
  }
9639
9640
 
9640
9641
  set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
9641
- toggle_class(div3, "svelte-1qfq79t", true);
9642
+ toggle_class(div3, "svelte-ji1fh", true);
9642
9643
  },
9643
9644
  i(local) {
9644
9645
  if (current) return;
@@ -9673,7 +9674,7 @@ function calcPositionIndex(shift, index, length) {
9673
9674
  }
9674
9675
  }
9675
9676
 
9676
- function instance$O($$self, $$props, $$invalidate) {
9677
+ function instance$P($$self, $$props, $$invalidate) {
9677
9678
  let slideStyle;
9678
9679
  let slideClass;
9679
9680
  let _loop;
@@ -10126,8 +10127,8 @@ class Slide extends SvelteComponent {
10126
10127
  init(
10127
10128
  this,
10128
10129
  options,
10129
- instance$O,
10130
- create_fragment$O,
10130
+ instance$P,
10131
+ create_fragment$P,
10131
10132
  safe_not_equal,
10132
10133
  {
10133
10134
  loop: 18,
@@ -10141,7 +10142,7 @@ class Slide extends SvelteComponent {
10141
10142
  navigationButton: 25,
10142
10143
  navigationEdgePosition: 26
10143
10144
  },
10144
- add_css$l,
10145
+ add_css$i,
10145
10146
  [-1, -1, -1]
10146
10147
  );
10147
10148
  }
@@ -10149,11 +10150,11 @@ class Slide extends SvelteComponent {
10149
10150
 
10150
10151
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
10151
10152
 
10152
- function add_css$k(target) {
10153
- append_styles(target, "svelte-1rv0qgo", ".item.svelte-1rv0qgo{height:100%;flex:none;position:relative}.item.svelte-1rv0qgo img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-1rv0qgo{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;cursor:default;overflow:hidden}");
10153
+ function add_css$h(target) {
10154
+ 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}");
10154
10155
  }
10155
10156
 
10156
- function create_fragment$N(ctx) {
10157
+ function create_fragment$O(ctx) {
10157
10158
  let div1;
10158
10159
  let div0;
10159
10160
  let current;
@@ -10178,9 +10179,9 @@ function create_fragment$N(ctx) {
10178
10179
  this.h();
10179
10180
  },
10180
10181
  h() {
10181
- attr(div0, "class", "item-inner svelte-1rv0qgo");
10182
+ attr(div0, "class", "item-inner svelte-9ygf1w");
10182
10183
  attr(div0, "style", /*_style*/ ctx[0]);
10183
- attr(div1, "class", "item svelte-1rv0qgo");
10184
+ attr(div1, "class", "item svelte-9ygf1w");
10184
10185
  attr(div1, "style", /*itemStyle*/ ctx[1]);
10185
10186
  },
10186
10187
  m(target, anchor) {
@@ -10233,7 +10234,7 @@ function create_fragment$N(ctx) {
10233
10234
  };
10234
10235
  }
10235
10236
 
10236
- function instance$N($$self, $$props, $$invalidate) {
10237
+ function instance$O($$self, $$props, $$invalidate) {
10237
10238
  let itemStyle;
10238
10239
  let { $$slots: slots = {}, $$scope } = $$props;
10239
10240
  const { registerItem, unregisterItem } = getContext('SLIDE');
@@ -10299,20 +10300,20 @@ function instance$N($$self, $$props, $$invalidate) {
10299
10300
  class SlideItem extends SvelteComponent {
10300
10301
  constructor(options) {
10301
10302
  super();
10302
- init(this, options, instance$N, create_fragment$N, safe_not_equal, { _style: 0 }, add_css$k);
10303
+ init(this, options, instance$O, create_fragment$O, safe_not_equal, { _style: 0 }, add_css$h);
10303
10304
  }
10304
10305
  }
10305
10306
 
10306
10307
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
10307
10308
 
10308
- function add_css$j(target) {
10309
- append_styles(target, "svelte-t87l6f", ".countdown.svelte-t87l6f{position:relative;width:100%;height:100%}.countdown-inner.svelte-t87l6f{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
10309
+ function add_css$g(target) {
10310
+ 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}");
10310
10311
  }
10311
10312
 
10312
10313
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
10313
10314
  const get_default_slot_context = ctx => ({ countdown: /*countdown*/ ctx[1] });
10314
10315
 
10315
- function create_fragment$M(ctx) {
10316
+ function create_fragment$N(ctx) {
10316
10317
  let div1;
10317
10318
  let div0;
10318
10319
  let current;
@@ -10337,9 +10338,9 @@ function create_fragment$M(ctx) {
10337
10338
  this.h();
10338
10339
  },
10339
10340
  h() {
10340
- attr(div0, "class", "countdown-inner svelte-t87l6f");
10341
+ attr(div0, "class", "countdown-inner svelte-rroxiz");
10341
10342
  attr(div0, "style", /*_style*/ ctx[0]);
10342
- attr(div1, "class", "countdown svelte-t87l6f");
10343
+ attr(div1, "class", "countdown svelte-rroxiz");
10343
10344
  },
10344
10345
  m(target, anchor) {
10345
10346
  insert_hydration(target, div1, anchor);
@@ -10405,7 +10406,7 @@ function formatTimeDiff(ms) {
10405
10406
  };
10406
10407
  }
10407
10408
 
10408
- function instance$M($$self, $$props, $$invalidate) {
10409
+ function instance$N($$self, $$props, $$invalidate) {
10409
10410
  let countdown;
10410
10411
  let { $$slots: slots = {}, $$scope } = $$props;
10411
10412
  let { timeLimit = '2023/12/31 23:59:59' } = $$props;
@@ -10462,14 +10463,14 @@ function instance$M($$self, $$props, $$invalidate) {
10462
10463
  class Countdown extends SvelteComponent {
10463
10464
  constructor(options) {
10464
10465
  super();
10465
- init(this, options, instance$M, create_fragment$M, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$j);
10466
+ init(this, options, instance$N, create_fragment$N, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$g);
10466
10467
  }
10467
10468
  }
10468
10469
 
10469
10470
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
10470
10471
 
10471
- function add_css$i(target) {
10472
- append_styles(target, "svelte-1c91vpe", ".box.svelte-1c91vpe{position:relative;width:100%;height:100%}.box.svelte-1c91vpe > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
10472
+ function add_css$f(target) {
10473
+ 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}");
10473
10474
  }
10474
10475
 
10475
10476
  // (24:2) <Button {onClick} style={_style} {eventName}>
@@ -10523,7 +10524,7 @@ function create_default_slot$7(ctx) {
10523
10524
  };
10524
10525
  }
10525
10526
 
10526
- function create_fragment$L(ctx) {
10527
+ function create_fragment$M(ctx) {
10527
10528
  let div;
10528
10529
  let button;
10529
10530
  let current;
@@ -10552,7 +10553,7 @@ function create_fragment$L(ctx) {
10552
10553
  this.h();
10553
10554
  },
10554
10555
  h() {
10555
- attr(div, "class", "box svelte-1c91vpe");
10556
+ attr(div, "class", "box svelte-1ccydfy");
10556
10557
  },
10557
10558
  m(target, anchor) {
10558
10559
  insert_hydration(target, div, anchor);
@@ -10587,7 +10588,7 @@ function create_fragment$L(ctx) {
10587
10588
  };
10588
10589
  }
10589
10590
 
10590
- function instance$L($$self, $$props, $$invalidate) {
10591
+ function instance$M($$self, $$props, $$invalidate) {
10591
10592
  let { $$slots: slots = {}, $$scope } = $$props;
10592
10593
  let { onClick = { operation: 'none', args: [] } } = $$props;
10593
10594
  let { eventName = '' } = $$props;
@@ -10606,14 +10607,14 @@ function instance$L($$self, $$props, $$invalidate) {
10606
10607
  class Box extends SvelteComponent {
10607
10608
  constructor(options) {
10608
10609
  super();
10609
- init(this, options, instance$L, create_fragment$L, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$i);
10610
+ init(this, options, instance$M, create_fragment$M, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$f);
10610
10611
  }
10611
10612
  }
10612
10613
 
10613
10614
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
10614
10615
 
10615
- function add_css$h(target) {
10616
- append_styles(target, "svelte-1mk6wi4", ".icon.svelte-1mk6wi4{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon.svelte-1mk6wi4 > .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-1mk6wi4 > .button._disabled{cursor:not-allowed !important;opacity:0.2}.icon.svelte-1mk6wi4 svg{width:var(--width);height:var(--height);color:var(--color);stroke:var(--stroke);fill:var(--fill)}");
10616
+ function add_css$e(target) {
10617
+ 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)}");
10617
10618
  }
10618
10619
 
10619
10620
  // (56:4) {#if svg}
@@ -10688,7 +10689,7 @@ function create_default_slot$6(ctx) {
10688
10689
  };
10689
10690
  }
10690
10691
 
10691
- function create_fragment$K(ctx) {
10692
+ function create_fragment$L(ctx) {
10692
10693
  let div;
10693
10694
  let button;
10694
10695
  let current;
@@ -10717,7 +10718,7 @@ function create_fragment$K(ctx) {
10717
10718
  this.h();
10718
10719
  },
10719
10720
  h() {
10720
- attr(div, "class", "icon svelte-1mk6wi4");
10721
+ attr(div, "class", "icon svelte-1mkvcuo");
10721
10722
  },
10722
10723
  m(target, anchor) {
10723
10724
  insert_hydration(target, div, anchor);
@@ -10759,7 +10760,7 @@ function parseData(dataUrl) {
10759
10760
  return decodeURIComponent(data).replaceAll('\'', '"');
10760
10761
  }
10761
10762
 
10762
- function instance$K($$self, $$props, $$invalidate) {
10763
+ function instance$L($$self, $$props, $$invalidate) {
10763
10764
  let svg;
10764
10765
  let styleVariables;
10765
10766
  let style;
@@ -10807,8 +10808,8 @@ class IconElement extends SvelteComponent {
10807
10808
  init(
10808
10809
  this,
10809
10810
  options,
10810
- instance$K,
10811
- create_fragment$K,
10811
+ instance$L,
10812
+ create_fragment$L,
10812
10813
  safe_not_equal,
10813
10814
  {
10814
10815
  icon: 4,
@@ -10818,18 +10819,18 @@ class IconElement extends SvelteComponent {
10818
10819
  color: 6,
10819
10820
  _style: 7
10820
10821
  },
10821
- add_css$h
10822
+ add_css$e
10822
10823
  );
10823
10824
  }
10824
10825
  }
10825
10826
 
10826
10827
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
10827
10828
 
10828
- function add_css$g(target) {
10829
- append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10829
+ function add_css$d(target) {
10830
+ append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10830
10831
  }
10831
10832
 
10832
- function create_fragment$J(ctx) {
10833
+ function create_fragment$K(ctx) {
10833
10834
  let div;
10834
10835
  let switch_instance;
10835
10836
  let current;
@@ -10862,7 +10863,7 @@ function create_fragment$J(ctx) {
10862
10863
  this.h();
10863
10864
  },
10864
10865
  h() {
10865
- attr(div, "class", "codeElement svelte-1ng2n51");
10866
+ attr(div, "class", "codeElement svelte-ymsb9l");
10866
10867
  attr(div, "style", /*style*/ ctx[3]);
10867
10868
  },
10868
10869
  m(target, anchor) {
@@ -10919,7 +10920,7 @@ function create_fragment$J(ctx) {
10919
10920
  };
10920
10921
  }
10921
10922
 
10922
- function instance$J($$self, $$props, $$invalidate) {
10923
+ function instance$K($$self, $$props, $$invalidate) {
10923
10924
  let $data,
10924
10925
  $$unsubscribe_data = noop,
10925
10926
  $$subscribe_data = () => ($$unsubscribe_data(), $$unsubscribe_data = subscribe(data, $$value => $$invalidate(4, $data = $$value)), data);
@@ -10944,17 +10945,17 @@ function instance$J($$self, $$props, $$invalidate) {
10944
10945
  class CodeElement extends SvelteComponent {
10945
10946
  constructor(options) {
10946
10947
  super();
10947
- init(this, options, instance$J, create_fragment$J, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$g);
10948
+ init(this, options, instance$K, create_fragment$K, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$d);
10948
10949
  }
10949
10950
  }
10950
10951
 
10951
10952
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
10952
10953
 
10953
- function add_css$f(target) {
10954
- append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
10954
+ function add_css$c(target) {
10955
+ append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
10955
10956
  }
10956
10957
 
10957
- function create_fragment$I(ctx) {
10958
+ function create_fragment$J(ctx) {
10958
10959
  let div;
10959
10960
  let div_style_value;
10960
10961
  let current;
@@ -10975,7 +10976,7 @@ function create_fragment$I(ctx) {
10975
10976
  this.h();
10976
10977
  },
10977
10978
  h() {
10978
- attr(div, "class", "flex svelte-9v2qdg");
10979
+ attr(div, "class", "flex svelte-1e71ejc");
10979
10980
  attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
10980
10981
  },
10981
10982
  m(target, anchor) {
@@ -11029,7 +11030,7 @@ function getFlexContext() {
11029
11030
  return getContext(FlexContextKey);
11030
11031
  }
11031
11032
 
11032
- function instance$I($$self, $$props, $$invalidate) {
11033
+ function instance$J($$self, $$props, $$invalidate) {
11033
11034
  let { $$slots: slots = {}, $$scope } = $$props;
11034
11035
  let { direction = 'row' } = $$props;
11035
11036
  let { width = '100%' } = $$props;
@@ -11055,8 +11056,8 @@ class Flex extends SvelteComponent {
11055
11056
  init(
11056
11057
  this,
11057
11058
  options,
11058
- instance$I,
11059
- create_fragment$I,
11059
+ instance$J,
11060
+ create_fragment$J,
11060
11061
  safe_not_equal,
11061
11062
  {
11062
11063
  direction: 0,
@@ -11064,18 +11065,18 @@ class Flex extends SvelteComponent {
11064
11065
  height: 2,
11065
11066
  _style: 3
11066
11067
  },
11067
- add_css$f
11068
+ add_css$c
11068
11069
  );
11069
11070
  }
11070
11071
  }
11071
11072
 
11072
11073
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
11073
11074
 
11074
- function add_css$e(target) {
11075
- append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
11075
+ function add_css$b(target) {
11076
+ append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
11076
11077
  }
11077
11078
 
11078
- function create_fragment$H(ctx) {
11079
+ function create_fragment$I(ctx) {
11079
11080
  let div;
11080
11081
  let current;
11081
11082
  const default_slot_template = /*#slots*/ ctx[4].default;
@@ -11095,7 +11096,7 @@ function create_fragment$H(ctx) {
11095
11096
  this.h();
11096
11097
  },
11097
11098
  h() {
11098
- attr(div, "class", "flex-item svelte-164ah5d");
11099
+ attr(div, "class", "flex-item svelte-1p0bk1x");
11099
11100
  attr(div, "style", /*style*/ ctx[0]);
11100
11101
  },
11101
11102
  m(target, anchor) {
@@ -11143,7 +11144,7 @@ function create_fragment$H(ctx) {
11143
11144
  };
11144
11145
  }
11145
11146
 
11146
- function instance$H($$self, $$props, $$invalidate) {
11147
+ function instance$I($$self, $$props, $$invalidate) {
11147
11148
  let { $$slots: slots = {}, $$scope } = $$props;
11148
11149
  let { length } = $$props;
11149
11150
  let { _style = '' } = $$props;
@@ -11186,7 +11187,7 @@ function instance$H($$self, $$props, $$invalidate) {
11186
11187
  class FlexItem extends SvelteComponent {
11187
11188
  constructor(options) {
11188
11189
  super();
11189
- init(this, options, instance$H, create_fragment$H, safe_not_equal, { length: 1, _style: 2 }, add_css$e);
11190
+ init(this, options, instance$I, create_fragment$I, safe_not_equal, { length: 1, _style: 2 }, add_css$b);
11190
11191
  }
11191
11192
  }
11192
11193
 
@@ -11370,7 +11371,7 @@ function create_default_slot$5(ctx) {
11370
11371
  };
11371
11372
  }
11372
11373
 
11373
- function create_fragment$G(ctx) {
11374
+ function create_fragment$H(ctx) {
11374
11375
  let stateitem;
11375
11376
  let current;
11376
11377
 
@@ -11418,7 +11419,7 @@ function create_fragment$G(ctx) {
11418
11419
  };
11419
11420
  }
11420
11421
 
11421
- function instance$G($$self, $$props, $$invalidate) {
11422
+ function instance$H($$self, $$props, $$invalidate) {
11422
11423
  let { $$slots: slots = {}, $$scope } = $$props;
11423
11424
  let { path } = $$props;
11424
11425
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -11489,7 +11490,7 @@ class GridModalState extends SvelteComponent {
11489
11490
  constructor(options) {
11490
11491
  super();
11491
11492
 
11492
- init(this, options, instance$G, create_fragment$G, safe_not_equal, {
11493
+ init(this, options, instance$H, create_fragment$H, safe_not_equal, {
11493
11494
  path: 0,
11494
11495
  onClick: 1,
11495
11496
  clickEventName: 2,
@@ -11514,11 +11515,11 @@ class GridModalState extends SvelteComponent {
11514
11515
 
11515
11516
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
11516
11517
 
11517
- function add_css$d(target) {
11518
- append_styles(target, "svelte-akic2e", ".text-block.svelte-akic2e.svelte-akic2e{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:hidden}.text-block-inner.svelte-akic2e.svelte-akic2e{width:100%;height:auto}.text-direction-vertical.svelte-akic2e.svelte-akic2e{writing-mode:vertical-rl}.text-direction-vertical.svelte-akic2e .text-block-inner.svelte-akic2e{width:auto;height:100%}");
11518
+ function add_css$a(target) {
11519
+ 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%}");
11519
11520
  }
11520
11521
 
11521
- function create_fragment$F(ctx) {
11522
+ function create_fragment$G(ctx) {
11522
11523
  let div1;
11523
11524
  let div0;
11524
11525
  let rendertext;
@@ -11544,8 +11545,8 @@ function create_fragment$F(ctx) {
11544
11545
  this.h();
11545
11546
  },
11546
11547
  h() {
11547
- attr(div0, "class", "text-block-inner svelte-akic2e");
11548
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"));
11548
+ attr(div0, "class", "text-block-inner svelte-15pej1m");
11549
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
11549
11550
  attr(div1, "style", /*style*/ ctx[2]);
11550
11551
  },
11551
11552
  m(target, anchor) {
@@ -11559,7 +11560,7 @@ function create_fragment$F(ctx) {
11559
11560
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
11560
11561
  rendertext.$set(rendertext_changes);
11561
11562
 
11562
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"))) {
11563
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
11563
11564
  attr(div1, "class", div1_class_value);
11564
11565
  }
11565
11566
 
@@ -11583,7 +11584,7 @@ function create_fragment$F(ctx) {
11583
11584
  };
11584
11585
  }
11585
11586
 
11586
- function instance$F($$self, $$props, $$invalidate) {
11587
+ function instance$G($$self, $$props, $$invalidate) {
11587
11588
  let style;
11588
11589
  let { text = 'サンプルSample' } = $$props;
11589
11590
  let { font = SYSTEM_FONT } = $$props;
@@ -11619,8 +11620,8 @@ class TextBlock extends SvelteComponent {
11619
11620
  init(
11620
11621
  this,
11621
11622
  options,
11622
- instance$F,
11623
- create_fragment$F,
11623
+ instance$G,
11624
+ create_fragment$G,
11624
11625
  safe_not_equal,
11625
11626
  {
11626
11627
  text: 0,
@@ -11629,18 +11630,18 @@ class TextBlock extends SvelteComponent {
11629
11630
  textDirection: 1,
11630
11631
  _style: 5
11631
11632
  },
11632
- add_css$d
11633
+ add_css$a
11633
11634
  );
11634
11635
  }
11635
11636
  }
11636
11637
 
11637
11638
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
11638
11639
 
11639
- function add_css$c(target) {
11640
- append_styles(target, "svelte-1c34p4n", ".text-button-block.svelte-1c34p4n{width:100%;height:100%;background-color:#000000;border-radius:4px}.text-button.svelte-1c34p4n{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-1c34p4n:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-1c34p4n:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
11640
+ function add_css$9(target) {
11641
+ 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)}");
11641
11642
  }
11642
11643
 
11643
- function create_fragment$E(ctx) {
11644
+ function create_fragment$F(ctx) {
11644
11645
  let div;
11645
11646
  let button;
11646
11647
  let rendertext;
@@ -11667,9 +11668,9 @@ function create_fragment$E(ctx) {
11667
11668
  this.h();
11668
11669
  },
11669
11670
  h() {
11670
- attr(button, "class", "text-button svelte-1c34p4n");
11671
+ attr(button, "class", "text-button svelte-ff0k6r");
11671
11672
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
11672
- attr(div, "class", "text-button-block svelte-1c34p4n");
11673
+ attr(div, "class", "text-button-block svelte-ff0k6r");
11673
11674
  attr(div, "style", /*_style*/ ctx[2]);
11674
11675
  },
11675
11676
  m(target, anchor) {
@@ -11714,7 +11715,7 @@ function create_fragment$E(ctx) {
11714
11715
  };
11715
11716
  }
11716
11717
 
11717
- function instance$E($$self, $$props, $$invalidate) {
11718
+ function instance$F($$self, $$props, $$invalidate) {
11718
11719
  let { text = 'ボタンラベル' } = $$props;
11719
11720
  let { onClick = { operation: 'none', args: [] } } = $$props;
11720
11721
 
@@ -11756,8 +11757,8 @@ class TextButtonBlock extends SvelteComponent {
11756
11757
  init(
11757
11758
  this,
11758
11759
  options,
11759
- instance$E,
11760
- create_fragment$E,
11760
+ instance$F,
11761
+ create_fragment$F,
11761
11762
  safe_not_equal,
11762
11763
  {
11763
11764
  text: 0,
@@ -11767,18 +11768,18 @@ class TextButtonBlock extends SvelteComponent {
11767
11768
  _buttonStyle: 1,
11768
11769
  _style: 2
11769
11770
  },
11770
- add_css$c
11771
+ add_css$9
11771
11772
  );
11772
11773
  }
11773
11774
  }
11774
11775
 
11775
11776
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
11776
11777
 
11777
- function add_css$b(target) {
11778
- append_styles(target, "svelte-1jus6sx", ".image-block.svelte-1jus6sx{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-1jus6sx{width:100%;height:100%}.transport.svelte-1jus6sx:hover,.transport.svelte-1jus6sx:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
11778
+ function add_css$8(target) {
11779
+ 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)}");
11779
11780
  }
11780
11781
 
11781
- function create_fragment$D(ctx) {
11782
+ function create_fragment$E(ctx) {
11782
11783
  let div;
11783
11784
  let img;
11784
11785
  let img_style_value;
@@ -11811,14 +11812,14 @@ function create_fragment$D(ctx) {
11811
11812
  this.h();
11812
11813
  },
11813
11814
  h() {
11814
- attr(img, "class", "image svelte-1jus6sx");
11815
+ attr(img, "class", "image svelte-1pdw891");
11815
11816
  attr(img, "loading", "lazy");
11816
11817
  attr(img, "width", "auto");
11817
11818
  attr(img, "height", "auto");
11818
11819
  attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
11819
11820
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
11820
11821
  attr(img, "alt", /*alt*/ ctx[1]);
11821
- attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"));
11822
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
11822
11823
  attr(div, "style", /*_style*/ ctx[5]);
11823
11824
  },
11824
11825
  m(target, anchor) {
@@ -11843,7 +11844,7 @@ function create_fragment$D(ctx) {
11843
11844
  attr(img, "alt", /*alt*/ ctx[1]);
11844
11845
  }
11845
11846
 
11846
- if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"))) {
11847
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
11847
11848
  attr(div, "class", div_class_value);
11848
11849
  }
11849
11850
 
@@ -11861,7 +11862,7 @@ function create_fragment$D(ctx) {
11861
11862
  };
11862
11863
  }
11863
11864
 
11864
- function instance$D($$self, $$props, $$invalidate) {
11865
+ function instance$E($$self, $$props, $$invalidate) {
11865
11866
  let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
11866
11867
  let { alt = 'No Image' } = $$props;
11867
11868
  let { transport = false } = $$props;
@@ -11901,8 +11902,8 @@ class ImageBlock extends SvelteComponent {
11901
11902
  init(
11902
11903
  this,
11903
11904
  options,
11904
- instance$D,
11905
- create_fragment$D,
11905
+ instance$E,
11906
+ create_fragment$E,
11906
11907
  safe_not_equal,
11907
11908
  {
11908
11909
  src: 0,
@@ -11914,7 +11915,7 @@ class ImageBlock extends SvelteComponent {
11914
11915
  _imageStyle: 4,
11915
11916
  _style: 5
11916
11917
  },
11917
- add_css$b
11918
+ add_css$8
11918
11919
  );
11919
11920
  }
11920
11921
  }
@@ -11957,6 +11958,7 @@ const toCssPosition = (p) => {
11957
11958
  left: p?.left,
11958
11959
  bottom: p?.bottom,
11959
11960
  right: p?.right,
11961
+ transform: p?.transform,
11960
11962
  };
11961
11963
  };
11962
11964
  const toCssCommon = (p) => {
@@ -11965,7 +11967,6 @@ const toCssCommon = (p) => {
11965
11967
  };
11966
11968
  };
11967
11969
  const toCssBorder = (p) => {
11968
- console.log(p);
11969
11970
  const borderWidth = p?.borderTopWidth ?? p?.borderRightWidth ?? p?.borderLeftWidth ?? p?.borderBottomWidth ?? null;
11970
11971
  if (borderWidth === null)
11971
11972
  return {};
@@ -12014,21 +12015,22 @@ const toCssShadow = (p) => {
12014
12015
 
12015
12016
  /* src/components-flex/shared/elements/Clickable.svelte generated by Svelte v3.53.1 */
12016
12017
 
12017
- function add_css$a(target) {
12018
- append_styles(target, "svelte-1rj3f1b", ".clickable.svelte-1rj3f1b{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.clickable.svelte-1rj3f1b:link,.clickable.svelte-1rj3f1b:visited,.clickable.svelte-1rj3f1b:active,.clickable.svelte-1rj3f1b:hover{color:inherit}");
12018
+ function add_css$7(target) {
12019
+ append_styles(target, "svelte-1agjjit", ".clickable.svelte-1agjjit:link,.clickable.svelte-1agjjit:visited,.clickable.svelte-1agjjit:active,.clickable.svelte-1agjjit:hover{color:inherit}.clickable.svelte-1agjjit{cursor:pointer;text-decoration:none}");
12019
12020
  }
12020
12021
 
12021
- // (35:0) {:else}
12022
+ // (40:0) {:else}
12022
12023
  function create_else_block$1(ctx) {
12023
12024
  let button;
12024
12025
  let current;
12025
12026
  let mounted;
12026
12027
  let dispose;
12027
- const default_slot_template = /*#slots*/ ctx[6].default;
12028
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[5], null);
12028
+ const default_slot_template = /*#slots*/ ctx[9].default;
12029
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[8], null);
12029
12030
 
12030
12031
  let button_levels = [
12031
- { class: CLICKABLE_CLASS },
12032
+ { "data-layer-id": /*layerId*/ ctx[2] },
12033
+ { class: /*fixedClass*/ ctx[3] },
12032
12034
  { style: /*style*/ ctx[1] },
12033
12035
  dataAttrStopPropagation('click')
12034
12036
  ];
@@ -12046,7 +12048,12 @@ function create_else_block$1(ctx) {
12046
12048
  this.h();
12047
12049
  },
12048
12050
  l(nodes) {
12049
- button = claim_element(nodes, "BUTTON", { class: true, style: true });
12051
+ button = claim_element(nodes, "BUTTON", {
12052
+ "data-layer-id": true,
12053
+ class: true,
12054
+ style: true
12055
+ });
12056
+
12050
12057
  var button_nodes = children(button);
12051
12058
  if (default_slot) default_slot.l(button_nodes);
12052
12059
  button_nodes.forEach(detach);
@@ -12054,7 +12061,7 @@ function create_else_block$1(ctx) {
12054
12061
  },
12055
12062
  h() {
12056
12063
  set_attributes(button, button_data);
12057
- toggle_class(button, "svelte-1rj3f1b", true);
12064
+ toggle_class(button, "svelte-1agjjit", true);
12058
12065
  },
12059
12066
  m(target, anchor) {
12060
12067
  insert_hydration(target, button, anchor);
@@ -12067,33 +12074,34 @@ function create_else_block$1(ctx) {
12067
12074
  current = true;
12068
12075
 
12069
12076
  if (!mounted) {
12070
- dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[2]));
12077
+ dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[4]));
12071
12078
  mounted = true;
12072
12079
  }
12073
12080
  },
12074
12081
  p(ctx, dirty) {
12075
12082
  if (default_slot) {
12076
- if (default_slot.p && (!current || dirty & /*$$scope*/ 32)) {
12083
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 256)) {
12077
12084
  update_slot_base(
12078
12085
  default_slot,
12079
12086
  default_slot_template,
12080
12087
  ctx,
12081
- /*$$scope*/ ctx[5],
12088
+ /*$$scope*/ ctx[8],
12082
12089
  !current
12083
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[5])
12084
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[5], dirty, null),
12090
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[8])
12091
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[8], dirty, null),
12085
12092
  null
12086
12093
  );
12087
12094
  }
12088
12095
  }
12089
12096
 
12090
12097
  set_attributes(button, button_data = get_spread_update(button_levels, [
12091
- { class: CLICKABLE_CLASS },
12098
+ (!current || dirty & /*layerId*/ 4) && { "data-layer-id": /*layerId*/ ctx[2] },
12099
+ (!current || dirty & /*fixedClass*/ 8) && { class: /*fixedClass*/ ctx[3] },
12092
12100
  (!current || dirty & /*style*/ 2) && { style: /*style*/ ctx[1] },
12093
12101
  dataAttrStopPropagation('click')
12094
12102
  ]));
12095
12103
 
12096
- toggle_class(button, "svelte-1rj3f1b", true);
12104
+ toggle_class(button, "svelte-1agjjit", true);
12097
12105
  },
12098
12106
  i(local) {
12099
12107
  if (current) return;
@@ -12113,12 +12121,13 @@ function create_else_block$1(ctx) {
12113
12121
  };
12114
12122
  }
12115
12123
 
12116
- // (28:39)
12124
+ // (32:39)
12117
12125
  function create_if_block_1$1(ctx) {
12118
12126
  let div;
12127
+ let div_class_value;
12119
12128
  let current;
12120
- const default_slot_template = /*#slots*/ ctx[6].default;
12121
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[5], null);
12129
+ const default_slot_template = /*#slots*/ ctx[9].default;
12130
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[8], null);
12122
12131
 
12123
12132
  return {
12124
12133
  c() {
@@ -12127,14 +12136,20 @@ function create_if_block_1$1(ctx) {
12127
12136
  this.h();
12128
12137
  },
12129
12138
  l(nodes) {
12130
- div = claim_element(nodes, "DIV", { class: true, style: true });
12139
+ div = claim_element(nodes, "DIV", {
12140
+ "data-layer-id": true,
12141
+ class: true,
12142
+ style: true
12143
+ });
12144
+
12131
12145
  var div_nodes = children(div);
12132
12146
  if (default_slot) default_slot.l(div_nodes);
12133
12147
  div_nodes.forEach(detach);
12134
12148
  this.h();
12135
12149
  },
12136
12150
  h() {
12137
- attr(div, "class", "" + (null_to_empty(CLICKABLE_CLASS) + " svelte-1rj3f1b"));
12151
+ attr(div, "data-layer-id", /*layerId*/ ctx[2]);
12152
+ attr(div, "class", div_class_value = "" + (null_to_empty(/*fixedClass*/ ctx[3]) + " svelte-1agjjit"));
12138
12153
  attr(div, "style", /*style*/ ctx[1]);
12139
12154
  },
12140
12155
  m(target, anchor) {
@@ -12148,20 +12163,28 @@ function create_if_block_1$1(ctx) {
12148
12163
  },
12149
12164
  p(ctx, dirty) {
12150
12165
  if (default_slot) {
12151
- if (default_slot.p && (!current || dirty & /*$$scope*/ 32)) {
12166
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 256)) {
12152
12167
  update_slot_base(
12153
12168
  default_slot,
12154
12169
  default_slot_template,
12155
12170
  ctx,
12156
- /*$$scope*/ ctx[5],
12171
+ /*$$scope*/ ctx[8],
12157
12172
  !current
12158
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[5])
12159
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[5], dirty, null),
12173
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[8])
12174
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[8], dirty, null),
12160
12175
  null
12161
12176
  );
12162
12177
  }
12163
12178
  }
12164
12179
 
12180
+ if (!current || dirty & /*layerId*/ 4) {
12181
+ attr(div, "data-layer-id", /*layerId*/ ctx[2]);
12182
+ }
12183
+
12184
+ if (!current || dirty & /*fixedClass*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(/*fixedClass*/ ctx[3]) + " svelte-1agjjit"))) {
12185
+ attr(div, "class", div_class_value);
12186
+ }
12187
+
12165
12188
  if (!current || dirty & /*style*/ 2) {
12166
12189
  attr(div, "style", /*style*/ ctx[1]);
12167
12190
  }
@@ -12182,7 +12205,7 @@ function create_if_block_1$1(ctx) {
12182
12205
  };
12183
12206
  }
12184
12207
 
12185
- // (17:0) {#if onClick.operation === 'linkTo'}
12208
+ // (20:0) {#if onClick.operation === 'linkTo'}
12186
12209
  function create_if_block$6(ctx) {
12187
12210
  let a;
12188
12211
  let a_href_value;
@@ -12190,11 +12213,12 @@ function create_if_block$6(ctx) {
12190
12213
  let current;
12191
12214
  let mounted;
12192
12215
  let dispose;
12193
- const default_slot_template = /*#slots*/ ctx[6].default;
12194
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[5], null);
12216
+ const default_slot_template = /*#slots*/ ctx[9].default;
12217
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[8], null);
12195
12218
 
12196
12219
  let a_levels = [
12197
- { class: CLICKABLE_CLASS },
12220
+ { "data-layer-id": /*layerId*/ ctx[2] },
12221
+ { class: /*fixedClass*/ ctx[3] },
12198
12222
  { style: /*style*/ ctx[1] },
12199
12223
  {
12200
12224
  href: a_href_value = /*onClick*/ ctx[0].args[2]
@@ -12221,6 +12245,7 @@ function create_if_block$6(ctx) {
12221
12245
  },
12222
12246
  l(nodes) {
12223
12247
  a = claim_element(nodes, "A", {
12248
+ "data-layer-id": true,
12224
12249
  class: true,
12225
12250
  style: true,
12226
12251
  href: true,
@@ -12234,7 +12259,7 @@ function create_if_block$6(ctx) {
12234
12259
  },
12235
12260
  h() {
12236
12261
  set_attributes(a, a_data);
12237
- toggle_class(a, "svelte-1rj3f1b", true);
12262
+ toggle_class(a, "svelte-1agjjit", true);
12238
12263
  },
12239
12264
  m(target, anchor) {
12240
12265
  insert_hydration(target, a, anchor);
@@ -12246,28 +12271,29 @@ function create_if_block$6(ctx) {
12246
12271
  current = true;
12247
12272
 
12248
12273
  if (!mounted) {
12249
- dispose = listen(a, "click", prevent_default(checkStopPropagation('click', /*handleClick*/ ctx[2])));
12274
+ dispose = listen(a, "click", prevent_default(checkStopPropagation('click', /*handleClick*/ ctx[4])));
12250
12275
  mounted = true;
12251
12276
  }
12252
12277
  },
12253
12278
  p(ctx, dirty) {
12254
12279
  if (default_slot) {
12255
- if (default_slot.p && (!current || dirty & /*$$scope*/ 32)) {
12280
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 256)) {
12256
12281
  update_slot_base(
12257
12282
  default_slot,
12258
12283
  default_slot_template,
12259
12284
  ctx,
12260
- /*$$scope*/ ctx[5],
12285
+ /*$$scope*/ ctx[8],
12261
12286
  !current
12262
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[5])
12263
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[5], dirty, null),
12287
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[8])
12288
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[8], dirty, null),
12264
12289
  null
12265
12290
  );
12266
12291
  }
12267
12292
  }
12268
12293
 
12269
12294
  set_attributes(a, a_data = get_spread_update(a_levels, [
12270
- { class: CLICKABLE_CLASS },
12295
+ (!current || dirty & /*layerId*/ 4) && { "data-layer-id": /*layerId*/ ctx[2] },
12296
+ (!current || dirty & /*fixedClass*/ 8) && { class: /*fixedClass*/ ctx[3] },
12271
12297
  (!current || dirty & /*style*/ 2) && { style: /*style*/ ctx[1] },
12272
12298
  (!current || dirty & /*onClick*/ 1 && a_href_value !== (a_href_value = /*onClick*/ ctx[0].args[2]
12273
12299
  ? decodeURI(/*onClick*/ ctx[0].args[0])
@@ -12276,7 +12302,7 @@ function create_if_block$6(ctx) {
12276
12302
  dataAttrStopPropagation('click')
12277
12303
  ]));
12278
12304
 
12279
- toggle_class(a, "svelte-1rj3f1b", true);
12305
+ toggle_class(a, "svelte-1agjjit", true);
12280
12306
  },
12281
12307
  i(local) {
12282
12308
  if (current) return;
@@ -12296,7 +12322,7 @@ function create_if_block$6(ctx) {
12296
12322
  };
12297
12323
  }
12298
12324
 
12299
- function create_fragment$C(ctx) {
12325
+ function create_fragment$D(ctx) {
12300
12326
  let current_block_type_index;
12301
12327
  let if_block;
12302
12328
  let if_block_anchor;
@@ -12372,12 +12398,15 @@ function create_fragment$C(ctx) {
12372
12398
 
12373
12399
  const CLICKABLE_CLASS = 'clickable';
12374
12400
 
12375
- function instance$C($$self, $$props, $$invalidate) {
12401
+ function instance$D($$self, $$props, $$invalidate) {
12402
+ let fixedClass;
12376
12403
  let { $$slots: slots = {}, $$scope } = $$props;
12377
12404
  let { onClick = { operation: 'none', args: [] } } = $$props;
12378
12405
  let { eventName = '' } = $$props;
12379
12406
  let { eventValue = undefined } = $$props;
12380
12407
  let { style = '' } = $$props;
12408
+ let { layerId = '' } = $$props;
12409
+ let { className = '' } = $$props;
12381
12410
 
12382
12411
  function handleClick() {
12383
12412
  if (eventName) {
@@ -12389,13 +12418,32 @@ function instance$C($$self, $$props, $$invalidate) {
12389
12418
 
12390
12419
  $$self.$$set = $$props => {
12391
12420
  if ('onClick' in $$props) $$invalidate(0, onClick = $$props.onClick);
12392
- if ('eventName' in $$props) $$invalidate(3, eventName = $$props.eventName);
12393
- if ('eventValue' in $$props) $$invalidate(4, eventValue = $$props.eventValue);
12421
+ if ('eventName' in $$props) $$invalidate(5, eventName = $$props.eventName);
12422
+ if ('eventValue' in $$props) $$invalidate(6, eventValue = $$props.eventValue);
12394
12423
  if ('style' in $$props) $$invalidate(1, style = $$props.style);
12395
- if ('$$scope' in $$props) $$invalidate(5, $$scope = $$props.$$scope);
12424
+ if ('layerId' in $$props) $$invalidate(2, layerId = $$props.layerId);
12425
+ if ('className' in $$props) $$invalidate(7, className = $$props.className);
12426
+ if ('$$scope' in $$props) $$invalidate(8, $$scope = $$props.$$scope);
12396
12427
  };
12397
12428
 
12398
- return [onClick, style, handleClick, eventName, eventValue, $$scope, slots];
12429
+ $$self.$$.update = () => {
12430
+ if ($$self.$$.dirty & /*className*/ 128) {
12431
+ $$invalidate(3, fixedClass = [CLICKABLE_CLASS, ...Array.isArray(className) ? className : [className]].join(' '));
12432
+ }
12433
+ };
12434
+
12435
+ return [
12436
+ onClick,
12437
+ style,
12438
+ layerId,
12439
+ fixedClass,
12440
+ handleClick,
12441
+ eventName,
12442
+ eventValue,
12443
+ className,
12444
+ $$scope,
12445
+ slots
12446
+ ];
12399
12447
  }
12400
12448
 
12401
12449
  class Clickable extends SvelteComponent {
@@ -12405,27 +12453,24 @@ class Clickable extends SvelteComponent {
12405
12453
  init(
12406
12454
  this,
12407
12455
  options,
12408
- instance$C,
12409
- create_fragment$C,
12456
+ instance$D,
12457
+ create_fragment$D,
12410
12458
  safe_not_equal,
12411
12459
  {
12412
12460
  onClick: 0,
12413
- eventName: 3,
12414
- eventValue: 4,
12415
- style: 1
12461
+ eventName: 5,
12462
+ eventValue: 6,
12463
+ style: 1,
12464
+ layerId: 2,
12465
+ className: 7
12416
12466
  },
12417
- add_css$a
12467
+ add_css$7
12418
12468
  );
12419
12469
  }
12420
12470
  }
12421
12471
 
12422
12472
  /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
12423
12473
 
12424
- function add_css$9(target) {
12425
- append_styles(target, "svelte-jnsixl", ".avatar.svelte-jnsixl{display:flex;align-items:center;overflow:hidden;flex-shrink:0}");
12426
- }
12427
-
12428
- // (34:2) <CLICKABLE onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue} >
12429
12474
  function create_default_slot$4(ctx) {
12430
12475
  let img;
12431
12476
  let img_src_value;
@@ -12467,13 +12512,14 @@ function create_default_slot$4(ctx) {
12467
12512
  };
12468
12513
  }
12469
12514
 
12470
- function create_fragment$B(ctx) {
12471
- let div;
12515
+ function create_fragment$C(ctx) {
12472
12516
  let clickable;
12473
12517
  let current;
12474
12518
 
12475
12519
  clickable = new Clickable({
12476
12520
  props: {
12521
+ layerId: /*layerId*/ ctx[1],
12522
+ style: /*style*/ ctx[3],
12477
12523
  onClick: /*props*/ ctx[0].onClick,
12478
12524
  eventName: /*props*/ ctx[0].eventName,
12479
12525
  eventValue: /*props*/ ctx[0].eventValue,
@@ -12484,34 +12530,19 @@ function create_fragment$B(ctx) {
12484
12530
 
12485
12531
  return {
12486
12532
  c() {
12487
- div = element("div");
12488
12533
  create_component(clickable.$$.fragment);
12489
- this.h();
12490
12534
  },
12491
12535
  l(nodes) {
12492
- div = claim_element(nodes, "DIV", {
12493
- class: true,
12494
- "data-layer-id": true,
12495
- style: true
12496
- });
12497
-
12498
- var div_nodes = children(div);
12499
- claim_component(clickable.$$.fragment, div_nodes);
12500
- div_nodes.forEach(detach);
12501
- this.h();
12502
- },
12503
- h() {
12504
- attr(div, "class", "avatar svelte-jnsixl");
12505
- attr(div, "data-layer-id", /*layerId*/ ctx[1]);
12506
- attr(div, "style", /*style*/ ctx[3]);
12536
+ claim_component(clickable.$$.fragment, nodes);
12507
12537
  },
12508
12538
  m(target, anchor) {
12509
- insert_hydration(target, div, anchor);
12510
- mount_component(clickable, div, null);
12539
+ mount_component(clickable, target, anchor);
12511
12540
  current = true;
12512
12541
  },
12513
12542
  p(ctx, [dirty]) {
12514
12543
  const clickable_changes = {};
12544
+ if (dirty & /*layerId*/ 2) clickable_changes.layerId = /*layerId*/ ctx[1];
12545
+ if (dirty & /*style*/ 8) clickable_changes.style = /*style*/ ctx[3];
12515
12546
  if (dirty & /*props*/ 1) clickable_changes.onClick = /*props*/ ctx[0].onClick;
12516
12547
  if (dirty & /*props*/ 1) clickable_changes.eventName = /*props*/ ctx[0].eventName;
12517
12548
  if (dirty & /*props*/ 1) clickable_changes.eventValue = /*props*/ ctx[0].eventValue;
@@ -12521,14 +12552,6 @@ function create_fragment$B(ctx) {
12521
12552
  }
12522
12553
 
12523
12554
  clickable.$set(clickable_changes);
12524
-
12525
- if (!current || dirty & /*layerId*/ 2) {
12526
- attr(div, "data-layer-id", /*layerId*/ ctx[1]);
12527
- }
12528
-
12529
- if (!current || dirty & /*style*/ 8) {
12530
- attr(div, "style", /*style*/ ctx[3]);
12531
- }
12532
12555
  },
12533
12556
  i(local) {
12534
12557
  if (current) return;
@@ -12540,13 +12563,12 @@ function create_fragment$B(ctx) {
12540
12563
  current = false;
12541
12564
  },
12542
12565
  d(detaching) {
12543
- if (detaching) detach(div);
12544
- destroy_component(clickable);
12566
+ destroy_component(clickable, detaching);
12545
12567
  }
12546
12568
  };
12547
12569
  }
12548
12570
 
12549
- function instance$B($$self, $$props, $$invalidate) {
12571
+ function instance$C($$self, $$props, $$invalidate) {
12550
12572
  let style;
12551
12573
  let imgStyle;
12552
12574
  let { props = {} } = $$props;
@@ -12569,6 +12591,11 @@ function instance$B($$self, $$props, $$invalidate) {
12569
12591
  $$self.$$.update = () => {
12570
12592
  if ($$self.$$.dirty & /*props*/ 1) {
12571
12593
  $$invalidate(3, style = objToStyle({
12594
+ display: 'flex',
12595
+ alignItems: 'center',
12596
+ justifyContent: 'center',
12597
+ overflow: 'hidden',
12598
+ flexShrink: 0,
12572
12599
  width: `${size}px`,
12573
12600
  height: `${size}px`,
12574
12601
  ...VARIANTS.shape[props.shape ?? 'square'],
@@ -12590,7 +12617,7 @@ function instance$B($$self, $$props, $$invalidate) {
12590
12617
  class Avatar extends SvelteComponent {
12591
12618
  constructor(options) {
12592
12619
  super();
12593
- init(this, options, instance$B, create_fragment$B, safe_not_equal, { props: 0, layerId: 1 }, add_css$9);
12620
+ init(this, options, instance$C, create_fragment$C, safe_not_equal, { props: 0, layerId: 1 });
12594
12621
  }
12595
12622
  }
12596
12623
 
@@ -12643,7 +12670,7 @@ const buttonPropsDefault = {
12643
12670
 
12644
12671
  /* src/components-flex/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
12645
12672
 
12646
- function create_fragment$A(ctx) {
12673
+ function create_fragment$B(ctx) {
12647
12674
  let svg;
12648
12675
  let path;
12649
12676
 
@@ -12686,7 +12713,7 @@ function create_fragment$A(ctx) {
12686
12713
  };
12687
12714
  }
12688
12715
 
12689
- function instance$A($$self, $$props, $$invalidate) {
12716
+ function instance$B($$self, $$props, $$invalidate) {
12690
12717
  let { color } = $$props;
12691
12718
 
12692
12719
  $$self.$$set = $$props => {
@@ -12699,13 +12726,13 @@ function instance$A($$self, $$props, $$invalidate) {
12699
12726
  class IconArrowDown extends SvelteComponent {
12700
12727
  constructor(options) {
12701
12728
  super();
12702
- init(this, options, instance$A, create_fragment$A, safe_not_equal, { color: 0 });
12729
+ init(this, options, instance$B, create_fragment$B, safe_not_equal, { color: 0 });
12703
12730
  }
12704
12731
  }
12705
12732
 
12706
12733
  /* src/components-flex/icon/variants/IconArrowUp.svelte generated by Svelte v3.53.1 */
12707
12734
 
12708
- function create_fragment$z(ctx) {
12735
+ function create_fragment$A(ctx) {
12709
12736
  let svg;
12710
12737
  let path;
12711
12738
 
@@ -12748,7 +12775,7 @@ function create_fragment$z(ctx) {
12748
12775
  };
12749
12776
  }
12750
12777
 
12751
- function instance$z($$self, $$props, $$invalidate) {
12778
+ function instance$A($$self, $$props, $$invalidate) {
12752
12779
  let { color } = $$props;
12753
12780
 
12754
12781
  $$self.$$set = $$props => {
@@ -12761,13 +12788,13 @@ function instance$z($$self, $$props, $$invalidate) {
12761
12788
  class IconArrowUp extends SvelteComponent {
12762
12789
  constructor(options) {
12763
12790
  super();
12764
- init(this, options, instance$z, create_fragment$z, safe_not_equal, { color: 0 });
12791
+ init(this, options, instance$A, create_fragment$A, safe_not_equal, { color: 0 });
12765
12792
  }
12766
12793
  }
12767
12794
 
12768
12795
  /* src/components-flex/icon/variants/IconUsers.svelte generated by Svelte v3.53.1 */
12769
12796
 
12770
- function create_fragment$y(ctx) {
12797
+ function create_fragment$z(ctx) {
12771
12798
  let svg;
12772
12799
  let path;
12773
12800
 
@@ -12810,7 +12837,7 @@ function create_fragment$y(ctx) {
12810
12837
  };
12811
12838
  }
12812
12839
 
12813
- function instance$y($$self, $$props, $$invalidate) {
12840
+ function instance$z($$self, $$props, $$invalidate) {
12814
12841
  let { color } = $$props;
12815
12842
 
12816
12843
  $$self.$$set = $$props => {
@@ -12823,13 +12850,13 @@ function instance$y($$self, $$props, $$invalidate) {
12823
12850
  class IconUsers extends SvelteComponent {
12824
12851
  constructor(options) {
12825
12852
  super();
12826
- init(this, options, instance$y, create_fragment$y, safe_not_equal, { color: 0 });
12853
+ init(this, options, instance$z, create_fragment$z, safe_not_equal, { color: 0 });
12827
12854
  }
12828
12855
  }
12829
12856
 
12830
12857
  /* src/components-flex/icon/variants/IconArrowLeft.svelte generated by Svelte v3.53.1 */
12831
12858
 
12832
- function create_fragment$x(ctx) {
12859
+ function create_fragment$y(ctx) {
12833
12860
  let svg;
12834
12861
  let path;
12835
12862
 
@@ -12872,7 +12899,7 @@ function create_fragment$x(ctx) {
12872
12899
  };
12873
12900
  }
12874
12901
 
12875
- function instance$x($$self, $$props, $$invalidate) {
12902
+ function instance$y($$self, $$props, $$invalidate) {
12876
12903
  let { color } = $$props;
12877
12904
 
12878
12905
  $$self.$$set = $$props => {
@@ -12885,13 +12912,13 @@ function instance$x($$self, $$props, $$invalidate) {
12885
12912
  class IconArrowLeft extends SvelteComponent {
12886
12913
  constructor(options) {
12887
12914
  super();
12888
- init(this, options, instance$x, create_fragment$x, safe_not_equal, { color: 0 });
12915
+ init(this, options, instance$y, create_fragment$y, safe_not_equal, { color: 0 });
12889
12916
  }
12890
12917
  }
12891
12918
 
12892
12919
  /* src/components-flex/icon/variants/IconArrowRight.svelte generated by Svelte v3.53.1 */
12893
12920
 
12894
- function create_fragment$w(ctx) {
12921
+ function create_fragment$x(ctx) {
12895
12922
  let svg;
12896
12923
  let path;
12897
12924
 
@@ -12934,7 +12961,7 @@ function create_fragment$w(ctx) {
12934
12961
  };
12935
12962
  }
12936
12963
 
12937
- function instance$w($$self, $$props, $$invalidate) {
12964
+ function instance$x($$self, $$props, $$invalidate) {
12938
12965
  let { color } = $$props;
12939
12966
 
12940
12967
  $$self.$$set = $$props => {
@@ -12947,13 +12974,13 @@ function instance$w($$self, $$props, $$invalidate) {
12947
12974
  class IconArrowRight extends SvelteComponent {
12948
12975
  constructor(options) {
12949
12976
  super();
12950
- init(this, options, instance$w, create_fragment$w, safe_not_equal, { color: 0 });
12977
+ init(this, options, instance$x, create_fragment$x, safe_not_equal, { color: 0 });
12951
12978
  }
12952
12979
  }
12953
12980
 
12954
12981
  /* src/components-flex/icon/variants/IconBell.svelte generated by Svelte v3.53.1 */
12955
12982
 
12956
- function create_fragment$v(ctx) {
12983
+ function create_fragment$w(ctx) {
12957
12984
  let svg;
12958
12985
  let path;
12959
12986
 
@@ -12996,7 +13023,7 @@ function create_fragment$v(ctx) {
12996
13023
  };
12997
13024
  }
12998
13025
 
12999
- function instance$v($$self, $$props, $$invalidate) {
13026
+ function instance$w($$self, $$props, $$invalidate) {
13000
13027
  let { color } = $$props;
13001
13028
 
13002
13029
  $$self.$$set = $$props => {
@@ -13009,13 +13036,13 @@ function instance$v($$self, $$props, $$invalidate) {
13009
13036
  class IconBell extends SvelteComponent {
13010
13037
  constructor(options) {
13011
13038
  super();
13012
- init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
13039
+ init(this, options, instance$w, create_fragment$w, safe_not_equal, { color: 0 });
13013
13040
  }
13014
13041
  }
13015
13042
 
13016
13043
  /* src/components-flex/icon/variants/IconArrowUpFromSquare.svelte generated by Svelte v3.53.1 */
13017
13044
 
13018
- function create_fragment$u(ctx) {
13045
+ function create_fragment$v(ctx) {
13019
13046
  let svg;
13020
13047
  let path;
13021
13048
 
@@ -13058,7 +13085,7 @@ function create_fragment$u(ctx) {
13058
13085
  };
13059
13086
  }
13060
13087
 
13061
- function instance$u($$self, $$props, $$invalidate) {
13088
+ function instance$v($$self, $$props, $$invalidate) {
13062
13089
  let { color } = $$props;
13063
13090
 
13064
13091
  $$self.$$set = $$props => {
@@ -13071,13 +13098,13 @@ function instance$u($$self, $$props, $$invalidate) {
13071
13098
  class IconArrowUpFromSquare extends SvelteComponent {
13072
13099
  constructor(options) {
13073
13100
  super();
13074
- init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
13101
+ init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
13075
13102
  }
13076
13103
  }
13077
13104
 
13078
13105
  /* src/components-flex/icon/variants/IconTicket.svelte generated by Svelte v3.53.1 */
13079
13106
 
13080
- function create_fragment$t(ctx) {
13107
+ function create_fragment$u(ctx) {
13081
13108
  let svg;
13082
13109
  let path;
13083
13110
 
@@ -13120,7 +13147,7 @@ function create_fragment$t(ctx) {
13120
13147
  };
13121
13148
  }
13122
13149
 
13123
- function instance$t($$self, $$props, $$invalidate) {
13150
+ function instance$u($$self, $$props, $$invalidate) {
13124
13151
  let { color } = $$props;
13125
13152
 
13126
13153
  $$self.$$set = $$props => {
@@ -13133,13 +13160,13 @@ function instance$t($$self, $$props, $$invalidate) {
13133
13160
  class IconTicket extends SvelteComponent {
13134
13161
  constructor(options) {
13135
13162
  super();
13136
- init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
13163
+ init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
13137
13164
  }
13138
13165
  }
13139
13166
 
13140
13167
  /* src/components-flex/icon/variants/IconTrack.svelte generated by Svelte v3.53.1 */
13141
13168
 
13142
- function create_fragment$s(ctx) {
13169
+ function create_fragment$t(ctx) {
13143
13170
  let svg;
13144
13171
  let path;
13145
13172
 
@@ -13182,7 +13209,7 @@ function create_fragment$s(ctx) {
13182
13209
  };
13183
13210
  }
13184
13211
 
13185
- function instance$s($$self, $$props, $$invalidate) {
13212
+ function instance$t($$self, $$props, $$invalidate) {
13186
13213
  let { color } = $$props;
13187
13214
 
13188
13215
  $$self.$$set = $$props => {
@@ -13195,13 +13222,13 @@ function instance$s($$self, $$props, $$invalidate) {
13195
13222
  class IconTrack extends SvelteComponent {
13196
13223
  constructor(options) {
13197
13224
  super();
13198
- init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
13225
+ init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
13199
13226
  }
13200
13227
  }
13201
13228
 
13202
13229
  /* src/components-flex/icon/variants/IconCartShopping.svelte generated by Svelte v3.53.1 */
13203
13230
 
13204
- function create_fragment$r(ctx) {
13231
+ function create_fragment$s(ctx) {
13205
13232
  let svg;
13206
13233
  let path;
13207
13234
 
@@ -13244,7 +13271,7 @@ function create_fragment$r(ctx) {
13244
13271
  };
13245
13272
  }
13246
13273
 
13247
- function instance$r($$self, $$props, $$invalidate) {
13274
+ function instance$s($$self, $$props, $$invalidate) {
13248
13275
  let { color } = $$props;
13249
13276
 
13250
13277
  $$self.$$set = $$props => {
@@ -13257,13 +13284,13 @@ function instance$r($$self, $$props, $$invalidate) {
13257
13284
  class IconCartShopping extends SvelteComponent {
13258
13285
  constructor(options) {
13259
13286
  super();
13260
- init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
13287
+ init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
13261
13288
  }
13262
13289
  }
13263
13290
 
13264
13291
  /* src/components-flex/icon/variants/IconCircle.svelte generated by Svelte v3.53.1 */
13265
13292
 
13266
- function create_fragment$q(ctx) {
13293
+ function create_fragment$r(ctx) {
13267
13294
  let svg;
13268
13295
  let path;
13269
13296
 
@@ -13306,7 +13333,7 @@ function create_fragment$q(ctx) {
13306
13333
  };
13307
13334
  }
13308
13335
 
13309
- function instance$q($$self, $$props, $$invalidate) {
13336
+ function instance$r($$self, $$props, $$invalidate) {
13310
13337
  let { color } = $$props;
13311
13338
 
13312
13339
  $$self.$$set = $$props => {
@@ -13319,13 +13346,13 @@ function instance$q($$self, $$props, $$invalidate) {
13319
13346
  class IconCircle extends SvelteComponent {
13320
13347
  constructor(options) {
13321
13348
  super();
13322
- init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
13349
+ init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
13323
13350
  }
13324
13351
  }
13325
13352
 
13326
13353
  /* src/components-flex/icon/variants/IconCircleQuestion.svelte generated by Svelte v3.53.1 */
13327
13354
 
13328
- function create_fragment$p(ctx) {
13355
+ function create_fragment$q(ctx) {
13329
13356
  let svg;
13330
13357
  let path;
13331
13358
 
@@ -13368,7 +13395,7 @@ function create_fragment$p(ctx) {
13368
13395
  };
13369
13396
  }
13370
13397
 
13371
- function instance$p($$self, $$props, $$invalidate) {
13398
+ function instance$q($$self, $$props, $$invalidate) {
13372
13399
  let { color } = $$props;
13373
13400
 
13374
13401
  $$self.$$set = $$props => {
@@ -13381,13 +13408,13 @@ function instance$p($$self, $$props, $$invalidate) {
13381
13408
  class IconCircleQuestion extends SvelteComponent {
13382
13409
  constructor(options) {
13383
13410
  super();
13384
- init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
13411
+ init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
13385
13412
  }
13386
13413
  }
13387
13414
 
13388
13415
  /* src/components-flex/icon/variants/IconCheck.svelte generated by Svelte v3.53.1 */
13389
13416
 
13390
- function create_fragment$o(ctx) {
13417
+ function create_fragment$p(ctx) {
13391
13418
  let svg;
13392
13419
  let path;
13393
13420
 
@@ -13430,7 +13457,7 @@ function create_fragment$o(ctx) {
13430
13457
  };
13431
13458
  }
13432
13459
 
13433
- function instance$o($$self, $$props, $$invalidate) {
13460
+ function instance$p($$self, $$props, $$invalidate) {
13434
13461
  let { color } = $$props;
13435
13462
 
13436
13463
  $$self.$$set = $$props => {
@@ -13443,13 +13470,13 @@ function instance$o($$self, $$props, $$invalidate) {
13443
13470
  class IconCheck extends SvelteComponent {
13444
13471
  constructor(options) {
13445
13472
  super();
13446
- init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
13473
+ init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
13447
13474
  }
13448
13475
  }
13449
13476
 
13450
13477
  /* src/components-flex/icon/variants/IconXMark.svelte generated by Svelte v3.53.1 */
13451
13478
 
13452
- function create_fragment$n(ctx) {
13479
+ function create_fragment$o(ctx) {
13453
13480
  let svg;
13454
13481
  let path;
13455
13482
 
@@ -13492,7 +13519,7 @@ function create_fragment$n(ctx) {
13492
13519
  };
13493
13520
  }
13494
13521
 
13495
- function instance$n($$self, $$props, $$invalidate) {
13522
+ function instance$o($$self, $$props, $$invalidate) {
13496
13523
  let { color } = $$props;
13497
13524
 
13498
13525
  $$self.$$set = $$props => {
@@ -13505,13 +13532,13 @@ function instance$n($$self, $$props, $$invalidate) {
13505
13532
  class IconXMark extends SvelteComponent {
13506
13533
  constructor(options) {
13507
13534
  super();
13508
- init(this, options, instance$n, create_fragment$n, safe_not_equal, { color: 0 });
13535
+ init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
13509
13536
  }
13510
13537
  }
13511
13538
 
13512
13539
  /* src/components-flex/icon/variants/IconPaperPlane.svelte generated by Svelte v3.53.1 */
13513
13540
 
13514
- function create_fragment$m(ctx) {
13541
+ function create_fragment$n(ctx) {
13515
13542
  let svg;
13516
13543
  let path;
13517
13544
 
@@ -13554,7 +13581,7 @@ function create_fragment$m(ctx) {
13554
13581
  };
13555
13582
  }
13556
13583
 
13557
- function instance$m($$self, $$props, $$invalidate) {
13584
+ function instance$n($$self, $$props, $$invalidate) {
13558
13585
  let { color } = $$props;
13559
13586
 
13560
13587
  $$self.$$set = $$props => {
@@ -13567,13 +13594,13 @@ function instance$m($$self, $$props, $$invalidate) {
13567
13594
  class IconPaperPlane extends SvelteComponent {
13568
13595
  constructor(options) {
13569
13596
  super();
13570
- init(this, options, instance$m, create_fragment$m, safe_not_equal, { color: 0 });
13597
+ init(this, options, instance$n, create_fragment$n, safe_not_equal, { color: 0 });
13571
13598
  }
13572
13599
  }
13573
13600
 
13574
13601
  /* src/components-flex/icon/variants/IconCopy.svelte generated by Svelte v3.53.1 */
13575
13602
 
13576
- function create_fragment$l(ctx) {
13603
+ function create_fragment$m(ctx) {
13577
13604
  let svg;
13578
13605
  let path;
13579
13606
 
@@ -13616,7 +13643,7 @@ function create_fragment$l(ctx) {
13616
13643
  };
13617
13644
  }
13618
13645
 
13619
- function instance$l($$self, $$props, $$invalidate) {
13646
+ function instance$m($$self, $$props, $$invalidate) {
13620
13647
  let { color } = $$props;
13621
13648
 
13622
13649
  $$self.$$set = $$props => {
@@ -13629,13 +13656,13 @@ function instance$l($$self, $$props, $$invalidate) {
13629
13656
  class IconCopy extends SvelteComponent {
13630
13657
  constructor(options) {
13631
13658
  super();
13632
- init(this, options, instance$l, create_fragment$l, safe_not_equal, { color: 0 });
13659
+ init(this, options, instance$m, create_fragment$m, safe_not_equal, { color: 0 });
13633
13660
  }
13634
13661
  }
13635
13662
 
13636
13663
  /* src/components-flex/icon/variants/IconCircleXMark.svelte generated by Svelte v3.53.1 */
13637
13664
 
13638
- function create_fragment$k(ctx) {
13665
+ function create_fragment$l(ctx) {
13639
13666
  let svg;
13640
13667
  let path;
13641
13668
 
@@ -13678,7 +13705,7 @@ function create_fragment$k(ctx) {
13678
13705
  };
13679
13706
  }
13680
13707
 
13681
- function instance$k($$self, $$props, $$invalidate) {
13708
+ function instance$l($$self, $$props, $$invalidate) {
13682
13709
  let { color } = $$props;
13683
13710
 
13684
13711
  $$self.$$set = $$props => {
@@ -13691,13 +13718,13 @@ function instance$k($$self, $$props, $$invalidate) {
13691
13718
  class IconCircleXMark extends SvelteComponent {
13692
13719
  constructor(options) {
13693
13720
  super();
13694
- init(this, options, instance$k, create_fragment$k, safe_not_equal, { color: 0 });
13721
+ init(this, options, instance$l, create_fragment$l, safe_not_equal, { color: 0 });
13695
13722
  }
13696
13723
  }
13697
13724
 
13698
13725
  /* src/components-flex/icon/variants/IconHeart.svelte generated by Svelte v3.53.1 */
13699
13726
 
13700
- function create_fragment$j(ctx) {
13727
+ function create_fragment$k(ctx) {
13701
13728
  let svg;
13702
13729
  let path;
13703
13730
 
@@ -13740,7 +13767,7 @@ function create_fragment$j(ctx) {
13740
13767
  };
13741
13768
  }
13742
13769
 
13743
- function instance$j($$self, $$props, $$invalidate) {
13770
+ function instance$k($$self, $$props, $$invalidate) {
13744
13771
  let { color } = $$props;
13745
13772
 
13746
13773
  $$self.$$set = $$props => {
@@ -13753,13 +13780,13 @@ function instance$j($$self, $$props, $$invalidate) {
13753
13780
  class IconHeart extends SvelteComponent {
13754
13781
  constructor(options) {
13755
13782
  super();
13756
- init(this, options, instance$j, create_fragment$j, safe_not_equal, { color: 0 });
13783
+ init(this, options, instance$k, create_fragment$k, safe_not_equal, { color: 0 });
13757
13784
  }
13758
13785
  }
13759
13786
 
13760
13787
  /* src/components-flex/icon/variants/IconMagnifyingGrass.svelte generated by Svelte v3.53.1 */
13761
13788
 
13762
- function create_fragment$i(ctx) {
13789
+ function create_fragment$j(ctx) {
13763
13790
  let svg;
13764
13791
  let path;
13765
13792
 
@@ -13802,7 +13829,7 @@ function create_fragment$i(ctx) {
13802
13829
  };
13803
13830
  }
13804
13831
 
13805
- function instance$i($$self, $$props, $$invalidate) {
13832
+ function instance$j($$self, $$props, $$invalidate) {
13806
13833
  let { color } = $$props;
13807
13834
 
13808
13835
  $$self.$$set = $$props => {
@@ -13815,13 +13842,13 @@ function instance$i($$self, $$props, $$invalidate) {
13815
13842
  class IconMagnifyingGrass extends SvelteComponent {
13816
13843
  constructor(options) {
13817
13844
  super();
13818
- init(this, options, instance$i, create_fragment$i, safe_not_equal, { color: 0 });
13845
+ init(this, options, instance$j, create_fragment$j, safe_not_equal, { color: 0 });
13819
13846
  }
13820
13847
  }
13821
13848
 
13822
13849
  /* src/components-flex/icon/variants/IconStar.svelte generated by Svelte v3.53.1 */
13823
13850
 
13824
- function create_fragment$h(ctx) {
13851
+ function create_fragment$i(ctx) {
13825
13852
  let svg;
13826
13853
  let path;
13827
13854
 
@@ -13864,7 +13891,7 @@ function create_fragment$h(ctx) {
13864
13891
  };
13865
13892
  }
13866
13893
 
13867
- function instance$h($$self, $$props, $$invalidate) {
13894
+ function instance$i($$self, $$props, $$invalidate) {
13868
13895
  let { color } = $$props;
13869
13896
 
13870
13897
  $$self.$$set = $$props => {
@@ -13877,13 +13904,13 @@ function instance$h($$self, $$props, $$invalidate) {
13877
13904
  class IconStar extends SvelteComponent {
13878
13905
  constructor(options) {
13879
13906
  super();
13880
- init(this, options, instance$h, create_fragment$h, safe_not_equal, { color: 0 });
13907
+ init(this, options, instance$i, create_fragment$i, safe_not_equal, { color: 0 });
13881
13908
  }
13882
13909
  }
13883
13910
 
13884
13911
  /* src/components-flex/icon/variants/IconCircleInfo.svelte generated by Svelte v3.53.1 */
13885
13912
 
13886
- function create_fragment$g(ctx) {
13913
+ function create_fragment$h(ctx) {
13887
13914
  let svg;
13888
13915
  let path;
13889
13916
 
@@ -13926,7 +13953,7 @@ function create_fragment$g(ctx) {
13926
13953
  };
13927
13954
  }
13928
13955
 
13929
- function instance$g($$self, $$props, $$invalidate) {
13956
+ function instance$h($$self, $$props, $$invalidate) {
13930
13957
  let { color } = $$props;
13931
13958
 
13932
13959
  $$self.$$set = $$props => {
@@ -13939,13 +13966,13 @@ function instance$g($$self, $$props, $$invalidate) {
13939
13966
  class IconCircleInfo extends SvelteComponent {
13940
13967
  constructor(options) {
13941
13968
  super();
13942
- init(this, options, instance$g, create_fragment$g, safe_not_equal, { color: 0 });
13969
+ init(this, options, instance$h, create_fragment$h, safe_not_equal, { color: 0 });
13943
13970
  }
13944
13971
  }
13945
13972
 
13946
13973
  /* src/components-flex/icon/variants/IconEnvelope.svelte generated by Svelte v3.53.1 */
13947
13974
 
13948
- function create_fragment$f(ctx) {
13975
+ function create_fragment$g(ctx) {
13949
13976
  let svg;
13950
13977
  let path;
13951
13978
 
@@ -13988,7 +14015,7 @@ function create_fragment$f(ctx) {
13988
14015
  };
13989
14016
  }
13990
14017
 
13991
- function instance$f($$self, $$props, $$invalidate) {
14018
+ function instance$g($$self, $$props, $$invalidate) {
13992
14019
  let { color } = $$props;
13993
14020
 
13994
14021
  $$self.$$set = $$props => {
@@ -14001,13 +14028,13 @@ function instance$f($$self, $$props, $$invalidate) {
14001
14028
  class IconEnvelope extends SvelteComponent {
14002
14029
  constructor(options) {
14003
14030
  super();
14004
- init(this, options, instance$f, create_fragment$f, safe_not_equal, { color: 0 });
14031
+ init(this, options, instance$g, create_fragment$g, safe_not_equal, { color: 0 });
14005
14032
  }
14006
14033
  }
14007
14034
 
14008
14035
  /* src/components-flex/icon/variants/IconGift.svelte generated by Svelte v3.53.1 */
14009
14036
 
14010
- function create_fragment$e(ctx) {
14037
+ function create_fragment$f(ctx) {
14011
14038
  let svg;
14012
14039
  let path;
14013
14040
 
@@ -14050,7 +14077,7 @@ function create_fragment$e(ctx) {
14050
14077
  };
14051
14078
  }
14052
14079
 
14053
- function instance$e($$self, $$props, $$invalidate) {
14080
+ function instance$f($$self, $$props, $$invalidate) {
14054
14081
  let { color } = $$props;
14055
14082
 
14056
14083
  $$self.$$set = $$props => {
@@ -14063,13 +14090,13 @@ function instance$e($$self, $$props, $$invalidate) {
14063
14090
  class IconGift extends SvelteComponent {
14064
14091
  constructor(options) {
14065
14092
  super();
14066
- init(this, options, instance$e, create_fragment$e, safe_not_equal, { color: 0 });
14093
+ init(this, options, instance$f, create_fragment$f, safe_not_equal, { color: 0 });
14067
14094
  }
14068
14095
  }
14069
14096
 
14070
14097
  /* src/components-flex/icon/variants/IconPaperclip.svelte generated by Svelte v3.53.1 */
14071
14098
 
14072
- function create_fragment$d(ctx) {
14099
+ function create_fragment$e(ctx) {
14073
14100
  let svg;
14074
14101
  let path;
14075
14102
 
@@ -14118,7 +14145,7 @@ function create_fragment$d(ctx) {
14118
14145
  };
14119
14146
  }
14120
14147
 
14121
- function instance$d($$self, $$props, $$invalidate) {
14148
+ function instance$e($$self, $$props, $$invalidate) {
14122
14149
  let { color } = $$props;
14123
14150
 
14124
14151
  $$self.$$set = $$props => {
@@ -14131,13 +14158,13 @@ function instance$d($$self, $$props, $$invalidate) {
14131
14158
  class IconPaperclip extends SvelteComponent {
14132
14159
  constructor(options) {
14133
14160
  super();
14134
- init(this, options, instance$d, create_fragment$d, safe_not_equal, { color: 0 });
14161
+ init(this, options, instance$e, create_fragment$e, safe_not_equal, { color: 0 });
14135
14162
  }
14136
14163
  }
14137
14164
 
14138
14165
  /* src/components-flex/icon/variants/IconFire.svelte generated by Svelte v3.53.1 */
14139
14166
 
14140
- function create_fragment$c(ctx) {
14167
+ function create_fragment$d(ctx) {
14141
14168
  let svg;
14142
14169
  let path;
14143
14170
 
@@ -14186,7 +14213,7 @@ function create_fragment$c(ctx) {
14186
14213
  };
14187
14214
  }
14188
14215
 
14189
- function instance$c($$self, $$props, $$invalidate) {
14216
+ function instance$d($$self, $$props, $$invalidate) {
14190
14217
  let { color } = $$props;
14191
14218
 
14192
14219
  $$self.$$set = $$props => {
@@ -14199,13 +14226,13 @@ function instance$c($$self, $$props, $$invalidate) {
14199
14226
  class IconFire extends SvelteComponent {
14200
14227
  constructor(options) {
14201
14228
  super();
14202
- init(this, options, instance$c, create_fragment$c, safe_not_equal, { color: 0 });
14229
+ init(this, options, instance$d, create_fragment$d, safe_not_equal, { color: 0 });
14203
14230
  }
14204
14231
  }
14205
14232
 
14206
14233
  /* src/components-flex/icon/variants/IconLink.svelte generated by Svelte v3.53.1 */
14207
14234
 
14208
- function create_fragment$b(ctx) {
14235
+ function create_fragment$c(ctx) {
14209
14236
  let svg;
14210
14237
  let path;
14211
14238
 
@@ -14254,7 +14281,7 @@ function create_fragment$b(ctx) {
14254
14281
  };
14255
14282
  }
14256
14283
 
14257
- function instance$b($$self, $$props, $$invalidate) {
14284
+ function instance$c($$self, $$props, $$invalidate) {
14258
14285
  let { color } = $$props;
14259
14286
 
14260
14287
  $$self.$$set = $$props => {
@@ -14267,13 +14294,13 @@ function instance$b($$self, $$props, $$invalidate) {
14267
14294
  class IconLink extends SvelteComponent {
14268
14295
  constructor(options) {
14269
14296
  super();
14270
- init(this, options, instance$b, create_fragment$b, safe_not_equal, { color: 0 });
14297
+ init(this, options, instance$c, create_fragment$c, safe_not_equal, { color: 0 });
14271
14298
  }
14272
14299
  }
14273
14300
 
14274
14301
  /* src/components-flex/icon/variants/IconBuildings.svelte generated by Svelte v3.53.1 */
14275
14302
 
14276
- function create_fragment$a(ctx) {
14303
+ function create_fragment$b(ctx) {
14277
14304
  let svg;
14278
14305
  let path;
14279
14306
 
@@ -14316,7 +14343,7 @@ function create_fragment$a(ctx) {
14316
14343
  };
14317
14344
  }
14318
14345
 
14319
- function instance$a($$self, $$props, $$invalidate) {
14346
+ function instance$b($$self, $$props, $$invalidate) {
14320
14347
  let { color } = $$props;
14321
14348
 
14322
14349
  $$self.$$set = $$props => {
@@ -14329,13 +14356,13 @@ function instance$a($$self, $$props, $$invalidate) {
14329
14356
  class IconBuildings extends SvelteComponent {
14330
14357
  constructor(options) {
14331
14358
  super();
14332
- init(this, options, instance$a, create_fragment$a, safe_not_equal, { color: 0 });
14359
+ init(this, options, instance$b, create_fragment$b, safe_not_equal, { color: 0 });
14333
14360
  }
14334
14361
  }
14335
14362
 
14336
14363
  /* src/components-flex/icon/variants/IconChevronsRight.svelte generated by Svelte v3.53.1 */
14337
14364
 
14338
- function create_fragment$9(ctx) {
14365
+ function create_fragment$a(ctx) {
14339
14366
  let svg;
14340
14367
  let path;
14341
14368
 
@@ -14378,7 +14405,7 @@ function create_fragment$9(ctx) {
14378
14405
  };
14379
14406
  }
14380
14407
 
14381
- function instance$9($$self, $$props, $$invalidate) {
14408
+ function instance$a($$self, $$props, $$invalidate) {
14382
14409
  let { color } = $$props;
14383
14410
 
14384
14411
  $$self.$$set = $$props => {
@@ -14391,7 +14418,7 @@ function instance$9($$self, $$props, $$invalidate) {
14391
14418
  class IconChevronsRight extends SvelteComponent {
14392
14419
  constructor(options) {
14393
14420
  super();
14394
- init(this, options, instance$9, create_fragment$9, safe_not_equal, { color: 0 });
14421
+ init(this, options, instance$a, create_fragment$a, safe_not_equal, { color: 0 });
14395
14422
  }
14396
14423
  }
14397
14424
 
@@ -14459,18 +14486,14 @@ const ICON_VARIANTS = {
14459
14486
 
14460
14487
  /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
14461
14488
 
14462
- function add_css$8(target) {
14463
- append_styles(target, "svelte-mtghsf", ".icon.svelte-mtghsf{display:flex;align-items:center;overflow:hidden;width:auto}");
14464
- }
14465
-
14466
- // (21:0) {#if (IconComponent)}
14467
14489
  function create_if_block$5(ctx) {
14468
- let div;
14469
14490
  let clickable;
14470
14491
  let current;
14471
14492
 
14472
14493
  clickable = new Clickable({
14473
14494
  props: {
14495
+ layerId: /*layerId*/ ctx[1],
14496
+ style: /*style*/ ctx[3],
14474
14497
  onClick: /*props*/ ctx[0].onClick,
14475
14498
  eventName: /*props*/ ctx[0].eventName,
14476
14499
  eventValue: /*props*/ ctx[0].eventValue,
@@ -14481,34 +14504,19 @@ function create_if_block$5(ctx) {
14481
14504
 
14482
14505
  return {
14483
14506
  c() {
14484
- div = element("div");
14485
14507
  create_component(clickable.$$.fragment);
14486
- this.h();
14487
14508
  },
14488
14509
  l(nodes) {
14489
- div = claim_element(nodes, "DIV", {
14490
- "data-layer-id": true,
14491
- class: true,
14492
- style: true
14493
- });
14494
-
14495
- var div_nodes = children(div);
14496
- claim_component(clickable.$$.fragment, div_nodes);
14497
- div_nodes.forEach(detach);
14498
- this.h();
14499
- },
14500
- h() {
14501
- attr(div, "data-layer-id", /*layerId*/ ctx[1]);
14502
- attr(div, "class", "icon svelte-mtghsf");
14503
- attr(div, "style", /*style*/ ctx[3]);
14510
+ claim_component(clickable.$$.fragment, nodes);
14504
14511
  },
14505
14512
  m(target, anchor) {
14506
- insert_hydration(target, div, anchor);
14507
- mount_component(clickable, div, null);
14513
+ mount_component(clickable, target, anchor);
14508
14514
  current = true;
14509
14515
  },
14510
14516
  p(ctx, dirty) {
14511
14517
  const clickable_changes = {};
14518
+ if (dirty & /*layerId*/ 2) clickable_changes.layerId = /*layerId*/ ctx[1];
14519
+ if (dirty & /*style*/ 8) clickable_changes.style = /*style*/ ctx[3];
14512
14520
  if (dirty & /*props*/ 1) clickable_changes.onClick = /*props*/ ctx[0].onClick;
14513
14521
  if (dirty & /*props*/ 1) clickable_changes.eventName = /*props*/ ctx[0].eventName;
14514
14522
  if (dirty & /*props*/ 1) clickable_changes.eventValue = /*props*/ ctx[0].eventValue;
@@ -14518,14 +14526,6 @@ function create_if_block$5(ctx) {
14518
14526
  }
14519
14527
 
14520
14528
  clickable.$set(clickable_changes);
14521
-
14522
- if (!current || dirty & /*layerId*/ 2) {
14523
- attr(div, "data-layer-id", /*layerId*/ ctx[1]);
14524
- }
14525
-
14526
- if (!current || dirty & /*style*/ 8) {
14527
- attr(div, "style", /*style*/ ctx[3]);
14528
- }
14529
14529
  },
14530
14530
  i(local) {
14531
14531
  if (current) return;
@@ -14537,13 +14537,12 @@ function create_if_block$5(ctx) {
14537
14537
  current = false;
14538
14538
  },
14539
14539
  d(detaching) {
14540
- if (detaching) detach(div);
14541
- destroy_component(clickable);
14540
+ destroy_component(clickable, detaching);
14542
14541
  }
14543
14542
  };
14544
14543
  }
14545
14544
 
14546
- // (23:4) <CLICKABLE onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue}>
14545
+ // (26:2) <CLICKABLE layerId={layerId} style={style} onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue}>
14547
14546
  function create_default_slot$3(ctx) {
14548
14547
  let switch_instance;
14549
14548
  let switch_instance_anchor;
@@ -14620,7 +14619,7 @@ function create_default_slot$3(ctx) {
14620
14619
  };
14621
14620
  }
14622
14621
 
14623
- function create_fragment$8(ctx) {
14622
+ function create_fragment$9(ctx) {
14624
14623
  let if_block_anchor;
14625
14624
  let current;
14626
14625
  let if_block = /*IconComponent*/ ctx[2] && create_if_block$5(ctx);
@@ -14679,7 +14678,7 @@ function create_fragment$8(ctx) {
14679
14678
  };
14680
14679
  }
14681
14680
 
14682
- function instance$8($$self, $$props, $$invalidate) {
14681
+ function instance$9($$self, $$props, $$invalidate) {
14683
14682
  let style;
14684
14683
  let IconComponent;
14685
14684
  let { props = {} } = $$props;
@@ -14706,7 +14705,14 @@ function instance$8($$self, $$props, $$invalidate) {
14706
14705
 
14707
14706
  $$self.$$.update = () => {
14708
14707
  if ($$self.$$.dirty & /*props*/ 1) {
14709
- $$invalidate(3, style = objToStyle({ ...getSizeCss(), ...toCssCommon(props) }));
14708
+ $$invalidate(3, style = objToStyle({
14709
+ display: 'flex',
14710
+ alignItems: 'center',
14711
+ overflow: 'hidden',
14712
+ width: 'auto',
14713
+ ...getSizeCss(),
14714
+ ...toCssCommon(props)
14715
+ }));
14710
14716
  }
14711
14717
 
14712
14718
  if ($$self.$$.dirty & /*props*/ 1) {
@@ -14720,7 +14726,7 @@ function instance$8($$self, $$props, $$invalidate) {
14720
14726
  class Icon extends SvelteComponent {
14721
14727
  constructor(options) {
14722
14728
  super();
14723
- init(this, options, instance$8, create_fragment$8, safe_not_equal, { props: 0, layerId: 1 }, add_css$8);
14729
+ init(this, options, instance$9, create_fragment$9, safe_not_equal, { props: 0, layerId: 1 });
14724
14730
  }
14725
14731
  }
14726
14732
 
@@ -14894,11 +14900,11 @@ const BUTTON_VARIANTS = {
14894
14900
 
14895
14901
  /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
14896
14902
 
14897
- function add_css$7(target) {
14898
- append_styles(target, "svelte-bing7g", ".button.svelte-bing7g{display:inline-flex;align-content:center;justify-content:center;gap:0.8em;cursor:pointer;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.button-icon.svelte-bing7g{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
14903
+ function add_css$6(target) {
14904
+ append_styles(target, "svelte-cmn44g", ".button-icon.svelte-cmn44g{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
14899
14905
  }
14900
14906
 
14901
- // (37:4) {#if props.isIcon && props.iconVariant}
14907
+ // (36:2) {#if props.isIcon && props.iconVariant}
14902
14908
  function create_if_block$4(ctx) {
14903
14909
  let div;
14904
14910
  let icon;
@@ -14929,7 +14935,7 @@ function create_if_block$4(ctx) {
14929
14935
  this.h();
14930
14936
  },
14931
14937
  h() {
14932
- attr(div, "class", "button-icon svelte-bing7g");
14938
+ attr(div, "class", "button-icon svelte-cmn44g");
14933
14939
  },
14934
14940
  m(target, anchor) {
14935
14941
  insert_hydration(target, div, anchor);
@@ -14964,7 +14970,7 @@ function create_if_block$4(ctx) {
14964
14970
  };
14965
14971
  }
14966
14972
 
14967
- // (36:2) <CLICKABLE onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue}>
14973
+ // (35:0) <Clickable className="button" layerId={layerId} style={style} onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue}>
14968
14974
  function create_default_slot$2(ctx) {
14969
14975
  let t0;
14970
14976
  let span;
@@ -15038,13 +15044,15 @@ function create_default_slot$2(ctx) {
15038
15044
  };
15039
15045
  }
15040
15046
 
15041
- function create_fragment$7(ctx) {
15042
- let div;
15047
+ function create_fragment$8(ctx) {
15043
15048
  let clickable;
15044
15049
  let current;
15045
15050
 
15046
15051
  clickable = new Clickable({
15047
15052
  props: {
15053
+ className: "button",
15054
+ layerId: /*layerId*/ ctx[1],
15055
+ style: /*style*/ ctx[2],
15048
15056
  onClick: /*props*/ ctx[0].onClick,
15049
15057
  eventName: /*props*/ ctx[0].eventName,
15050
15058
  eventValue: /*props*/ ctx[0].eventValue,
@@ -15055,34 +15063,19 @@ function create_fragment$7(ctx) {
15055
15063
 
15056
15064
  return {
15057
15065
  c() {
15058
- div = element("div");
15059
15066
  create_component(clickable.$$.fragment);
15060
- this.h();
15061
15067
  },
15062
15068
  l(nodes) {
15063
- div = claim_element(nodes, "DIV", {
15064
- class: true,
15065
- "data-layer-id": true,
15066
- style: true
15067
- });
15068
-
15069
- var div_nodes = children(div);
15070
- claim_component(clickable.$$.fragment, div_nodes);
15071
- div_nodes.forEach(detach);
15072
- this.h();
15073
- },
15074
- h() {
15075
- attr(div, "class", "button svelte-bing7g");
15076
- attr(div, "data-layer-id", /*layerId*/ ctx[1]);
15077
- attr(div, "style", /*style*/ ctx[2]);
15069
+ claim_component(clickable.$$.fragment, nodes);
15078
15070
  },
15079
15071
  m(target, anchor) {
15080
- insert_hydration(target, div, anchor);
15081
- mount_component(clickable, div, null);
15072
+ mount_component(clickable, target, anchor);
15082
15073
  current = true;
15083
15074
  },
15084
15075
  p(ctx, [dirty]) {
15085
15076
  const clickable_changes = {};
15077
+ if (dirty & /*layerId*/ 2) clickable_changes.layerId = /*layerId*/ ctx[1];
15078
+ if (dirty & /*style*/ 4) clickable_changes.style = /*style*/ ctx[2];
15086
15079
  if (dirty & /*props*/ 1) clickable_changes.onClick = /*props*/ ctx[0].onClick;
15087
15080
  if (dirty & /*props*/ 1) clickable_changes.eventName = /*props*/ ctx[0].eventName;
15088
15081
  if (dirty & /*props*/ 1) clickable_changes.eventValue = /*props*/ ctx[0].eventValue;
@@ -15092,14 +15085,6 @@ function create_fragment$7(ctx) {
15092
15085
  }
15093
15086
 
15094
15087
  clickable.$set(clickable_changes);
15095
-
15096
- if (!current || dirty & /*layerId*/ 2) {
15097
- attr(div, "data-layer-id", /*layerId*/ ctx[1]);
15098
- }
15099
-
15100
- if (!current || dirty & /*style*/ 4) {
15101
- attr(div, "style", /*style*/ ctx[2]);
15102
- }
15103
15088
  },
15104
15089
  i(local) {
15105
15090
  if (current) return;
@@ -15111,13 +15096,12 @@ function create_fragment$7(ctx) {
15111
15096
  current = false;
15112
15097
  },
15113
15098
  d(detaching) {
15114
- if (detaching) detach(div);
15115
- destroy_component(clickable);
15099
+ destroy_component(clickable, detaching);
15116
15100
  }
15117
15101
  };
15118
15102
  }
15119
15103
 
15120
- function instance$7($$self, $$props, $$invalidate) {
15104
+ function instance$8($$self, $$props, $$invalidate) {
15121
15105
  let style;
15122
15106
  let { props = {} } = $$props;
15123
15107
  let { layerId = '' } = $$props;
@@ -15160,14 +15144,14 @@ function instance$7($$self, $$props, $$invalidate) {
15160
15144
  class Button extends SvelteComponent {
15161
15145
  constructor(options) {
15162
15146
  super();
15163
- init(this, options, instance$7, create_fragment$7, safe_not_equal, { props: 0, layerId: 1 }, add_css$7);
15147
+ init(this, options, instance$8, create_fragment$8, safe_not_equal, { props: 0, layerId: 1 }, add_css$6);
15164
15148
  }
15165
15149
  }
15166
15150
 
15167
15151
  /* src/components-flex/text-button/TextButton.svelte generated by Svelte v3.53.1 */
15168
15152
 
15169
- function add_css$6(target) {
15170
- append_styles(target, "svelte-11jxyiz", ".flex-text-button.svelte-11jxyiz{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;padding:0;text-decoration:underline;background-color:rgba(255, 255, 255, 0);transition:color 0.12s}.flex-text-button.svelte-11jxyiz:hover{text-decoration:none}.flex-text-button-icon.svelte-11jxyiz{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
15153
+ function add_css$5(target) {
15154
+ append_styles(target, "svelte-2imv7z", ".flex-text-button.svelte-2imv7z{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;padding:0;text-decoration:underline;background-color:rgba(255, 255, 255, 0);transition:color 0.12s}.flex-text-button.svelte-2imv7z:hover{text-decoration:none}.flex-text-button-icon.svelte-2imv7z{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
15171
15155
  }
15172
15156
 
15173
15157
  // (103:4) {#if props.isIcon && props.iconVariant}
@@ -15199,7 +15183,7 @@ function create_if_block$3(ctx) {
15199
15183
  this.h();
15200
15184
  },
15201
15185
  h() {
15202
- attr(div, "class", "flex-text-button-icon svelte-11jxyiz");
15186
+ attr(div, "class", "flex-text-button-icon svelte-2imv7z");
15203
15187
  },
15204
15188
  m(target, anchor) {
15205
15189
  insert_hydration(target, div, anchor);
@@ -15232,7 +15216,7 @@ function create_if_block$3(ctx) {
15232
15216
  };
15233
15217
  }
15234
15218
 
15235
- function create_fragment$6(ctx) {
15219
+ function create_fragment$7(ctx) {
15236
15220
  let button;
15237
15221
  let t0;
15238
15222
  let span;
@@ -15272,7 +15256,7 @@ function create_fragment$6(ctx) {
15272
15256
  h() {
15273
15257
  attr(button, "data-layer-id", /*layerId*/ ctx[1]);
15274
15258
  attr(button, "style", /*style*/ ctx[2]);
15275
- attr(button, "class", "flex-text-button svelte-11jxyiz");
15259
+ attr(button, "class", "flex-text-button svelte-2imv7z");
15276
15260
  },
15277
15261
  m(target, anchor) {
15278
15262
  insert_hydration(target, button, anchor);
@@ -15339,7 +15323,7 @@ function create_fragment$6(ctx) {
15339
15323
  };
15340
15324
  }
15341
15325
 
15342
- function instance$6($$self, $$props, $$invalidate) {
15326
+ function instance$7($$self, $$props, $$invalidate) {
15343
15327
  let style;
15344
15328
  let { onClick = { operation: 'none', args: [] } } = $$props;
15345
15329
  let { eventName = '' } = $$props;
@@ -15449,8 +15433,8 @@ class TextButton extends SvelteComponent {
15449
15433
  init(
15450
15434
  this,
15451
15435
  options,
15452
- instance$6,
15453
- create_fragment$6,
15436
+ instance$7,
15437
+ create_fragment$7,
15454
15438
  safe_not_equal,
15455
15439
  {
15456
15440
  onClick: 5,
@@ -15459,7 +15443,7 @@ class TextButton extends SvelteComponent {
15459
15443
  props: 0,
15460
15444
  layerId: 1
15461
15445
  },
15462
- add_css$6
15446
+ add_css$5
15463
15447
  );
15464
15448
  }
15465
15449
  }
@@ -15508,11 +15492,11 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
15508
15492
 
15509
15493
  /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
15510
15494
 
15511
- function add_css$5(target) {
15512
- append_styles(target, "svelte-liyx15", ".close.svelte-liyx15{position:absolute;top:8px;right:8px}.close-button-row.svelte-liyx15{display:flex;flex-direction:row;align-items:center;gap:4px}.close-button.svelte-liyx15{display:inline-flex;align-items:center;justify-content:center;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s, transform 0.12s}.close-button.svelte-liyx15:hover{transform:rotate(90deg)}.close-button-order-one.svelte-liyx15{order:1}.close-button-order-two.svelte-liyx15{order:2}.close-button-label.svelte-liyx15{color:var(--close-button-label-color, '#ccc')}");
15495
+ function add_css$4(target) {
15496
+ append_styles(target, "svelte-12v1h9t", ".close-button.svelte-12v1h9t{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:8px;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s, transform 0.12s}.close-button.svelte-12v1h9t:hover{transform:rotate(90deg)}.close-button-order-one.svelte-12v1h9t{order:1}.close-button-order-two.svelte-12v1h9t{order:2}");
15513
15497
  }
15514
15498
 
15515
- // (99:4) {#if hasLabel}
15499
+ // (93:2) {#if hasLabel}
15516
15500
  function create_if_block$2(ctx) {
15517
15501
  let span;
15518
15502
  let t;
@@ -15531,19 +15515,19 @@ function create_if_block$2(ctx) {
15531
15515
  this.h();
15532
15516
  },
15533
15517
  h() {
15534
- attr(span, "style", /*labelCssVariable*/ ctx[2]);
15518
+ attr(span, "style", /*labelStyle*/ ctx[2]);
15535
15519
 
15536
15520
  attr(span, "class", "close-button-label " + (/*isLeftLabelPlacement*/ ctx[8]
15537
15521
  ? 'close-button-order-one'
15538
- : '') + " svelte-liyx15");
15522
+ : '') + " svelte-12v1h9t");
15539
15523
  },
15540
15524
  m(target, anchor) {
15541
15525
  insert_hydration(target, span, anchor);
15542
15526
  append_hydration(span, t);
15543
15527
  },
15544
15528
  p(ctx, dirty) {
15545
- if (dirty & /*labelCssVariable*/ 4) {
15546
- attr(span, "style", /*labelCssVariable*/ ctx[2]);
15529
+ if (dirty & /*labelStyle*/ 4) {
15530
+ attr(span, "style", /*labelStyle*/ ctx[2]);
15547
15531
  }
15548
15532
  },
15549
15533
  d(detaching) {
@@ -15552,16 +15536,16 @@ function create_if_block$2(ctx) {
15552
15536
  };
15553
15537
  }
15554
15538
 
15555
- function create_fragment$5(ctx) {
15556
- let div1;
15557
- let div0;
15539
+ function create_fragment$6(ctx) {
15558
15540
  let button;
15541
+ let span;
15559
15542
  let svg;
15560
15543
  let path;
15561
- let button_class_value;
15562
15544
  let t;
15545
+ let button_class_value;
15563
15546
  let mounted;
15564
15547
  let dispose;
15548
+ let if_block = /*hasLabel*/ ctx[4] && create_if_block$2(ctx);
15565
15549
 
15566
15550
  let button_levels = [
15567
15551
  { "data-layer-id": /*layerId*/ ctx[0] },
@@ -15570,7 +15554,7 @@ function create_fragment$5(ctx) {
15570
15554
  ? 'close-button-order-two'
15571
15555
  : '')
15572
15556
  },
15573
- { style: /*style*/ ctx[1] },
15557
+ { style: /*style*/ ctx[3] },
15574
15558
  dataAttrStopPropagation('click')
15575
15559
  ];
15576
15560
 
@@ -15580,13 +15564,10 @@ function create_fragment$5(ctx) {
15580
15564
  button_data = assign(button_data, button_levels[i]);
15581
15565
  }
15582
15566
 
15583
- let if_block = /*hasLabel*/ ctx[4] && create_if_block$2(ctx);
15584
-
15585
15567
  return {
15586
15568
  c() {
15587
- div1 = element("div");
15588
- div0 = element("div");
15589
15569
  button = element("button");
15570
+ span = element("span");
15590
15571
  svg = svg_element("svg");
15591
15572
  path = svg_element("path");
15592
15573
  t = space();
@@ -15594,23 +15575,20 @@ function create_fragment$5(ctx) {
15594
15575
  this.h();
15595
15576
  },
15596
15577
  l(nodes) {
15597
- div1 = claim_element(nodes, "DIV", { class: true, style: true });
15598
- var div1_nodes = children(div1);
15599
- div0 = claim_element(div1_nodes, "DIV", { class: true });
15600
- var div0_nodes = children(div0);
15601
-
15602
- button = claim_element(div0_nodes, "BUTTON", {
15578
+ button = claim_element(nodes, "BUTTON", {
15603
15579
  "data-layer-id": true,
15604
15580
  class: true,
15605
15581
  style: true
15606
15582
  });
15607
15583
 
15608
15584
  var button_nodes = children(button);
15585
+ span = claim_element(button_nodes, "SPAN", { style: true });
15586
+ var span_nodes = children(span);
15609
15587
 
15610
- svg = claim_svg_element(button_nodes, "svg", {
15588
+ svg = claim_svg_element(span_nodes, "svg", {
15611
15589
  xmlns: true,
15612
- style: true,
15613
15590
  viewBox: true,
15591
+ style: true,
15614
15592
  fill: true
15615
15593
  });
15616
15594
 
@@ -15618,35 +15596,31 @@ function create_fragment$5(ctx) {
15618
15596
  path = claim_svg_element(svg_nodes, "path", { d: true });
15619
15597
  children(path).forEach(detach);
15620
15598
  svg_nodes.forEach(detach);
15599
+ span_nodes.forEach(detach);
15600
+ t = claim_space(button_nodes);
15601
+ if (if_block) if_block.l(button_nodes);
15621
15602
  button_nodes.forEach(detach);
15622
- t = claim_space(div0_nodes);
15623
- if (if_block) if_block.l(div0_nodes);
15624
- div0_nodes.forEach(detach);
15625
- div1_nodes.forEach(detach);
15626
15603
  this.h();
15627
15604
  },
15628
15605
  h() {
15629
15606
  attr(path, "d", "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z");
15630
15607
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
15631
- set_style(svg, "width", "75%");
15632
- set_style(svg, "height", "75%");
15633
15608
  attr(svg, "viewBox", "0 0 384 512");
15609
+ set_style(svg, "width", "100%");
15610
+ set_style(svg, "height", "100%");
15634
15611
  attr(svg, "fill", /*color*/ ctx[6]);
15612
+ attr(span, "style", /*iconStyle*/ ctx[1]);
15635
15613
  set_attributes(button, button_data);
15636
- toggle_class(button, "svelte-liyx15", true);
15637
- attr(div0, "class", "close-button-row svelte-liyx15");
15638
- attr(div1, "class", "close svelte-liyx15");
15639
- attr(div1, "style", /*rootStyle*/ ctx[3]);
15614
+ toggle_class(button, "svelte-12v1h9t", true);
15640
15615
  },
15641
15616
  m(target, anchor) {
15642
- insert_hydration(target, div1, anchor);
15643
- append_hydration(div1, div0);
15644
- append_hydration(div0, button);
15645
- append_hydration(button, svg);
15617
+ insert_hydration(target, button, anchor);
15618
+ append_hydration(button, span);
15619
+ append_hydration(span, svg);
15646
15620
  append_hydration(svg, path);
15621
+ append_hydration(button, t);
15622
+ if (if_block) if_block.m(button, null);
15647
15623
  if (button.autofocus) button.focus();
15648
- append_hydration(div0, t);
15649
- if (if_block) if_block.m(div0, null);
15650
15624
 
15651
15625
  if (!mounted) {
15652
15626
  dispose = listen(button, "click", prevent_default(checkStopPropagation('click', /*handleClick*/ ctx[5])));
@@ -15654,14 +15628,9 @@ function create_fragment$5(ctx) {
15654
15628
  }
15655
15629
  },
15656
15630
  p(ctx, [dirty]) {
15657
- set_attributes(button, button_data = get_spread_update(button_levels, [
15658
- dirty & /*layerId*/ 1 && { "data-layer-id": /*layerId*/ ctx[0] },
15659
- { class: button_class_value },
15660
- dirty & /*style*/ 2 && { style: /*style*/ ctx[1] },
15661
- dataAttrStopPropagation('click')
15662
- ]));
15663
-
15664
- toggle_class(button, "svelte-liyx15", true);
15631
+ if (dirty & /*iconStyle*/ 2) {
15632
+ attr(span, "style", /*iconStyle*/ ctx[1]);
15633
+ }
15665
15634
 
15666
15635
  if (/*hasLabel*/ ctx[4]) {
15667
15636
  if (if_block) {
@@ -15669,21 +15638,26 @@ function create_fragment$5(ctx) {
15669
15638
  } else {
15670
15639
  if_block = create_if_block$2(ctx);
15671
15640
  if_block.c();
15672
- if_block.m(div0, null);
15641
+ if_block.m(button, null);
15673
15642
  }
15674
15643
  } else if (if_block) {
15675
15644
  if_block.d(1);
15676
15645
  if_block = null;
15677
15646
  }
15678
15647
 
15679
- if (dirty & /*rootStyle*/ 8) {
15680
- attr(div1, "style", /*rootStyle*/ ctx[3]);
15681
- }
15648
+ set_attributes(button, button_data = get_spread_update(button_levels, [
15649
+ dirty & /*layerId*/ 1 && { "data-layer-id": /*layerId*/ ctx[0] },
15650
+ { class: button_class_value },
15651
+ dirty & /*style*/ 8 && { style: /*style*/ ctx[3] },
15652
+ dataAttrStopPropagation('click')
15653
+ ]));
15654
+
15655
+ toggle_class(button, "svelte-12v1h9t", true);
15682
15656
  },
15683
15657
  i: noop,
15684
15658
  o: noop,
15685
15659
  d(detaching) {
15686
- if (detaching) detach(div1);
15660
+ if (detaching) detach(button);
15687
15661
  if (if_block) if_block.d();
15688
15662
  mounted = false;
15689
15663
  dispose();
@@ -15691,13 +15665,11 @@ function create_fragment$5(ctx) {
15691
15665
  };
15692
15666
  }
15693
15667
 
15694
- function instance$5($$self, $$props, $$invalidate) {
15668
+ function instance$6($$self, $$props, $$invalidate) {
15695
15669
  let hasLabel;
15696
- let rootStyle;
15697
- let labelCssVariable;
15698
15670
  let style;
15699
- let $maximumZindex;
15700
- component_subscribe($$self, maximumZindex, $$value => $$invalidate(12, $maximumZindex = $$value));
15671
+ let labelStyle;
15672
+ let iconStyle;
15701
15673
  let { props = {} } = $$props;
15702
15674
  let { layerId = '' } = $$props;
15703
15675
  let { eventName = '' } = $$props;
@@ -15732,15 +15704,6 @@ function instance$5($$self, $$props, $$invalidate) {
15732
15704
  const label = props.label;
15733
15705
  const isLeftLabelPlacement = props.labelPlacement === 'left';
15734
15706
 
15735
- const getCssPlacement = () => {
15736
- return {
15737
- top: props.top ?? VARIANTS.placement[props.placement ?? 'topRight'].top,
15738
- right: props.right ?? VARIANTS.placement[props.placement ?? 'topRight'].right,
15739
- left: props.left ?? VARIANTS.placement[props.placement ?? 'topRight'].left,
15740
- bottom: props.bottom ?? VARIANTS.placement[props.placement ?? 'topRight'].bottom
15741
- };
15742
- };
15743
-
15744
15707
  $$self.$$set = $$props => {
15745
15708
  if ('props' in $$props) $$invalidate(9, props = $$props.props);
15746
15709
  if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
@@ -15749,37 +15712,39 @@ function instance$5($$self, $$props, $$invalidate) {
15749
15712
  };
15750
15713
 
15751
15714
  $$self.$$.update = () => {
15752
- if ($$self.$$.dirty & /*$maximumZindex*/ 4096) {
15753
- $$invalidate(3, rootStyle = objToStyle({
15754
- ...getCssPlacement(),
15755
- zIndex: $maximumZindex + 1
15756
- }));
15757
- }
15758
-
15759
15715
  if ($$self.$$.dirty & /*props*/ 512) {
15760
- $$invalidate(2, labelCssVariable = `--close-button-label-color: ${props.labelColor}`);
15761
- }
15762
-
15763
- if ($$self.$$.dirty & /*props*/ 512) {
15764
- $$invalidate(1, style = objToStyle({
15765
- width: `${size}px`,
15766
- height: `${size}px`,
15716
+ $$invalidate(3, style = objToStyle({
15767
15717
  ...props.bordered && { border: '1px solid #666' },
15718
+ height: `${size}px`,
15719
+ boxSizing: 'border-box',
15720
+ padding: '6px',
15768
15721
  backgroundColor: props.backgroundColor ?? 'transparent',
15769
15722
  ...VARIANTS.round[props.round ?? 'default'],
15770
15723
  ...toCssCommon(props),
15771
15724
  ...toCssBorder(props)
15772
15725
  }));
15773
15726
  }
15727
+
15728
+ if ($$self.$$.dirty & /*props*/ 512) {
15729
+ $$invalidate(2, labelStyle = objToStyle({
15730
+ color: props.labelColor ?? color,
15731
+ fontSize: `${size / 2.1}px`
15732
+ }));
15733
+ }
15774
15734
  };
15775
15735
 
15776
15736
  $$invalidate(4, hasLabel = label !== undefined && label !== '');
15777
15737
 
15738
+ $$invalidate(1, iconStyle = objToStyle({
15739
+ width: `${size - 12}px`,
15740
+ height: `${size - 12}px`
15741
+ }));
15742
+
15778
15743
  return [
15779
15744
  layerId,
15745
+ iconStyle,
15746
+ labelStyle,
15780
15747
  style,
15781
- labelCssVariable,
15782
- rootStyle,
15783
15748
  hasLabel,
15784
15749
  handleClick,
15785
15750
  color,
@@ -15787,8 +15752,7 @@ function instance$5($$self, $$props, $$invalidate) {
15787
15752
  isLeftLabelPlacement,
15788
15753
  props,
15789
15754
  eventName,
15790
- eventValue,
15791
- $maximumZindex
15755
+ eventValue
15792
15756
  ];
15793
15757
  }
15794
15758
 
@@ -15799,8 +15763,8 @@ class CloseButton extends SvelteComponent {
15799
15763
  init(
15800
15764
  this,
15801
15765
  options,
15802
- instance$5,
15803
- create_fragment$5,
15766
+ instance$6,
15767
+ create_fragment$6,
15804
15768
  safe_not_equal,
15805
15769
  {
15806
15770
  props: 9,
@@ -15808,15 +15772,15 @@ class CloseButton extends SvelteComponent {
15808
15772
  eventName: 10,
15809
15773
  eventValue: 11
15810
15774
  },
15811
- add_css$5
15775
+ add_css$4
15812
15776
  );
15813
15777
  }
15814
15778
  }
15815
15779
 
15816
15780
  /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
15817
15781
 
15818
- function add_css$4(target) {
15819
- append_styles(target, "svelte-1xwuxb4", ".image.svelte-1xwuxb4{max-width:100%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.image-object.svelte-1xwuxb4{width:100%;overflow:hidden}.image-img.svelte-1xwuxb4{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none}");
15782
+ function add_css$3(target) {
15783
+ append_styles(target, "svelte-180u8ho", ".image.svelte-180u8ho{max-width:100%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.image-object.svelte-180u8ho{width:100%;overflow:hidden}.image-img.svelte-180u8ho{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none}");
15820
15784
  }
15821
15785
 
15822
15786
  // (16:2) <CLICKABLE onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue}>
@@ -15842,9 +15806,9 @@ function create_default_slot$1(ctx) {
15842
15806
  h() {
15843
15807
  if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
15844
15808
  attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
15845
- attr(img, "class", "image-img svelte-1xwuxb4");
15809
+ attr(img, "class", "image-img svelte-180u8ho");
15846
15810
  attr(object, "style", /*objectStyle*/ ctx[2]);
15847
- attr(object, "class", "image-object svelte-1xwuxb4");
15811
+ attr(object, "class", "image-object svelte-180u8ho");
15848
15812
  },
15849
15813
  m(target, anchor) {
15850
15814
  insert_hydration(target, object, anchor);
@@ -15869,7 +15833,7 @@ function create_default_slot$1(ctx) {
15869
15833
  };
15870
15834
  }
15871
15835
 
15872
- function create_fragment$4(ctx) {
15836
+ function create_fragment$5(ctx) {
15873
15837
  let div;
15874
15838
  let clickable;
15875
15839
  let current;
@@ -15904,7 +15868,7 @@ function create_fragment$4(ctx) {
15904
15868
  },
15905
15869
  h() {
15906
15870
  attr(div, "data-layer-id", /*layerId*/ ctx[1]);
15907
- attr(div, "class", "image svelte-1xwuxb4");
15871
+ attr(div, "class", "image svelte-180u8ho");
15908
15872
  attr(div, "style", /*style*/ ctx[3]);
15909
15873
  },
15910
15874
  m(target, anchor) {
@@ -15948,7 +15912,7 @@ function create_fragment$4(ctx) {
15948
15912
  };
15949
15913
  }
15950
15914
 
15951
- function instance$4($$self, $$props, $$invalidate) {
15915
+ function instance$5($$self, $$props, $$invalidate) {
15952
15916
  let style;
15953
15917
  let objectStyle;
15954
15918
  let { props = {} } = $$props;
@@ -15978,17 +15942,12 @@ function instance$4($$self, $$props, $$invalidate) {
15978
15942
  class Image extends SvelteComponent {
15979
15943
  constructor(options) {
15980
15944
  super();
15981
- init(this, options, instance$4, create_fragment$4, safe_not_equal, { props: 0, layerId: 1 }, add_css$4);
15945
+ init(this, options, instance$5, create_fragment$5, safe_not_equal, { props: 0, layerId: 1 }, add_css$3);
15982
15946
  }
15983
15947
  }
15984
15948
 
15985
15949
  /* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
15986
15950
 
15987
- function add_css$3(target) {
15988
- append_styles(target, "svelte-19rjtwm", ".layout.svelte-19rjtwm{margin:0}");
15989
- }
15990
-
15991
- // (26:2) <CLICKABLE onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue}>
15992
15951
  function create_default_slot(ctx) {
15993
15952
  let current;
15994
15953
  const default_slot_template = /*#slots*/ ctx[3].default;
@@ -16039,13 +15998,15 @@ function create_default_slot(ctx) {
16039
15998
  };
16040
15999
  }
16041
16000
 
16042
- function create_fragment$3(ctx) {
16043
- let div;
16001
+ function create_fragment$4(ctx) {
16044
16002
  let clickable;
16045
16003
  let current;
16046
16004
 
16047
16005
  clickable = new Clickable({
16048
16006
  props: {
16007
+ layerId: /*layerId*/ ctx[1],
16008
+ className: "layout",
16009
+ style: /*style*/ ctx[2],
16049
16010
  onClick: /*props*/ ctx[0].onClick,
16050
16011
  eventName: /*props*/ ctx[0].eventName,
16051
16012
  eventValue: /*props*/ ctx[0].eventValue,
@@ -16056,34 +16017,19 @@ function create_fragment$3(ctx) {
16056
16017
 
16057
16018
  return {
16058
16019
  c() {
16059
- div = element("div");
16060
16020
  create_component(clickable.$$.fragment);
16061
- this.h();
16062
16021
  },
16063
16022
  l(nodes) {
16064
- div = claim_element(nodes, "DIV", {
16065
- "data-layer-id": true,
16066
- class: true,
16067
- style: true
16068
- });
16069
-
16070
- var div_nodes = children(div);
16071
- claim_component(clickable.$$.fragment, div_nodes);
16072
- div_nodes.forEach(detach);
16073
- this.h();
16074
- },
16075
- h() {
16076
- attr(div, "data-layer-id", /*layerId*/ ctx[1]);
16077
- attr(div, "class", "layout svelte-19rjtwm");
16078
- attr(div, "style", /*style*/ ctx[2]);
16023
+ claim_component(clickable.$$.fragment, nodes);
16079
16024
  },
16080
16025
  m(target, anchor) {
16081
- insert_hydration(target, div, anchor);
16082
- mount_component(clickable, div, null);
16026
+ mount_component(clickable, target, anchor);
16083
16027
  current = true;
16084
16028
  },
16085
16029
  p(ctx, [dirty]) {
16086
16030
  const clickable_changes = {};
16031
+ if (dirty & /*layerId*/ 2) clickable_changes.layerId = /*layerId*/ ctx[1];
16032
+ if (dirty & /*style*/ 4) clickable_changes.style = /*style*/ ctx[2];
16087
16033
  if (dirty & /*props*/ 1) clickable_changes.onClick = /*props*/ ctx[0].onClick;
16088
16034
  if (dirty & /*props*/ 1) clickable_changes.eventName = /*props*/ ctx[0].eventName;
16089
16035
  if (dirty & /*props*/ 1) clickable_changes.eventValue = /*props*/ ctx[0].eventValue;
@@ -16093,14 +16039,6 @@ function create_fragment$3(ctx) {
16093
16039
  }
16094
16040
 
16095
16041
  clickable.$set(clickable_changes);
16096
-
16097
- if (!current || dirty & /*layerId*/ 2) {
16098
- attr(div, "data-layer-id", /*layerId*/ ctx[1]);
16099
- }
16100
-
16101
- if (!current || dirty & /*style*/ 4) {
16102
- attr(div, "style", /*style*/ ctx[2]);
16103
- }
16104
16042
  },
16105
16043
  i(local) {
16106
16044
  if (current) return;
@@ -16112,13 +16050,12 @@ function create_fragment$3(ctx) {
16112
16050
  current = false;
16113
16051
  },
16114
16052
  d(detaching) {
16115
- if (detaching) detach(div);
16116
- destroy_component(clickable);
16053
+ destroy_component(clickable, detaching);
16117
16054
  }
16118
16055
  };
16119
16056
  }
16120
16057
 
16121
- function instance$3($$self, $$props, $$invalidate) {
16058
+ function instance$4($$self, $$props, $$invalidate) {
16122
16059
  let style;
16123
16060
  let { $$slots: slots = {}, $$scope } = $$props;
16124
16061
  let { props = {} } = $$props;
@@ -16158,7 +16095,7 @@ function instance$3($$self, $$props, $$invalidate) {
16158
16095
  class Layout extends SvelteComponent {
16159
16096
  constructor(options) {
16160
16097
  super();
16161
- init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 0, layerId: 1 }, add_css$3);
16098
+ init(this, options, instance$4, create_fragment$4, safe_not_equal, { props: 0, layerId: 1 });
16162
16099
  }
16163
16100
  }
16164
16101
 
@@ -16167,6 +16104,368 @@ const LAYOUT_DIRECTION = ['column', 'column-reverse', 'row', 'row-reverse'];
16167
16104
  const LAYOUT_ALIGN = ['flex-start', 'center', 'flex-end', 'stretch'];
16168
16105
  const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
16169
16106
 
16107
+ /* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
16108
+
16109
+ function get_each_context(ctx, list, i) {
16110
+ const child_ctx = ctx.slice();
16111
+ child_ctx[19] = list[i];
16112
+ child_ctx[21] = i;
16113
+ return child_ctx;
16114
+ }
16115
+
16116
+ // (87:4) {#each indicators ?? [] as indicator, i}
16117
+ function create_each_block(ctx) {
16118
+ let button;
16119
+ let i_1;
16120
+ let i_1_style_value;
16121
+ let t;
16122
+ let mounted;
16123
+ let dispose;
16124
+
16125
+ function click_handler() {
16126
+ return /*click_handler*/ ctx[16](/*i*/ ctx[21]);
16127
+ }
16128
+
16129
+ return {
16130
+ c() {
16131
+ button = element("button");
16132
+ i_1 = element("i");
16133
+ t = space();
16134
+ this.h();
16135
+ },
16136
+ l(nodes) {
16137
+ button = claim_element(nodes, "BUTTON", { style: true });
16138
+ var button_nodes = children(button);
16139
+ i_1 = claim_element(button_nodes, "I", { style: true });
16140
+ children(i_1).forEach(detach);
16141
+ t = claim_space(button_nodes);
16142
+ button_nodes.forEach(detach);
16143
+ this.h();
16144
+ },
16145
+ h() {
16146
+ attr(i_1, "style", i_1_style_value = objToStyle({
16147
+ .../*indicatorItemStyle*/ ctx[3],
16148
+ ...{
16149
+ background: /*indicator*/ ctx[19].isActive ? '#555555' : '#AAAAAA'
16150
+ }
16151
+ }));
16152
+
16153
+ attr(button, "style", objToStyle({ padding: '4px' }));
16154
+ },
16155
+ m(target, anchor) {
16156
+ insert_hydration(target, button, anchor);
16157
+ append_hydration(button, i_1);
16158
+ append_hydration(button, t);
16159
+
16160
+ if (!mounted) {
16161
+ dispose = listen(button, "click", click_handler);
16162
+ mounted = true;
16163
+ }
16164
+ },
16165
+ p(new_ctx, dirty) {
16166
+ ctx = new_ctx;
16167
+
16168
+ if (dirty & /*indicatorItemStyle, indicators*/ 136 && i_1_style_value !== (i_1_style_value = objToStyle({
16169
+ .../*indicatorItemStyle*/ ctx[3],
16170
+ ...{
16171
+ background: /*indicator*/ ctx[19].isActive ? '#555555' : '#AAAAAA'
16172
+ }
16173
+ }))) {
16174
+ attr(i_1, "style", i_1_style_value);
16175
+ }
16176
+ },
16177
+ d(detaching) {
16178
+ if (detaching) detach(button);
16179
+ mounted = false;
16180
+ dispose();
16181
+ }
16182
+ };
16183
+ }
16184
+
16185
+ function create_fragment$3(ctx) {
16186
+ let div2;
16187
+ let div0;
16188
+ let div0_style_value;
16189
+ let t;
16190
+ let div1;
16191
+ let current;
16192
+ const default_slot_template = /*#slots*/ ctx[14].default;
16193
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[13], null);
16194
+ let each_value = /*indicators*/ ctx[7] ?? [];
16195
+ let each_blocks = [];
16196
+
16197
+ for (let i = 0; i < each_value.length; i += 1) {
16198
+ each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
16199
+ }
16200
+
16201
+ return {
16202
+ c() {
16203
+ div2 = element("div");
16204
+ div0 = element("div");
16205
+ if (default_slot) default_slot.c();
16206
+ t = space();
16207
+ div1 = element("div");
16208
+
16209
+ for (let i = 0; i < each_blocks.length; i += 1) {
16210
+ each_blocks[i].c();
16211
+ }
16212
+
16213
+ this.h();
16214
+ },
16215
+ l(nodes) {
16216
+ div2 = claim_element(nodes, "DIV", { "data-layer-id": true, style: true });
16217
+ var div2_nodes = children(div2);
16218
+ div0 = claim_element(div2_nodes, "DIV", { style: true });
16219
+ var div0_nodes = children(div0);
16220
+ if (default_slot) default_slot.l(div0_nodes);
16221
+ div0_nodes.forEach(detach);
16222
+ t = claim_space(div2_nodes);
16223
+ div1 = claim_element(div2_nodes, "DIV", { style: true });
16224
+ var div1_nodes = children(div1);
16225
+
16226
+ for (let i = 0; i < each_blocks.length; i += 1) {
16227
+ each_blocks[i].l(div1_nodes);
16228
+ }
16229
+
16230
+ div1_nodes.forEach(detach);
16231
+ div2_nodes.forEach(detach);
16232
+ this.h();
16233
+ },
16234
+ h() {
16235
+ attr(div0, "style", div0_style_value = [/*containerStyle*/ ctx[5], /*overrideStyle*/ ctx[1]].join(' '));
16236
+ attr(div1, "style", /*indicatorListStyle*/ ctx[4]);
16237
+ attr(div2, "data-layer-id", /*layerId*/ ctx[0]);
16238
+ attr(div2, "style", /*style*/ ctx[6]);
16239
+ },
16240
+ m(target, anchor) {
16241
+ insert_hydration(target, div2, anchor);
16242
+ append_hydration(div2, div0);
16243
+
16244
+ if (default_slot) {
16245
+ default_slot.m(div0, null);
16246
+ }
16247
+
16248
+ /*div0_binding*/ ctx[15](div0);
16249
+ append_hydration(div2, t);
16250
+ append_hydration(div2, div1);
16251
+
16252
+ for (let i = 0; i < each_blocks.length; i += 1) {
16253
+ each_blocks[i].m(div1, null);
16254
+ }
16255
+
16256
+ current = true;
16257
+ },
16258
+ p(ctx, [dirty]) {
16259
+ if (default_slot) {
16260
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 8192)) {
16261
+ update_slot_base(
16262
+ default_slot,
16263
+ default_slot_template,
16264
+ ctx,
16265
+ /*$$scope*/ ctx[13],
16266
+ !current
16267
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[13])
16268
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[13], dirty, null),
16269
+ null
16270
+ );
16271
+ }
16272
+ }
16273
+
16274
+ if (!current || dirty & /*containerStyle, overrideStyle*/ 34 && div0_style_value !== (div0_style_value = [/*containerStyle*/ ctx[5], /*overrideStyle*/ ctx[1]].join(' '))) {
16275
+ attr(div0, "style", div0_style_value);
16276
+ }
16277
+
16278
+ if (dirty & /*objToStyle, handleClickIndicator, indicatorItemStyle, indicators*/ 392) {
16279
+ each_value = /*indicators*/ ctx[7] ?? [];
16280
+ let i;
16281
+
16282
+ for (i = 0; i < each_value.length; i += 1) {
16283
+ const child_ctx = get_each_context(ctx, each_value, i);
16284
+
16285
+ if (each_blocks[i]) {
16286
+ each_blocks[i].p(child_ctx, dirty);
16287
+ } else {
16288
+ each_blocks[i] = create_each_block(child_ctx);
16289
+ each_blocks[i].c();
16290
+ each_blocks[i].m(div1, null);
16291
+ }
16292
+ }
16293
+
16294
+ for (; i < each_blocks.length; i += 1) {
16295
+ each_blocks[i].d(1);
16296
+ }
16297
+
16298
+ each_blocks.length = each_value.length;
16299
+ }
16300
+
16301
+ if (!current || dirty & /*indicatorListStyle*/ 16) {
16302
+ attr(div1, "style", /*indicatorListStyle*/ ctx[4]);
16303
+ }
16304
+
16305
+ if (!current || dirty & /*layerId*/ 1) {
16306
+ attr(div2, "data-layer-id", /*layerId*/ ctx[0]);
16307
+ }
16308
+
16309
+ if (!current || dirty & /*style*/ 64) {
16310
+ attr(div2, "style", /*style*/ ctx[6]);
16311
+ }
16312
+ },
16313
+ i(local) {
16314
+ if (current) return;
16315
+ transition_in(default_slot, local);
16316
+ current = true;
16317
+ },
16318
+ o(local) {
16319
+ transition_out(default_slot, local);
16320
+ current = false;
16321
+ },
16322
+ d(detaching) {
16323
+ if (detaching) detach(div2);
16324
+ if (default_slot) default_slot.d(detaching);
16325
+ /*div0_binding*/ ctx[15](null);
16326
+ destroy_each(each_blocks, detaching);
16327
+ }
16328
+ };
16329
+ }
16330
+
16331
+ function instance$3($$self, $$props, $$invalidate) {
16332
+ let indicators;
16333
+ let itemWidthPercentage;
16334
+ let style;
16335
+ let containerStyle;
16336
+ let indicatorListStyle;
16337
+ let indicatorItemStyle;
16338
+ let { $$slots: slots = {}, $$scope } = $$props;
16339
+ let { layerId } = $$props;
16340
+ let { props } = $$props;
16341
+ let { overrideStyle } = $$props;
16342
+ let slotElement;
16343
+ let currentIndex = 0;
16344
+ let childCount = slotElement?.children?.length ?? 0;
16345
+
16346
+ const calcTransformX = (index, itemCount) => {
16347
+ if (index === 0) return undefined;
16348
+
16349
+ const movingX = (() => {
16350
+ let result = 0;
16351
+ const itemWidth = itemWidthPercentage;
16352
+ const itemMargin = (100 - itemWidthPercentage) / 2;
16353
+
16354
+ const movingMap = [...Array(currentIndex + 1)].map((_, index) => {
16355
+ if (index === 0) return 0;
16356
+ if (index === 1 || index === itemCount - 1) return itemWidth - itemMargin;
16357
+ return itemWidth;
16358
+ });
16359
+
16360
+ movingMap.forEach(value => result += value);
16361
+ return result;
16362
+ })();
16363
+
16364
+ return `translateX(calc(-${movingX}% - ${(props.gap ?? 0) * index}px))`;
16365
+ };
16366
+
16367
+ const handleClickIndicator = index => {
16368
+ $$invalidate(10, currentIndex = index);
16369
+ };
16370
+
16371
+ const setChildCount = () => {
16372
+ const count = slotElement?.children?.length ?? 0;
16373
+
16374
+ if (count !== childCount) {
16375
+ $$invalidate(11, childCount = slotElement?.children?.length ?? 0);
16376
+ }
16377
+ };
16378
+
16379
+ onMount$1(() => {
16380
+ setChildCount();
16381
+ setInterval(setChildCount, 300);
16382
+ });
16383
+
16384
+ function div0_binding($$value) {
16385
+ binding_callbacks[$$value ? 'unshift' : 'push'](() => {
16386
+ slotElement = $$value;
16387
+ $$invalidate(2, slotElement);
16388
+ });
16389
+ }
16390
+
16391
+ const click_handler = i => handleClickIndicator(i);
16392
+
16393
+ $$self.$$set = $$props => {
16394
+ if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
16395
+ if ('props' in $$props) $$invalidate(9, props = $$props.props);
16396
+ if ('overrideStyle' in $$props) $$invalidate(1, overrideStyle = $$props.overrideStyle);
16397
+ if ('$$scope' in $$props) $$invalidate(13, $$scope = $$props.$$scope);
16398
+ };
16399
+
16400
+ $$self.$$.update = () => {
16401
+ if ($$self.$$.dirty & /*childCount, currentIndex*/ 3072) {
16402
+ $$invalidate(7, indicators = [...Array(childCount)].map((_, i) => ({ index: i, isActive: i === currentIndex })));
16403
+ }
16404
+
16405
+ if ($$self.$$.dirty & /*props*/ 512) {
16406
+ $$invalidate(12, itemWidthPercentage = props.itemWidthPercentage ?? 100);
16407
+ }
16408
+
16409
+ if ($$self.$$.dirty & /*props, itemWidthPercentage, currentIndex, childCount*/ 7680) {
16410
+ $$invalidate(5, containerStyle = objToStyle({
16411
+ display: 'grid',
16412
+ // marginInline: `-${props.gap}px`,
16413
+ gap: `${props.gap}px`,
16414
+ gridTemplateColumns: `repeat(auto-fill, minmax(${itemWidthPercentage}%, 1fr))`,
16415
+ gridAutoFlow: 'column',
16416
+ gridAutoColumns: `minmax(${itemWidthPercentage}%, 1fr)`,
16417
+ flexShrink: 0,
16418
+ transition: 'transform 0.5s',
16419
+ transform: calcTransformX(currentIndex, childCount)
16420
+ }));
16421
+ }
16422
+ };
16423
+
16424
+ $$invalidate(6, style = objToStyle({ overflow: 'auto', width: '100%' }));
16425
+
16426
+ $$invalidate(4, indicatorListStyle = objToStyle({
16427
+ display: 'flex',
16428
+ justifyContent: 'center',
16429
+ gap: '4px',
16430
+ marginTop: '12px'
16431
+ }));
16432
+
16433
+ $$invalidate(3, indicatorItemStyle = {
16434
+ width: '8px',
16435
+ height: '8px',
16436
+ borderRadius: '100%',
16437
+ display: 'block',
16438
+ background: '#AAAAAA'
16439
+ });
16440
+
16441
+ return [
16442
+ layerId,
16443
+ overrideStyle,
16444
+ slotElement,
16445
+ indicatorItemStyle,
16446
+ indicatorListStyle,
16447
+ containerStyle,
16448
+ style,
16449
+ indicators,
16450
+ handleClickIndicator,
16451
+ props,
16452
+ currentIndex,
16453
+ childCount,
16454
+ itemWidthPercentage,
16455
+ $$scope,
16456
+ slots,
16457
+ div0_binding,
16458
+ click_handler
16459
+ ];
16460
+ }
16461
+
16462
+ class Slider extends SvelteComponent {
16463
+ constructor(options) {
16464
+ super();
16465
+ init(this, options, instance$3, create_fragment$3, safe_not_equal, { layerId: 0, props: 9, overrideStyle: 1 });
16466
+ }
16467
+ }
16468
+
16170
16469
  const TEXT_VARIANTS = {
16171
16470
  size: {
16172
16471
  extra_small: {
@@ -16225,7 +16524,7 @@ const TEXT_VARIANTS = {
16225
16524
  /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
16226
16525
 
16227
16526
  function add_css$2(target) {
16228
- append_styles(target, "svelte-18qq8cj", ".text.svelte-18qq8cj{margin:0;word-break:break-all}");
16527
+ append_styles(target, "svelte-1vl0c87", ".text.svelte-1vl0c87{margin:0;word-break:break-all}");
16229
16528
  }
16230
16529
 
16231
16530
  function create_fragment$2(ctx) {
@@ -16249,7 +16548,7 @@ function create_fragment$2(ctx) {
16249
16548
  },
16250
16549
  h() {
16251
16550
  attr(p, "data-layer-id", /*layerId*/ ctx[0]);
16252
- attr(p, "class", "text svelte-18qq8cj");
16551
+ attr(p, "class", "text svelte-1vl0c87");
16253
16552
  attr(p, "style", /*style*/ ctx[1]);
16254
16553
  },
16255
16554
  m(target, anchor) {
@@ -16341,7 +16640,7 @@ const LAYER_TEXT_SIZE = {
16341
16640
  /* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
16342
16641
 
16343
16642
  function add_css$1(target) {
16344
- append_styles(target, "svelte-ed4ktn", ".v2-background.svelte-ed4ktn{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
16643
+ 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}");
16345
16644
  }
16346
16645
 
16347
16646
  // (14:0) {#if backgroundOverlay}
@@ -16362,7 +16661,7 @@ function create_if_block$1(ctx) {
16362
16661
  this.h();
16363
16662
  },
16364
16663
  h() {
16365
- attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"));
16664
+ attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
16366
16665
  },
16367
16666
  m(target, anchor) {
16368
16667
  insert_hydration(target, div, anchor);
@@ -16373,7 +16672,7 @@ function create_if_block$1(ctx) {
16373
16672
  }
16374
16673
  },
16375
16674
  p(ctx, dirty) {
16376
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"))) {
16675
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
16377
16676
  attr(div, "class", div_class_value);
16378
16677
  }
16379
16678
  },
@@ -16449,7 +16748,7 @@ class BackgroundOverlay extends SvelteComponent {
16449
16748
  /* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
16450
16749
 
16451
16750
  function add_css(target) {
16452
- append_styles(target, "svelte-15b58xm", "*{box-sizing:border-box}.modal.svelte-15b58xm{position:fixed;z-index:2147483647;display:flex}.modal.svelte-15b58xm > .button{flex:auto;display:flex}@media screen and (min-width: 641px){.modal-bp.svelte-15b58xm{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-15b58xm{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}}");
16751
+ append_styles(target, "svelte-45ue06", "*{box-sizing:border-box}.modal.svelte-45ue06{position:fixed;z-index:2147483647;display:flex}.modal.svelte-45ue06 > .button{flex:auto;display:flex}@media screen and (min-width: 641px){.modal-bp.svelte-45ue06{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-45ue06{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}}");
16453
16752
  }
16454
16753
 
16455
16754
  // (253:0) {:else}
@@ -16615,7 +16914,7 @@ function create_if_block(ctx) {
16615
16914
  this.h();
16616
16915
  },
16617
16916
  h() {
16618
- attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-15b58xm"));
16917
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"));
16619
16918
  attr(div, "role", "dialog");
16620
16919
  attr(div, "aria-modal", "true");
16621
16920
  attr(div, "style", Array.from(/*modalStyles*/ ctx[12]).join(';'));
@@ -16648,7 +16947,7 @@ function create_if_block(ctx) {
16648
16947
  }
16649
16948
  }
16650
16949
 
16651
- if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-15b58xm"))) {
16950
+ if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"))) {
16652
16951
  attr(div, "class", div_class_value);
16653
16952
  }
16654
16953
  },
@@ -17141,4 +17440,4 @@ const ROUND_STYLES = {
17141
17440
  },
17142
17441
  };
17143
17442
 
17144
- export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_THEME, BUTTON_THEME_STYLES, BUTTON_VARIANTS, BUTTON_WRAP_STYLES, BackgroundSizes, Box, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, 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, Avatar as FlexAvatar, Button as FlexButton, CloseButton as FlexCloseButton, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, Text as FlexText, TextButton as FlexTextButton, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_SIZE, 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, ROUND_STYLES, ROUND_VARIANT, Repeats, SHADOW_STYLES, SHADOW_VARIANT, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_BUTTON_COLOR, TEXT_BUTTON_ICON_ANGLE, TEXT_BUTTON_LINK_TARGET, TEXT_BUTTON_ROUND, TEXT_BUTTON_SIZE, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, buttonPropsDefault, 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 };
17443
+ export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_THEME, BUTTON_THEME_STYLES, BUTTON_VARIANTS, BUTTON_WRAP_STYLES, BackgroundSizes, Box, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, 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, Avatar as FlexAvatar, Button as FlexButton, CloseButton as FlexCloseButton, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, Slider as FlexSlider, Text as FlexText, TextButton as FlexTextButton, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_SIZE, 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, ROUND_STYLES, ROUND_VARIANT, Repeats, SHADOW_STYLES, SHADOW_VARIANT, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_BUTTON_COLOR, TEXT_BUTTON_ICON_ANGLE, TEXT_BUTTON_LINK_TARGET, TEXT_BUTTON_ROUND, TEXT_BUTTON_SIZE, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, buttonPropsDefault, 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 };