@plaidev/karte-action-sdk 1.1.237 → 1.1.238-28698010.a9ad3193

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 +51 -2
  2. package/dist/hydrate/index.es.js +1006 -529
  3. package/dist/index.es.d.ts +51 -2
  4. package/dist/index.es.js +954 -529
  5. package/dist/templates.cjs.js +1 -0
  6. package/dist/templates.js +1 -0
  7. package/package.json +1 -1
  8. package/meta/karte-action-sdk.api.json +0 -8155
package/dist/index.es.js CHANGED
@@ -2894,7 +2894,7 @@ const LAYOUT_COMPONENT_NAMES = [
2894
2894
 
2895
2895
  /* src/components/Header.svelte generated by Svelte v3.53.1 */
2896
2896
 
2897
- function create_if_block$d(ctx) {
2897
+ function create_if_block$e(ctx) {
2898
2898
  let link;
2899
2899
 
2900
2900
  return {
@@ -2918,9 +2918,9 @@ function create_if_block$d(ctx) {
2918
2918
  };
2919
2919
  }
2920
2920
 
2921
- function create_fragment$17(ctx) {
2921
+ function create_fragment$1a(ctx) {
2922
2922
  let head;
2923
- let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$d(ctx);
2923
+ let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$e(ctx);
2924
2924
 
2925
2925
  return {
2926
2926
  c() {
@@ -2936,7 +2936,7 @@ function create_fragment$17(ctx) {
2936
2936
  if (if_block) {
2937
2937
  if_block.p(ctx, dirty);
2938
2938
  } else {
2939
- if_block = create_if_block$d(ctx);
2939
+ if_block = create_if_block$e(ctx);
2940
2940
  if_block.c();
2941
2941
  if_block.m(head, null);
2942
2942
  }
@@ -2954,7 +2954,7 @@ function create_fragment$17(ctx) {
2954
2954
  };
2955
2955
  }
2956
2956
 
2957
- function instance$17($$self, $$props, $$invalidate) {
2957
+ function instance$1a($$self, $$props, $$invalidate) {
2958
2958
  let $fonts;
2959
2959
  component_subscribe($$self, fonts, $$value => $$invalidate(1, $fonts = $$value));
2960
2960
  let googleFontUrl = '';
@@ -2983,13 +2983,13 @@ function instance$17($$self, $$props, $$invalidate) {
2983
2983
  class Header extends SvelteComponent {
2984
2984
  constructor(options) {
2985
2985
  super();
2986
- init(this, options, instance$17, create_fragment$17, safe_not_equal, {});
2986
+ init(this, options, instance$1a, create_fragment$1a, safe_not_equal, {});
2987
2987
  }
2988
2988
  }
2989
2989
 
2990
2990
  /* src/components/State.svelte generated by Svelte v3.53.1 */
2991
2991
 
2992
- function create_fragment$16(ctx) {
2992
+ function create_fragment$19(ctx) {
2993
2993
  let header;
2994
2994
  let t;
2995
2995
  let current;
@@ -3048,7 +3048,7 @@ function create_fragment$16(ctx) {
3048
3048
  };
3049
3049
  }
3050
3050
 
3051
- function instance$16($$self, $$props, $$invalidate) {
3051
+ function instance$19($$self, $$props, $$invalidate) {
3052
3052
  let { $$slots: slots = {}, $$scope } = $$props;
3053
3053
 
3054
3054
  $$self.$$set = $$props => {
@@ -3061,18 +3061,18 @@ function instance$16($$self, $$props, $$invalidate) {
3061
3061
  class State extends SvelteComponent {
3062
3062
  constructor(options) {
3063
3063
  super();
3064
- init(this, options, instance$16, create_fragment$16, safe_not_equal, {});
3064
+ init(this, options, instance$19, create_fragment$19, safe_not_equal, {});
3065
3065
  }
3066
3066
  }
3067
3067
 
3068
3068
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
3069
3069
 
3070
- function add_css$E(target) {
3071
- append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
3070
+ function add_css$F(target) {
3071
+ append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
3072
3072
  }
3073
3073
 
3074
3074
  // (23:0) {#if $state === path}
3075
- function create_if_block$c(ctx) {
3075
+ function create_if_block$d(ctx) {
3076
3076
  let div;
3077
3077
  let t;
3078
3078
  let current;
@@ -3085,7 +3085,7 @@ function create_if_block$c(ctx) {
3085
3085
  t = space();
3086
3086
  if (default_slot) default_slot.c();
3087
3087
  attr(div, "data-state-path", /*path*/ ctx[0]);
3088
- attr(div, "class", "state-item svelte-1amihue");
3088
+ attr(div, "class", "state-item svelte-2qb6dm");
3089
3089
  },
3090
3090
  m(target, anchor) {
3091
3091
  insert(target, div, anchor);
@@ -3134,10 +3134,10 @@ function create_if_block$c(ctx) {
3134
3134
  };
3135
3135
  }
3136
3136
 
3137
- function create_fragment$15(ctx) {
3137
+ function create_fragment$18(ctx) {
3138
3138
  let if_block_anchor;
3139
3139
  let current;
3140
- let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$c(ctx);
3140
+ let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$d(ctx);
3141
3141
 
3142
3142
  return {
3143
3143
  c() {
@@ -3158,7 +3158,7 @@ function create_fragment$15(ctx) {
3158
3158
  transition_in(if_block, 1);
3159
3159
  }
3160
3160
  } else {
3161
- if_block = create_if_block$c(ctx);
3161
+ if_block = create_if_block$d(ctx);
3162
3162
  if_block.c();
3163
3163
  transition_in(if_block, 1);
3164
3164
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -3195,7 +3195,7 @@ function getStateItemContext() {
3195
3195
  return getContext(STATE_ITEM_CONTEXT_KEY);
3196
3196
  }
3197
3197
 
3198
- function instance$15($$self, $$props, $$invalidate) {
3198
+ function instance$18($$self, $$props, $$invalidate) {
3199
3199
  let $state;
3200
3200
  component_subscribe($$self, state, $$value => $$invalidate(1, $state = $$value));
3201
3201
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -3221,7 +3221,7 @@ function instance$15($$self, $$props, $$invalidate) {
3221
3221
  class StateItem extends SvelteComponent {
3222
3222
  constructor(options) {
3223
3223
  super();
3224
- init(this, options, instance$15, create_fragment$15, safe_not_equal, { path: 0 }, add_css$E);
3224
+ init(this, options, instance$18, create_fragment$18, safe_not_equal, { path: 0 }, add_css$F);
3225
3225
  }
3226
3226
  }
3227
3227
 
@@ -3406,12 +3406,12 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
3406
3406
 
3407
3407
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3408
3408
 
3409
- function add_css$D(target) {
3410
- 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}");
3409
+ function add_css$E(target) {
3410
+ 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}");
3411
3411
  }
3412
3412
 
3413
3413
  // (14:0) {#if backgroundOverlay}
3414
- function create_if_block$b(ctx) {
3414
+ function create_if_block$c(ctx) {
3415
3415
  let div;
3416
3416
  let div_class_value;
3417
3417
  let mounted;
@@ -3420,7 +3420,7 @@ function create_if_block$b(ctx) {
3420
3420
  return {
3421
3421
  c() {
3422
3422
  div = element("div");
3423
- attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"));
3423
+ attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
3424
3424
  },
3425
3425
  m(target, anchor) {
3426
3426
  insert(target, div, anchor);
@@ -3431,7 +3431,7 @@ function create_if_block$b(ctx) {
3431
3431
  }
3432
3432
  },
3433
3433
  p(ctx, dirty) {
3434
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"))) {
3434
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
3435
3435
  attr(div, "class", div_class_value);
3436
3436
  }
3437
3437
  },
@@ -3443,9 +3443,9 @@ function create_if_block$b(ctx) {
3443
3443
  };
3444
3444
  }
3445
3445
 
3446
- function create_fragment$14(ctx) {
3446
+ function create_fragment$17(ctx) {
3447
3447
  let if_block_anchor;
3448
- let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$b(ctx);
3448
+ let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$c(ctx);
3449
3449
 
3450
3450
  return {
3451
3451
  c() {
@@ -3461,7 +3461,7 @@ function create_fragment$14(ctx) {
3461
3461
  if (if_block) {
3462
3462
  if_block.p(ctx, dirty);
3463
3463
  } else {
3464
- if_block = create_if_block$b(ctx);
3464
+ if_block = create_if_block$c(ctx);
3465
3465
  if_block.c();
3466
3466
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
3467
3467
  }
@@ -3479,7 +3479,7 @@ function create_fragment$14(ctx) {
3479
3479
  };
3480
3480
  }
3481
3481
 
3482
- function instance$14($$self, $$props, $$invalidate) {
3482
+ function instance$17($$self, $$props, $$invalidate) {
3483
3483
  let { backgroundOverlay = false } = $$props;
3484
3484
  let { class: className = undefined } = $$props;
3485
3485
  const dispatch = createEventDispatcher();
@@ -3496,7 +3496,7 @@ function instance$14($$self, $$props, $$invalidate) {
3496
3496
  let BackgroundOverlay$1 = class BackgroundOverlay extends SvelteComponent {
3497
3497
  constructor(options) {
3498
3498
  super();
3499
- init(this, options, instance$14, create_fragment$14, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$D);
3499
+ init(this, options, instance$17, create_fragment$17, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$E);
3500
3500
  }
3501
3501
  };
3502
3502
 
@@ -3536,8 +3536,8 @@ function checkStopPropagation(eventName, handler) {
3536
3536
 
3537
3537
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3538
3538
 
3539
- function add_css$C(target) {
3540
- 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}");
3539
+ function add_css$D(target) {
3540
+ 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}");
3541
3541
  }
3542
3542
 
3543
3543
  // (50:0) {:else}
@@ -3566,7 +3566,7 @@ function create_else_block$5(ctx) {
3566
3566
  button = element("button");
3567
3567
  if (default_slot) default_slot.c();
3568
3568
  set_attributes(button, button_data);
3569
- toggle_class(button, "svelte-1kmu8zp", true);
3569
+ toggle_class(button, "svelte-15k4deh", true);
3570
3570
  },
3571
3571
  m(target, anchor) {
3572
3572
  insert(target, button, anchor);
@@ -3605,7 +3605,7 @@ function create_else_block$5(ctx) {
3605
3605
  dataAttrStopPropagation('click')
3606
3606
  ]));
3607
3607
 
3608
- toggle_class(button, "svelte-1kmu8zp", true);
3608
+ toggle_class(button, "svelte-15k4deh", true);
3609
3609
  },
3610
3610
  i(local) {
3611
3611
  if (current) return;
@@ -3636,7 +3636,7 @@ function create_if_block_2$2(ctx) {
3636
3636
  c() {
3637
3637
  div = element("div");
3638
3638
  if (default_slot) default_slot.c();
3639
- attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1kmu8zp"));
3639
+ attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-15k4deh"));
3640
3640
  attr(div, "style", /*style*/ ctx[1]);
3641
3641
  },
3642
3642
  m(target, anchor) {
@@ -3720,7 +3720,7 @@ function create_if_block_1$3(ctx) {
3720
3720
  a = element("a");
3721
3721
  if (default_slot) default_slot.c();
3722
3722
  set_attributes(a, a_data);
3723
- toggle_class(a, "svelte-1kmu8zp", true);
3723
+ toggle_class(a, "svelte-15k4deh", true);
3724
3724
  },
3725
3725
  m(target, anchor) {
3726
3726
  insert(target, a, anchor);
@@ -3762,7 +3762,7 @@ function create_if_block_1$3(ctx) {
3762
3762
  dataAttrStopPropagation('click')
3763
3763
  ]));
3764
3764
 
3765
- toggle_class(a, "svelte-1kmu8zp", true);
3765
+ toggle_class(a, "svelte-15k4deh", true);
3766
3766
  },
3767
3767
  i(local) {
3768
3768
  if (current) return;
@@ -3783,7 +3783,7 @@ function create_if_block_1$3(ctx) {
3783
3783
  }
3784
3784
 
3785
3785
  // (31:0) {#if disabled}
3786
- function create_if_block$a(ctx) {
3786
+ function create_if_block$b(ctx) {
3787
3787
  let div;
3788
3788
  let current;
3789
3789
  const default_slot_template = /*#slots*/ ctx[9].default;
@@ -3793,7 +3793,7 @@ function create_if_block$a(ctx) {
3793
3793
  c() {
3794
3794
  div = element("div");
3795
3795
  if (default_slot) default_slot.c();
3796
- attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1kmu8zp"));
3796
+ attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-15k4deh"));
3797
3797
  attr(div, "style", /*style*/ ctx[1]);
3798
3798
  },
3799
3799
  m(target, anchor) {
@@ -3841,12 +3841,12 @@ function create_if_block$a(ctx) {
3841
3841
  };
3842
3842
  }
3843
3843
 
3844
- function create_fragment$13(ctx) {
3844
+ function create_fragment$16(ctx) {
3845
3845
  let current_block_type_index;
3846
3846
  let if_block;
3847
3847
  let if_block_anchor;
3848
3848
  let current;
3849
- const if_block_creators = [create_if_block$a, create_if_block_1$3, create_if_block_2$2, create_else_block$5];
3849
+ const if_block_creators = [create_if_block$b, create_if_block_1$3, create_if_block_2$2, create_else_block$5];
3850
3850
  const if_blocks = [];
3851
3851
 
3852
3852
  function select_block_type(ctx, dirty) {
@@ -3914,7 +3914,7 @@ function create_fragment$13(ctx) {
3914
3914
 
3915
3915
  const BUTTON_CLASS = 'button';
3916
3916
 
3917
- function instance$13($$self, $$props, $$invalidate) {
3917
+ function instance$16($$self, $$props, $$invalidate) {
3918
3918
  let disabled;
3919
3919
  let $valuesAreValid;
3920
3920
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -3980,8 +3980,8 @@ let Button$1 = class Button extends SvelteComponent {
3980
3980
  init(
3981
3981
  this,
3982
3982
  options,
3983
- instance$13,
3984
- create_fragment$13,
3983
+ instance$16,
3984
+ create_fragment$16,
3985
3985
  safe_not_equal,
3986
3986
  {
3987
3987
  onClick: 0,
@@ -3989,15 +3989,15 @@ let Button$1 = class Button extends SvelteComponent {
3989
3989
  eventValue: 6,
3990
3990
  style: 1
3991
3991
  },
3992
- add_css$C
3992
+ add_css$D
3993
3993
  );
3994
3994
  }
3995
3995
  };
3996
3996
 
3997
3997
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
3998
3998
 
3999
- function add_css$B(target) {
4000
- 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}}");
3999
+ function add_css$C(target) {
4000
+ 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}}");
4001
4001
  }
4002
4002
 
4003
4003
  // (277:0) {:else}
@@ -4126,7 +4126,7 @@ function create_if_block_2$1(ctx) {
4126
4126
  }
4127
4127
 
4128
4128
  // (280:0) {#if visible}
4129
- function create_if_block$9(ctx) {
4129
+ function create_if_block$a(ctx) {
4130
4130
  let div;
4131
4131
  let button;
4132
4132
  let div_class_value;
@@ -4147,7 +4147,7 @@ function create_if_block$9(ctx) {
4147
4147
  c() {
4148
4148
  div = element("div");
4149
4149
  create_component(button.$$.fragment);
4150
- attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"));
4150
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"));
4151
4151
  attr(div, "role", "dialog");
4152
4152
  attr(div, "aria-modal", "true");
4153
4153
  attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
@@ -4171,7 +4171,7 @@ function create_if_block$9(ctx) {
4171
4171
 
4172
4172
  button.$set(button_changes);
4173
4173
 
4174
- if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"))) {
4174
+ if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"))) {
4175
4175
  attr(div, "class", div_class_value);
4176
4176
  }
4177
4177
  },
@@ -4225,7 +4225,7 @@ function create_if_block_1$2(ctx) {
4225
4225
  c() {
4226
4226
  div = element("div");
4227
4227
  create_component(button.$$.fragment);
4228
- attr(div, "class", "close svelte-1i2vo31");
4228
+ attr(div, "class", "close svelte-1ijkyzl");
4229
4229
  set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
4230
4230
  },
4231
4231
  m(target, anchor) {
@@ -4314,7 +4314,7 @@ function create_default_slot$6(ctx) {
4314
4314
  t = space();
4315
4315
  div = element("div");
4316
4316
  if (default_slot) default_slot.c();
4317
- attr(div, "class", "modal-content svelte-1i2vo31");
4317
+ attr(div, "class", "modal-content svelte-1ijkyzl");
4318
4318
  attr(div, "style", /*_style*/ ctx[5]);
4319
4319
  },
4320
4320
  m(target, anchor) {
@@ -4391,7 +4391,7 @@ function create_default_slot$6(ctx) {
4391
4391
  };
4392
4392
  }
4393
4393
 
4394
- function create_fragment$12(ctx) {
4394
+ function create_fragment$15(ctx) {
4395
4395
  let show_if;
4396
4396
  let current_block_type_index;
4397
4397
  let if_block0;
@@ -4412,7 +4412,7 @@ function create_fragment$12(ctx) {
4412
4412
 
4413
4413
  current_block_type_index = select_block_type(ctx);
4414
4414
  if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
4415
- let if_block1 = /*visible*/ ctx[16] && create_if_block$9(ctx);
4415
+ let if_block1 = /*visible*/ ctx[16] && create_if_block$a(ctx);
4416
4416
 
4417
4417
  return {
4418
4418
  c() {
@@ -4472,7 +4472,7 @@ function create_fragment$12(ctx) {
4472
4472
  transition_in(if_block1, 1);
4473
4473
  }
4474
4474
  } else {
4475
- if_block1 = create_if_block$9(ctx);
4475
+ if_block1 = create_if_block$a(ctx);
4476
4476
  if_block1.c();
4477
4477
  transition_in(if_block1, 1);
4478
4478
  if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
@@ -4509,7 +4509,7 @@ function create_fragment$12(ctx) {
4509
4509
  };
4510
4510
  }
4511
4511
 
4512
- function instance$12($$self, $$props, $$invalidate) {
4512
+ function instance$15($$self, $$props, $$invalidate) {
4513
4513
  let close;
4514
4514
  let closable;
4515
4515
  let backgroundClick;
@@ -4820,8 +4820,8 @@ let Modal$1 = class Modal extends SvelteComponent {
4820
4820
  init(
4821
4821
  this,
4822
4822
  options,
4823
- instance$12,
4824
- create_fragment$12,
4823
+ instance$15,
4824
+ create_fragment$15,
4825
4825
  safe_not_equal,
4826
4826
  {
4827
4827
  onClick: 0,
@@ -4839,7 +4839,7 @@ let Modal$1 = class Modal extends SvelteComponent {
4839
4839
  closeButtonColor: 9,
4840
4840
  _closeStyle: 10
4841
4841
  },
4842
- add_css$B,
4842
+ add_css$C,
4843
4843
  [-1, -1]
4844
4844
  );
4845
4845
  }
@@ -4847,7 +4847,7 @@ let Modal$1 = class Modal extends SvelteComponent {
4847
4847
 
4848
4848
  /* src/components/Grid.svelte generated by Svelte v3.53.1 */
4849
4849
 
4850
- function create_fragment$11(ctx) {
4850
+ function create_fragment$14(ctx) {
4851
4851
  let div;
4852
4852
  let current;
4853
4853
  const default_slot_template = /*#slots*/ ctx[8].default;
@@ -4905,7 +4905,7 @@ function create_fragment$11(ctx) {
4905
4905
  };
4906
4906
  }
4907
4907
 
4908
- function instance$11($$self, $$props, $$invalidate) {
4908
+ function instance$14($$self, $$props, $$invalidate) {
4909
4909
  let _style;
4910
4910
  let { $$slots: slots = {}, $$scope } = $$props;
4911
4911
  let { width = '512px' } = $$props;
@@ -4950,7 +4950,7 @@ class Grid extends SvelteComponent {
4950
4950
  constructor(options) {
4951
4951
  super();
4952
4952
 
4953
- init(this, options, instance$11, create_fragment$11, safe_not_equal, {
4953
+ init(this, options, instance$14, create_fragment$14, safe_not_equal, {
4954
4954
  width: 1,
4955
4955
  height: 2,
4956
4956
  rows: 3,
@@ -4963,11 +4963,11 @@ class Grid extends SvelteComponent {
4963
4963
 
4964
4964
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
4965
4965
 
4966
- function add_css$A(target) {
4967
- append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
4966
+ function add_css$B(target) {
4967
+ append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
4968
4968
  }
4969
4969
 
4970
- function create_fragment$10(ctx) {
4970
+ function create_fragment$13(ctx) {
4971
4971
  let div1;
4972
4972
  let div0;
4973
4973
  let current;
@@ -4979,8 +4979,8 @@ function create_fragment$10(ctx) {
4979
4979
  div1 = element("div");
4980
4980
  div0 = element("div");
4981
4981
  if (default_slot) default_slot.c();
4982
- attr(div0, "class", "grid-item-inner svelte-1cryhmb");
4983
- attr(div1, "class", "grid-item svelte-1cryhmb");
4982
+ attr(div0, "class", "grid-item-inner svelte-n7kdl3");
4983
+ attr(div1, "class", "grid-item svelte-n7kdl3");
4984
4984
  attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
4985
4985
  attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
4986
4986
  attr(div1, "style", /*_style*/ ctx[1]);
@@ -5041,7 +5041,7 @@ function create_fragment$10(ctx) {
5041
5041
 
5042
5042
  const GRID_ITEM_CONTEXT_KEY = 'GRID_ITEM';
5043
5043
 
5044
- function instance$10($$self, $$props, $$invalidate) {
5044
+ function instance$13($$self, $$props, $$invalidate) {
5045
5045
  let _style;
5046
5046
  let { $$slots: slots = {}, $$scope } = $$props;
5047
5047
  let { x1 } = $$props;
@@ -5090,8 +5090,8 @@ class GridItem extends SvelteComponent {
5090
5090
  init(
5091
5091
  this,
5092
5092
  options,
5093
- instance$10,
5094
- create_fragment$10,
5093
+ instance$13,
5094
+ create_fragment$13,
5095
5095
  safe_not_equal,
5096
5096
  {
5097
5097
  x1: 2,
@@ -5102,7 +5102,7 @@ class GridItem extends SvelteComponent {
5102
5102
  background: 7,
5103
5103
  gridItemId: 0
5104
5104
  },
5105
- add_css$A
5105
+ add_css$B
5106
5106
  );
5107
5107
  }
5108
5108
  }
@@ -5137,7 +5137,7 @@ function create_else_block$3(ctx) {
5137
5137
  }
5138
5138
 
5139
5139
  // (11:2) {#if item.match(regexp)}
5140
- function create_if_block$8(ctx) {
5140
+ function create_if_block$9(ctx) {
5141
5141
  let br;
5142
5142
 
5143
5143
  return {
@@ -5162,7 +5162,7 @@ function create_each_block$6(ctx) {
5162
5162
  function select_block_type(ctx, dirty) {
5163
5163
  if (dirty & /*items*/ 1) show_if = null;
5164
5164
  if (show_if == null) show_if = !!/*item*/ ctx[2].match(regexp);
5165
- if (show_if) return create_if_block$8;
5165
+ if (show_if) return create_if_block$9;
5166
5166
  return create_else_block$3;
5167
5167
  }
5168
5168
 
@@ -5198,7 +5198,7 @@ function create_each_block$6(ctx) {
5198
5198
  };
5199
5199
  }
5200
5200
 
5201
- function create_fragment$$(ctx) {
5201
+ function create_fragment$12(ctx) {
5202
5202
  let each_1_anchor;
5203
5203
  let each_value = /*items*/ ctx[0];
5204
5204
  let each_blocks = [];
@@ -5257,7 +5257,7 @@ function create_fragment$$(ctx) {
5257
5257
 
5258
5258
  const regexp = /(\r?\n)/;
5259
5259
 
5260
- function instance$$($$self, $$props, $$invalidate) {
5260
+ function instance$12($$self, $$props, $$invalidate) {
5261
5261
  let items;
5262
5262
  let { text = 'サンプルSample' } = $$props;
5263
5263
 
@@ -5278,14 +5278,14 @@ function instance$$($$self, $$props, $$invalidate) {
5278
5278
  class RenderText extends SvelteComponent {
5279
5279
  constructor(options) {
5280
5280
  super();
5281
- init(this, options, instance$$, create_fragment$$, safe_not_equal, { text: 1 });
5281
+ init(this, options, instance$12, create_fragment$12, safe_not_equal, { text: 1 });
5282
5282
  }
5283
5283
  }
5284
5284
 
5285
5285
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
5286
5286
 
5287
- function add_css$z(target) {
5288
- 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}");
5287
+ function add_css$A(target) {
5288
+ 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}");
5289
5289
  }
5290
5290
 
5291
5291
  // (94:2) {:else}
@@ -5302,8 +5302,8 @@ function create_else_block$2(ctx) {
5302
5302
  div1 = element("div");
5303
5303
  div0 = element("div");
5304
5304
  create_component(rendertext.$$.fragment);
5305
- attr(div0, "class", "text-element-inner svelte-vz6867");
5306
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5305
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5306
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5307
5307
  attr(div1, "style", /*style*/ ctx[5]);
5308
5308
  },
5309
5309
  m(target, anchor) {
@@ -5317,7 +5317,7 @@ function create_else_block$2(ctx) {
5317
5317
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5318
5318
  rendertext.$set(rendertext_changes);
5319
5319
 
5320
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
5320
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
5321
5321
  attr(div1, "class", div1_class_value);
5322
5322
  }
5323
5323
 
@@ -5342,7 +5342,7 @@ function create_else_block$2(ctx) {
5342
5342
  }
5343
5343
 
5344
5344
  // (80:2) {#if enableCopy}
5345
- function create_if_block$7(ctx) {
5345
+ function create_if_block$8(ctx) {
5346
5346
  let a;
5347
5347
  let div0;
5348
5348
  let rendertext;
@@ -5367,12 +5367,12 @@ function create_if_block$7(ctx) {
5367
5367
  t2 = space();
5368
5368
  div2 = element("div");
5369
5369
  div2.textContent = "コピーできませんでした";
5370
- attr(div0, "class", "text-element-inner svelte-vz6867");
5370
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5371
5371
  attr(a, "href", '');
5372
- attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5372
+ attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5373
5373
  attr(a, "style", /*style*/ ctx[5]);
5374
- attr(div1, "class", "tooltip svelte-vz6867");
5375
- attr(div2, "class", "tooltip tooltip-error svelte-vz6867");
5374
+ attr(div1, "class", "tooltip svelte-9ixs0b");
5375
+ attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
5376
5376
  },
5377
5377
  m(target, anchor) {
5378
5378
  insert(target, a, anchor);
@@ -5396,7 +5396,7 @@ function create_if_block$7(ctx) {
5396
5396
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5397
5397
  rendertext.$set(rendertext_changes);
5398
5398
 
5399
- 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"))) {
5399
+ 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"))) {
5400
5400
  attr(a, "class", a_class_value);
5401
5401
  }
5402
5402
 
@@ -5428,12 +5428,12 @@ function create_if_block$7(ctx) {
5428
5428
  };
5429
5429
  }
5430
5430
 
5431
- function create_fragment$_(ctx) {
5431
+ function create_fragment$11(ctx) {
5432
5432
  let div;
5433
5433
  let current_block_type_index;
5434
5434
  let if_block;
5435
5435
  let current;
5436
- const if_block_creators = [create_if_block$7, create_else_block$2];
5436
+ const if_block_creators = [create_if_block$8, create_else_block$2];
5437
5437
  const if_blocks = [];
5438
5438
 
5439
5439
  function select_block_type(ctx, dirty) {
@@ -5448,7 +5448,7 @@ function create_fragment$_(ctx) {
5448
5448
  c() {
5449
5449
  div = element("div");
5450
5450
  if_block.c();
5451
- attr(div, "class", "text-element-wrapper svelte-vz6867");
5451
+ attr(div, "class", "text-element-wrapper svelte-9ixs0b");
5452
5452
  },
5453
5453
  m(target, anchor) {
5454
5454
  insert(target, div, anchor);
@@ -5498,7 +5498,7 @@ function create_fragment$_(ctx) {
5498
5498
  };
5499
5499
  }
5500
5500
 
5501
- function instance$_($$self, $$props, $$invalidate) {
5501
+ function instance$11($$self, $$props, $$invalidate) {
5502
5502
  let style;
5503
5503
  let { text = 'テキストのコンテンツ' } = $$props;
5504
5504
  let { font = SYSTEM_FONT } = $$props;
@@ -5594,8 +5594,8 @@ class TextElement extends SvelteComponent {
5594
5594
  init(
5595
5595
  this,
5596
5596
  options,
5597
- instance$_,
5598
- create_fragment$_,
5597
+ instance$11,
5598
+ create_fragment$11,
5599
5599
  safe_not_equal,
5600
5600
  {
5601
5601
  text: 0,
@@ -5606,15 +5606,15 @@ class TextElement extends SvelteComponent {
5606
5606
  enableCopy: 2,
5607
5607
  eventName: 10
5608
5608
  },
5609
- add_css$z
5609
+ add_css$A
5610
5610
  );
5611
5611
  }
5612
5612
  }
5613
5613
 
5614
5614
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5615
5615
 
5616
- function add_css$y(target) {
5617
- 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)}");
5616
+ function add_css$z(target) {
5617
+ 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)}");
5618
5618
  }
5619
5619
 
5620
5620
  // (48:2) <Button {onClick} {style} {eventName}>
@@ -5651,7 +5651,7 @@ function create_default_slot$5(ctx) {
5651
5651
  };
5652
5652
  }
5653
5653
 
5654
- function create_fragment$Z(ctx) {
5654
+ function create_fragment$10(ctx) {
5655
5655
  let div;
5656
5656
  let button;
5657
5657
  let current;
@@ -5670,7 +5670,7 @@ function create_fragment$Z(ctx) {
5670
5670
  c() {
5671
5671
  div = element("div");
5672
5672
  create_component(button.$$.fragment);
5673
- attr(div, "class", "text-button-element svelte-ujdxfc");
5673
+ attr(div, "class", "text-button-element svelte-1vg84sc");
5674
5674
  },
5675
5675
  m(target, anchor) {
5676
5676
  insert(target, div, anchor);
@@ -5705,7 +5705,7 @@ function create_fragment$Z(ctx) {
5705
5705
  };
5706
5706
  }
5707
5707
 
5708
- function instance$Z($$self, $$props, $$invalidate) {
5708
+ function instance$10($$self, $$props, $$invalidate) {
5709
5709
  let style;
5710
5710
  let { text = 'ボタンのラベル' } = $$props;
5711
5711
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -5743,8 +5743,8 @@ class TextButtonElement extends SvelteComponent {
5743
5743
  init(
5744
5744
  this,
5745
5745
  options,
5746
- instance$Z,
5747
- create_fragment$Z,
5746
+ instance$10,
5747
+ create_fragment$10,
5748
5748
  safe_not_equal,
5749
5749
  {
5750
5750
  text: 0,
@@ -5754,15 +5754,15 @@ class TextButtonElement extends SvelteComponent {
5754
5754
  _buttonStyle: 5,
5755
5755
  _style: 6
5756
5756
  },
5757
- add_css$y
5757
+ add_css$z
5758
5758
  );
5759
5759
  }
5760
5760
  }
5761
5761
 
5762
5762
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5763
5763
 
5764
- function add_css$x(target) {
5765
- 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%}");
5764
+ function add_css$y(target) {
5765
+ 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%}");
5766
5766
  }
5767
5767
 
5768
5768
  // (44:2) <Button {onClick} style={_style} {eventName}>
@@ -5774,7 +5774,7 @@ function create_default_slot$4(ctx) {
5774
5774
  return {
5775
5775
  c() {
5776
5776
  img = element("img");
5777
- attr(img, "class", "image svelte-1alkh1m");
5777
+ attr(img, "class", "image svelte-t6tu0e");
5778
5778
  attr(img, "loading", "lazy");
5779
5779
  attr(img, "width", "auto");
5780
5780
  attr(img, "height", "auto");
@@ -5816,7 +5816,7 @@ function create_default_slot$4(ctx) {
5816
5816
  };
5817
5817
  }
5818
5818
 
5819
- function create_fragment$Y(ctx) {
5819
+ function create_fragment$$(ctx) {
5820
5820
  let div;
5821
5821
  let button;
5822
5822
  let div_class_value;
@@ -5836,7 +5836,7 @@ function create_fragment$Y(ctx) {
5836
5836
  c() {
5837
5837
  div = element("div");
5838
5838
  create_component(button.$$.fragment);
5839
- attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m");
5839
+ attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
5840
5840
  },
5841
5841
  m(target, anchor) {
5842
5842
  insert(target, div, anchor);
@@ -5855,7 +5855,7 @@ function create_fragment$Y(ctx) {
5855
5855
 
5856
5856
  button.$set(button_changes);
5857
5857
 
5858
- if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m")) {
5858
+ if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
5859
5859
  attr(div, "class", div_class_value);
5860
5860
  }
5861
5861
  },
@@ -5875,7 +5875,7 @@ function create_fragment$Y(ctx) {
5875
5875
  };
5876
5876
  }
5877
5877
 
5878
- function instance$Y($$self, $$props, $$invalidate) {
5878
+ function instance$$($$self, $$props, $$invalidate) {
5879
5879
  let { src = '' } = $$props;
5880
5880
  let { alt = '画像の説明' } = $$props;
5881
5881
  let { transport = false } = $$props;
@@ -5906,8 +5906,8 @@ class ImageElement extends SvelteComponent {
5906
5906
  init(
5907
5907
  this,
5908
5908
  options,
5909
- instance$Y,
5910
- create_fragment$Y,
5909
+ instance$$,
5910
+ create_fragment$$,
5911
5911
  safe_not_equal,
5912
5912
  {
5913
5913
  src: 0,
@@ -5919,18 +5919,18 @@ class ImageElement extends SvelteComponent {
5919
5919
  _imageStyle: 6,
5920
5920
  _style: 7
5921
5921
  },
5922
- add_css$x
5922
+ add_css$y
5923
5923
  );
5924
5924
  }
5925
5925
  }
5926
5926
 
5927
5927
  /* src/components/List.svelte generated by Svelte v3.53.1 */
5928
5928
 
5929
- function add_css$w(target) {
5930
- 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}");
5929
+ function add_css$x(target) {
5930
+ 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}");
5931
5931
  }
5932
5932
 
5933
- function create_fragment$X(ctx) {
5933
+ function create_fragment$_(ctx) {
5934
5934
  let div;
5935
5935
  let current;
5936
5936
  const default_slot_template = /*#slots*/ ctx[6].default;
@@ -5940,7 +5940,7 @@ function create_fragment$X(ctx) {
5940
5940
  c() {
5941
5941
  div = element("div");
5942
5942
  if (default_slot) default_slot.c();
5943
- attr(div, "class", "list svelte-1t8r9z");
5943
+ attr(div, "class", "list svelte-aquv6z");
5944
5944
  attr(div, "style", /*style*/ ctx[0]);
5945
5945
  },
5946
5946
  m(target, anchor) {
@@ -5990,7 +5990,7 @@ function create_fragment$X(ctx) {
5990
5990
 
5991
5991
  const LIST_CONTEXT_KEY = Symbol();
5992
5992
 
5993
- function instance$X($$self, $$props, $$invalidate) {
5993
+ function instance$_($$self, $$props, $$invalidate) {
5994
5994
  let style;
5995
5995
  let { $$slots: slots = {}, $$scope } = $$props;
5996
5996
  let { direction = 'vertical' } = $$props;
@@ -6057,8 +6057,8 @@ class List extends SvelteComponent {
6057
6057
  init(
6058
6058
  this,
6059
6059
  options,
6060
- instance$X,
6061
- create_fragment$X,
6060
+ instance$_,
6061
+ create_fragment$_,
6062
6062
  safe_not_equal,
6063
6063
  {
6064
6064
  direction: 1,
@@ -6066,15 +6066,15 @@ class List extends SvelteComponent {
6066
6066
  background: 3,
6067
6067
  _style: 4
6068
6068
  },
6069
- add_css$w
6069
+ add_css$x
6070
6070
  );
6071
6071
  }
6072
6072
  }
6073
6073
 
6074
6074
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
6075
6075
 
6076
- function add_css$v(target) {
6077
- 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}");
6076
+ function add_css$w(target) {
6077
+ 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}");
6078
6078
  }
6079
6079
 
6080
6080
  // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
@@ -6125,7 +6125,7 @@ function create_default_slot$3(ctx) {
6125
6125
  };
6126
6126
  }
6127
6127
 
6128
- function create_fragment$W(ctx) {
6128
+ function create_fragment$Z(ctx) {
6129
6129
  let div;
6130
6130
  let button;
6131
6131
  let current;
@@ -6144,7 +6144,7 @@ function create_fragment$W(ctx) {
6144
6144
  c() {
6145
6145
  div = element("div");
6146
6146
  create_component(button.$$.fragment);
6147
- attr(div, "class", "list-item svelte-1lbw8v2");
6147
+ attr(div, "class", "list-item svelte-9n97pe");
6148
6148
  attr(div, "style", /*listItemStyle*/ ctx[3]);
6149
6149
  },
6150
6150
  m(target, anchor) {
@@ -6184,7 +6184,7 @@ function create_fragment$W(ctx) {
6184
6184
  };
6185
6185
  }
6186
6186
 
6187
- function instance$W($$self, $$props, $$invalidate) {
6187
+ function instance$Z($$self, $$props, $$invalidate) {
6188
6188
  let listItemStyle;
6189
6189
  let { $$slots: slots = {}, $$scope } = $$props;
6190
6190
  const { separator, background, direction, registerItem, unregisterItem } = getContext(LIST_CONTEXT_KEY);
@@ -6263,23 +6263,23 @@ function instance$W($$self, $$props, $$invalidate) {
6263
6263
  class ListItem extends SvelteComponent {
6264
6264
  constructor(options) {
6265
6265
  super();
6266
- init(this, options, instance$W, create_fragment$W, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$v);
6266
+ init(this, options, instance$Z, create_fragment$Z, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$w);
6267
6267
  }
6268
6268
  }
6269
6269
 
6270
6270
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
6271
6271
 
6272
- function add_css$u(target) {
6273
- 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}");
6272
+ function add_css$v(target) {
6273
+ 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}");
6274
6274
  }
6275
6275
 
6276
- function create_fragment$V(ctx) {
6276
+ function create_fragment$Y(ctx) {
6277
6277
  let div;
6278
6278
 
6279
6279
  return {
6280
6280
  c() {
6281
6281
  div = element("div");
6282
- attr(div, "class", "embed svelte-w6jkzh");
6282
+ attr(div, "class", "embed svelte-wocq4p");
6283
6283
  attr(div, "style", /*_style*/ ctx[1]);
6284
6284
  },
6285
6285
  m(target, anchor) {
@@ -6300,7 +6300,7 @@ function create_fragment$V(ctx) {
6300
6300
  };
6301
6301
  }
6302
6302
 
6303
- function instance$V($$self, $$props, $$invalidate) {
6303
+ function instance$Y($$self, $$props, $$invalidate) {
6304
6304
  let { code } = $$props;
6305
6305
  let { _style = '' } = $$props;
6306
6306
 
@@ -6315,17 +6315,17 @@ function instance$V($$self, $$props, $$invalidate) {
6315
6315
  class EmbedElement extends SvelteComponent {
6316
6316
  constructor(options) {
6317
6317
  super();
6318
- init(this, options, instance$V, create_fragment$V, safe_not_equal, { code: 0, _style: 1 }, add_css$u);
6318
+ init(this, options, instance$Y, create_fragment$Y, safe_not_equal, { code: 0, _style: 1 }, add_css$v);
6319
6319
  }
6320
6320
  }
6321
6321
 
6322
6322
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
6323
6323
 
6324
- function add_css$t(target) {
6325
- 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%}");
6324
+ function add_css$u(target) {
6325
+ 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%}");
6326
6326
  }
6327
6327
 
6328
- function create_fragment$U(ctx) {
6328
+ function create_fragment$X(ctx) {
6329
6329
  let div1;
6330
6330
  let div0;
6331
6331
 
@@ -6334,7 +6334,7 @@ function create_fragment$U(ctx) {
6334
6334
  div1 = element("div");
6335
6335
  div0 = element("div");
6336
6336
  attr(div0, "class", "karte-player");
6337
- attr(div1, "class", "embed svelte-ljxq7x");
6337
+ attr(div1, "class", "embed svelte-vikz49");
6338
6338
  attr(div1, "style", /*_style*/ ctx[0]);
6339
6339
  },
6340
6340
  m(target, anchor) {
@@ -6366,7 +6366,7 @@ function _setValue(obj, key, value) {
6366
6366
  }
6367
6367
  }
6368
6368
 
6369
- function instance$U($$self, $$props, $$invalidate) {
6369
+ function instance$X($$self, $$props, $$invalidate) {
6370
6370
  let $system;
6371
6371
  component_subscribe($$self, system, $$value => $$invalidate(31, $system = $$value));
6372
6372
  let { videoId = 'wt0OjOeX-JA' } = $$props;
@@ -6637,8 +6637,8 @@ class MovieYouTubeElement extends SvelteComponent {
6637
6637
  init(
6638
6638
  this,
6639
6639
  options,
6640
- instance$U,
6641
- create_fragment$U,
6640
+ instance$X,
6641
+ create_fragment$X,
6642
6642
  safe_not_equal,
6643
6643
  {
6644
6644
  videoId: 2,
@@ -6667,7 +6667,7 @@ class MovieYouTubeElement extends SvelteComponent {
6667
6667
  mute: 25,
6668
6668
  _style: 0
6669
6669
  },
6670
- add_css$t,
6670
+ add_css$u,
6671
6671
  [-1, -1]
6672
6672
  );
6673
6673
  }
@@ -6675,11 +6675,11 @@ class MovieYouTubeElement extends SvelteComponent {
6675
6675
 
6676
6676
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6677
6677
 
6678
- function add_css$s(target) {
6679
- 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%}");
6678
+ function add_css$t(target) {
6679
+ 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%}");
6680
6680
  }
6681
6681
 
6682
- function create_fragment$T(ctx) {
6682
+ function create_fragment$W(ctx) {
6683
6683
  let div1;
6684
6684
  let div0;
6685
6685
 
@@ -6688,7 +6688,7 @@ function create_fragment$T(ctx) {
6688
6688
  div1 = element("div");
6689
6689
  div0 = element("div");
6690
6690
  attr(div0, "class", "karte-player");
6691
- attr(div1, "class", "embed svelte-ljxq7x");
6691
+ attr(div1, "class", "embed svelte-vikz49");
6692
6692
  attr(div1, "style", /*_style*/ ctx[0]);
6693
6693
  },
6694
6694
  m(target, anchor) {
@@ -6710,7 +6710,7 @@ function create_fragment$T(ctx) {
6710
6710
  };
6711
6711
  }
6712
6712
 
6713
- function instance$T($$self, $$props, $$invalidate) {
6713
+ function instance$W($$self, $$props, $$invalidate) {
6714
6714
  let $system;
6715
6715
  component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
6716
6716
  let { videoId = "201239468" } = $$props;
@@ -6853,8 +6853,8 @@ class MovieVimeoElement extends SvelteComponent {
6853
6853
  init(
6854
6854
  this,
6855
6855
  options,
6856
- instance$T,
6857
- create_fragment$T,
6856
+ instance$W,
6857
+ create_fragment$W,
6858
6858
  safe_not_equal,
6859
6859
  {
6860
6860
  videoId: 2,
@@ -6864,18 +6864,18 @@ class MovieVimeoElement extends SvelteComponent {
6864
6864
  mute: 6,
6865
6865
  _style: 0
6866
6866
  },
6867
- add_css$s
6867
+ add_css$t
6868
6868
  );
6869
6869
  }
6870
6870
  }
6871
6871
 
6872
6872
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
6873
6873
 
6874
- function add_css$r(target) {
6875
- 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}");
6874
+ function add_css$s(target) {
6875
+ 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}");
6876
6876
  }
6877
6877
 
6878
- function create_fragment$S(ctx) {
6878
+ function create_fragment$V(ctx) {
6879
6879
  let div;
6880
6880
  let textarea;
6881
6881
  let mounted;
@@ -6885,12 +6885,12 @@ function create_fragment$S(ctx) {
6885
6885
  c() {
6886
6886
  div = element("div");
6887
6887
  textarea = element("textarea");
6888
- attr(textarea, "class", "textarea svelte-1fjy5oo");
6888
+ attr(textarea, "class", "textarea svelte-zxvkkc");
6889
6889
  textarea.value = /*$value*/ ctx[4];
6890
6890
  textarea.required = /*required*/ ctx[1];
6891
6891
  attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
6892
6892
  attr(textarea, "style", /*style*/ ctx[3]);
6893
- attr(div, "class", "textarea-wrapper svelte-1fjy5oo");
6893
+ attr(div, "class", "textarea-wrapper svelte-zxvkkc");
6894
6894
  attr(div, "style", /*styleVariables*/ ctx[2]);
6895
6895
  },
6896
6896
  m(target, anchor) {
@@ -6933,7 +6933,7 @@ function create_fragment$S(ctx) {
6933
6933
  };
6934
6934
  }
6935
6935
 
6936
- function instance$S($$self, $$props, $$invalidate) {
6936
+ function instance$V($$self, $$props, $$invalidate) {
6937
6937
  let style;
6938
6938
  let styleVariables;
6939
6939
  let $value;
@@ -7021,8 +7021,8 @@ class FormTextarea extends SvelteComponent {
7021
7021
  init(
7022
7022
  this,
7023
7023
  options,
7024
- instance$S,
7025
- create_fragment$S,
7024
+ instance$V,
7025
+ create_fragment$V,
7026
7026
  safe_not_equal,
7027
7027
  {
7028
7028
  name: 7,
@@ -7034,15 +7034,15 @@ class FormTextarea extends SvelteComponent {
7034
7034
  _textStyle: 11,
7035
7035
  _placeholderStyle: 12
7036
7036
  },
7037
- add_css$r
7037
+ add_css$s
7038
7038
  );
7039
7039
  }
7040
7040
  }
7041
7041
 
7042
7042
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
7043
7043
 
7044
- function add_css$q(target) {
7045
- 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}");
7044
+ function add_css$r(target) {
7045
+ 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}");
7046
7046
  }
7047
7047
 
7048
7048
  function get_each_context$5(ctx, list, i) {
@@ -7076,14 +7076,14 @@ function create_each_block$5(ctx) {
7076
7076
  t1 = text(t1_value);
7077
7077
  t2 = space();
7078
7078
  attr(input, "type", "radio");
7079
- attr(input, "class", "radio-button-input svelte-1ntb6j8");
7079
+ attr(input, "class", "radio-button-input svelte-17s08g");
7080
7080
  attr(input, "style", /*buttonStyle*/ ctx[5]);
7081
7081
  attr(input, "name", /*name*/ ctx[0]);
7082
7082
  input.value = input_value_value = /*option*/ ctx[17];
7083
7083
  input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
7084
- attr(span, "class", "radio-button-text svelte-1ntb6j8");
7084
+ attr(span, "class", "radio-button-text svelte-17s08g");
7085
7085
  attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7086
- attr(label, "class", "radio-button svelte-1ntb6j8");
7086
+ attr(label, "class", "radio-button svelte-17s08g");
7087
7087
  },
7088
7088
  m(target, anchor) {
7089
7089
  insert(target, label, anchor);
@@ -7131,7 +7131,7 @@ function create_each_block$5(ctx) {
7131
7131
  };
7132
7132
  }
7133
7133
 
7134
- function create_fragment$R(ctx) {
7134
+ function create_fragment$U(ctx) {
7135
7135
  let div;
7136
7136
  let each_value = /*_options*/ ctx[4];
7137
7137
  let each_blocks = [];
@@ -7148,7 +7148,7 @@ function create_fragment$R(ctx) {
7148
7148
  each_blocks[i].c();
7149
7149
  }
7150
7150
 
7151
- attr(div, "class", "radio-buttons svelte-1ntb6j8");
7151
+ attr(div, "class", "radio-buttons svelte-17s08g");
7152
7152
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7153
7153
  },
7154
7154
  m(target, anchor) {
@@ -7195,7 +7195,7 @@ function create_fragment$R(ctx) {
7195
7195
  };
7196
7196
  }
7197
7197
 
7198
- function instance$R($$self, $$props, $$invalidate) {
7198
+ function instance$U($$self, $$props, $$invalidate) {
7199
7199
  let _options;
7200
7200
  let buttonStyle;
7201
7201
  let _value;
@@ -7295,8 +7295,8 @@ class FormRadioButtons extends SvelteComponent {
7295
7295
  init(
7296
7296
  this,
7297
7297
  options,
7298
- instance$R,
7299
- create_fragment$R,
7298
+ instance$U,
7299
+ create_fragment$U,
7300
7300
  safe_not_equal,
7301
7301
  {
7302
7302
  name: 0,
@@ -7309,15 +7309,15 @@ class FormRadioButtons extends SvelteComponent {
7309
7309
  buttonColor: 13,
7310
7310
  buttonColorActive: 14
7311
7311
  },
7312
- add_css$q
7312
+ add_css$r
7313
7313
  );
7314
7314
  }
7315
7315
  }
7316
7316
 
7317
7317
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
7318
7318
 
7319
- function add_css$p(target) {
7320
- 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}");
7319
+ function add_css$q(target) {
7320
+ 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}");
7321
7321
  }
7322
7322
 
7323
7323
  function get_each_context$4(ctx, list, i) {
@@ -7348,7 +7348,7 @@ function create_else_block$1(ctx) {
7348
7348
  }
7349
7349
 
7350
7350
  // (105:10) {#if option}
7351
- function create_if_block$6(ctx) {
7351
+ function create_if_block$7(ctx) {
7352
7352
  let t_value = /*option*/ ctx[19] + "";
7353
7353
  let t;
7354
7354
 
@@ -7376,7 +7376,7 @@ function create_each_block$4(ctx) {
7376
7376
  let option_selected_value;
7377
7377
 
7378
7378
  function select_block_type(ctx, dirty) {
7379
- if (/*option*/ ctx[19]) return create_if_block$6;
7379
+ if (/*option*/ ctx[19]) return create_if_block$7;
7380
7380
  return create_else_block$1;
7381
7381
  }
7382
7382
 
@@ -7426,7 +7426,7 @@ function create_each_block$4(ctx) {
7426
7426
  };
7427
7427
  }
7428
7428
 
7429
- function create_fragment$Q(ctx) {
7429
+ function create_fragment$T(ctx) {
7430
7430
  let div1;
7431
7431
  let select;
7432
7432
  let t;
@@ -7451,10 +7451,10 @@ function create_fragment$Q(ctx) {
7451
7451
 
7452
7452
  t = space();
7453
7453
  div0 = element("div");
7454
- attr(select, "class", "select-select svelte-iejizj");
7454
+ attr(select, "class", "select-select svelte-t9ynyj");
7455
7455
  attr(select, "style", /*style*/ ctx[3]);
7456
- attr(div0, "class", "select-icon svelte-iejizj");
7457
- attr(div1, "class", "select svelte-iejizj");
7456
+ attr(div0, "class", "select-icon svelte-t9ynyj");
7457
+ attr(div1, "class", "select svelte-t9ynyj");
7458
7458
  attr(div1, "style", /*styleVariables*/ ctx[2]);
7459
7459
  },
7460
7460
  m(target, anchor) {
@@ -7516,7 +7516,7 @@ function create_fragment$Q(ctx) {
7516
7516
  };
7517
7517
  }
7518
7518
 
7519
- function instance$Q($$self, $$props, $$invalidate) {
7519
+ function instance$T($$self, $$props, $$invalidate) {
7520
7520
  let _options;
7521
7521
  let style;
7522
7522
  let styleVariables;
@@ -7632,8 +7632,8 @@ class FormSelect extends SvelteComponent {
7632
7632
  init(
7633
7633
  this,
7634
7634
  options,
7635
- instance$Q,
7636
- create_fragment$Q,
7635
+ instance$T,
7636
+ create_fragment$T,
7637
7637
  safe_not_equal,
7638
7638
  {
7639
7639
  name: 7,
@@ -7648,15 +7648,15 @@ class FormSelect extends SvelteComponent {
7648
7648
  iconColor: 15,
7649
7649
  iconSize: 16
7650
7650
  },
7651
- add_css$p
7651
+ add_css$q
7652
7652
  );
7653
7653
  }
7654
7654
  }
7655
7655
 
7656
7656
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
7657
7657
 
7658
- function add_css$o(target) {
7659
- 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}");
7658
+ function add_css$p(target) {
7659
+ 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}");
7660
7660
  }
7661
7661
 
7662
7662
  function get_each_context$3(ctx, list, i) {
@@ -7695,19 +7695,19 @@ function create_each_block$3(ctx) {
7695
7695
  span2 = element("span");
7696
7696
  t2 = text(t2_value);
7697
7697
  t3 = space();
7698
- attr(input, "class", "check-box-input svelte-2pz1us");
7698
+ attr(input, "class", "check-box-input svelte-1p65cg8");
7699
7699
  attr(input, "type", "checkbox");
7700
7700
  attr(input, "name", /*name*/ ctx[0]);
7701
7701
  input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
7702
- attr(span0, "class", "check-box-icon svelte-2pz1us");
7702
+ attr(span0, "class", "check-box-icon svelte-1p65cg8");
7703
7703
 
7704
7704
  attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7705
7705
  ? ' _checked'
7706
- : ''}`) + " svelte-2pz1us"));
7706
+ : ''}`) + " svelte-1p65cg8"));
7707
7707
 
7708
- attr(span2, "class", "check-box-text svelte-2pz1us");
7708
+ attr(span2, "class", "check-box-text svelte-1p65cg8");
7709
7709
  attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7710
- attr(label, "class", "check-box svelte-2pz1us");
7710
+ attr(label, "class", "check-box svelte-1p65cg8");
7711
7711
  attr(label, "style", /*styleVariables*/ ctx[5]);
7712
7712
  },
7713
7713
  m(target, anchor) {
@@ -7739,7 +7739,7 @@ function create_each_block$3(ctx) {
7739
7739
 
7740
7740
  if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7741
7741
  ? ' _checked'
7742
- : ''}`) + " svelte-2pz1us"))) {
7742
+ : ''}`) + " svelte-1p65cg8"))) {
7743
7743
  attr(span1, "class", span1_class_value);
7744
7744
  }
7745
7745
 
@@ -7761,7 +7761,7 @@ function create_each_block$3(ctx) {
7761
7761
  };
7762
7762
  }
7763
7763
 
7764
- function create_fragment$P(ctx) {
7764
+ function create_fragment$S(ctx) {
7765
7765
  let div;
7766
7766
  let each_value = /*_options*/ ctx[3];
7767
7767
  let each_blocks = [];
@@ -7778,7 +7778,7 @@ function create_fragment$P(ctx) {
7778
7778
  each_blocks[i].c();
7779
7779
  }
7780
7780
 
7781
- attr(div, "class", "check-boxes svelte-2pz1us");
7781
+ attr(div, "class", "check-boxes svelte-1p65cg8");
7782
7782
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7783
7783
  },
7784
7784
  m(target, anchor) {
@@ -7825,7 +7825,7 @@ function create_fragment$P(ctx) {
7825
7825
  };
7826
7826
  }
7827
7827
 
7828
- function instance$P($$self, $$props, $$invalidate) {
7828
+ function instance$S($$self, $$props, $$invalidate) {
7829
7829
  let _options;
7830
7830
  let styleVariables;
7831
7831
  let isCheckedArray;
@@ -7931,8 +7931,8 @@ class FormCheckBoxes extends SvelteComponent {
7931
7931
  init(
7932
7932
  this,
7933
7933
  options,
7934
- instance$P,
7935
- create_fragment$P,
7934
+ instance$S,
7935
+ create_fragment$S,
7936
7936
  safe_not_equal,
7937
7937
  {
7938
7938
  name: 0,
@@ -7945,15 +7945,15 @@ class FormCheckBoxes extends SvelteComponent {
7945
7945
  buttonColor: 13,
7946
7946
  buttonColorActive: 14
7947
7947
  },
7948
- add_css$o
7948
+ add_css$p
7949
7949
  );
7950
7950
  }
7951
7951
  }
7952
7952
 
7953
7953
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
7954
7954
 
7955
- function add_css$n(target) {
7956
- 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}");
7955
+ function add_css$o(target) {
7956
+ 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}");
7957
7957
  }
7958
7958
 
7959
7959
  function get_each_context$2(ctx, list, i) {
@@ -7977,7 +7977,7 @@ function create_each_block$2(ctx) {
7977
7977
  button = element("button");
7978
7978
  t0 = text(t0_value);
7979
7979
  t1 = space();
7980
- attr(button, "class", "rating-button svelte-9idbf1");
7980
+ attr(button, "class", "rating-button svelte-1iqf36p");
7981
7981
  attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
7982
7982
  },
7983
7983
  m(target, anchor) {
@@ -8009,7 +8009,7 @@ function create_each_block$2(ctx) {
8009
8009
  };
8010
8010
  }
8011
8011
 
8012
- function create_fragment$O(ctx) {
8012
+ function create_fragment$R(ctx) {
8013
8013
  let div;
8014
8014
  let each_value = [...Array(/*count*/ ctx[0]).keys()].map(/*func*/ ctx[12]);
8015
8015
  let each_blocks = [];
@@ -8026,7 +8026,7 @@ function create_fragment$O(ctx) {
8026
8026
  each_blocks[i].c();
8027
8027
  }
8028
8028
 
8029
- attr(div, "class", "rating-buttons svelte-9idbf1");
8029
+ attr(div, "class", "rating-buttons svelte-1iqf36p");
8030
8030
  },
8031
8031
  m(target, anchor) {
8032
8032
  insert(target, div, anchor);
@@ -8068,7 +8068,7 @@ function create_fragment$O(ctx) {
8068
8068
  };
8069
8069
  }
8070
8070
 
8071
- function instance$O($$self, $$props, $$invalidate) {
8071
+ function instance$R($$self, $$props, $$invalidate) {
8072
8072
  let _value;
8073
8073
  let $value;
8074
8074
  let { name = '' } = $$props;
@@ -8150,8 +8150,8 @@ class FormRatingButtonsNumber extends SvelteComponent {
8150
8150
  init(
8151
8151
  this,
8152
8152
  options,
8153
- instance$O,
8154
- create_fragment$O,
8153
+ instance$R,
8154
+ create_fragment$R,
8155
8155
  safe_not_equal,
8156
8156
  {
8157
8157
  name: 6,
@@ -8162,15 +8162,15 @@ class FormRatingButtonsNumber extends SvelteComponent {
8162
8162
  buttonStyle: 9,
8163
8163
  buttonActiveStyle: 10
8164
8164
  },
8165
- add_css$n
8165
+ add_css$o
8166
8166
  );
8167
8167
  }
8168
8168
  }
8169
8169
 
8170
8170
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
8171
8171
 
8172
- function add_css$m(target) {
8173
- 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%)}");
8172
+ function add_css$n(target) {
8173
+ 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%)}");
8174
8174
  }
8175
8175
 
8176
8176
  function get_each_context$1(ctx, list, i) {
@@ -8195,9 +8195,9 @@ function create_each_block$1(ctx) {
8195
8195
  img = element("img");
8196
8196
  t = space();
8197
8197
  if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
8198
- attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"));
8198
+ attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
8199
8199
  attr(img, "alt", "rate" + /*i*/ ctx[10]);
8200
- attr(button, "class", "rating-button svelte-1b5dvzw");
8200
+ attr(button, "class", "rating-button svelte-tbunko");
8201
8201
  attr(button, "style", /*buttonStyle*/ ctx[0]);
8202
8202
  },
8203
8203
  m(target, anchor) {
@@ -8213,7 +8213,7 @@ function create_each_block$1(ctx) {
8213
8213
  p(new_ctx, dirty) {
8214
8214
  ctx = new_ctx;
8215
8215
 
8216
- 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"))) {
8216
+ 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"))) {
8217
8217
  attr(img, "class", img_class_value);
8218
8218
  }
8219
8219
 
@@ -8229,7 +8229,7 @@ function create_each_block$1(ctx) {
8229
8229
  };
8230
8230
  }
8231
8231
 
8232
- function create_fragment$N(ctx) {
8232
+ function create_fragment$Q(ctx) {
8233
8233
  let div;
8234
8234
  let each_value = [...Array(count).keys()].reverse().map(func);
8235
8235
  let each_blocks = [];
@@ -8246,7 +8246,7 @@ function create_fragment$N(ctx) {
8246
8246
  each_blocks[i].c();
8247
8247
  }
8248
8248
 
8249
- attr(div, "class", "rating-buttons svelte-1b5dvzw");
8249
+ attr(div, "class", "rating-buttons svelte-tbunko");
8250
8250
  },
8251
8251
  m(target, anchor) {
8252
8252
  insert(target, div, anchor);
@@ -8291,7 +8291,7 @@ function create_fragment$N(ctx) {
8291
8291
  const count = 5;
8292
8292
  const func = i => i + 1;
8293
8293
 
8294
- function instance$N($$self, $$props, $$invalidate) {
8294
+ function instance$Q($$self, $$props, $$invalidate) {
8295
8295
  let _value;
8296
8296
  let buttonStyle;
8297
8297
  let $value;
@@ -8347,17 +8347,17 @@ function instance$N($$self, $$props, $$invalidate) {
8347
8347
  class FormRatingButtonsFace extends SvelteComponent {
8348
8348
  constructor(options) {
8349
8349
  super();
8350
- init(this, options, instance$N, create_fragment$N, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$m);
8350
+ init(this, options, instance$Q, create_fragment$Q, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$n);
8351
8351
  }
8352
8352
  }
8353
8353
 
8354
8354
  /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
8355
8355
 
8356
- function add_css$l(target) {
8357
- 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}");
8356
+ function add_css$m(target) {
8357
+ 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}");
8358
8358
  }
8359
8359
 
8360
- function create_fragment$M(ctx) {
8360
+ function create_fragment$P(ctx) {
8361
8361
  let div;
8362
8362
  let input;
8363
8363
  let input_class_value;
@@ -8368,13 +8368,13 @@ function create_fragment$M(ctx) {
8368
8368
  c() {
8369
8369
  div = element("div");
8370
8370
  input = element("input");
8371
- attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"));
8371
+ attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"));
8372
8372
  attr(input, "type", "text");
8373
8373
  input.value = /*$value*/ ctx[2];
8374
8374
  input.required = /*required*/ ctx[0];
8375
8375
  attr(input, "placeholder", /*placeholder*/ ctx[1]);
8376
8376
  attr(input, "style", /*style*/ ctx[5]);
8377
- attr(div, "class", "input-wrapper svelte-f14zo5");
8377
+ attr(div, "class", "input-wrapper svelte-h8fqwx");
8378
8378
  attr(div, "style", /*styleVariables*/ ctx[4]);
8379
8379
  },
8380
8380
  m(target, anchor) {
@@ -8387,7 +8387,7 @@ function create_fragment$M(ctx) {
8387
8387
  }
8388
8388
  },
8389
8389
  p(ctx, [dirty]) {
8390
- if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"))) {
8390
+ if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"))) {
8391
8391
  attr(input, "class", input_class_value);
8392
8392
  }
8393
8393
 
@@ -8421,7 +8421,7 @@ function create_fragment$M(ctx) {
8421
8421
  };
8422
8422
  }
8423
8423
 
8424
- function instance$M($$self, $$props, $$invalidate) {
8424
+ function instance$P($$self, $$props, $$invalidate) {
8425
8425
  let style;
8426
8426
  let styleVariables;
8427
8427
  let isValidForUI;
@@ -8552,8 +8552,8 @@ class FormIdentifyInput extends SvelteComponent {
8552
8552
  init(
8553
8553
  this,
8554
8554
  options,
8555
- instance$M,
8556
- create_fragment$M,
8555
+ instance$P,
8556
+ create_fragment$P,
8557
8557
  safe_not_equal,
8558
8558
  {
8559
8559
  field: 9,
@@ -8567,18 +8567,18 @@ class FormIdentifyInput extends SvelteComponent {
8567
8567
  _textStyle: 15,
8568
8568
  _placeholderStyle: 16
8569
8569
  },
8570
- add_css$l
8570
+ add_css$m
8571
8571
  );
8572
8572
  }
8573
8573
  }
8574
8574
 
8575
8575
  /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
8576
8576
 
8577
- function add_css$k(target) {
8578
- 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}");
8577
+ function add_css$l(target) {
8578
+ 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}");
8579
8579
  }
8580
8580
 
8581
- function create_fragment$L(ctx) {
8581
+ function create_fragment$O(ctx) {
8582
8582
  let div;
8583
8583
  let label0;
8584
8584
  let input0;
@@ -8613,20 +8613,20 @@ function create_fragment$L(ctx) {
8613
8613
  span1 = element("span");
8614
8614
  t4 = text("いいえ");
8615
8615
  attr(input0, "type", "radio");
8616
- attr(input0, "class", "radio-button-input svelte-pzrwlo");
8616
+ attr(input0, "class", "radio-button-input svelte-8zbmyo");
8617
8617
  attr(input0, "style", /*buttonStyle*/ ctx[2]);
8618
8618
  input0.checked = input0_checked_value = /*$value*/ ctx[3] === true;
8619
- attr(span0, "class", "radio-button-text svelte-pzrwlo");
8619
+ attr(span0, "class", "radio-button-text svelte-8zbmyo");
8620
8620
  attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
8621
- attr(label0, "class", "radio-button svelte-pzrwlo");
8621
+ attr(label0, "class", "radio-button svelte-8zbmyo");
8622
8622
  attr(input1, "type", "radio");
8623
- attr(input1, "class", "radio-button-input svelte-pzrwlo");
8623
+ attr(input1, "class", "radio-button-input svelte-8zbmyo");
8624
8624
  attr(input1, "style", /*buttonStyle*/ ctx[2]);
8625
8625
  input1.checked = input1_checked_value = /*$value*/ ctx[3] === false;
8626
- attr(span1, "class", "radio-button-text svelte-pzrwlo");
8626
+ attr(span1, "class", "radio-button-text svelte-8zbmyo");
8627
8627
  attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
8628
- attr(label1, "class", "radio-button svelte-pzrwlo");
8629
- attr(div, "class", "radio-buttons svelte-pzrwlo");
8628
+ attr(label1, "class", "radio-button svelte-8zbmyo");
8629
+ attr(div, "class", "radio-buttons svelte-8zbmyo");
8630
8630
  attr(div, "style", /*_layoutStyle*/ ctx[0]);
8631
8631
  },
8632
8632
  m(target, anchor) {
@@ -8691,7 +8691,7 @@ function create_fragment$L(ctx) {
8691
8691
  };
8692
8692
  }
8693
8693
 
8694
- function instance$L($$self, $$props, $$invalidate) {
8694
+ function instance$O($$self, $$props, $$invalidate) {
8695
8695
  let buttonStyle;
8696
8696
  let $value;
8697
8697
  let { field = 'subscription' } = $$props;
@@ -8773,8 +8773,8 @@ class FormIdentifyChoices extends SvelteComponent {
8773
8773
  init(
8774
8774
  this,
8775
8775
  options,
8776
- instance$L,
8777
- create_fragment$L,
8776
+ instance$O,
8777
+ create_fragment$O,
8778
8778
  safe_not_equal,
8779
8779
  {
8780
8780
  field: 6,
@@ -8786,15 +8786,15 @@ class FormIdentifyChoices extends SvelteComponent {
8786
8786
  buttonColor: 10,
8787
8787
  buttonColorActive: 11
8788
8788
  },
8789
- add_css$k
8789
+ add_css$l
8790
8790
  );
8791
8791
  }
8792
8792
  }
8793
8793
 
8794
8794
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
8795
8795
 
8796
- function add_css$j(target) {
8797
- 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%}");
8796
+ function add_css$k(target) {
8797
+ 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%}");
8798
8798
  }
8799
8799
 
8800
8800
  function get_each_context(ctx, list, i) {
@@ -8823,9 +8823,9 @@ function create_if_block_1$1(ctx) {
8823
8823
  attr(svg, "viewBox", "0 0 10 16");
8824
8824
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8825
8825
  attr(svg, "style", /*prevIconStyle*/ ctx[10]);
8826
- attr(button, "class", "move-button svelte-1qfq79t");
8826
+ attr(button, "class", "move-button svelte-ji1fh");
8827
8827
  attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
8828
- attr(div, "class", "prev-button-container svelte-1qfq79t");
8828
+ attr(div, "class", "prev-button-container svelte-ji1fh");
8829
8829
  },
8830
8830
  m(target, anchor) {
8831
8831
  insert(target, div, anchor);
@@ -8856,7 +8856,7 @@ function create_if_block_1$1(ctx) {
8856
8856
  }
8857
8857
 
8858
8858
  // (380:2) {#if isVisibleNextButton}
8859
- function create_if_block$5(ctx) {
8859
+ function create_if_block$6(ctx) {
8860
8860
  let div;
8861
8861
  let button;
8862
8862
  let svg;
@@ -8874,9 +8874,9 @@ function create_if_block$5(ctx) {
8874
8874
  attr(svg, "viewBox", "0 0 10 16");
8875
8875
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8876
8876
  attr(svg, "style", /*nextIconStyle*/ ctx[8]);
8877
- attr(button, "class", "move-button svelte-1qfq79t");
8877
+ attr(button, "class", "move-button svelte-ji1fh");
8878
8878
  attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
8879
- attr(div, "class", "next-button-container svelte-1qfq79t");
8879
+ attr(div, "class", "next-button-container svelte-ji1fh");
8880
8880
  },
8881
8881
  m(target, anchor) {
8882
8882
  insert(target, div, anchor);
@@ -8924,9 +8924,9 @@ function create_each_block(ctx) {
8924
8924
  button = element("button");
8925
8925
  div = element("div");
8926
8926
  t = space();
8927
- attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
8927
+ attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
8928
8928
  attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
8929
- attr(button, "class", "navigation-item svelte-1qfq79t");
8929
+ attr(button, "class", "navigation-item svelte-ji1fh");
8930
8930
  attr(button, "style", /*navigationItemStyle*/ ctx[6]);
8931
8931
  },
8932
8932
  m(target, anchor) {
@@ -8958,7 +8958,7 @@ function create_each_block(ctx) {
8958
8958
  };
8959
8959
  }
8960
8960
 
8961
- function create_fragment$K(ctx) {
8961
+ function create_fragment$N(ctx) {
8962
8962
  let div3;
8963
8963
  let div1;
8964
8964
  let div0;
@@ -8971,7 +8971,7 @@ function create_fragment$K(ctx) {
8971
8971
  const default_slot_template = /*#slots*/ ctx[32].default;
8972
8972
  const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[31], null);
8973
8973
  let if_block0 = /*isVisiblePrevButton*/ ctx[12] && create_if_block_1$1(ctx);
8974
- let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$5(ctx);
8974
+ let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$6(ctx);
8975
8975
  let each_value = /*items*/ ctx[1];
8976
8976
  let each_blocks = [];
8977
8977
 
@@ -9003,14 +9003,14 @@ function create_fragment$K(ctx) {
9003
9003
  each_blocks[i].c();
9004
9004
  }
9005
9005
 
9006
- attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
9006
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
9007
9007
  attr(div0, "style", /*slideStyle*/ ctx[14]);
9008
- attr(div1, "class", "container svelte-1qfq79t");
9008
+ attr(div1, "class", "container svelte-ji1fh");
9009
9009
  attr(div1, "style", /*_style*/ ctx[0]);
9010
- attr(div2, "class", "navigation svelte-1qfq79t");
9010
+ attr(div2, "class", "navigation svelte-ji1fh");
9011
9011
  attr(div2, "style", /*navigationStyle*/ ctx[4]);
9012
9012
  set_attributes(div3, div3_data);
9013
- toggle_class(div3, "svelte-1qfq79t", true);
9013
+ toggle_class(div3, "svelte-ji1fh", true);
9014
9014
  },
9015
9015
  m(target, anchor) {
9016
9016
  insert(target, div3, anchor);
@@ -9052,7 +9052,7 @@ function create_fragment$K(ctx) {
9052
9052
  }
9053
9053
  }
9054
9054
 
9055
- if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
9055
+ if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
9056
9056
  attr(div0, "class", div0_class_value);
9057
9057
  }
9058
9058
 
@@ -9081,7 +9081,7 @@ function create_fragment$K(ctx) {
9081
9081
  if (if_block1) {
9082
9082
  if_block1.p(ctx, dirty);
9083
9083
  } else {
9084
- if_block1 = create_if_block$5(ctx);
9084
+ if_block1 = create_if_block$6(ctx);
9085
9085
  if_block1.c();
9086
9086
  if_block1.m(div3, t2);
9087
9087
  }
@@ -9118,7 +9118,7 @@ function create_fragment$K(ctx) {
9118
9118
  }
9119
9119
 
9120
9120
  set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
9121
- toggle_class(div3, "svelte-1qfq79t", true);
9121
+ toggle_class(div3, "svelte-ji1fh", true);
9122
9122
  },
9123
9123
  i(local) {
9124
9124
  if (current) return;
@@ -9153,7 +9153,7 @@ function calcPositionIndex(shift, index, length) {
9153
9153
  }
9154
9154
  }
9155
9155
 
9156
- function instance$K($$self, $$props, $$invalidate) {
9156
+ function instance$N($$self, $$props, $$invalidate) {
9157
9157
  let slideStyle;
9158
9158
  let slideClass;
9159
9159
  let _loop;
@@ -9606,8 +9606,8 @@ class Slide extends SvelteComponent {
9606
9606
  init(
9607
9607
  this,
9608
9608
  options,
9609
- instance$K,
9610
- create_fragment$K,
9609
+ instance$N,
9610
+ create_fragment$N,
9611
9611
  safe_not_equal,
9612
9612
  {
9613
9613
  loop: 18,
@@ -9621,7 +9621,7 @@ class Slide extends SvelteComponent {
9621
9621
  navigationButton: 25,
9622
9622
  navigationEdgePosition: 26
9623
9623
  },
9624
- add_css$j,
9624
+ add_css$k,
9625
9625
  [-1, -1, -1]
9626
9626
  );
9627
9627
  }
@@ -9629,11 +9629,11 @@ class Slide extends SvelteComponent {
9629
9629
 
9630
9630
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
9631
9631
 
9632
- function add_css$i(target) {
9633
- 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}");
9632
+ function add_css$j(target) {
9633
+ 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}");
9634
9634
  }
9635
9635
 
9636
- function create_fragment$J(ctx) {
9636
+ function create_fragment$M(ctx) {
9637
9637
  let div1;
9638
9638
  let div0;
9639
9639
  let current;
@@ -9645,9 +9645,9 @@ function create_fragment$J(ctx) {
9645
9645
  div1 = element("div");
9646
9646
  div0 = element("div");
9647
9647
  if (default_slot) default_slot.c();
9648
- attr(div0, "class", "item-inner svelte-1rv0qgo");
9648
+ attr(div0, "class", "item-inner svelte-9ygf1w");
9649
9649
  attr(div0, "style", /*_style*/ ctx[0]);
9650
- attr(div1, "class", "item svelte-1rv0qgo");
9650
+ attr(div1, "class", "item svelte-9ygf1w");
9651
9651
  attr(div1, "style", /*itemStyle*/ ctx[1]);
9652
9652
  },
9653
9653
  m(target, anchor) {
@@ -9700,7 +9700,7 @@ function create_fragment$J(ctx) {
9700
9700
  };
9701
9701
  }
9702
9702
 
9703
- function instance$J($$self, $$props, $$invalidate) {
9703
+ function instance$M($$self, $$props, $$invalidate) {
9704
9704
  let itemStyle;
9705
9705
  let { $$slots: slots = {}, $$scope } = $$props;
9706
9706
  const { registerItem, unregisterItem } = getContext('SLIDE');
@@ -9766,20 +9766,20 @@ function instance$J($$self, $$props, $$invalidate) {
9766
9766
  class SlideItem extends SvelteComponent {
9767
9767
  constructor(options) {
9768
9768
  super();
9769
- init(this, options, instance$J, create_fragment$J, safe_not_equal, { _style: 0 }, add_css$i);
9769
+ init(this, options, instance$M, create_fragment$M, safe_not_equal, { _style: 0 }, add_css$j);
9770
9770
  }
9771
9771
  }
9772
9772
 
9773
9773
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
9774
9774
 
9775
- function add_css$h(target) {
9776
- 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}");
9775
+ function add_css$i(target) {
9776
+ 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}");
9777
9777
  }
9778
9778
 
9779
9779
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
9780
9780
  const get_default_slot_context = ctx => ({ countdown: /*countdown*/ ctx[1] });
9781
9781
 
9782
- function create_fragment$I(ctx) {
9782
+ function create_fragment$L(ctx) {
9783
9783
  let div1;
9784
9784
  let div0;
9785
9785
  let current;
@@ -9791,9 +9791,9 @@ function create_fragment$I(ctx) {
9791
9791
  div1 = element("div");
9792
9792
  div0 = element("div");
9793
9793
  if (default_slot) default_slot.c();
9794
- attr(div0, "class", "countdown-inner svelte-t87l6f");
9794
+ attr(div0, "class", "countdown-inner svelte-rroxiz");
9795
9795
  attr(div0, "style", /*_style*/ ctx[0]);
9796
- attr(div1, "class", "countdown svelte-t87l6f");
9796
+ attr(div1, "class", "countdown svelte-rroxiz");
9797
9797
  },
9798
9798
  m(target, anchor) {
9799
9799
  insert(target, div1, anchor);
@@ -9859,7 +9859,7 @@ function formatTimeDiff(ms) {
9859
9859
  };
9860
9860
  }
9861
9861
 
9862
- function instance$I($$self, $$props, $$invalidate) {
9862
+ function instance$L($$self, $$props, $$invalidate) {
9863
9863
  let countdown;
9864
9864
  let { $$slots: slots = {}, $$scope } = $$props;
9865
9865
  let { timeLimit = '2023/12/31 23:59:59' } = $$props;
@@ -9920,14 +9920,14 @@ function instance$I($$self, $$props, $$invalidate) {
9920
9920
  class Countdown extends SvelteComponent {
9921
9921
  constructor(options) {
9922
9922
  super();
9923
- init(this, options, instance$I, create_fragment$I, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$h);
9923
+ init(this, options, instance$L, create_fragment$L, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$i);
9924
9924
  }
9925
9925
  }
9926
9926
 
9927
9927
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
9928
9928
 
9929
- function add_css$g(target) {
9930
- 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}");
9929
+ function add_css$h(target) {
9930
+ 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}");
9931
9931
  }
9932
9932
 
9933
9933
  // (24:2) <Button {onClick} style={_style} {eventName}>
@@ -9978,7 +9978,7 @@ function create_default_slot$2(ctx) {
9978
9978
  };
9979
9979
  }
9980
9980
 
9981
- function create_fragment$H(ctx) {
9981
+ function create_fragment$K(ctx) {
9982
9982
  let div;
9983
9983
  let button;
9984
9984
  let current;
@@ -9997,7 +9997,7 @@ function create_fragment$H(ctx) {
9997
9997
  c() {
9998
9998
  div = element("div");
9999
9999
  create_component(button.$$.fragment);
10000
- attr(div, "class", "box svelte-1c91vpe");
10000
+ attr(div, "class", "box svelte-1ccydfy");
10001
10001
  },
10002
10002
  m(target, anchor) {
10003
10003
  insert(target, div, anchor);
@@ -10032,7 +10032,7 @@ function create_fragment$H(ctx) {
10032
10032
  };
10033
10033
  }
10034
10034
 
10035
- function instance$H($$self, $$props, $$invalidate) {
10035
+ function instance$K($$self, $$props, $$invalidate) {
10036
10036
  let { $$slots: slots = {}, $$scope } = $$props;
10037
10037
  let { onClick = { operation: 'none', args: [] } } = $$props;
10038
10038
  let { eventName = '' } = $$props;
@@ -10051,18 +10051,18 @@ function instance$H($$self, $$props, $$invalidate) {
10051
10051
  class Box extends SvelteComponent {
10052
10052
  constructor(options) {
10053
10053
  super();
10054
- init(this, options, instance$H, create_fragment$H, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$g);
10054
+ init(this, options, instance$K, create_fragment$K, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$h);
10055
10055
  }
10056
10056
  }
10057
10057
 
10058
10058
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
10059
10059
 
10060
- function add_css$f(target) {
10061
- 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)}");
10060
+ function add_css$g(target) {
10061
+ 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)}");
10062
10062
  }
10063
10063
 
10064
10064
  // (56:4) {#if svg}
10065
- function create_if_block$4(ctx) {
10065
+ function create_if_block$5(ctx) {
10066
10066
  let html_tag;
10067
10067
  let html_anchor;
10068
10068
 
@@ -10089,7 +10089,7 @@ function create_if_block$4(ctx) {
10089
10089
  // (55:2) <Button {onClick} {style} {eventName}>
10090
10090
  function create_default_slot$1(ctx) {
10091
10091
  let if_block_anchor;
10092
- let if_block = /*svg*/ ctx[3] && create_if_block$4(ctx);
10092
+ let if_block = /*svg*/ ctx[3] && create_if_block$5(ctx);
10093
10093
 
10094
10094
  return {
10095
10095
  c() {
@@ -10105,7 +10105,7 @@ function create_default_slot$1(ctx) {
10105
10105
  if (if_block) {
10106
10106
  if_block.p(ctx, dirty);
10107
10107
  } else {
10108
- if_block = create_if_block$4(ctx);
10108
+ if_block = create_if_block$5(ctx);
10109
10109
  if_block.c();
10110
10110
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
10111
10111
  }
@@ -10121,7 +10121,7 @@ function create_default_slot$1(ctx) {
10121
10121
  };
10122
10122
  }
10123
10123
 
10124
- function create_fragment$G(ctx) {
10124
+ function create_fragment$J(ctx) {
10125
10125
  let div;
10126
10126
  let button;
10127
10127
  let current;
@@ -10140,7 +10140,7 @@ function create_fragment$G(ctx) {
10140
10140
  c() {
10141
10141
  div = element("div");
10142
10142
  create_component(button.$$.fragment);
10143
- attr(div, "class", "icon svelte-1mk6wi4");
10143
+ attr(div, "class", "icon svelte-1mkvcuo");
10144
10144
  },
10145
10145
  m(target, anchor) {
10146
10146
  insert(target, div, anchor);
@@ -10182,7 +10182,7 @@ function parseData(dataUrl) {
10182
10182
  return decodeURIComponent(data).replaceAll('\'', '"');
10183
10183
  }
10184
10184
 
10185
- function instance$G($$self, $$props, $$invalidate) {
10185
+ function instance$J($$self, $$props, $$invalidate) {
10186
10186
  let svg;
10187
10187
  let styleVariables;
10188
10188
  let style;
@@ -10230,8 +10230,8 @@ class IconElement extends SvelteComponent {
10230
10230
  init(
10231
10231
  this,
10232
10232
  options,
10233
- instance$G,
10234
- create_fragment$G,
10233
+ instance$J,
10234
+ create_fragment$J,
10235
10235
  safe_not_equal,
10236
10236
  {
10237
10237
  icon: 4,
@@ -10241,18 +10241,18 @@ class IconElement extends SvelteComponent {
10241
10241
  color: 6,
10242
10242
  _style: 7
10243
10243
  },
10244
- add_css$f
10244
+ add_css$g
10245
10245
  );
10246
10246
  }
10247
10247
  }
10248
10248
 
10249
10249
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
10250
10250
 
10251
- function add_css$e(target) {
10252
- append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10251
+ function add_css$f(target) {
10252
+ append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10253
10253
  }
10254
10254
 
10255
- function create_fragment$F(ctx) {
10255
+ function create_fragment$I(ctx) {
10256
10256
  let div;
10257
10257
  let switch_instance;
10258
10258
  let current;
@@ -10275,7 +10275,7 @@ function create_fragment$F(ctx) {
10275
10275
  c() {
10276
10276
  div = element("div");
10277
10277
  if (switch_instance) create_component(switch_instance.$$.fragment);
10278
- attr(div, "class", "codeElement svelte-1ng2n51");
10278
+ attr(div, "class", "codeElement svelte-ymsb9l");
10279
10279
  attr(div, "style", /*style*/ ctx[3]);
10280
10280
  },
10281
10281
  m(target, anchor) {
@@ -10332,7 +10332,7 @@ function create_fragment$F(ctx) {
10332
10332
  };
10333
10333
  }
10334
10334
 
10335
- function instance$F($$self, $$props, $$invalidate) {
10335
+ function instance$I($$self, $$props, $$invalidate) {
10336
10336
  let $data,
10337
10337
  $$unsubscribe_data = noop,
10338
10338
  $$subscribe_data = () => ($$unsubscribe_data(), $$unsubscribe_data = subscribe(data, $$value => $$invalidate(4, $data = $$value)), data);
@@ -10357,17 +10357,17 @@ function instance$F($$self, $$props, $$invalidate) {
10357
10357
  class CodeElement extends SvelteComponent {
10358
10358
  constructor(options) {
10359
10359
  super();
10360
- init(this, options, instance$F, create_fragment$F, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$e);
10360
+ init(this, options, instance$I, create_fragment$I, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$f);
10361
10361
  }
10362
10362
  }
10363
10363
 
10364
10364
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
10365
10365
 
10366
- function add_css$d(target) {
10367
- append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
10366
+ function add_css$e(target) {
10367
+ append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
10368
10368
  }
10369
10369
 
10370
- function create_fragment$E(ctx) {
10370
+ function create_fragment$H(ctx) {
10371
10371
  let div;
10372
10372
  let div_style_value;
10373
10373
  let current;
@@ -10378,7 +10378,7 @@ function create_fragment$E(ctx) {
10378
10378
  c() {
10379
10379
  div = element("div");
10380
10380
  if (default_slot) default_slot.c();
10381
- attr(div, "class", "flex svelte-9v2qdg");
10381
+ attr(div, "class", "flex svelte-1e71ejc");
10382
10382
  attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
10383
10383
  },
10384
10384
  m(target, anchor) {
@@ -10432,7 +10432,7 @@ function getFlexContext() {
10432
10432
  return getContext(FlexContextKey);
10433
10433
  }
10434
10434
 
10435
- function instance$E($$self, $$props, $$invalidate) {
10435
+ function instance$H($$self, $$props, $$invalidate) {
10436
10436
  let { $$slots: slots = {}, $$scope } = $$props;
10437
10437
  let { direction = 'row' } = $$props;
10438
10438
  let { width = '100%' } = $$props;
@@ -10458,8 +10458,8 @@ class Flex extends SvelteComponent {
10458
10458
  init(
10459
10459
  this,
10460
10460
  options,
10461
- instance$E,
10462
- create_fragment$E,
10461
+ instance$H,
10462
+ create_fragment$H,
10463
10463
  safe_not_equal,
10464
10464
  {
10465
10465
  direction: 0,
@@ -10467,18 +10467,18 @@ class Flex extends SvelteComponent {
10467
10467
  height: 2,
10468
10468
  _style: 3
10469
10469
  },
10470
- add_css$d
10470
+ add_css$e
10471
10471
  );
10472
10472
  }
10473
10473
  }
10474
10474
 
10475
10475
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
10476
10476
 
10477
- function add_css$c(target) {
10478
- append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
10477
+ function add_css$d(target) {
10478
+ append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
10479
10479
  }
10480
10480
 
10481
- function create_fragment$D(ctx) {
10481
+ function create_fragment$G(ctx) {
10482
10482
  let div;
10483
10483
  let current;
10484
10484
  const default_slot_template = /*#slots*/ ctx[4].default;
@@ -10488,7 +10488,7 @@ function create_fragment$D(ctx) {
10488
10488
  c() {
10489
10489
  div = element("div");
10490
10490
  if (default_slot) default_slot.c();
10491
- attr(div, "class", "flex-item svelte-164ah5d");
10491
+ attr(div, "class", "flex-item svelte-1p0bk1x");
10492
10492
  attr(div, "style", /*style*/ ctx[0]);
10493
10493
  },
10494
10494
  m(target, anchor) {
@@ -10536,7 +10536,7 @@ function create_fragment$D(ctx) {
10536
10536
  };
10537
10537
  }
10538
10538
 
10539
- function instance$D($$self, $$props, $$invalidate) {
10539
+ function instance$G($$self, $$props, $$invalidate) {
10540
10540
  let { $$slots: slots = {}, $$scope } = $$props;
10541
10541
  let { length } = $$props;
10542
10542
  let { _style = '' } = $$props;
@@ -10579,7 +10579,7 @@ function instance$D($$self, $$props, $$invalidate) {
10579
10579
  class FlexItem extends SvelteComponent {
10580
10580
  constructor(options) {
10581
10581
  super();
10582
- init(this, options, instance$D, create_fragment$D, safe_not_equal, { length: 1, _style: 2 }, add_css$c);
10582
+ init(this, options, instance$G, create_fragment$G, safe_not_equal, { length: 1, _style: 2 }, add_css$d);
10583
10583
  }
10584
10584
  }
10585
10585
 
@@ -10754,7 +10754,7 @@ function create_default_slot(ctx) {
10754
10754
  };
10755
10755
  }
10756
10756
 
10757
- function create_fragment$C(ctx) {
10757
+ function create_fragment$F(ctx) {
10758
10758
  let stateitem;
10759
10759
  let current;
10760
10760
 
@@ -10799,7 +10799,7 @@ function create_fragment$C(ctx) {
10799
10799
  };
10800
10800
  }
10801
10801
 
10802
- function instance$C($$self, $$props, $$invalidate) {
10802
+ function instance$F($$self, $$props, $$invalidate) {
10803
10803
  let { $$slots: slots = {}, $$scope } = $$props;
10804
10804
  let { path } = $$props;
10805
10805
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -10870,7 +10870,7 @@ class GridModalState extends SvelteComponent {
10870
10870
  constructor(options) {
10871
10871
  super();
10872
10872
 
10873
- init(this, options, instance$C, create_fragment$C, safe_not_equal, {
10873
+ init(this, options, instance$F, create_fragment$F, safe_not_equal, {
10874
10874
  path: 0,
10875
10875
  onClick: 1,
10876
10876
  clickEventName: 2,
@@ -10895,11 +10895,11 @@ class GridModalState extends SvelteComponent {
10895
10895
 
10896
10896
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
10897
10897
 
10898
- function add_css$b(target) {
10899
- 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%}");
10898
+ function add_css$c(target) {
10899
+ 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%}");
10900
10900
  }
10901
10901
 
10902
- function create_fragment$B(ctx) {
10902
+ function create_fragment$E(ctx) {
10903
10903
  let div1;
10904
10904
  let div0;
10905
10905
  let rendertext;
@@ -10912,8 +10912,8 @@ function create_fragment$B(ctx) {
10912
10912
  div1 = element("div");
10913
10913
  div0 = element("div");
10914
10914
  create_component(rendertext.$$.fragment);
10915
- attr(div0, "class", "text-block-inner svelte-akic2e");
10916
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"));
10915
+ attr(div0, "class", "text-block-inner svelte-15pej1m");
10916
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
10917
10917
  attr(div1, "style", /*style*/ ctx[2]);
10918
10918
  },
10919
10919
  m(target, anchor) {
@@ -10927,7 +10927,7 @@ function create_fragment$B(ctx) {
10927
10927
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
10928
10928
  rendertext.$set(rendertext_changes);
10929
10929
 
10930
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"))) {
10930
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
10931
10931
  attr(div1, "class", div1_class_value);
10932
10932
  }
10933
10933
 
@@ -10951,7 +10951,7 @@ function create_fragment$B(ctx) {
10951
10951
  };
10952
10952
  }
10953
10953
 
10954
- function instance$B($$self, $$props, $$invalidate) {
10954
+ function instance$E($$self, $$props, $$invalidate) {
10955
10955
  let style;
10956
10956
  let { text = 'サンプルSample' } = $$props;
10957
10957
  let { font = SYSTEM_FONT } = $$props;
@@ -10987,8 +10987,8 @@ class TextBlock extends SvelteComponent {
10987
10987
  init(
10988
10988
  this,
10989
10989
  options,
10990
- instance$B,
10991
- create_fragment$B,
10990
+ instance$E,
10991
+ create_fragment$E,
10992
10992
  safe_not_equal,
10993
10993
  {
10994
10994
  text: 0,
@@ -10997,18 +10997,18 @@ class TextBlock extends SvelteComponent {
10997
10997
  textDirection: 1,
10998
10998
  _style: 5
10999
10999
  },
11000
- add_css$b
11000
+ add_css$c
11001
11001
  );
11002
11002
  }
11003
11003
  }
11004
11004
 
11005
11005
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
11006
11006
 
11007
- function add_css$a(target) {
11008
- 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)}");
11007
+ function add_css$b(target) {
11008
+ 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)}");
11009
11009
  }
11010
11010
 
11011
- function create_fragment$A(ctx) {
11011
+ function create_fragment$D(ctx) {
11012
11012
  let div;
11013
11013
  let button;
11014
11014
  let rendertext;
@@ -11022,9 +11022,9 @@ function create_fragment$A(ctx) {
11022
11022
  div = element("div");
11023
11023
  button = element("button");
11024
11024
  create_component(rendertext.$$.fragment);
11025
- attr(button, "class", "text-button svelte-1c34p4n");
11025
+ attr(button, "class", "text-button svelte-ff0k6r");
11026
11026
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
11027
- attr(div, "class", "text-button-block svelte-1c34p4n");
11027
+ attr(div, "class", "text-button-block svelte-ff0k6r");
11028
11028
  attr(div, "style", /*_style*/ ctx[2]);
11029
11029
  },
11030
11030
  m(target, anchor) {
@@ -11069,7 +11069,7 @@ function create_fragment$A(ctx) {
11069
11069
  };
11070
11070
  }
11071
11071
 
11072
- function instance$A($$self, $$props, $$invalidate) {
11072
+ function instance$D($$self, $$props, $$invalidate) {
11073
11073
  let { text = 'ボタンラベル' } = $$props;
11074
11074
  let { onClick = { operation: 'none', args: [] } } = $$props;
11075
11075
 
@@ -11111,8 +11111,8 @@ class TextButtonBlock extends SvelteComponent {
11111
11111
  init(
11112
11112
  this,
11113
11113
  options,
11114
- instance$A,
11115
- create_fragment$A,
11114
+ instance$D,
11115
+ create_fragment$D,
11116
11116
  safe_not_equal,
11117
11117
  {
11118
11118
  text: 0,
@@ -11122,18 +11122,18 @@ class TextButtonBlock extends SvelteComponent {
11122
11122
  _buttonStyle: 1,
11123
11123
  _style: 2
11124
11124
  },
11125
- add_css$a
11125
+ add_css$b
11126
11126
  );
11127
11127
  }
11128
11128
  }
11129
11129
 
11130
11130
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
11131
11131
 
11132
- function add_css$9(target) {
11133
- 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)}");
11132
+ function add_css$a(target) {
11133
+ 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)}");
11134
11134
  }
11135
11135
 
11136
- function create_fragment$z(ctx) {
11136
+ function create_fragment$C(ctx) {
11137
11137
  let div;
11138
11138
  let img;
11139
11139
  let img_style_value;
@@ -11146,14 +11146,14 @@ function create_fragment$z(ctx) {
11146
11146
  c() {
11147
11147
  div = element("div");
11148
11148
  img = element("img");
11149
- attr(img, "class", "image svelte-1jus6sx");
11149
+ attr(img, "class", "image svelte-1pdw891");
11150
11150
  attr(img, "loading", "lazy");
11151
11151
  attr(img, "width", "auto");
11152
11152
  attr(img, "height", "auto");
11153
11153
  attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
11154
11154
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
11155
11155
  attr(img, "alt", /*alt*/ ctx[1]);
11156
- attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"));
11156
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
11157
11157
  attr(div, "style", /*_style*/ ctx[5]);
11158
11158
  },
11159
11159
  m(target, anchor) {
@@ -11178,7 +11178,7 @@ function create_fragment$z(ctx) {
11178
11178
  attr(img, "alt", /*alt*/ ctx[1]);
11179
11179
  }
11180
11180
 
11181
- if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"))) {
11181
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
11182
11182
  attr(div, "class", div_class_value);
11183
11183
  }
11184
11184
 
@@ -11196,7 +11196,7 @@ function create_fragment$z(ctx) {
11196
11196
  };
11197
11197
  }
11198
11198
 
11199
- function instance$z($$self, $$props, $$invalidate) {
11199
+ function instance$C($$self, $$props, $$invalidate) {
11200
11200
  let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
11201
11201
  let { alt = 'No Image' } = $$props;
11202
11202
  let { transport = false } = $$props;
@@ -11236,8 +11236,8 @@ class ImageBlock extends SvelteComponent {
11236
11236
  init(
11237
11237
  this,
11238
11238
  options,
11239
- instance$z,
11240
- create_fragment$z,
11239
+ instance$C,
11240
+ create_fragment$C,
11241
11241
  safe_not_equal,
11242
11242
  {
11243
11243
  src: 0,
@@ -11249,7 +11249,7 @@ class ImageBlock extends SvelteComponent {
11249
11249
  _imageStyle: 4,
11250
11250
  _style: 5
11251
11251
  },
11252
- add_css$9
11252
+ add_css$a
11253
11253
  );
11254
11254
  }
11255
11255
  }
@@ -11348,11 +11348,11 @@ const toCssShadow = (p) => {
11348
11348
 
11349
11349
  /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
11350
11350
 
11351
- function add_css$8(target) {
11352
- append_styles(target, "svelte-jnsixl", ".avatar.svelte-jnsixl{display:flex;align-items:center;overflow:hidden;flex-shrink:0}");
11351
+ function add_css$9(target) {
11352
+ append_styles(target, "svelte-17xar9h", ".avatar.svelte-17xar9h{display:flex;align-items:center;overflow:hidden;flex-shrink:0}");
11353
11353
  }
11354
11354
 
11355
- function create_fragment$y(ctx) {
11355
+ function create_fragment$B(ctx) {
11356
11356
  let div;
11357
11357
  let img;
11358
11358
  let img_src_value;
@@ -11365,7 +11365,7 @@ function create_fragment$y(ctx) {
11365
11365
  if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
11366
11366
  attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
11367
11367
  attr(img, "style", /*imgStyle*/ ctx[2]);
11368
- attr(div, "class", "avatar svelte-jnsixl");
11368
+ attr(div, "class", "avatar svelte-17xar9h");
11369
11369
  attr(div, "data-layer-id", /*layerId*/ ctx[1]);
11370
11370
  attr(div, "style", /*style*/ ctx[3]);
11371
11371
  },
@@ -11402,7 +11402,7 @@ function create_fragment$y(ctx) {
11402
11402
  };
11403
11403
  }
11404
11404
 
11405
- function instance$y($$self, $$props, $$invalidate) {
11405
+ function instance$B($$self, $$props, $$invalidate) {
11406
11406
  let style;
11407
11407
  let imgStyle;
11408
11408
  let { props = {} } = $$props;
@@ -11446,7 +11446,7 @@ function instance$y($$self, $$props, $$invalidate) {
11446
11446
  class Avatar extends SvelteComponent {
11447
11447
  constructor(options) {
11448
11448
  super();
11449
- init(this, options, instance$y, create_fragment$y, safe_not_equal, { props: 0, layerId: 1 }, add_css$8);
11449
+ init(this, options, instance$B, create_fragment$B, safe_not_equal, { props: 0, layerId: 1 }, add_css$9);
11450
11450
  }
11451
11451
  }
11452
11452
 
@@ -11464,7 +11464,7 @@ const AVATAR_SHAPE = {
11464
11464
 
11465
11465
  /* src/components-flex/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
11466
11466
 
11467
- function create_fragment$x(ctx) {
11467
+ function create_fragment$A(ctx) {
11468
11468
  let svg;
11469
11469
  let path;
11470
11470
 
@@ -11496,7 +11496,7 @@ function create_fragment$x(ctx) {
11496
11496
  };
11497
11497
  }
11498
11498
 
11499
- function instance$x($$self, $$props, $$invalidate) {
11499
+ function instance$A($$self, $$props, $$invalidate) {
11500
11500
  let { color } = $$props;
11501
11501
 
11502
11502
  $$self.$$set = $$props => {
@@ -11509,13 +11509,13 @@ function instance$x($$self, $$props, $$invalidate) {
11509
11509
  class IconArrowDown extends SvelteComponent {
11510
11510
  constructor(options) {
11511
11511
  super();
11512
- init(this, options, instance$x, create_fragment$x, safe_not_equal, { color: 0 });
11512
+ init(this, options, instance$A, create_fragment$A, safe_not_equal, { color: 0 });
11513
11513
  }
11514
11514
  }
11515
11515
 
11516
11516
  /* src/components-flex/icon/variants/IconArrowUp.svelte generated by Svelte v3.53.1 */
11517
11517
 
11518
- function create_fragment$w(ctx) {
11518
+ function create_fragment$z(ctx) {
11519
11519
  let svg;
11520
11520
  let path;
11521
11521
 
@@ -11547,7 +11547,7 @@ function create_fragment$w(ctx) {
11547
11547
  };
11548
11548
  }
11549
11549
 
11550
- function instance$w($$self, $$props, $$invalidate) {
11550
+ function instance$z($$self, $$props, $$invalidate) {
11551
11551
  let { color } = $$props;
11552
11552
 
11553
11553
  $$self.$$set = $$props => {
@@ -11560,13 +11560,13 @@ function instance$w($$self, $$props, $$invalidate) {
11560
11560
  class IconArrowUp extends SvelteComponent {
11561
11561
  constructor(options) {
11562
11562
  super();
11563
- init(this, options, instance$w, create_fragment$w, safe_not_equal, { color: 0 });
11563
+ init(this, options, instance$z, create_fragment$z, safe_not_equal, { color: 0 });
11564
11564
  }
11565
11565
  }
11566
11566
 
11567
11567
  /* src/components-flex/icon/variants/IconUsers.svelte generated by Svelte v3.53.1 */
11568
11568
 
11569
- function create_fragment$v(ctx) {
11569
+ function create_fragment$y(ctx) {
11570
11570
  let svg;
11571
11571
  let path;
11572
11572
 
@@ -11598,7 +11598,7 @@ function create_fragment$v(ctx) {
11598
11598
  };
11599
11599
  }
11600
11600
 
11601
- function instance$v($$self, $$props, $$invalidate) {
11601
+ function instance$y($$self, $$props, $$invalidate) {
11602
11602
  let { color } = $$props;
11603
11603
 
11604
11604
  $$self.$$set = $$props => {
@@ -11611,13 +11611,13 @@ function instance$v($$self, $$props, $$invalidate) {
11611
11611
  class IconUsers extends SvelteComponent {
11612
11612
  constructor(options) {
11613
11613
  super();
11614
- init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
11614
+ init(this, options, instance$y, create_fragment$y, safe_not_equal, { color: 0 });
11615
11615
  }
11616
11616
  }
11617
11617
 
11618
11618
  /* src/components-flex/icon/variants/IconArrowLeft.svelte generated by Svelte v3.53.1 */
11619
11619
 
11620
- function create_fragment$u(ctx) {
11620
+ function create_fragment$x(ctx) {
11621
11621
  let svg;
11622
11622
  let path;
11623
11623
 
@@ -11649,7 +11649,7 @@ function create_fragment$u(ctx) {
11649
11649
  };
11650
11650
  }
11651
11651
 
11652
- function instance$u($$self, $$props, $$invalidate) {
11652
+ function instance$x($$self, $$props, $$invalidate) {
11653
11653
  let { color } = $$props;
11654
11654
 
11655
11655
  $$self.$$set = $$props => {
@@ -11662,13 +11662,13 @@ function instance$u($$self, $$props, $$invalidate) {
11662
11662
  class IconArrowLeft extends SvelteComponent {
11663
11663
  constructor(options) {
11664
11664
  super();
11665
- init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
11665
+ init(this, options, instance$x, create_fragment$x, safe_not_equal, { color: 0 });
11666
11666
  }
11667
11667
  }
11668
11668
 
11669
11669
  /* src/components-flex/icon/variants/IconArrowRight.svelte generated by Svelte v3.53.1 */
11670
11670
 
11671
- function create_fragment$t(ctx) {
11671
+ function create_fragment$w(ctx) {
11672
11672
  let svg;
11673
11673
  let path;
11674
11674
 
@@ -11700,7 +11700,7 @@ function create_fragment$t(ctx) {
11700
11700
  };
11701
11701
  }
11702
11702
 
11703
- function instance$t($$self, $$props, $$invalidate) {
11703
+ function instance$w($$self, $$props, $$invalidate) {
11704
11704
  let { color } = $$props;
11705
11705
 
11706
11706
  $$self.$$set = $$props => {
@@ -11713,13 +11713,13 @@ function instance$t($$self, $$props, $$invalidate) {
11713
11713
  class IconArrowRight extends SvelteComponent {
11714
11714
  constructor(options) {
11715
11715
  super();
11716
- init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
11716
+ init(this, options, instance$w, create_fragment$w, safe_not_equal, { color: 0 });
11717
11717
  }
11718
11718
  }
11719
11719
 
11720
11720
  /* src/components-flex/icon/variants/IconBell.svelte generated by Svelte v3.53.1 */
11721
11721
 
11722
- function create_fragment$s(ctx) {
11722
+ function create_fragment$v(ctx) {
11723
11723
  let svg;
11724
11724
  let path;
11725
11725
 
@@ -11751,7 +11751,7 @@ function create_fragment$s(ctx) {
11751
11751
  };
11752
11752
  }
11753
11753
 
11754
- function instance$s($$self, $$props, $$invalidate) {
11754
+ function instance$v($$self, $$props, $$invalidate) {
11755
11755
  let { color } = $$props;
11756
11756
 
11757
11757
  $$self.$$set = $$props => {
@@ -11764,13 +11764,13 @@ function instance$s($$self, $$props, $$invalidate) {
11764
11764
  class IconBell extends SvelteComponent {
11765
11765
  constructor(options) {
11766
11766
  super();
11767
- init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
11767
+ init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
11768
11768
  }
11769
11769
  }
11770
11770
 
11771
11771
  /* src/components-flex/icon/variants/IconArrowUpFromSquare.svelte generated by Svelte v3.53.1 */
11772
11772
 
11773
- function create_fragment$r(ctx) {
11773
+ function create_fragment$u(ctx) {
11774
11774
  let svg;
11775
11775
  let path;
11776
11776
 
@@ -11802,7 +11802,7 @@ function create_fragment$r(ctx) {
11802
11802
  };
11803
11803
  }
11804
11804
 
11805
- function instance$r($$self, $$props, $$invalidate) {
11805
+ function instance$u($$self, $$props, $$invalidate) {
11806
11806
  let { color } = $$props;
11807
11807
 
11808
11808
  $$self.$$set = $$props => {
@@ -11815,13 +11815,13 @@ function instance$r($$self, $$props, $$invalidate) {
11815
11815
  class IconArrowUpFromSquare extends SvelteComponent {
11816
11816
  constructor(options) {
11817
11817
  super();
11818
- init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
11818
+ init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
11819
11819
  }
11820
11820
  }
11821
11821
 
11822
11822
  /* src/components-flex/icon/variants/IconTicket.svelte generated by Svelte v3.53.1 */
11823
11823
 
11824
- function create_fragment$q(ctx) {
11824
+ function create_fragment$t(ctx) {
11825
11825
  let svg;
11826
11826
  let path;
11827
11827
 
@@ -11853,7 +11853,7 @@ function create_fragment$q(ctx) {
11853
11853
  };
11854
11854
  }
11855
11855
 
11856
- function instance$q($$self, $$props, $$invalidate) {
11856
+ function instance$t($$self, $$props, $$invalidate) {
11857
11857
  let { color } = $$props;
11858
11858
 
11859
11859
  $$self.$$set = $$props => {
@@ -11866,13 +11866,13 @@ function instance$q($$self, $$props, $$invalidate) {
11866
11866
  class IconTicket extends SvelteComponent {
11867
11867
  constructor(options) {
11868
11868
  super();
11869
- init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
11869
+ init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
11870
11870
  }
11871
11871
  }
11872
11872
 
11873
11873
  /* src/components-flex/icon/variants/IconTrack.svelte generated by Svelte v3.53.1 */
11874
11874
 
11875
- function create_fragment$p(ctx) {
11875
+ function create_fragment$s(ctx) {
11876
11876
  let svg;
11877
11877
  let path;
11878
11878
 
@@ -11904,7 +11904,7 @@ function create_fragment$p(ctx) {
11904
11904
  };
11905
11905
  }
11906
11906
 
11907
- function instance$p($$self, $$props, $$invalidate) {
11907
+ function instance$s($$self, $$props, $$invalidate) {
11908
11908
  let { color } = $$props;
11909
11909
 
11910
11910
  $$self.$$set = $$props => {
@@ -11917,13 +11917,13 @@ function instance$p($$self, $$props, $$invalidate) {
11917
11917
  class IconTrack extends SvelteComponent {
11918
11918
  constructor(options) {
11919
11919
  super();
11920
- init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
11920
+ init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
11921
11921
  }
11922
11922
  }
11923
11923
 
11924
11924
  /* src/components-flex/icon/variants/IconCartShopping.svelte generated by Svelte v3.53.1 */
11925
11925
 
11926
- function create_fragment$o(ctx) {
11926
+ function create_fragment$r(ctx) {
11927
11927
  let svg;
11928
11928
  let path;
11929
11929
 
@@ -11955,7 +11955,7 @@ function create_fragment$o(ctx) {
11955
11955
  };
11956
11956
  }
11957
11957
 
11958
- function instance$o($$self, $$props, $$invalidate) {
11958
+ function instance$r($$self, $$props, $$invalidate) {
11959
11959
  let { color } = $$props;
11960
11960
 
11961
11961
  $$self.$$set = $$props => {
@@ -11968,13 +11968,13 @@ function instance$o($$self, $$props, $$invalidate) {
11968
11968
  class IconCartShopping extends SvelteComponent {
11969
11969
  constructor(options) {
11970
11970
  super();
11971
- init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
11971
+ init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
11972
11972
  }
11973
11973
  }
11974
11974
 
11975
11975
  /* src/components-flex/icon/variants/IconCircle.svelte generated by Svelte v3.53.1 */
11976
11976
 
11977
- function create_fragment$n(ctx) {
11977
+ function create_fragment$q(ctx) {
11978
11978
  let svg;
11979
11979
  let path;
11980
11980
 
@@ -12006,7 +12006,7 @@ function create_fragment$n(ctx) {
12006
12006
  };
12007
12007
  }
12008
12008
 
12009
- function instance$n($$self, $$props, $$invalidate) {
12009
+ function instance$q($$self, $$props, $$invalidate) {
12010
12010
  let { color } = $$props;
12011
12011
 
12012
12012
  $$self.$$set = $$props => {
@@ -12019,13 +12019,13 @@ function instance$n($$self, $$props, $$invalidate) {
12019
12019
  class IconCircle extends SvelteComponent {
12020
12020
  constructor(options) {
12021
12021
  super();
12022
- init(this, options, instance$n, create_fragment$n, safe_not_equal, { color: 0 });
12022
+ init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
12023
12023
  }
12024
12024
  }
12025
12025
 
12026
12026
  /* src/components-flex/icon/variants/IconCircleQuestion.svelte generated by Svelte v3.53.1 */
12027
12027
 
12028
- function create_fragment$m(ctx) {
12028
+ function create_fragment$p(ctx) {
12029
12029
  let svg;
12030
12030
  let path;
12031
12031
 
@@ -12057,7 +12057,7 @@ function create_fragment$m(ctx) {
12057
12057
  };
12058
12058
  }
12059
12059
 
12060
- function instance$m($$self, $$props, $$invalidate) {
12060
+ function instance$p($$self, $$props, $$invalidate) {
12061
12061
  let { color } = $$props;
12062
12062
 
12063
12063
  $$self.$$set = $$props => {
@@ -12070,13 +12070,13 @@ function instance$m($$self, $$props, $$invalidate) {
12070
12070
  class IconCircleQuestion extends SvelteComponent {
12071
12071
  constructor(options) {
12072
12072
  super();
12073
- init(this, options, instance$m, create_fragment$m, safe_not_equal, { color: 0 });
12073
+ init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
12074
12074
  }
12075
12075
  }
12076
12076
 
12077
12077
  /* src/components-flex/icon/variants/IconCheck.svelte generated by Svelte v3.53.1 */
12078
12078
 
12079
- function create_fragment$l(ctx) {
12079
+ function create_fragment$o(ctx) {
12080
12080
  let svg;
12081
12081
  let path;
12082
12082
 
@@ -12108,7 +12108,7 @@ function create_fragment$l(ctx) {
12108
12108
  };
12109
12109
  }
12110
12110
 
12111
- function instance$l($$self, $$props, $$invalidate) {
12111
+ function instance$o($$self, $$props, $$invalidate) {
12112
12112
  let { color } = $$props;
12113
12113
 
12114
12114
  $$self.$$set = $$props => {
@@ -12121,13 +12121,13 @@ function instance$l($$self, $$props, $$invalidate) {
12121
12121
  class IconCheck extends SvelteComponent {
12122
12122
  constructor(options) {
12123
12123
  super();
12124
- init(this, options, instance$l, create_fragment$l, safe_not_equal, { color: 0 });
12124
+ init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
12125
12125
  }
12126
12126
  }
12127
12127
 
12128
12128
  /* src/components-flex/icon/variants/IconXMark.svelte generated by Svelte v3.53.1 */
12129
12129
 
12130
- function create_fragment$k(ctx) {
12130
+ function create_fragment$n(ctx) {
12131
12131
  let svg;
12132
12132
  let path;
12133
12133
 
@@ -12159,7 +12159,7 @@ function create_fragment$k(ctx) {
12159
12159
  };
12160
12160
  }
12161
12161
 
12162
- function instance$k($$self, $$props, $$invalidate) {
12162
+ function instance$n($$self, $$props, $$invalidate) {
12163
12163
  let { color } = $$props;
12164
12164
 
12165
12165
  $$self.$$set = $$props => {
@@ -12172,13 +12172,13 @@ function instance$k($$self, $$props, $$invalidate) {
12172
12172
  class IconXMark extends SvelteComponent {
12173
12173
  constructor(options) {
12174
12174
  super();
12175
- init(this, options, instance$k, create_fragment$k, safe_not_equal, { color: 0 });
12175
+ init(this, options, instance$n, create_fragment$n, safe_not_equal, { color: 0 });
12176
12176
  }
12177
12177
  }
12178
12178
 
12179
12179
  /* src/components-flex/icon/variants/IconPaperPlane.svelte generated by Svelte v3.53.1 */
12180
12180
 
12181
- function create_fragment$j(ctx) {
12181
+ function create_fragment$m(ctx) {
12182
12182
  let svg;
12183
12183
  let path;
12184
12184
 
@@ -12210,7 +12210,7 @@ function create_fragment$j(ctx) {
12210
12210
  };
12211
12211
  }
12212
12212
 
12213
- function instance$j($$self, $$props, $$invalidate) {
12213
+ function instance$m($$self, $$props, $$invalidate) {
12214
12214
  let { color } = $$props;
12215
12215
 
12216
12216
  $$self.$$set = $$props => {
@@ -12223,13 +12223,13 @@ function instance$j($$self, $$props, $$invalidate) {
12223
12223
  class IconPaperPlane extends SvelteComponent {
12224
12224
  constructor(options) {
12225
12225
  super();
12226
- init(this, options, instance$j, create_fragment$j, safe_not_equal, { color: 0 });
12226
+ init(this, options, instance$m, create_fragment$m, safe_not_equal, { color: 0 });
12227
12227
  }
12228
12228
  }
12229
12229
 
12230
12230
  /* src/components-flex/icon/variants/IconCopy.svelte generated by Svelte v3.53.1 */
12231
12231
 
12232
- function create_fragment$i(ctx) {
12232
+ function create_fragment$l(ctx) {
12233
12233
  let svg;
12234
12234
  let path;
12235
12235
 
@@ -12261,7 +12261,7 @@ function create_fragment$i(ctx) {
12261
12261
  };
12262
12262
  }
12263
12263
 
12264
- function instance$i($$self, $$props, $$invalidate) {
12264
+ function instance$l($$self, $$props, $$invalidate) {
12265
12265
  let { color } = $$props;
12266
12266
 
12267
12267
  $$self.$$set = $$props => {
@@ -12274,13 +12274,13 @@ function instance$i($$self, $$props, $$invalidate) {
12274
12274
  class IconCopy extends SvelteComponent {
12275
12275
  constructor(options) {
12276
12276
  super();
12277
- init(this, options, instance$i, create_fragment$i, safe_not_equal, { color: 0 });
12277
+ init(this, options, instance$l, create_fragment$l, safe_not_equal, { color: 0 });
12278
12278
  }
12279
12279
  }
12280
12280
 
12281
12281
  /* src/components-flex/icon/variants/IconCircleXMark.svelte generated by Svelte v3.53.1 */
12282
12282
 
12283
- function create_fragment$h(ctx) {
12283
+ function create_fragment$k(ctx) {
12284
12284
  let svg;
12285
12285
  let path;
12286
12286
 
@@ -12312,7 +12312,7 @@ function create_fragment$h(ctx) {
12312
12312
  };
12313
12313
  }
12314
12314
 
12315
- function instance$h($$self, $$props, $$invalidate) {
12315
+ function instance$k($$self, $$props, $$invalidate) {
12316
12316
  let { color } = $$props;
12317
12317
 
12318
12318
  $$self.$$set = $$props => {
@@ -12325,13 +12325,13 @@ function instance$h($$self, $$props, $$invalidate) {
12325
12325
  class IconCircleXMark extends SvelteComponent {
12326
12326
  constructor(options) {
12327
12327
  super();
12328
- init(this, options, instance$h, create_fragment$h, safe_not_equal, { color: 0 });
12328
+ init(this, options, instance$k, create_fragment$k, safe_not_equal, { color: 0 });
12329
12329
  }
12330
12330
  }
12331
12331
 
12332
12332
  /* src/components-flex/icon/variants/IconHeart.svelte generated by Svelte v3.53.1 */
12333
12333
 
12334
- function create_fragment$g(ctx) {
12334
+ function create_fragment$j(ctx) {
12335
12335
  let svg;
12336
12336
  let path;
12337
12337
 
@@ -12363,7 +12363,7 @@ function create_fragment$g(ctx) {
12363
12363
  };
12364
12364
  }
12365
12365
 
12366
- function instance$g($$self, $$props, $$invalidate) {
12366
+ function instance$j($$self, $$props, $$invalidate) {
12367
12367
  let { color } = $$props;
12368
12368
 
12369
12369
  $$self.$$set = $$props => {
@@ -12376,13 +12376,13 @@ function instance$g($$self, $$props, $$invalidate) {
12376
12376
  class IconHeart extends SvelteComponent {
12377
12377
  constructor(options) {
12378
12378
  super();
12379
- init(this, options, instance$g, create_fragment$g, safe_not_equal, { color: 0 });
12379
+ init(this, options, instance$j, create_fragment$j, safe_not_equal, { color: 0 });
12380
12380
  }
12381
12381
  }
12382
12382
 
12383
12383
  /* src/components-flex/icon/variants/IconMagnifyingGrass.svelte generated by Svelte v3.53.1 */
12384
12384
 
12385
- function create_fragment$f(ctx) {
12385
+ function create_fragment$i(ctx) {
12386
12386
  let svg;
12387
12387
  let path;
12388
12388
 
@@ -12414,7 +12414,7 @@ function create_fragment$f(ctx) {
12414
12414
  };
12415
12415
  }
12416
12416
 
12417
- function instance$f($$self, $$props, $$invalidate) {
12417
+ function instance$i($$self, $$props, $$invalidate) {
12418
12418
  let { color } = $$props;
12419
12419
 
12420
12420
  $$self.$$set = $$props => {
@@ -12427,13 +12427,13 @@ function instance$f($$self, $$props, $$invalidate) {
12427
12427
  class IconMagnifyingGrass extends SvelteComponent {
12428
12428
  constructor(options) {
12429
12429
  super();
12430
- init(this, options, instance$f, create_fragment$f, safe_not_equal, { color: 0 });
12430
+ init(this, options, instance$i, create_fragment$i, safe_not_equal, { color: 0 });
12431
12431
  }
12432
12432
  }
12433
12433
 
12434
12434
  /* src/components-flex/icon/variants/IconStar.svelte generated by Svelte v3.53.1 */
12435
12435
 
12436
- function create_fragment$e(ctx) {
12436
+ function create_fragment$h(ctx) {
12437
12437
  let svg;
12438
12438
  let path;
12439
12439
 
@@ -12465,7 +12465,7 @@ function create_fragment$e(ctx) {
12465
12465
  };
12466
12466
  }
12467
12467
 
12468
- function instance$e($$self, $$props, $$invalidate) {
12468
+ function instance$h($$self, $$props, $$invalidate) {
12469
12469
  let { color } = $$props;
12470
12470
 
12471
12471
  $$self.$$set = $$props => {
@@ -12478,13 +12478,13 @@ function instance$e($$self, $$props, $$invalidate) {
12478
12478
  class IconStar extends SvelteComponent {
12479
12479
  constructor(options) {
12480
12480
  super();
12481
- init(this, options, instance$e, create_fragment$e, safe_not_equal, { color: 0 });
12481
+ init(this, options, instance$h, create_fragment$h, safe_not_equal, { color: 0 });
12482
12482
  }
12483
12483
  }
12484
12484
 
12485
12485
  /* src/components-flex/icon/variants/IconCircleInfo.svelte generated by Svelte v3.53.1 */
12486
12486
 
12487
- function create_fragment$d(ctx) {
12487
+ function create_fragment$g(ctx) {
12488
12488
  let svg;
12489
12489
  let path;
12490
12490
 
@@ -12516,7 +12516,7 @@ function create_fragment$d(ctx) {
12516
12516
  };
12517
12517
  }
12518
12518
 
12519
- function instance$d($$self, $$props, $$invalidate) {
12519
+ function instance$g($$self, $$props, $$invalidate) {
12520
12520
  let { color } = $$props;
12521
12521
 
12522
12522
  $$self.$$set = $$props => {
@@ -12529,13 +12529,13 @@ function instance$d($$self, $$props, $$invalidate) {
12529
12529
  class IconCircleInfo extends SvelteComponent {
12530
12530
  constructor(options) {
12531
12531
  super();
12532
- init(this, options, instance$d, create_fragment$d, safe_not_equal, { color: 0 });
12532
+ init(this, options, instance$g, create_fragment$g, safe_not_equal, { color: 0 });
12533
12533
  }
12534
12534
  }
12535
12535
 
12536
12536
  /* src/components-flex/icon/variants/IconEnvelope.svelte generated by Svelte v3.53.1 */
12537
12537
 
12538
- function create_fragment$c(ctx) {
12538
+ function create_fragment$f(ctx) {
12539
12539
  let svg;
12540
12540
  let path;
12541
12541
 
@@ -12567,7 +12567,7 @@ function create_fragment$c(ctx) {
12567
12567
  };
12568
12568
  }
12569
12569
 
12570
- function instance$c($$self, $$props, $$invalidate) {
12570
+ function instance$f($$self, $$props, $$invalidate) {
12571
12571
  let { color } = $$props;
12572
12572
 
12573
12573
  $$self.$$set = $$props => {
@@ -12580,13 +12580,13 @@ function instance$c($$self, $$props, $$invalidate) {
12580
12580
  class IconEnvelope extends SvelteComponent {
12581
12581
  constructor(options) {
12582
12582
  super();
12583
- init(this, options, instance$c, create_fragment$c, safe_not_equal, { color: 0 });
12583
+ init(this, options, instance$f, create_fragment$f, safe_not_equal, { color: 0 });
12584
12584
  }
12585
12585
  }
12586
12586
 
12587
12587
  /* src/components-flex/icon/variants/IconGift.svelte generated by Svelte v3.53.1 */
12588
12588
 
12589
- function create_fragment$b(ctx) {
12589
+ function create_fragment$e(ctx) {
12590
12590
  let svg;
12591
12591
  let path;
12592
12592
 
@@ -12618,7 +12618,7 @@ function create_fragment$b(ctx) {
12618
12618
  };
12619
12619
  }
12620
12620
 
12621
- function instance$b($$self, $$props, $$invalidate) {
12621
+ function instance$e($$self, $$props, $$invalidate) {
12622
12622
  let { color } = $$props;
12623
12623
 
12624
12624
  $$self.$$set = $$props => {
@@ -12631,13 +12631,13 @@ function instance$b($$self, $$props, $$invalidate) {
12631
12631
  class IconGift extends SvelteComponent {
12632
12632
  constructor(options) {
12633
12633
  super();
12634
- init(this, options, instance$b, create_fragment$b, safe_not_equal, { color: 0 });
12634
+ init(this, options, instance$e, create_fragment$e, safe_not_equal, { color: 0 });
12635
12635
  }
12636
12636
  }
12637
12637
 
12638
12638
  /* src/components-flex/icon/variants/IconPaperclip.svelte generated by Svelte v3.53.1 */
12639
12639
 
12640
- function create_fragment$a(ctx) {
12640
+ function create_fragment$d(ctx) {
12641
12641
  let svg;
12642
12642
  let path;
12643
12643
 
@@ -12669,7 +12669,7 @@ function create_fragment$a(ctx) {
12669
12669
  };
12670
12670
  }
12671
12671
 
12672
- function instance$a($$self, $$props, $$invalidate) {
12672
+ function instance$d($$self, $$props, $$invalidate) {
12673
12673
  let { color } = $$props;
12674
12674
 
12675
12675
  $$self.$$set = $$props => {
@@ -12682,13 +12682,13 @@ function instance$a($$self, $$props, $$invalidate) {
12682
12682
  class IconPaperclip extends SvelteComponent {
12683
12683
  constructor(options) {
12684
12684
  super();
12685
- init(this, options, instance$a, create_fragment$a, safe_not_equal, { color: 0 });
12685
+ init(this, options, instance$d, create_fragment$d, safe_not_equal, { color: 0 });
12686
12686
  }
12687
12687
  }
12688
12688
 
12689
12689
  /* src/components-flex/icon/variants/IconFire.svelte generated by Svelte v3.53.1 */
12690
12690
 
12691
- function create_fragment$9(ctx) {
12691
+ function create_fragment$c(ctx) {
12692
12692
  let svg;
12693
12693
  let path;
12694
12694
 
@@ -12720,7 +12720,7 @@ function create_fragment$9(ctx) {
12720
12720
  };
12721
12721
  }
12722
12722
 
12723
- function instance$9($$self, $$props, $$invalidate) {
12723
+ function instance$c($$self, $$props, $$invalidate) {
12724
12724
  let { color } = $$props;
12725
12725
 
12726
12726
  $$self.$$set = $$props => {
@@ -12733,13 +12733,13 @@ function instance$9($$self, $$props, $$invalidate) {
12733
12733
  class IconFire extends SvelteComponent {
12734
12734
  constructor(options) {
12735
12735
  super();
12736
- init(this, options, instance$9, create_fragment$9, safe_not_equal, { color: 0 });
12736
+ init(this, options, instance$c, create_fragment$c, safe_not_equal, { color: 0 });
12737
12737
  }
12738
12738
  }
12739
12739
 
12740
12740
  /* src/components-flex/icon/variants/IconLink.svelte generated by Svelte v3.53.1 */
12741
12741
 
12742
- function create_fragment$8(ctx) {
12742
+ function create_fragment$b(ctx) {
12743
12743
  let svg;
12744
12744
  let path;
12745
12745
 
@@ -12771,7 +12771,7 @@ function create_fragment$8(ctx) {
12771
12771
  };
12772
12772
  }
12773
12773
 
12774
- function instance$8($$self, $$props, $$invalidate) {
12774
+ function instance$b($$self, $$props, $$invalidate) {
12775
12775
  let { color } = $$props;
12776
12776
 
12777
12777
  $$self.$$set = $$props => {
@@ -12784,67 +12784,171 @@ function instance$8($$self, $$props, $$invalidate) {
12784
12784
  class IconLink extends SvelteComponent {
12785
12785
  constructor(options) {
12786
12786
  super();
12787
- init(this, options, instance$8, create_fragment$8, safe_not_equal, { color: 0 });
12787
+ init(this, options, instance$b, create_fragment$b, safe_not_equal, { color: 0 });
12788
12788
  }
12789
12789
  }
12790
12790
 
12791
- const ICON_SIZE = {
12792
- x_small: {
12793
- label: 'X Small',
12794
- value: '12px',
12795
- },
12796
- small: {
12797
- label: 'Small',
12798
- value: '16px',
12799
- },
12800
- medium: {
12801
- label: 'Medium',
12802
- value: '20px',
12803
- },
12804
- large: {
12805
- label: 'Large',
12806
- value: '24px',
12807
- },
12808
- x_large: {
12809
- label: 'X Large',
12810
- value: '32px',
12811
- },
12812
- x2_large: {
12813
- label: '2X Large',
12814
- value: '40px',
12815
- },
12816
- x3_large: {
12817
- label: '3X Large',
12818
- value: '48px',
12819
- },
12820
- };
12821
- const ICON_VARIANTS = {
12822
- arrow_down: IconArrowDown,
12823
- arrow_up: IconArrowUp,
12824
- arrow_left: IconArrowLeft,
12825
- arrow_right: IconArrowRight,
12826
- arrow_up_from_square: IconArrowUpFromSquare,
12827
- bell: IconBell,
12828
- cart_shopping: IconCartShopping,
12829
- check: IconCheck,
12830
- circle: IconCircle,
12831
- circle_info: IconCircleInfo,
12832
- circle_question: IconCircleQuestion,
12833
- circle_x_mark: IconCircleXMark,
12834
- copy: IconCopy,
12835
- envelope: IconEnvelope,
12836
- // facebook: IconFacebook,
12837
- fire: IconFire,
12838
- gift: IconGift,
12839
- heart: IconHeart,
12840
- link: IconLink,
12841
- magnifying_grass: IconMagnifyingGrass,
12842
- paperclip: IconPaperclip,
12843
- paper_plane: IconPaperPlane,
12844
- star: IconStar,
12845
- ticket: IconTicket,
12846
- truck: IconTrack,
12847
- users: IconUsers,
12791
+ /* src/components-flex/icon/variants/IconBuildings.svelte generated by Svelte v3.53.1 */
12792
+
12793
+ function create_fragment$a(ctx) {
12794
+ let svg;
12795
+ let path;
12796
+
12797
+ return {
12798
+ c() {
12799
+ svg = svg_element("svg");
12800
+ path = svg_element("path");
12801
+ attr(path, "fill", /*color*/ ctx[0]);
12802
+ attr(path, "d", "M256 0c-35.3 0-64 28.7-64 64l0 64L64 128c-35.3 0-64 28.7-64 64L0 448c0 35.3 28.7 64 64 64l192 0 192 0c35.3 0 64-28.7 64-64l0-256 0-128c0-35.3-28.7-64-64-64L256 0zM64 304c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32zm208 16c-8.8 0-16-7.2-16-16l0-32c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0zm112-16l0-32c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16zM80 192l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32c0-8.8 7.2-16 16-16zM256 80c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32zM400 64l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32c0-8.8 7.2-16 16-16zM256 208l0-32c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16zm144 16c-8.8 0-16-7.2-16-16l0-32c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0z");
12803
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
12804
+ set_style(svg, "width", "100%");
12805
+ set_style(svg, "height", "100%");
12806
+ attr(svg, "viewBox", "0 0 512 512");
12807
+ },
12808
+ m(target, anchor) {
12809
+ insert(target, svg, anchor);
12810
+ append(svg, path);
12811
+ },
12812
+ p(ctx, [dirty]) {
12813
+ if (dirty & /*color*/ 1) {
12814
+ attr(path, "fill", /*color*/ ctx[0]);
12815
+ }
12816
+ },
12817
+ i: noop,
12818
+ o: noop,
12819
+ d(detaching) {
12820
+ if (detaching) detach(svg);
12821
+ }
12822
+ };
12823
+ }
12824
+
12825
+ function instance$a($$self, $$props, $$invalidate) {
12826
+ let { color } = $$props;
12827
+
12828
+ $$self.$$set = $$props => {
12829
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
12830
+ };
12831
+
12832
+ return [color];
12833
+ }
12834
+
12835
+ class IconBuildings extends SvelteComponent {
12836
+ constructor(options) {
12837
+ super();
12838
+ init(this, options, instance$a, create_fragment$a, safe_not_equal, { color: 0 });
12839
+ }
12840
+ }
12841
+
12842
+ /* src/components-flex/icon/variants/IconChevronsRight.svelte generated by Svelte v3.53.1 */
12843
+
12844
+ function create_fragment$9(ctx) {
12845
+ let svg;
12846
+ let path;
12847
+
12848
+ return {
12849
+ c() {
12850
+ svg = svg_element("svg");
12851
+ path = svg_element("path");
12852
+ attr(path, "fill", /*color*/ ctx[0]);
12853
+ attr(path, "d", "M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-192-192c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 233.4 425.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l192-192zm-384 192l192-192c12.5-12.5 12.5-32.8 0-45.3l-192-192c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 41.4 425.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z");
12854
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
12855
+ set_style(svg, "width", "100%");
12856
+ set_style(svg, "height", "100%");
12857
+ attr(svg, "viewBox", "0 0 512 512");
12858
+ },
12859
+ m(target, anchor) {
12860
+ insert(target, svg, anchor);
12861
+ append(svg, path);
12862
+ },
12863
+ p(ctx, [dirty]) {
12864
+ if (dirty & /*color*/ 1) {
12865
+ attr(path, "fill", /*color*/ ctx[0]);
12866
+ }
12867
+ },
12868
+ i: noop,
12869
+ o: noop,
12870
+ d(detaching) {
12871
+ if (detaching) detach(svg);
12872
+ }
12873
+ };
12874
+ }
12875
+
12876
+ function instance$9($$self, $$props, $$invalidate) {
12877
+ let { color } = $$props;
12878
+
12879
+ $$self.$$set = $$props => {
12880
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
12881
+ };
12882
+
12883
+ return [color];
12884
+ }
12885
+
12886
+ class IconChevronsRight extends SvelteComponent {
12887
+ constructor(options) {
12888
+ super();
12889
+ init(this, options, instance$9, create_fragment$9, safe_not_equal, { color: 0 });
12890
+ }
12891
+ }
12892
+
12893
+ const ICON_SIZE = {
12894
+ x_small: {
12895
+ label: 'X Small',
12896
+ value: '12px',
12897
+ },
12898
+ small: {
12899
+ label: 'Small',
12900
+ value: '16px',
12901
+ },
12902
+ medium: {
12903
+ label: 'Medium',
12904
+ value: '20px',
12905
+ },
12906
+ large: {
12907
+ label: 'Large',
12908
+ value: '24px',
12909
+ },
12910
+ x_large: {
12911
+ label: 'X Large',
12912
+ value: '32px',
12913
+ },
12914
+ x2_large: {
12915
+ label: '2X Large',
12916
+ value: '40px',
12917
+ },
12918
+ x3_large: {
12919
+ label: '3X Large',
12920
+ value: '48px',
12921
+ },
12922
+ };
12923
+ const ICON_VARIANTS = {
12924
+ arrow_down: IconArrowDown,
12925
+ arrow_up: IconArrowUp,
12926
+ arrow_left: IconArrowLeft,
12927
+ arrow_right: IconArrowRight,
12928
+ arrow_up_from_square: IconArrowUpFromSquare,
12929
+ bell: IconBell,
12930
+ buildings: IconBuildings,
12931
+ cart_shopping: IconCartShopping,
12932
+ check: IconCheck,
12933
+ chevrons_right: IconChevronsRight,
12934
+ circle: IconCircle,
12935
+ circle_info: IconCircleInfo,
12936
+ circle_question: IconCircleQuestion,
12937
+ circle_x_mark: IconCircleXMark,
12938
+ copy: IconCopy,
12939
+ envelope: IconEnvelope,
12940
+ // facebook: IconFacebook,
12941
+ fire: IconFire,
12942
+ gift: IconGift,
12943
+ heart: IconHeart,
12944
+ link: IconLink,
12945
+ magnifying_grass: IconMagnifyingGrass,
12946
+ paperclip: IconPaperclip,
12947
+ paper_plane: IconPaperPlane,
12948
+ star: IconStar,
12949
+ ticket: IconTicket,
12950
+ truck: IconTrack,
12951
+ users: IconUsers,
12848
12952
  x_mark: IconXMark,
12849
12953
  };
12850
12954
  // @ts-ignore
@@ -12872,12 +12976,12 @@ const ICON_PARAMS = [
12872
12976
 
12873
12977
  /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
12874
12978
 
12875
- function add_css$7(target) {
12876
- append_styles(target, "svelte-u5222d", ".icon.svelte-u5222d{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
12979
+ function add_css$8(target) {
12980
+ append_styles(target, "svelte-1mx2edd", ".icon.svelte-1mx2edd{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
12877
12981
  }
12878
12982
 
12879
- // (15:0) {#if (IconComponent)}
12880
- function create_if_block$3(ctx) {
12983
+ // (20:0) {#if (IconComponent)}
12984
+ function create_if_block$4(ctx) {
12881
12985
  let div;
12882
12986
  let switch_instance;
12883
12987
  let current;
@@ -12898,7 +13002,7 @@ function create_if_block$3(ctx) {
12898
13002
  div = element("div");
12899
13003
  if (switch_instance) create_component(switch_instance.$$.fragment);
12900
13004
  attr(div, "data-layer-id", /*layerId*/ ctx[1]);
12901
- attr(div, "class", "icon svelte-u5222d");
13005
+ attr(div, "class", "icon svelte-1mx2edd");
12902
13006
  attr(div, "style", /*style*/ ctx[3]);
12903
13007
  },
12904
13008
  m(target, anchor) {
@@ -12958,10 +13062,10 @@ function create_if_block$3(ctx) {
12958
13062
  };
12959
13063
  }
12960
13064
 
12961
- function create_fragment$7(ctx) {
13065
+ function create_fragment$8(ctx) {
12962
13066
  let if_block_anchor;
12963
13067
  let current;
12964
- let if_block = /*IconComponent*/ ctx[2] && create_if_block$3(ctx);
13068
+ let if_block = /*IconComponent*/ ctx[2] && create_if_block$4(ctx);
12965
13069
 
12966
13070
  return {
12967
13071
  c() {
@@ -12982,7 +13086,7 @@ function create_fragment$7(ctx) {
12982
13086
  transition_in(if_block, 1);
12983
13087
  }
12984
13088
  } else {
12985
- if_block = create_if_block$3(ctx);
13089
+ if_block = create_if_block$4(ctx);
12986
13090
  if_block.c();
12987
13091
  transition_in(if_block, 1);
12988
13092
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -13013,12 +13117,26 @@ function create_fragment$7(ctx) {
13013
13117
  };
13014
13118
  }
13015
13119
 
13016
- function instance$7($$self, $$props, $$invalidate) {
13120
+ function instance$8($$self, $$props, $$invalidate) {
13017
13121
  let style;
13018
13122
  let IconComponent;
13019
13123
  let { props = {} } = $$props;
13020
13124
  let { layerId = '' } = $$props;
13021
13125
 
13126
+ const getSizeCss = () => {
13127
+ return {
13128
+ minWidth: props.width
13129
+ ? props.width
13130
+ : ICON_SIZE[props.size ?? 'medium'].value,
13131
+ width: props.width
13132
+ ? props.width
13133
+ : ICON_SIZE[props.size ?? 'medium'].value,
13134
+ height: props.height
13135
+ ? props.height
13136
+ : ICON_SIZE[props.size ?? 'medium'].value
13137
+ };
13138
+ };
13139
+
13022
13140
  $$self.$$set = $$props => {
13023
13141
  if ('props' in $$props) $$invalidate(0, props = $$props.props);
13024
13142
  if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
@@ -13026,12 +13144,7 @@ function instance$7($$self, $$props, $$invalidate) {
13026
13144
 
13027
13145
  $$self.$$.update = () => {
13028
13146
  if ($$self.$$.dirty & /*props*/ 1) {
13029
- $$invalidate(3, style = objToStyle({
13030
- minWidth: props.size,
13031
- width: props.size,
13032
- height: props.size,
13033
- ...toCssCommon(props)
13034
- }));
13147
+ $$invalidate(3, style = objToStyle({ ...getSizeCss(), ...toCssCommon(props) }));
13035
13148
  }
13036
13149
 
13037
13150
  if ($$self.$$.dirty & /*props*/ 1) {
@@ -13045,18 +13158,18 @@ function instance$7($$self, $$props, $$invalidate) {
13045
13158
  class Icon extends SvelteComponent {
13046
13159
  constructor(options) {
13047
13160
  super();
13048
- init(this, options, instance$7, create_fragment$7, safe_not_equal, { props: 0, layerId: 1 }, add_css$7);
13161
+ init(this, options, instance$8, create_fragment$8, safe_not_equal, { props: 0, layerId: 1 }, add_css$8);
13049
13162
  }
13050
13163
  }
13051
13164
 
13052
13165
  /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
13053
13166
 
13054
- function add_css$6(target) {
13055
- append_styles(target, "svelte-15m50q3", ".button.svelte-15m50q3{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.button-icon.svelte-15m50q3{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
13167
+ function add_css$7(target) {
13168
+ append_styles(target, "svelte-bo01kn", ".button.svelte-bo01kn{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.button-icon.svelte-bo01kn{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
13056
13169
  }
13057
13170
 
13058
- // (127:2) {#if (props.isIcon && props.iconVariant)}
13059
- function create_if_block$2(ctx) {
13171
+ // (134:2) {#if (props.isIcon && props.iconVariant)}
13172
+ function create_if_block$3(ctx) {
13060
13173
  let div;
13061
13174
  let icon;
13062
13175
  let current;
@@ -13075,7 +13188,7 @@ function create_if_block$2(ctx) {
13075
13188
  c() {
13076
13189
  div = element("div");
13077
13190
  create_component(icon.$$.fragment);
13078
- attr(div, "class", "button-icon svelte-15m50q3");
13191
+ attr(div, "class", "button-icon svelte-bo01kn");
13079
13192
  },
13080
13193
  m(target, anchor) {
13081
13194
  insert(target, div, anchor);
@@ -13109,7 +13222,7 @@ function create_if_block$2(ctx) {
13109
13222
  };
13110
13223
  }
13111
13224
 
13112
- function create_fragment$6(ctx) {
13225
+ function create_fragment$7(ctx) {
13113
13226
  let button;
13114
13227
  let t0;
13115
13228
  let span;
@@ -13118,7 +13231,7 @@ function create_fragment$6(ctx) {
13118
13231
  let current;
13119
13232
  let mounted;
13120
13233
  let dispose;
13121
- let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block$2(ctx);
13234
+ let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block$3(ctx);
13122
13235
 
13123
13236
  return {
13124
13237
  c() {
@@ -13129,7 +13242,7 @@ function create_fragment$6(ctx) {
13129
13242
  t1 = text(t1_value);
13130
13243
  attr(button, "data-layer-id", /*layerId*/ ctx[1]);
13131
13244
  attr(button, "style", /*style*/ ctx[2]);
13132
- attr(button, "class", "button svelte-15m50q3");
13245
+ attr(button, "class", "button svelte-bo01kn");
13133
13246
  },
13134
13247
  m(target, anchor) {
13135
13248
  insert(target, button, anchor);
@@ -13153,7 +13266,7 @@ function create_fragment$6(ctx) {
13153
13266
  transition_in(if_block, 1);
13154
13267
  }
13155
13268
  } else {
13156
- if_block = create_if_block$2(ctx);
13269
+ if_block = create_if_block$3(ctx);
13157
13270
  if_block.c();
13158
13271
  transition_in(if_block, 1);
13159
13272
  if_block.m(button, t0);
@@ -13196,7 +13309,7 @@ function create_fragment$6(ctx) {
13196
13309
  };
13197
13310
  }
13198
13311
 
13199
- function instance$6($$self, $$props, $$invalidate) {
13312
+ function instance$7($$self, $$props, $$invalidate) {
13200
13313
  let style;
13201
13314
  let { onClick = { operation: 'none', args: [] } } = $$props;
13202
13315
  let { eventName = '' } = $$props;
@@ -13283,6 +13396,20 @@ function instance$6($$self, $$props, $$invalidate) {
13283
13396
  }
13284
13397
  };
13285
13398
 
13399
+ const getCssColor = () => {
13400
+ return {
13401
+ backgroundColor: props.backgroundColor
13402
+ ? props.backgroundColor
13403
+ : VARIANTS.color[props.color ?? 'default'].backgroundColor,
13404
+ color: props.fontColor
13405
+ ? props.fontColor
13406
+ : VARIANTS.color[props.color ?? 'default'].color,
13407
+ fontWeight: props.fontWeight
13408
+ ? props.fontWeight
13409
+ : VARIANTS.color[props.color ?? 'default'].fontWeight
13410
+ };
13411
+ };
13412
+
13286
13413
  function handleClick() {
13287
13414
  if (eventName) {
13288
13415
  send_event(eventName, eventValue);
@@ -13311,12 +13438,12 @@ function instance$6($$self, $$props, $$invalidate) {
13311
13438
  transition: 'background-color 0.12s, border-color 0.12s, color 0.12s',
13312
13439
  width: props.width,
13313
13440
  ...VARIANTS.size[props.size ?? 'medium'],
13314
- ...VARIANTS.color[props.color ?? 'default'],
13315
13441
  ...VARIANTS.wrap[props.wrap ?? 'nowrap'],
13316
13442
  ...VARIANTS.round[props.round ?? 'default'],
13317
13443
  ...props.iconAngle
13318
13444
  ? { flexDirection: props.iconAngle }
13319
13445
  : {},
13446
+ ...getCssColor(),
13320
13447
  ...toCssCommon(props)
13321
13448
  }));
13322
13449
  }
@@ -13332,8 +13459,8 @@ class Button extends SvelteComponent {
13332
13459
  init(
13333
13460
  this,
13334
13461
  options,
13335
- instance$6,
13336
- create_fragment$6,
13462
+ instance$7,
13463
+ create_fragment$7,
13337
13464
  safe_not_equal,
13338
13465
  {
13339
13466
  onClick: 5,
@@ -13342,7 +13469,7 @@ class Button extends SvelteComponent {
13342
13469
  props: 0,
13343
13470
  layerId: 1
13344
13471
  },
13345
- add_css$6
13472
+ add_css$7
13346
13473
  );
13347
13474
  }
13348
13475
  }
@@ -13374,10 +13501,308 @@ const BUTTON_ICON_ANGLE = {
13374
13501
  'row-reverse': '右側',
13375
13502
  };
13376
13503
 
13504
+ /* src/components-flex/text-button/TextButton.svelte generated by Svelte v3.53.1 */
13505
+
13506
+ function add_css$6(target) {
13507
+ 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}");
13508
+ }
13509
+
13510
+ // (103:4) {#if props.isIcon && props.iconVariant}
13511
+ function create_if_block$2(ctx) {
13512
+ let div;
13513
+ let icon;
13514
+ let current;
13515
+
13516
+ icon = new Icon({
13517
+ props: {
13518
+ props: {
13519
+ variant: /*props*/ ctx[0].iconVariant,
13520
+ size: '1em',
13521
+ color: /*VARIANTS*/ ctx[3].color[/*props*/ ctx[0].color ?? 'default'].color
13522
+ }
13523
+ }
13524
+ });
13525
+
13526
+ return {
13527
+ c() {
13528
+ div = element("div");
13529
+ create_component(icon.$$.fragment);
13530
+ attr(div, "class", "flex-text-button-icon svelte-2imv7z");
13531
+ },
13532
+ m(target, anchor) {
13533
+ insert(target, div, anchor);
13534
+ mount_component(icon, div, null);
13535
+ current = true;
13536
+ },
13537
+ p(ctx, dirty) {
13538
+ const icon_changes = {};
13539
+
13540
+ if (dirty & /*props*/ 1) icon_changes.props = {
13541
+ variant: /*props*/ ctx[0].iconVariant,
13542
+ size: '1em',
13543
+ color: /*VARIANTS*/ ctx[3].color[/*props*/ ctx[0].color ?? 'default'].color
13544
+ };
13545
+
13546
+ icon.$set(icon_changes);
13547
+ },
13548
+ i(local) {
13549
+ if (current) return;
13550
+ transition_in(icon.$$.fragment, local);
13551
+ current = true;
13552
+ },
13553
+ o(local) {
13554
+ transition_out(icon.$$.fragment, local);
13555
+ current = false;
13556
+ },
13557
+ d(detaching) {
13558
+ if (detaching) detach(div);
13559
+ destroy_component(icon);
13560
+ }
13561
+ };
13562
+ }
13563
+
13564
+ function create_fragment$6(ctx) {
13565
+ let button;
13566
+ let t0;
13567
+ let span;
13568
+ let t1_value = /*props*/ ctx[0].label + "";
13569
+ let t1;
13570
+ let current;
13571
+ let mounted;
13572
+ let dispose;
13573
+ let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block$2(ctx);
13574
+
13575
+ return {
13576
+ c() {
13577
+ button = element("button");
13578
+ if (if_block) if_block.c();
13579
+ t0 = space();
13580
+ span = element("span");
13581
+ t1 = text(t1_value);
13582
+ attr(button, "data-layer-id", /*layerId*/ ctx[1]);
13583
+ attr(button, "style", /*style*/ ctx[2]);
13584
+ attr(button, "class", "flex-text-button svelte-2imv7z");
13585
+ },
13586
+ m(target, anchor) {
13587
+ insert(target, button, anchor);
13588
+ if (if_block) if_block.m(button, null);
13589
+ append(button, t0);
13590
+ append(button, span);
13591
+ append(span, t1);
13592
+ current = true;
13593
+
13594
+ if (!mounted) {
13595
+ dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[4]));
13596
+ mounted = true;
13597
+ }
13598
+ },
13599
+ p(ctx, [dirty]) {
13600
+ if (/*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant) {
13601
+ if (if_block) {
13602
+ if_block.p(ctx, dirty);
13603
+
13604
+ if (dirty & /*props*/ 1) {
13605
+ transition_in(if_block, 1);
13606
+ }
13607
+ } else {
13608
+ if_block = create_if_block$2(ctx);
13609
+ if_block.c();
13610
+ transition_in(if_block, 1);
13611
+ if_block.m(button, t0);
13612
+ }
13613
+ } else if (if_block) {
13614
+ group_outros();
13615
+
13616
+ transition_out(if_block, 1, 1, () => {
13617
+ if_block = null;
13618
+ });
13619
+
13620
+ check_outros();
13621
+ }
13622
+
13623
+ if ((!current || dirty & /*props*/ 1) && t1_value !== (t1_value = /*props*/ ctx[0].label + "")) set_data(t1, t1_value);
13624
+
13625
+ if (!current || dirty & /*layerId*/ 2) {
13626
+ attr(button, "data-layer-id", /*layerId*/ ctx[1]);
13627
+ }
13628
+
13629
+ if (!current || dirty & /*style*/ 4) {
13630
+ attr(button, "style", /*style*/ ctx[2]);
13631
+ }
13632
+ },
13633
+ i(local) {
13634
+ if (current) return;
13635
+ transition_in(if_block);
13636
+ current = true;
13637
+ },
13638
+ o(local) {
13639
+ transition_out(if_block);
13640
+ current = false;
13641
+ },
13642
+ d(detaching) {
13643
+ if (detaching) detach(button);
13644
+ if (if_block) if_block.d();
13645
+ mounted = false;
13646
+ dispose();
13647
+ }
13648
+ };
13649
+ }
13650
+
13651
+ function instance$6($$self, $$props, $$invalidate) {
13652
+ let style;
13653
+ let { onClick = { operation: 'none', args: [] } } = $$props;
13654
+ let { eventName = '' } = $$props;
13655
+ let { eventValue = undefined } = $$props;
13656
+ let { props = {} } = $$props;
13657
+ let { layerId = '' } = $$props;
13658
+
13659
+ const VARIANTS = {
13660
+ size: {
13661
+ extra_small: {
13662
+ fontSize: '12px',
13663
+ lineHeight: 1.5,
13664
+ borderRadius: '4px'
13665
+ },
13666
+ small: {
13667
+ fontSize: '13px',
13668
+ lineHeight: 1.5,
13669
+ borderRadius: '4px'
13670
+ },
13671
+ medium: {
13672
+ fontSize: '14px',
13673
+ lineHeight: 1.5,
13674
+ borderRadius: '4px'
13675
+ },
13676
+ large: {
13677
+ fontSize: '14px',
13678
+ lineHeight: 1.5,
13679
+ borderRadius: '4px'
13680
+ },
13681
+ extra_large: {
13682
+ fontSize: '17px',
13683
+ lineHeight: 1.5,
13684
+ borderRadius: '4px'
13685
+ }
13686
+ },
13687
+ color: {
13688
+ theme: {
13689
+ color: 'rgba(18,160,160,1)',
13690
+ fontWeight: 'bold'
13691
+ },
13692
+ default: { color: '#00100ea1', fontWeight: 'bold' }, // 'bg-action-default hover:bg-action-default-hover text-default'
13693
+ alert: {
13694
+ color: 'rgb(242,83,32,1)',
13695
+ fontWeight: 'bold'
13696
+ }, // 'bg-negative hover:bg-negative-hover text-primitive-white font-bold'
13697
+
13698
+ },
13699
+ wrap: {
13700
+ nowrap: { whiteSpace: 'nowrap' },
13701
+ wrap: { whiteSpace: 'pre-wrap' }
13702
+ }
13703
+ };
13704
+
13705
+ const getCustomColor = () => {
13706
+ return {
13707
+ color: VARIANTS.color[props.color ?? 'default'].color,
13708
+ fontWeight: props.fontWeight
13709
+ ? props.fontWeight
13710
+ : VARIANTS.color[props.color ?? 'default'].fontWeight
13711
+ };
13712
+ };
13713
+
13714
+ function handleClick() {
13715
+ if (eventName) {
13716
+ send_event(eventName, eventValue);
13717
+ }
13718
+
13719
+ execOnClickOperation(onClick);
13720
+ }
13721
+
13722
+ $$self.$$set = $$props => {
13723
+ if ('onClick' in $$props) $$invalidate(5, onClick = $$props.onClick);
13724
+ if ('eventName' in $$props) $$invalidate(6, eventName = $$props.eventName);
13725
+ if ('eventValue' in $$props) $$invalidate(7, eventValue = $$props.eventValue);
13726
+ if ('props' in $$props) $$invalidate(0, props = $$props.props);
13727
+ if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
13728
+ };
13729
+
13730
+ $$self.$$.update = () => {
13731
+ if ($$self.$$.dirty & /*props*/ 1) {
13732
+ $$invalidate(2, style = objToStyle({
13733
+ display: 'inline-flex',
13734
+ gap: '0.65em',
13735
+ alignItems: 'center',
13736
+ justifyContent: 'center',
13737
+ border: 0,
13738
+ transition: 'color 0.12s',
13739
+ width: props.width,
13740
+ ...VARIANTS.size[props.size ?? 'medium'],
13741
+ ...VARIANTS.wrap[props.wrap ?? 'nowrap'],
13742
+ ...props.iconAngle
13743
+ ? { flexDirection: props.iconAngle }
13744
+ : {},
13745
+ ...getCustomColor(),
13746
+ ...toCssCommon(props)
13747
+ }));
13748
+ }
13749
+ };
13750
+
13751
+ return [props, layerId, style, VARIANTS, handleClick, onClick, eventName, eventValue];
13752
+ }
13753
+
13754
+ class TextButton extends SvelteComponent {
13755
+ constructor(options) {
13756
+ super();
13757
+
13758
+ init(
13759
+ this,
13760
+ options,
13761
+ instance$6,
13762
+ create_fragment$6,
13763
+ safe_not_equal,
13764
+ {
13765
+ onClick: 5,
13766
+ eventName: 6,
13767
+ eventValue: 7,
13768
+ props: 0,
13769
+ layerId: 1
13770
+ },
13771
+ add_css$6
13772
+ );
13773
+ }
13774
+ }
13775
+
13776
+ const TEXT_BUTTON_SIZE = {
13777
+ extra_small: 'XSmall',
13778
+ small: 'Small',
13779
+ medium: 'Medium',
13780
+ large: 'Large',
13781
+ extra_large: 'XLarge',
13782
+ };
13783
+ const TEXT_BUTTON_COLOR = {
13784
+ default: 'デフォルト',
13785
+ theme: 'テーマカラー',
13786
+ alert: 'アラート',
13787
+ };
13788
+ const TEXT_BUTTON_ROUND = {
13789
+ default: 'デフォルト',
13790
+ none: 'なし',
13791
+ fulled: '円形',
13792
+ };
13793
+ const TEXT_BUTTON_LINK_TARGET = {
13794
+ _self: '画面内遷移',
13795
+ _blank: '別タブで開く',
13796
+ };
13797
+ const TEXT_BUTTON_ICON_ANGLE = {
13798
+ row: '左側',
13799
+ 'row-reverse': '右側',
13800
+ };
13801
+
13377
13802
  /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
13378
13803
 
13379
13804
  function add_css$5(target) {
13380
- append_styles(target, "svelte-103rmqy", ".close-button.svelte-103rmqy{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,\n border-color 0.12s,\n color 0.12s}");
13805
+ append_styles(target, "svelte-13071ty", ".close-button.svelte-13071ty{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,\n border-color 0.12s,\n color 0.12s}");
13381
13806
  }
13382
13807
 
13383
13808
  function create_fragment$5(ctx) {
@@ -13412,7 +13837,7 @@ function create_fragment$5(ctx) {
13412
13837
  attr(svg, "viewBox", "0 0 50 50");
13413
13838
  attr(svg, "fill", "#666666");
13414
13839
  set_attributes(button, button_data);
13415
- toggle_class(button, "svelte-103rmqy", true);
13840
+ toggle_class(button, "svelte-13071ty", true);
13416
13841
  },
13417
13842
  m(target, anchor) {
13418
13843
  insert(target, button, anchor);
@@ -13433,7 +13858,7 @@ function create_fragment$5(ctx) {
13433
13858
  dataAttrStopPropagation('click')
13434
13859
  ]));
13435
13860
 
13436
- toggle_class(button, "svelte-103rmqy", true);
13861
+ toggle_class(button, "svelte-13071ty", true);
13437
13862
  },
13438
13863
  i: noop,
13439
13864
  o: noop,
@@ -13510,7 +13935,7 @@ class CloseButton extends SvelteComponent {
13510
13935
  /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
13511
13936
 
13512
13937
  function add_css$4(target) {
13513
- append_styles(target, "svelte-1wv9v10", ".image.svelte-1wv9v10{max-width:100%;overflow:hidden;flex-shrink:0}.image-object.svelte-1wv9v10{width:100%;overflow:hidden}.image-img.svelte-1wv9v10{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none}");
13938
+ append_styles(target, "svelte-52a988", ".image.svelte-52a988{max-width:100%;overflow:hidden;flex-shrink:0}.image-object.svelte-52a988{width:100%;overflow:hidden}.image-img.svelte-52a988{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none}");
13514
13939
  }
13515
13940
 
13516
13941
  function create_fragment$4(ctx) {
@@ -13527,11 +13952,11 @@ function create_fragment$4(ctx) {
13527
13952
  img = element("img");
13528
13953
  if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
13529
13954
  attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
13530
- attr(img, "class", "image-img svelte-1wv9v10");
13955
+ attr(img, "class", "image-img svelte-52a988");
13531
13956
  attr(object, "style", /*objectStyle*/ ctx[2]);
13532
- attr(object, "class", "image-object svelte-1wv9v10");
13957
+ attr(object, "class", "image-object svelte-52a988");
13533
13958
  attr(div, "data-layer-id", /*layerId*/ ctx[1]);
13534
- attr(div, "class", "image svelte-1wv9v10");
13959
+ attr(div, "class", "image svelte-52a988");
13535
13960
  attr(div, "style", /*style*/ ctx[3]);
13536
13961
  },
13537
13962
  m(target, anchor) {
@@ -13605,7 +14030,7 @@ class Image extends SvelteComponent {
13605
14030
  /* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
13606
14031
 
13607
14032
  function add_css$3(target) {
13608
- append_styles(target, "svelte-19rjtwm", ".layout.svelte-19rjtwm{margin:0}");
14033
+ append_styles(target, "svelte-1g6q4hu", ".layout.svelte-1g6q4hu{margin:0}");
13609
14034
  }
13610
14035
 
13611
14036
  function create_fragment$3(ctx) {
@@ -13619,7 +14044,7 @@ function create_fragment$3(ctx) {
13619
14044
  div = element("div");
13620
14045
  if (default_slot) default_slot.c();
13621
14046
  attr(div, "data-layer-id", /*layerId*/ ctx[0]);
13622
- attr(div, "class", "layout svelte-19rjtwm");
14047
+ attr(div, "class", "layout svelte-1g6q4hu");
13623
14048
  attr(div, "style", /*style*/ ctx[1]);
13624
14049
  },
13625
14050
  m(target, anchor) {
@@ -13722,7 +14147,7 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
13722
14147
  /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
13723
14148
 
13724
14149
  function add_css$2(target) {
13725
- append_styles(target, "svelte-18qq8cj", ".text.svelte-18qq8cj{margin:0;word-break:break-all}");
14150
+ append_styles(target, "svelte-1vl0c87", ".text.svelte-1vl0c87{margin:0;word-break:break-all}");
13726
14151
  }
13727
14152
 
13728
14153
  function create_fragment$2(ctx) {
@@ -13732,7 +14157,7 @@ function create_fragment$2(ctx) {
13732
14157
  c() {
13733
14158
  p = element("p");
13734
14159
  attr(p, "data-layer-id", /*layerId*/ ctx[0]);
13735
- attr(p, "class", "text svelte-18qq8cj");
14160
+ attr(p, "class", "text svelte-1vl0c87");
13736
14161
  attr(p, "style", /*style*/ ctx[1]);
13737
14162
  },
13738
14163
  m(target, anchor) {
@@ -13833,7 +14258,7 @@ const LAYER_TEXT_SIZE = {
13833
14258
  /* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
13834
14259
 
13835
14260
  function add_css$1(target) {
13836
- 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}");
14261
+ 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}");
13837
14262
  }
13838
14263
 
13839
14264
  // (14:0) {#if backgroundOverlay}
@@ -13846,7 +14271,7 @@ function create_if_block$1(ctx) {
13846
14271
  return {
13847
14272
  c() {
13848
14273
  div = element("div");
13849
- attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"));
14274
+ attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
13850
14275
  },
13851
14276
  m(target, anchor) {
13852
14277
  insert(target, div, anchor);
@@ -13857,7 +14282,7 @@ function create_if_block$1(ctx) {
13857
14282
  }
13858
14283
  },
13859
14284
  p(ctx, dirty) {
13860
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"))) {
14285
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
13861
14286
  attr(div, "class", div_class_value);
13862
14287
  }
13863
14288
  },
@@ -13929,7 +14354,7 @@ class BackgroundOverlay extends SvelteComponent {
13929
14354
  /* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
13930
14355
 
13931
14356
  function add_css(target) {
13932
- append_styles(target, "svelte-f7e8di", ".modal.svelte-f7e8di{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-f7e8di > .button{flex:auto;display:flex}.close.svelte-f7e8di{position:absolute;top:8px;right:8px}.close.svelte-f7e8di > .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-f7e8di > .button:hover{transform:rotate(90deg)}@media screen and (min-width: 641px){.modal-bp.svelte-f7e8di{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-f7e8di{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}}");
14357
+ append_styles(target, "svelte-1ks2ecq", ".modal.svelte-1ks2ecq{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1ks2ecq > .button{flex:auto;display:flex}.close.svelte-1ks2ecq{position:absolute;top:8px;right:8px}.close.svelte-1ks2ecq > .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-1ks2ecq > .button:hover{transform:rotate(90deg)}@media screen and (min-width: 641px){.modal-bp.svelte-1ks2ecq{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-1ks2ecq{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}}");
13933
14358
  }
13934
14359
 
13935
14360
  // (264:0) {:else}
@@ -14076,7 +14501,7 @@ function create_if_block(ctx) {
14076
14501
  t = space();
14077
14502
  div0 = element("div");
14078
14503
  if (default_slot) default_slot.c();
14079
- attr(div1, "class", div1_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-f7e8di"));
14504
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-1ks2ecq"));
14080
14505
  attr(div1, "role", "dialog");
14081
14506
  attr(div1, "aria-modal", "true");
14082
14507
  attr(div1, "style", Array.from(/*modalStyles*/ ctx[18]).join(';'));
@@ -14135,7 +14560,7 @@ function create_if_block(ctx) {
14135
14560
  }
14136
14561
  }
14137
14562
 
14138
- if (!current || dirty[0] & /*useBreakPoint*/ 1 && div1_class_value !== (div1_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-f7e8di"))) {
14563
+ if (!current || dirty[0] & /*useBreakPoint*/ 1 && div1_class_value !== (div1_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-1ks2ecq"))) {
14139
14564
  attr(div1, "class", div1_class_value);
14140
14565
  }
14141
14566
  },
@@ -14190,7 +14615,7 @@ function create_if_block_1(ctx) {
14190
14615
  c() {
14191
14616
  div = element("div");
14192
14617
  create_component(closebutton.$$.fragment);
14193
- attr(div, "class", "close svelte-f7e8di");
14618
+ attr(div, "class", "close svelte-1ks2ecq");
14194
14619
  set_style(div, "z-index", /*$maximumZindex*/ ctx[17] + 1);
14195
14620
  },
14196
14621
  m(target, anchor) {
@@ -14672,4 +15097,4 @@ class Modal extends SvelteComponent {
14672
15097
  }
14673
15098
  }
14674
15099
 
14675
- export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_COLOR, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_SIZE, BackgroundSizes, Box, COMPONENT_PARAMETER_TYPES, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, 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, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_PARAMS, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_ALIGN_VALUES, LAYER_TEXT_FONT_WEIGHT_VALUES, 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, Repeats, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };
15100
+ export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_COLOR, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_SIZE, BackgroundSizes, Box, COMPONENT_PARAMETER_TYPES, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, 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_PARAMS, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_ALIGN_VALUES, LAYER_TEXT_FONT_WEIGHT_VALUES, 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, Repeats, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_BUTTON_COLOR, TEXT_BUTTON_ICON_ANGLE, TEXT_BUTTON_LINK_TARGET, TEXT_BUTTON_ROUND, TEXT_BUTTON_SIZE, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };