@plaidev/karte-action-sdk 1.1.235 → 1.1.237-28696499.4aa79f28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/hydrate/index.es.d.ts +48 -2
  2. package/dist/hydrate/index.es.js +1192 -668
  3. package/dist/index.es.d.ts +48 -2
  4. package/dist/index.es.js +1141 -669
  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 -6318
package/dist/hydrate/index.es.js CHANGED
@@ -2832,7 +2832,7 @@ const LAYOUT_COMPONENT_NAMES = [
2832
2832
 
2833
2833
  /* src/components/Header.svelte generated by Svelte v3.53.1 */
2834
2834
 
2835
- function create_if_block$d(ctx) {
2835
+ function create_if_block$e(ctx) {
2836
2836
  let link;
2837
2837
 
2838
2838
  return {
@@ -2863,9 +2863,9 @@ function create_if_block$d(ctx) {
2863
2863
  };
2864
2864
  }
2865
2865
 
2866
- function create_fragment$17(ctx) {
2866
+ function create_fragment$1a(ctx) {
2867
2867
  let head;
2868
- let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$d(ctx);
2868
+ let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$e(ctx);
2869
2869
 
2870
2870
  return {
2871
2871
  c() {
@@ -2887,7 +2887,7 @@ function create_fragment$17(ctx) {
2887
2887
  if (if_block) {
2888
2888
  if_block.p(ctx, dirty);
2889
2889
  } else {
2890
- if_block = create_if_block$d(ctx);
2890
+ if_block = create_if_block$e(ctx);
2891
2891
  if_block.c();
2892
2892
  if_block.m(head, null);
2893
2893
  }
@@ -2905,7 +2905,7 @@ function create_fragment$17(ctx) {
2905
2905
  };
2906
2906
  }
2907
2907
 
2908
- function instance$17($$self, $$props, $$invalidate) {
2908
+ function instance$1a($$self, $$props, $$invalidate) {
2909
2909
  let $fonts;
2910
2910
  component_subscribe($$self, fonts, $$value => $$invalidate(1, $fonts = $$value));
2911
2911
  let googleFontUrl = '';
@@ -2935,13 +2935,13 @@ function instance$17($$self, $$props, $$invalidate) {
2935
2935
  class Header extends SvelteComponent {
2936
2936
  constructor(options) {
2937
2937
  super();
2938
- init(this, options, instance$17, create_fragment$17, safe_not_equal, {});
2938
+ init(this, options, instance$1a, create_fragment$1a, safe_not_equal, {});
2939
2939
  }
2940
2940
  }
2941
2941
 
2942
2942
  /* src/components/State.svelte generated by Svelte v3.53.1 */
2943
2943
 
2944
- function create_fragment$16(ctx) {
2944
+ function create_fragment$19(ctx) {
2945
2945
  let header;
2946
2946
  let t;
2947
2947
  let current;
@@ -3005,7 +3005,7 @@ function create_fragment$16(ctx) {
3005
3005
  };
3006
3006
  }
3007
3007
 
3008
- function instance$16($$self, $$props, $$invalidate) {
3008
+ function instance$19($$self, $$props, $$invalidate) {
3009
3009
  let { $$slots: slots = {}, $$scope } = $$props;
3010
3010
 
3011
3011
  $$self.$$set = $$props => {
@@ -3018,18 +3018,18 @@ function instance$16($$self, $$props, $$invalidate) {
3018
3018
  class State extends SvelteComponent {
3019
3019
  constructor(options) {
3020
3020
  super();
3021
- init(this, options, instance$16, create_fragment$16, safe_not_equal, {});
3021
+ init(this, options, instance$19, create_fragment$19, safe_not_equal, {});
3022
3022
  }
3023
3023
  }
3024
3024
 
3025
3025
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
3026
3026
 
3027
- function add_css$E(target) {
3028
- append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
3027
+ function add_css$F(target) {
3028
+ append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
3029
3029
  }
3030
3030
 
3031
3031
  // (23:0) {#if $state === path}
3032
- function create_if_block$c(ctx) {
3032
+ function create_if_block$d(ctx) {
3033
3033
  let div;
3034
3034
  let t;
3035
3035
  let current;
@@ -3052,7 +3052,7 @@ function create_if_block$c(ctx) {
3052
3052
  },
3053
3053
  h() {
3054
3054
  attr(div, "data-state-path", /*path*/ ctx[0]);
3055
- attr(div, "class", "state-item svelte-1amihue");
3055
+ attr(div, "class", "state-item svelte-2qb6dm");
3056
3056
  },
3057
3057
  m(target, anchor) {
3058
3058
  insert_hydration(target, div, anchor);
@@ -3101,10 +3101,10 @@ function create_if_block$c(ctx) {
3101
3101
  };
3102
3102
  }
3103
3103
 
3104
- function create_fragment$15(ctx) {
3104
+ function create_fragment$18(ctx) {
3105
3105
  let if_block_anchor;
3106
3106
  let current;
3107
- let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$c(ctx);
3107
+ let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$d(ctx);
3108
3108
 
3109
3109
  return {
3110
3110
  c() {
@@ -3129,7 +3129,7 @@ function create_fragment$15(ctx) {
3129
3129
  transition_in(if_block, 1);
3130
3130
  }
3131
3131
  } else {
3132
- if_block = create_if_block$c(ctx);
3132
+ if_block = create_if_block$d(ctx);
3133
3133
  if_block.c();
3134
3134
  transition_in(if_block, 1);
3135
3135
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -3166,7 +3166,7 @@ function getStateItemContext() {
3166
3166
  return getContext(STATE_ITEM_CONTEXT_KEY);
3167
3167
  }
3168
3168
 
3169
- function instance$15($$self, $$props, $$invalidate) {
3169
+ function instance$18($$self, $$props, $$invalidate) {
3170
3170
  let $state;
3171
3171
  component_subscribe($$self, state, $$value => $$invalidate(1, $state = $$value));
3172
3172
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -3192,7 +3192,7 @@ function instance$15($$self, $$props, $$invalidate) {
3192
3192
  class StateItem extends SvelteComponent {
3193
3193
  constructor(options) {
3194
3194
  super();
3195
- init(this, options, instance$15, create_fragment$15, safe_not_equal, { path: 0 }, add_css$E);
3195
+ init(this, options, instance$18, create_fragment$18, safe_not_equal, { path: 0 }, add_css$F);
3196
3196
  }
3197
3197
  }
3198
3198
 
@@ -3318,12 +3318,12 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
3318
3318
 
3319
3319
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3320
3320
 
3321
- function add_css$D(target) {
3322
- 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}");
3321
+ function add_css$E(target) {
3322
+ 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}");
3323
3323
  }
3324
3324
 
3325
3325
  // (14:0) {#if backgroundOverlay}
3326
- function create_if_block$b(ctx) {
3326
+ function create_if_block$c(ctx) {
3327
3327
  let div;
3328
3328
  let div_class_value;
3329
3329
  let mounted;
@@ -3340,7 +3340,7 @@ function create_if_block$b(ctx) {
3340
3340
  this.h();
3341
3341
  },
3342
3342
  h() {
3343
- attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"));
3343
+ attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
3344
3344
  },
3345
3345
  m(target, anchor) {
3346
3346
  insert_hydration(target, div, anchor);
@@ -3351,7 +3351,7 @@ function create_if_block$b(ctx) {
3351
3351
  }
3352
3352
  },
3353
3353
  p(ctx, dirty) {
3354
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"))) {
3354
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
3355
3355
  attr(div, "class", div_class_value);
3356
3356
  }
3357
3357
  },
@@ -3363,9 +3363,9 @@ function create_if_block$b(ctx) {
3363
3363
  };
3364
3364
  }
3365
3365
 
3366
- function create_fragment$14(ctx) {
3366
+ function create_fragment$17(ctx) {
3367
3367
  let if_block_anchor;
3368
- let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$b(ctx);
3368
+ let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$c(ctx);
3369
3369
 
3370
3370
  return {
3371
3371
  c() {
@@ -3385,7 +3385,7 @@ function create_fragment$14(ctx) {
3385
3385
  if (if_block) {
3386
3386
  if_block.p(ctx, dirty);
3387
3387
  } else {
3388
- if_block = create_if_block$b(ctx);
3388
+ if_block = create_if_block$c(ctx);
3389
3389
  if_block.c();
3390
3390
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
3391
3391
  }
@@ -3403,7 +3403,7 @@ function create_fragment$14(ctx) {
3403
3403
  };
3404
3404
  }
3405
3405
 
3406
- function instance$14($$self, $$props, $$invalidate) {
3406
+ function instance$17($$self, $$props, $$invalidate) {
3407
3407
  let { backgroundOverlay = false } = $$props;
3408
3408
  let { class: className = undefined } = $$props;
3409
3409
  const dispatch = createEventDispatcher();
@@ -3420,7 +3420,7 @@ function instance$14($$self, $$props, $$invalidate) {
3420
3420
  let BackgroundOverlay$1 = class BackgroundOverlay extends SvelteComponent {
3421
3421
  constructor(options) {
3422
3422
  super();
3423
- init(this, options, instance$14, create_fragment$14, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$D);
3423
+ init(this, options, instance$17, create_fragment$17, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$E);
3424
3424
  }
3425
3425
  };
3426
3426
 
@@ -3460,8 +3460,8 @@ function checkStopPropagation(eventName, handler) {
3460
3460
 
3461
3461
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3462
3462
 
3463
- function add_css$C(target) {
3464
- 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}");
3463
+ function add_css$D(target) {
3464
+ 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}");
3465
3465
  }
3466
3466
 
3467
3467
  // (50:0) {:else}
@@ -3500,7 +3500,7 @@ function create_else_block$5(ctx) {
3500
3500
  },
3501
3501
  h() {
3502
3502
  set_attributes(button, button_data);
3503
- toggle_class(button, "svelte-1kmu8zp", true);
3503
+ toggle_class(button, "svelte-15k4deh", true);
3504
3504
  },
3505
3505
  m(target, anchor) {
3506
3506
  insert_hydration(target, button, anchor);
@@ -3539,7 +3539,7 @@ function create_else_block$5(ctx) {
3539
3539
  dataAttrStopPropagation('click')
3540
3540
  ]));
3541
3541
 
3542
- toggle_class(button, "svelte-1kmu8zp", true);
3542
+ toggle_class(button, "svelte-15k4deh", true);
3543
3543
  },
3544
3544
  i(local) {
3545
3545
  if (current) return;
@@ -3580,7 +3580,7 @@ function create_if_block_2$2(ctx) {
3580
3580
  this.h();
3581
3581
  },
3582
3582
  h() {
3583
- attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1kmu8zp"));
3583
+ attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-15k4deh"));
3584
3584
  attr(div, "style", /*style*/ ctx[1]);
3585
3585
  },
3586
3586
  m(target, anchor) {
@@ -3680,7 +3680,7 @@ function create_if_block_1$3(ctx) {
3680
3680
  },
3681
3681
  h() {
3682
3682
  set_attributes(a, a_data);
3683
- toggle_class(a, "svelte-1kmu8zp", true);
3683
+ toggle_class(a, "svelte-15k4deh", true);
3684
3684
  },
3685
3685
  m(target, anchor) {
3686
3686
  insert_hydration(target, a, anchor);
@@ -3722,7 +3722,7 @@ function create_if_block_1$3(ctx) {
3722
3722
  dataAttrStopPropagation('click')
3723
3723
  ]));
3724
3724
 
3725
- toggle_class(a, "svelte-1kmu8zp", true);
3725
+ toggle_class(a, "svelte-15k4deh", true);
3726
3726
  },
3727
3727
  i(local) {
3728
3728
  if (current) return;
@@ -3743,7 +3743,7 @@ function create_if_block_1$3(ctx) {
3743
3743
  }
3744
3744
 
3745
3745
  // (31:0) {#if disabled}
3746
- function create_if_block$a(ctx) {
3746
+ function create_if_block$b(ctx) {
3747
3747
  let div;
3748
3748
  let current;
3749
3749
  const default_slot_template = /*#slots*/ ctx[9].default;
@@ -3763,7 +3763,7 @@ function create_if_block$a(ctx) {
3763
3763
  this.h();
3764
3764
  },
3765
3765
  h() {
3766
- attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1kmu8zp"));
3766
+ attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-15k4deh"));
3767
3767
  attr(div, "style", /*style*/ ctx[1]);
3768
3768
  },
3769
3769
  m(target, anchor) {
@@ -3811,12 +3811,12 @@ function create_if_block$a(ctx) {
3811
3811
  };
3812
3812
  }
3813
3813
 
3814
- function create_fragment$13(ctx) {
3814
+ function create_fragment$16(ctx) {
3815
3815
  let current_block_type_index;
3816
3816
  let if_block;
3817
3817
  let if_block_anchor;
3818
3818
  let current;
3819
- const if_block_creators = [create_if_block$a, create_if_block_1$3, create_if_block_2$2, create_else_block$5];
3819
+ const if_block_creators = [create_if_block$b, create_if_block_1$3, create_if_block_2$2, create_else_block$5];
3820
3820
  const if_blocks = [];
3821
3821
 
3822
3822
  function select_block_type(ctx, dirty) {
@@ -3888,7 +3888,7 @@ function create_fragment$13(ctx) {
3888
3888
 
3889
3889
  const BUTTON_CLASS = 'button';
3890
3890
 
3891
- function instance$13($$self, $$props, $$invalidate) {
3891
+ function instance$16($$self, $$props, $$invalidate) {
3892
3892
  let disabled;
3893
3893
  let $valuesAreValid;
3894
3894
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -3954,8 +3954,8 @@ let Button$1 = class Button extends SvelteComponent {
3954
3954
  init(
3955
3955
  this,
3956
3956
  options,
3957
- instance$13,
3958
- create_fragment$13,
3957
+ instance$16,
3958
+ create_fragment$16,
3959
3959
  safe_not_equal,
3960
3960
  {
3961
3961
  onClick: 0,
@@ -3963,15 +3963,15 @@ let Button$1 = class Button extends SvelteComponent {
3963
3963
  eventValue: 6,
3964
3964
  style: 1
3965
3965
  },
3966
- add_css$C
3966
+ add_css$D
3967
3967
  );
3968
3968
  }
3969
3969
  };
3970
3970
 
3971
3971
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
3972
3972
 
3973
- function add_css$B(target) {
3974
- 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}}");
3973
+ function add_css$C(target) {
3974
+ 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}}");
3975
3975
  }
3976
3976
 
3977
3977
  // (277:0) {:else}
@@ -4109,7 +4109,7 @@ function create_if_block_2$1(ctx) {
4109
4109
  }
4110
4110
 
4111
4111
  // (280:0) {#if visible}
4112
- function create_if_block$9(ctx) {
4112
+ function create_if_block$a(ctx) {
4113
4113
  let div;
4114
4114
  let button;
4115
4115
  let div_class_value;
@@ -4146,7 +4146,7 @@ function create_if_block$9(ctx) {
4146
4146
  this.h();
4147
4147
  },
4148
4148
  h() {
4149
- attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"));
4149
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"));
4150
4150
  attr(div, "role", "dialog");
4151
4151
  attr(div, "aria-modal", "true");
4152
4152
  attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
@@ -4170,7 +4170,7 @@ function create_if_block$9(ctx) {
4170
4170
 
4171
4171
  button.$set(button_changes);
4172
4172
 
4173
- if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"))) {
4173
+ if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"))) {
4174
4174
  attr(div, "class", div_class_value);
4175
4175
  }
4176
4176
  },
@@ -4234,7 +4234,7 @@ function create_if_block_1$2(ctx) {
4234
4234
  this.h();
4235
4235
  },
4236
4236
  h() {
4237
- attr(div, "class", "close svelte-1i2vo31");
4237
+ attr(div, "class", "close svelte-1ijkyzl");
4238
4238
  set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
4239
4239
  },
4240
4240
  m(target, anchor) {
@@ -4359,7 +4359,7 @@ function create_default_slot$6(ctx) {
4359
4359
  this.h();
4360
4360
  },
4361
4361
  h() {
4362
- attr(div, "class", "modal-content svelte-1i2vo31");
4362
+ attr(div, "class", "modal-content svelte-1ijkyzl");
4363
4363
  attr(div, "style", /*_style*/ ctx[5]);
4364
4364
  },
4365
4365
  m(target, anchor) {
@@ -4436,7 +4436,7 @@ function create_default_slot$6(ctx) {
4436
4436
  };
4437
4437
  }
4438
4438
 
4439
- function create_fragment$12(ctx) {
4439
+ function create_fragment$15(ctx) {
4440
4440
  let show_if;
4441
4441
  let current_block_type_index;
4442
4442
  let if_block0;
@@ -4457,7 +4457,7 @@ function create_fragment$12(ctx) {
4457
4457
 
4458
4458
  current_block_type_index = select_block_type(ctx);
4459
4459
  if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
4460
- let if_block1 = /*visible*/ ctx[16] && create_if_block$9(ctx);
4460
+ let if_block1 = /*visible*/ ctx[16] && create_if_block$a(ctx);
4461
4461
 
4462
4462
  return {
4463
4463
  c() {
@@ -4523,7 +4523,7 @@ function create_fragment$12(ctx) {
4523
4523
  transition_in(if_block1, 1);
4524
4524
  }
4525
4525
  } else {
4526
- if_block1 = create_if_block$9(ctx);
4526
+ if_block1 = create_if_block$a(ctx);
4527
4527
  if_block1.c();
4528
4528
  transition_in(if_block1, 1);
4529
4529
  if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
@@ -4560,7 +4560,7 @@ function create_fragment$12(ctx) {
4560
4560
  };
4561
4561
  }
4562
4562
 
4563
- function instance$12($$self, $$props, $$invalidate) {
4563
+ function instance$15($$self, $$props, $$invalidate) {
4564
4564
  let close;
4565
4565
  let closable;
4566
4566
  let backgroundClick;
@@ -4842,8 +4842,8 @@ let Modal$1 = class Modal extends SvelteComponent {
4842
4842
  init(
4843
4843
  this,
4844
4844
  options,
4845
- instance$12,
4846
- create_fragment$12,
4845
+ instance$15,
4846
+ create_fragment$15,
4847
4847
  safe_not_equal,
4848
4848
  {
4849
4849
  onClick: 0,
@@ -4861,7 +4861,7 @@ let Modal$1 = class Modal extends SvelteComponent {
4861
4861
  closeButtonColor: 9,
4862
4862
  _closeStyle: 10
4863
4863
  },
4864
- add_css$B,
4864
+ add_css$C,
4865
4865
  [-1, -1]
4866
4866
  );
4867
4867
  }
@@ -4869,7 +4869,7 @@ let Modal$1 = class Modal extends SvelteComponent {
4869
4869
 
4870
4870
  /* src/components/Grid.svelte generated by Svelte v3.53.1 */
4871
4871
 
4872
- function create_fragment$11(ctx) {
4872
+ function create_fragment$14(ctx) {
4873
4873
  let div;
4874
4874
  let current;
4875
4875
  const default_slot_template = /*#slots*/ ctx[8].default;
@@ -4937,7 +4937,7 @@ function create_fragment$11(ctx) {
4937
4937
  };
4938
4938
  }
4939
4939
 
4940
- function instance$11($$self, $$props, $$invalidate) {
4940
+ function instance$14($$self, $$props, $$invalidate) {
4941
4941
  let _style;
4942
4942
  let { $$slots: slots = {}, $$scope } = $$props;
4943
4943
  let { width = '512px' } = $$props;
@@ -4982,7 +4982,7 @@ class Grid extends SvelteComponent {
4982
4982
  constructor(options) {
4983
4983
  super();
4984
4984
 
4985
- init(this, options, instance$11, create_fragment$11, safe_not_equal, {
4985
+ init(this, options, instance$14, create_fragment$14, safe_not_equal, {
4986
4986
  width: 1,
4987
4987
  height: 2,
4988
4988
  rows: 3,
@@ -4995,11 +4995,11 @@ class Grid extends SvelteComponent {
4995
4995
 
4996
4996
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
4997
4997
 
4998
- function add_css$A(target) {
4999
- append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
4998
+ function add_css$B(target) {
4999
+ append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
5000
5000
  }
5001
5001
 
5002
- function create_fragment$10(ctx) {
5002
+ function create_fragment$13(ctx) {
5003
5003
  let div1;
5004
5004
  let div0;
5005
5005
  let current;
@@ -5030,8 +5030,8 @@ function create_fragment$10(ctx) {
5030
5030
  this.h();
5031
5031
  },
5032
5032
  h() {
5033
- attr(div0, "class", "grid-item-inner svelte-1cryhmb");
5034
- attr(div1, "class", "grid-item svelte-1cryhmb");
5033
+ attr(div0, "class", "grid-item-inner svelte-n7kdl3");
5034
+ attr(div1, "class", "grid-item svelte-n7kdl3");
5035
5035
  attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
5036
5036
  attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
5037
5037
  attr(div1, "style", /*_style*/ ctx[1]);
@@ -5092,7 +5092,7 @@ function create_fragment$10(ctx) {
5092
5092
 
5093
5093
  const GRID_ITEM_CONTEXT_KEY = 'GRID_ITEM';
5094
5094
 
5095
- function instance$10($$self, $$props, $$invalidate) {
5095
+ function instance$13($$self, $$props, $$invalidate) {
5096
5096
  let _style;
5097
5097
  let { $$slots: slots = {}, $$scope } = $$props;
5098
5098
  let { x1 } = $$props;
@@ -5141,8 +5141,8 @@ class GridItem extends SvelteComponent {
5141
5141
  init(
5142
5142
  this,
5143
5143
  options,
5144
- instance$10,
5145
- create_fragment$10,
5144
+ instance$13,
5145
+ create_fragment$13,
5146
5146
  safe_not_equal,
5147
5147
  {
5148
5148
  x1: 2,
@@ -5153,7 +5153,7 @@ class GridItem extends SvelteComponent {
5153
5153
  background: 7,
5154
5154
  gridItemId: 0
5155
5155
  },
5156
- add_css$A
5156
+ add_css$B
5157
5157
  );
5158
5158
  }
5159
5159
  }
@@ -5191,7 +5191,7 @@ function create_else_block$3(ctx) {
5191
5191
  }
5192
5192
 
5193
5193
  // (11:2) {#if item.match(regexp)}
5194
- function create_if_block$8(ctx) {
5194
+ function create_if_block$9(ctx) {
5195
5195
  let br;
5196
5196
 
5197
5197
  return {
@@ -5219,7 +5219,7 @@ function create_each_block$6(ctx) {
5219
5219
  function select_block_type(ctx, dirty) {
5220
5220
  if (dirty & /*items*/ 1) show_if = null;
5221
5221
  if (show_if == null) show_if = !!/*item*/ ctx[2].match(regexp);
5222
- if (show_if) return create_if_block$8;
5222
+ if (show_if) return create_if_block$9;
5223
5223
  return create_else_block$3;
5224
5224
  }
5225
5225
 
@@ -5259,7 +5259,7 @@ function create_each_block$6(ctx) {
5259
5259
  };
5260
5260
  }
5261
5261
 
5262
- function create_fragment$$(ctx) {
5262
+ function create_fragment$12(ctx) {
5263
5263
  let each_1_anchor;
5264
5264
  let each_value = /*items*/ ctx[0];
5265
5265
  let each_blocks = [];
@@ -5325,7 +5325,7 @@ function create_fragment$$(ctx) {
5325
5325
 
5326
5326
  const regexp = /(\r?\n)/;
5327
5327
 
5328
- function instance$$($$self, $$props, $$invalidate) {
5328
+ function instance$12($$self, $$props, $$invalidate) {
5329
5329
  let items;
5330
5330
  let { text = 'サンプルSample' } = $$props;
5331
5331
 
@@ -5346,14 +5346,14 @@ function instance$$($$self, $$props, $$invalidate) {
5346
5346
  class RenderText extends SvelteComponent {
5347
5347
  constructor(options) {
5348
5348
  super();
5349
- init(this, options, instance$$, create_fragment$$, safe_not_equal, { text: 1 });
5349
+ init(this, options, instance$12, create_fragment$12, safe_not_equal, { text: 1 });
5350
5350
  }
5351
5351
  }
5352
5352
 
5353
5353
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
5354
5354
 
5355
- function add_css$z(target) {
5356
- 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}");
5355
+ function add_css$A(target) {
5356
+ 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}");
5357
5357
  }
5358
5358
 
5359
5359
  // (94:2) {:else}
@@ -5383,8 +5383,8 @@ function create_else_block$2(ctx) {
5383
5383
  this.h();
5384
5384
  },
5385
5385
  h() {
5386
- attr(div0, "class", "text-element-inner svelte-vz6867");
5387
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5386
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5387
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5388
5388
  attr(div1, "style", /*style*/ ctx[5]);
5389
5389
  },
5390
5390
  m(target, anchor) {
@@ -5398,7 +5398,7 @@ function create_else_block$2(ctx) {
5398
5398
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5399
5399
  rendertext.$set(rendertext_changes);
5400
5400
 
5401
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
5401
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
5402
5402
  attr(div1, "class", div1_class_value);
5403
5403
  }
5404
5404
 
@@ -5423,7 +5423,7 @@ function create_else_block$2(ctx) {
5423
5423
  }
5424
5424
 
5425
5425
  // (80:2) {#if enableCopy}
5426
- function create_if_block$7(ctx) {
5426
+ function create_if_block$8(ctx) {
5427
5427
  let a;
5428
5428
  let div0;
5429
5429
  let rendertext;
@@ -5473,12 +5473,12 @@ function create_if_block$7(ctx) {
5473
5473
  this.h();
5474
5474
  },
5475
5475
  h() {
5476
- attr(div0, "class", "text-element-inner svelte-vz6867");
5476
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5477
5477
  attr(a, "href", '');
5478
- attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5478
+ attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5479
5479
  attr(a, "style", /*style*/ ctx[5]);
5480
- attr(div1, "class", "tooltip svelte-vz6867");
5481
- attr(div2, "class", "tooltip tooltip-error svelte-vz6867");
5480
+ attr(div1, "class", "tooltip svelte-9ixs0b");
5481
+ attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
5482
5482
  },
5483
5483
  m(target, anchor) {
5484
5484
  insert_hydration(target, a, anchor);
@@ -5504,7 +5504,7 @@ function create_if_block$7(ctx) {
5504
5504
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5505
5505
  rendertext.$set(rendertext_changes);
5506
5506
 
5507
- 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"))) {
5507
+ 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"))) {
5508
5508
  attr(a, "class", a_class_value);
5509
5509
  }
5510
5510
 
@@ -5536,12 +5536,12 @@ function create_if_block$7(ctx) {
5536
5536
  };
5537
5537
  }
5538
5538
 
5539
- function create_fragment$_(ctx) {
5539
+ function create_fragment$11(ctx) {
5540
5540
  let div;
5541
5541
  let current_block_type_index;
5542
5542
  let if_block;
5543
5543
  let current;
5544
- const if_block_creators = [create_if_block$7, create_else_block$2];
5544
+ const if_block_creators = [create_if_block$8, create_else_block$2];
5545
5545
  const if_blocks = [];
5546
5546
 
5547
5547
  function select_block_type(ctx, dirty) {
@@ -5566,7 +5566,7 @@ function create_fragment$_(ctx) {
5566
5566
  this.h();
5567
5567
  },
5568
5568
  h() {
5569
- attr(div, "class", "text-element-wrapper svelte-vz6867");
5569
+ attr(div, "class", "text-element-wrapper svelte-9ixs0b");
5570
5570
  },
5571
5571
  m(target, anchor) {
5572
5572
  insert_hydration(target, div, anchor);
@@ -5616,7 +5616,7 @@ function create_fragment$_(ctx) {
5616
5616
  };
5617
5617
  }
5618
5618
 
5619
- function instance$_($$self, $$props, $$invalidate) {
5619
+ function instance$11($$self, $$props, $$invalidate) {
5620
5620
  let style;
5621
5621
  let { text = 'テキストのコンテンツ' } = $$props;
5622
5622
  let { font = SYSTEM_FONT } = $$props;
@@ -5712,8 +5712,8 @@ class TextElement extends SvelteComponent {
5712
5712
  init(
5713
5713
  this,
5714
5714
  options,
5715
- instance$_,
5716
- create_fragment$_,
5715
+ instance$11,
5716
+ create_fragment$11,
5717
5717
  safe_not_equal,
5718
5718
  {
5719
5719
  text: 0,
@@ -5724,15 +5724,15 @@ class TextElement extends SvelteComponent {
5724
5724
  enableCopy: 2,
5725
5725
  eventName: 10
5726
5726
  },
5727
- add_css$z
5727
+ add_css$A
5728
5728
  );
5729
5729
  }
5730
5730
  }
5731
5731
 
5732
5732
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5733
5733
 
5734
- function add_css$y(target) {
5735
- 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)}");
5734
+ function add_css$z(target) {
5735
+ 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)}");
5736
5736
  }
5737
5737
 
5738
5738
  // (48:2) <Button {onClick} {style} {eventName}>
@@ -5772,7 +5772,7 @@ function create_default_slot$5(ctx) {
5772
5772
  };
5773
5773
  }
5774
5774
 
5775
- function create_fragment$Z(ctx) {
5775
+ function create_fragment$10(ctx) {
5776
5776
  let div;
5777
5777
  let button;
5778
5778
  let current;
@@ -5801,7 +5801,7 @@ function create_fragment$Z(ctx) {
5801
5801
  this.h();
5802
5802
  },
5803
5803
  h() {
5804
- attr(div, "class", "text-button-element svelte-ujdxfc");
5804
+ attr(div, "class", "text-button-element svelte-1vg84sc");
5805
5805
  },
5806
5806
  m(target, anchor) {
5807
5807
  insert_hydration(target, div, anchor);
@@ -5836,7 +5836,7 @@ function create_fragment$Z(ctx) {
5836
5836
  };
5837
5837
  }
5838
5838
 
5839
- function instance$Z($$self, $$props, $$invalidate) {
5839
+ function instance$10($$self, $$props, $$invalidate) {
5840
5840
  let style;
5841
5841
  let { text = 'ボタンのラベル' } = $$props;
5842
5842
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -5874,8 +5874,8 @@ class TextButtonElement extends SvelteComponent {
5874
5874
  init(
5875
5875
  this,
5876
5876
  options,
5877
- instance$Z,
5878
- create_fragment$Z,
5877
+ instance$10,
5878
+ create_fragment$10,
5879
5879
  safe_not_equal,
5880
5880
  {
5881
5881
  text: 0,
@@ -5885,15 +5885,15 @@ class TextButtonElement extends SvelteComponent {
5885
5885
  _buttonStyle: 5,
5886
5886
  _style: 6
5887
5887
  },
5888
- add_css$y
5888
+ add_css$z
5889
5889
  );
5890
5890
  }
5891
5891
  }
5892
5892
 
5893
5893
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5894
5894
 
5895
- function add_css$x(target) {
5896
- 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%}");
5895
+ function add_css$y(target) {
5896
+ 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%}");
5897
5897
  }
5898
5898
 
5899
5899
  // (44:2) <Button {onClick} style={_style} {eventName}>
@@ -5921,7 +5921,7 @@ function create_default_slot$4(ctx) {
5921
5921
  this.h();
5922
5922
  },
5923
5923
  h() {
5924
- attr(img, "class", "image svelte-1alkh1m");
5924
+ attr(img, "class", "image svelte-t6tu0e");
5925
5925
  attr(img, "loading", "lazy");
5926
5926
  attr(img, "width", "auto");
5927
5927
  attr(img, "height", "auto");
@@ -5963,7 +5963,7 @@ function create_default_slot$4(ctx) {
5963
5963
  };
5964
5964
  }
5965
5965
 
5966
- function create_fragment$Y(ctx) {
5966
+ function create_fragment$$(ctx) {
5967
5967
  let div;
5968
5968
  let button;
5969
5969
  let div_class_value;
@@ -5993,7 +5993,7 @@ function create_fragment$Y(ctx) {
5993
5993
  this.h();
5994
5994
  },
5995
5995
  h() {
5996
- attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m");
5996
+ attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
5997
5997
  },
5998
5998
  m(target, anchor) {
5999
5999
  insert_hydration(target, div, anchor);
@@ -6012,7 +6012,7 @@ function create_fragment$Y(ctx) {
6012
6012
 
6013
6013
  button.$set(button_changes);
6014
6014
 
6015
- if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m")) {
6015
+ if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
6016
6016
  attr(div, "class", div_class_value);
6017
6017
  }
6018
6018
  },
@@ -6032,7 +6032,7 @@ function create_fragment$Y(ctx) {
6032
6032
  };
6033
6033
  }
6034
6034
 
6035
- function instance$Y($$self, $$props, $$invalidate) {
6035
+ function instance$$($$self, $$props, $$invalidate) {
6036
6036
  let { src = '' } = $$props;
6037
6037
  let { alt = '画像の説明' } = $$props;
6038
6038
  let { transport = false } = $$props;
@@ -6063,8 +6063,8 @@ class ImageElement extends SvelteComponent {
6063
6063
  init(
6064
6064
  this,
6065
6065
  options,
6066
- instance$Y,
6067
- create_fragment$Y,
6066
+ instance$$,
6067
+ create_fragment$$,
6068
6068
  safe_not_equal,
6069
6069
  {
6070
6070
  src: 0,
@@ -6076,18 +6076,18 @@ class ImageElement extends SvelteComponent {
6076
6076
  _imageStyle: 6,
6077
6077
  _style: 7
6078
6078
  },
6079
- add_css$x
6079
+ add_css$y
6080
6080
  );
6081
6081
  }
6082
6082
  }
6083
6083
 
6084
6084
  /* src/components/List.svelte generated by Svelte v3.53.1 */
6085
6085
 
6086
- function add_css$w(target) {
6087
- 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}");
6086
+ function add_css$x(target) {
6087
+ 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}");
6088
6088
  }
6089
6089
 
6090
- function create_fragment$X(ctx) {
6090
+ function create_fragment$_(ctx) {
6091
6091
  let div;
6092
6092
  let current;
6093
6093
  const default_slot_template = /*#slots*/ ctx[6].default;
@@ -6107,7 +6107,7 @@ function create_fragment$X(ctx) {
6107
6107
  this.h();
6108
6108
  },
6109
6109
  h() {
6110
- attr(div, "class", "list svelte-1t8r9z");
6110
+ attr(div, "class", "list svelte-aquv6z");
6111
6111
  attr(div, "style", /*style*/ ctx[0]);
6112
6112
  },
6113
6113
  m(target, anchor) {
@@ -6157,7 +6157,7 @@ function create_fragment$X(ctx) {
6157
6157
 
6158
6158
  const LIST_CONTEXT_KEY = Symbol();
6159
6159
 
6160
- function instance$X($$self, $$props, $$invalidate) {
6160
+ function instance$_($$self, $$props, $$invalidate) {
6161
6161
  let style;
6162
6162
  let { $$slots: slots = {}, $$scope } = $$props;
6163
6163
  let { direction = 'vertical' } = $$props;
@@ -6224,8 +6224,8 @@ class List extends SvelteComponent {
6224
6224
  init(
6225
6225
  this,
6226
6226
  options,
6227
- instance$X,
6228
- create_fragment$X,
6227
+ instance$_,
6228
+ create_fragment$_,
6229
6229
  safe_not_equal,
6230
6230
  {
6231
6231
  direction: 1,
@@ -6233,15 +6233,15 @@ class List extends SvelteComponent {
6233
6233
  background: 3,
6234
6234
  _style: 4
6235
6235
  },
6236
- add_css$w
6236
+ add_css$x
6237
6237
  );
6238
6238
  }
6239
6239
  }
6240
6240
 
6241
6241
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
6242
6242
 
6243
- function add_css$v(target) {
6244
- 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}");
6243
+ function add_css$w(target) {
6244
+ 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}");
6245
6245
  }
6246
6246
 
6247
6247
  // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
@@ -6295,7 +6295,7 @@ function create_default_slot$3(ctx) {
6295
6295
  };
6296
6296
  }
6297
6297
 
6298
- function create_fragment$W(ctx) {
6298
+ function create_fragment$Z(ctx) {
6299
6299
  let div;
6300
6300
  let button;
6301
6301
  let current;
@@ -6324,7 +6324,7 @@ function create_fragment$W(ctx) {
6324
6324
  this.h();
6325
6325
  },
6326
6326
  h() {
6327
- attr(div, "class", "list-item svelte-1lbw8v2");
6327
+ attr(div, "class", "list-item svelte-9n97pe");
6328
6328
  attr(div, "style", /*listItemStyle*/ ctx[3]);
6329
6329
  },
6330
6330
  m(target, anchor) {
@@ -6364,7 +6364,7 @@ function create_fragment$W(ctx) {
6364
6364
  };
6365
6365
  }
6366
6366
 
6367
- function instance$W($$self, $$props, $$invalidate) {
6367
+ function instance$Z($$self, $$props, $$invalidate) {
6368
6368
  let listItemStyle;
6369
6369
  let { $$slots: slots = {}, $$scope } = $$props;
6370
6370
  const { separator, background, direction, registerItem, unregisterItem } = getContext(LIST_CONTEXT_KEY);
@@ -6443,17 +6443,17 @@ function instance$W($$self, $$props, $$invalidate) {
6443
6443
  class ListItem extends SvelteComponent {
6444
6444
  constructor(options) {
6445
6445
  super();
6446
- init(this, options, instance$W, create_fragment$W, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$v);
6446
+ init(this, options, instance$Z, create_fragment$Z, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$w);
6447
6447
  }
6448
6448
  }
6449
6449
 
6450
6450
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
6451
6451
 
6452
- function add_css$u(target) {
6453
- 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}");
6452
+ function add_css$v(target) {
6453
+ 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}");
6454
6454
  }
6455
6455
 
6456
- function create_fragment$V(ctx) {
6456
+ function create_fragment$Y(ctx) {
6457
6457
  let div;
6458
6458
 
6459
6459
  return {
@@ -6468,7 +6468,7 @@ function create_fragment$V(ctx) {
6468
6468
  this.h();
6469
6469
  },
6470
6470
  h() {
6471
- attr(div, "class", "embed svelte-w6jkzh");
6471
+ attr(div, "class", "embed svelte-wocq4p");
6472
6472
  attr(div, "style", /*_style*/ ctx[1]);
6473
6473
  },
6474
6474
  m(target, anchor) {
@@ -6489,7 +6489,7 @@ function create_fragment$V(ctx) {
6489
6489
  };
6490
6490
  }
6491
6491
 
6492
- function instance$V($$self, $$props, $$invalidate) {
6492
+ function instance$Y($$self, $$props, $$invalidate) {
6493
6493
  let { code } = $$props;
6494
6494
  let { _style = '' } = $$props;
6495
6495
 
@@ -6504,17 +6504,17 @@ function instance$V($$self, $$props, $$invalidate) {
6504
6504
  class EmbedElement extends SvelteComponent {
6505
6505
  constructor(options) {
6506
6506
  super();
6507
- init(this, options, instance$V, create_fragment$V, safe_not_equal, { code: 0, _style: 1 }, add_css$u);
6507
+ init(this, options, instance$Y, create_fragment$Y, safe_not_equal, { code: 0, _style: 1 }, add_css$v);
6508
6508
  }
6509
6509
  }
6510
6510
 
6511
6511
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
6512
6512
 
6513
- function add_css$t(target) {
6514
- 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%}");
6513
+ function add_css$u(target) {
6514
+ 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%}");
6515
6515
  }
6516
6516
 
6517
- function create_fragment$U(ctx) {
6517
+ function create_fragment$X(ctx) {
6518
6518
  let div1;
6519
6519
  let div0;
6520
6520
 
@@ -6534,7 +6534,7 @@ function create_fragment$U(ctx) {
6534
6534
  },
6535
6535
  h() {
6536
6536
  attr(div0, "class", "karte-player");
6537
- attr(div1, "class", "embed svelte-ljxq7x");
6537
+ attr(div1, "class", "embed svelte-vikz49");
6538
6538
  attr(div1, "style", /*_style*/ ctx[0]);
6539
6539
  },
6540
6540
  m(target, anchor) {
@@ -6566,7 +6566,7 @@ function _setValue(obj, key, value) {
6566
6566
  }
6567
6567
  }
6568
6568
 
6569
- function instance$U($$self, $$props, $$invalidate) {
6569
+ function instance$X($$self, $$props, $$invalidate) {
6570
6570
  let $system;
6571
6571
  component_subscribe($$self, system, $$value => $$invalidate(31, $system = $$value));
6572
6572
  let { videoId = 'wt0OjOeX-JA' } = $$props;
@@ -6837,8 +6837,8 @@ class MovieYouTubeElement extends SvelteComponent {
6837
6837
  init(
6838
6838
  this,
6839
6839
  options,
6840
- instance$U,
6841
- create_fragment$U,
6840
+ instance$X,
6841
+ create_fragment$X,
6842
6842
  safe_not_equal,
6843
6843
  {
6844
6844
  videoId: 2,
@@ -6867,7 +6867,7 @@ class MovieYouTubeElement extends SvelteComponent {
6867
6867
  mute: 25,
6868
6868
  _style: 0
6869
6869
  },
6870
- add_css$t,
6870
+ add_css$u,
6871
6871
  [-1, -1]
6872
6872
  );
6873
6873
  }
@@ -6875,11 +6875,11 @@ class MovieYouTubeElement extends SvelteComponent {
6875
6875
 
6876
6876
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6877
6877
 
6878
- function add_css$s(target) {
6879
- 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%}");
6878
+ function add_css$t(target) {
6879
+ 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%}");
6880
6880
  }
6881
6881
 
6882
- function create_fragment$T(ctx) {
6882
+ function create_fragment$W(ctx) {
6883
6883
  let div1;
6884
6884
  let div0;
6885
6885
 
@@ -6899,7 +6899,7 @@ function create_fragment$T(ctx) {
6899
6899
  },
6900
6900
  h() {
6901
6901
  attr(div0, "class", "karte-player");
6902
- attr(div1, "class", "embed svelte-ljxq7x");
6902
+ attr(div1, "class", "embed svelte-vikz49");
6903
6903
  attr(div1, "style", /*_style*/ ctx[0]);
6904
6904
  },
6905
6905
  m(target, anchor) {
@@ -6921,7 +6921,7 @@ function create_fragment$T(ctx) {
6921
6921
  };
6922
6922
  }
6923
6923
 
6924
- function instance$T($$self, $$props, $$invalidate) {
6924
+ function instance$W($$self, $$props, $$invalidate) {
6925
6925
  let $system;
6926
6926
  component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
6927
6927
  let { videoId = "201239468" } = $$props;
@@ -7064,8 +7064,8 @@ class MovieVimeoElement extends SvelteComponent {
7064
7064
  init(
7065
7065
  this,
7066
7066
  options,
7067
- instance$T,
7068
- create_fragment$T,
7067
+ instance$W,
7068
+ create_fragment$W,
7069
7069
  safe_not_equal,
7070
7070
  {
7071
7071
  videoId: 2,
@@ -7075,18 +7075,18 @@ class MovieVimeoElement extends SvelteComponent {
7075
7075
  mute: 6,
7076
7076
  _style: 0
7077
7077
  },
7078
- add_css$s
7078
+ add_css$t
7079
7079
  );
7080
7080
  }
7081
7081
  }
7082
7082
 
7083
7083
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
7084
7084
 
7085
- function add_css$r(target) {
7086
- 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}");
7085
+ function add_css$s(target) {
7086
+ 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}");
7087
7087
  }
7088
7088
 
7089
- function create_fragment$S(ctx) {
7089
+ function create_fragment$V(ctx) {
7090
7090
  let div;
7091
7091
  let textarea;
7092
7092
  let mounted;
@@ -7113,12 +7113,12 @@ function create_fragment$S(ctx) {
7113
7113
  this.h();
7114
7114
  },
7115
7115
  h() {
7116
- attr(textarea, "class", "textarea svelte-1fjy5oo");
7116
+ attr(textarea, "class", "textarea svelte-zxvkkc");
7117
7117
  textarea.value = /*$value*/ ctx[4];
7118
7118
  textarea.required = /*required*/ ctx[1];
7119
7119
  attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
7120
7120
  attr(textarea, "style", /*style*/ ctx[3]);
7121
- attr(div, "class", "textarea-wrapper svelte-1fjy5oo");
7121
+ attr(div, "class", "textarea-wrapper svelte-zxvkkc");
7122
7122
  attr(div, "style", /*styleVariables*/ ctx[2]);
7123
7123
  },
7124
7124
  m(target, anchor) {
@@ -7161,7 +7161,7 @@ function create_fragment$S(ctx) {
7161
7161
  };
7162
7162
  }
7163
7163
 
7164
- function instance$S($$self, $$props, $$invalidate) {
7164
+ function instance$V($$self, $$props, $$invalidate) {
7165
7165
  let style;
7166
7166
  let styleVariables;
7167
7167
  let $value;
@@ -7249,8 +7249,8 @@ class FormTextarea extends SvelteComponent {
7249
7249
  init(
7250
7250
  this,
7251
7251
  options,
7252
- instance$S,
7253
- create_fragment$S,
7252
+ instance$V,
7253
+ create_fragment$V,
7254
7254
  safe_not_equal,
7255
7255
  {
7256
7256
  name: 7,
@@ -7262,15 +7262,15 @@ class FormTextarea extends SvelteComponent {
7262
7262
  _textStyle: 11,
7263
7263
  _placeholderStyle: 12
7264
7264
  },
7265
- add_css$r
7265
+ add_css$s
7266
7266
  );
7267
7267
  }
7268
7268
  }
7269
7269
 
7270
7270
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
7271
7271
 
7272
- function add_css$q(target) {
7273
- 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}");
7272
+ function add_css$r(target) {
7273
+ 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}");
7274
7274
  }
7275
7275
 
7276
7276
  function get_each_context$5(ctx, list, i) {
@@ -7327,14 +7327,14 @@ function create_each_block$5(ctx) {
7327
7327
  },
7328
7328
  h() {
7329
7329
  attr(input, "type", "radio");
7330
- attr(input, "class", "radio-button-input svelte-1ntb6j8");
7330
+ attr(input, "class", "radio-button-input svelte-17s08g");
7331
7331
  attr(input, "style", /*buttonStyle*/ ctx[5]);
7332
7332
  attr(input, "name", /*name*/ ctx[0]);
7333
7333
  input.value = input_value_value = /*option*/ ctx[17];
7334
7334
  input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
7335
- attr(span, "class", "radio-button-text svelte-1ntb6j8");
7335
+ attr(span, "class", "radio-button-text svelte-17s08g");
7336
7336
  attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7337
- attr(label, "class", "radio-button svelte-1ntb6j8");
7337
+ attr(label, "class", "radio-button svelte-17s08g");
7338
7338
  },
7339
7339
  m(target, anchor) {
7340
7340
  insert_hydration(target, label, anchor);
@@ -7382,7 +7382,7 @@ function create_each_block$5(ctx) {
7382
7382
  };
7383
7383
  }
7384
7384
 
7385
- function create_fragment$R(ctx) {
7385
+ function create_fragment$U(ctx) {
7386
7386
  let div;
7387
7387
  let each_value = /*_options*/ ctx[4];
7388
7388
  let each_blocks = [];
@@ -7413,7 +7413,7 @@ function create_fragment$R(ctx) {
7413
7413
  this.h();
7414
7414
  },
7415
7415
  h() {
7416
- attr(div, "class", "radio-buttons svelte-1ntb6j8");
7416
+ attr(div, "class", "radio-buttons svelte-17s08g");
7417
7417
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7418
7418
  },
7419
7419
  m(target, anchor) {
@@ -7460,7 +7460,7 @@ function create_fragment$R(ctx) {
7460
7460
  };
7461
7461
  }
7462
7462
 
7463
- function instance$R($$self, $$props, $$invalidate) {
7463
+ function instance$U($$self, $$props, $$invalidate) {
7464
7464
  let _options;
7465
7465
  let buttonStyle;
7466
7466
  let _value;
@@ -7560,8 +7560,8 @@ class FormRadioButtons extends SvelteComponent {
7560
7560
  init(
7561
7561
  this,
7562
7562
  options,
7563
- instance$R,
7564
- create_fragment$R,
7563
+ instance$U,
7564
+ create_fragment$U,
7565
7565
  safe_not_equal,
7566
7566
  {
7567
7567
  name: 0,
@@ -7574,15 +7574,15 @@ class FormRadioButtons extends SvelteComponent {
7574
7574
  buttonColor: 13,
7575
7575
  buttonColorActive: 14
7576
7576
  },
7577
- add_css$q
7577
+ add_css$r
7578
7578
  );
7579
7579
  }
7580
7580
  }
7581
7581
 
7582
7582
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
7583
7583
 
7584
- function add_css$p(target) {
7585
- 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}");
7584
+ function add_css$q(target) {
7585
+ 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}");
7586
7586
  }
7587
7587
 
7588
7588
  function get_each_context$4(ctx, list, i) {
@@ -7616,7 +7616,7 @@ function create_else_block$1(ctx) {
7616
7616
  }
7617
7617
 
7618
7618
  // (105:10) {#if option}
7619
- function create_if_block$6(ctx) {
7619
+ function create_if_block$7(ctx) {
7620
7620
  let t_value = /*option*/ ctx[19] + "";
7621
7621
  let t;
7622
7622
 
@@ -7647,7 +7647,7 @@ function create_each_block$4(ctx) {
7647
7647
  let option_selected_value;
7648
7648
 
7649
7649
  function select_block_type(ctx, dirty) {
7650
- if (/*option*/ ctx[19]) return create_if_block$6;
7650
+ if (/*option*/ ctx[19]) return create_if_block$7;
7651
7651
  return create_else_block$1;
7652
7652
  }
7653
7653
 
@@ -7708,7 +7708,7 @@ function create_each_block$4(ctx) {
7708
7708
  };
7709
7709
  }
7710
7710
 
7711
- function create_fragment$Q(ctx) {
7711
+ function create_fragment$T(ctx) {
7712
7712
  let div1;
7713
7713
  let select;
7714
7714
  let t;
@@ -7753,10 +7753,10 @@ function create_fragment$Q(ctx) {
7753
7753
  this.h();
7754
7754
  },
7755
7755
  h() {
7756
- attr(select, "class", "select-select svelte-iejizj");
7756
+ attr(select, "class", "select-select svelte-t9ynyj");
7757
7757
  attr(select, "style", /*style*/ ctx[3]);
7758
- attr(div0, "class", "select-icon svelte-iejizj");
7759
- attr(div1, "class", "select svelte-iejizj");
7758
+ attr(div0, "class", "select-icon svelte-t9ynyj");
7759
+ attr(div1, "class", "select svelte-t9ynyj");
7760
7760
  attr(div1, "style", /*styleVariables*/ ctx[2]);
7761
7761
  },
7762
7762
  m(target, anchor) {
@@ -7818,7 +7818,7 @@ function create_fragment$Q(ctx) {
7818
7818
  };
7819
7819
  }
7820
7820
 
7821
- function instance$Q($$self, $$props, $$invalidate) {
7821
+ function instance$T($$self, $$props, $$invalidate) {
7822
7822
  let _options;
7823
7823
  let style;
7824
7824
  let styleVariables;
@@ -7934,8 +7934,8 @@ class FormSelect extends SvelteComponent {
7934
7934
  init(
7935
7935
  this,
7936
7936
  options,
7937
- instance$Q,
7938
- create_fragment$Q,
7937
+ instance$T,
7938
+ create_fragment$T,
7939
7939
  safe_not_equal,
7940
7940
  {
7941
7941
  name: 7,
@@ -7950,15 +7950,15 @@ class FormSelect extends SvelteComponent {
7950
7950
  iconColor: 15,
7951
7951
  iconSize: 16
7952
7952
  },
7953
- add_css$p
7953
+ add_css$q
7954
7954
  );
7955
7955
  }
7956
7956
  }
7957
7957
 
7958
7958
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
7959
7959
 
7960
- function add_css$o(target) {
7961
- 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}");
7960
+ function add_css$p(target) {
7961
+ 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}");
7962
7962
  }
7963
7963
 
7964
7964
  function get_each_context$3(ctx, list, i) {
@@ -8020,19 +8020,19 @@ function create_each_block$3(ctx) {
8020
8020
  this.h();
8021
8021
  },
8022
8022
  h() {
8023
- attr(input, "class", "check-box-input svelte-2pz1us");
8023
+ attr(input, "class", "check-box-input svelte-1p65cg8");
8024
8024
  attr(input, "type", "checkbox");
8025
8025
  attr(input, "name", /*name*/ ctx[0]);
8026
8026
  input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
8027
- attr(span0, "class", "check-box-icon svelte-2pz1us");
8027
+ attr(span0, "class", "check-box-icon svelte-1p65cg8");
8028
8028
 
8029
8029
  attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
8030
8030
  ? ' _checked'
8031
- : ''}`) + " svelte-2pz1us"));
8031
+ : ''}`) + " svelte-1p65cg8"));
8032
8032
 
8033
- attr(span2, "class", "check-box-text svelte-2pz1us");
8033
+ attr(span2, "class", "check-box-text svelte-1p65cg8");
8034
8034
  attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
8035
- attr(label, "class", "check-box svelte-2pz1us");
8035
+ attr(label, "class", "check-box svelte-1p65cg8");
8036
8036
  attr(label, "style", /*styleVariables*/ ctx[5]);
8037
8037
  },
8038
8038
  m(target, anchor) {
@@ -8064,7 +8064,7 @@ function create_each_block$3(ctx) {
8064
8064
 
8065
8065
  if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
8066
8066
  ? ' _checked'
8067
- : ''}`) + " svelte-2pz1us"))) {
8067
+ : ''}`) + " svelte-1p65cg8"))) {
8068
8068
  attr(span1, "class", span1_class_value);
8069
8069
  }
8070
8070
 
@@ -8086,7 +8086,7 @@ function create_each_block$3(ctx) {
8086
8086
  };
8087
8087
  }
8088
8088
 
8089
- function create_fragment$P(ctx) {
8089
+ function create_fragment$S(ctx) {
8090
8090
  let div;
8091
8091
  let each_value = /*_options*/ ctx[3];
8092
8092
  let each_blocks = [];
@@ -8117,7 +8117,7 @@ function create_fragment$P(ctx) {
8117
8117
  this.h();
8118
8118
  },
8119
8119
  h() {
8120
- attr(div, "class", "check-boxes svelte-2pz1us");
8120
+ attr(div, "class", "check-boxes svelte-1p65cg8");
8121
8121
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
8122
8122
  },
8123
8123
  m(target, anchor) {
@@ -8164,7 +8164,7 @@ function create_fragment$P(ctx) {
8164
8164
  };
8165
8165
  }
8166
8166
 
8167
- function instance$P($$self, $$props, $$invalidate) {
8167
+ function instance$S($$self, $$props, $$invalidate) {
8168
8168
  let _options;
8169
8169
  let styleVariables;
8170
8170
  let isCheckedArray;
@@ -8270,8 +8270,8 @@ class FormCheckBoxes extends SvelteComponent {
8270
8270
  init(
8271
8271
  this,
8272
8272
  options,
8273
- instance$P,
8274
- create_fragment$P,
8273
+ instance$S,
8274
+ create_fragment$S,
8275
8275
  safe_not_equal,
8276
8276
  {
8277
8277
  name: 0,
@@ -8284,15 +8284,15 @@ class FormCheckBoxes extends SvelteComponent {
8284
8284
  buttonColor: 13,
8285
8285
  buttonColorActive: 14
8286
8286
  },
8287
- add_css$o
8287
+ add_css$p
8288
8288
  );
8289
8289
  }
8290
8290
  }
8291
8291
 
8292
8292
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
8293
8293
 
8294
- function add_css$n(target) {
8295
- 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}");
8294
+ function add_css$o(target) {
8295
+ 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}");
8296
8296
  }
8297
8297
 
8298
8298
  function get_each_context$2(ctx, list, i) {
@@ -8327,7 +8327,7 @@ function create_each_block$2(ctx) {
8327
8327
  this.h();
8328
8328
  },
8329
8329
  h() {
8330
- attr(button, "class", "rating-button svelte-9idbf1");
8330
+ attr(button, "class", "rating-button svelte-1iqf36p");
8331
8331
  attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
8332
8332
  },
8333
8333
  m(target, anchor) {
@@ -8359,7 +8359,7 @@ function create_each_block$2(ctx) {
8359
8359
  };
8360
8360
  }
8361
8361
 
8362
- function create_fragment$O(ctx) {
8362
+ function create_fragment$R(ctx) {
8363
8363
  let div;
8364
8364
  let each_value = [...Array(/*count*/ ctx[0]).keys()].map(/*func*/ ctx[12]);
8365
8365
  let each_blocks = [];
@@ -8390,7 +8390,7 @@ function create_fragment$O(ctx) {
8390
8390
  this.h();
8391
8391
  },
8392
8392
  h() {
8393
- attr(div, "class", "rating-buttons svelte-9idbf1");
8393
+ attr(div, "class", "rating-buttons svelte-1iqf36p");
8394
8394
  },
8395
8395
  m(target, anchor) {
8396
8396
  insert_hydration(target, div, anchor);
@@ -8432,7 +8432,7 @@ function create_fragment$O(ctx) {
8432
8432
  };
8433
8433
  }
8434
8434
 
8435
- function instance$O($$self, $$props, $$invalidate) {
8435
+ function instance$R($$self, $$props, $$invalidate) {
8436
8436
  let _value;
8437
8437
  let $value;
8438
8438
  let { name = '' } = $$props;
@@ -8514,8 +8514,8 @@ class FormRatingButtonsNumber extends SvelteComponent {
8514
8514
  init(
8515
8515
  this,
8516
8516
  options,
8517
- instance$O,
8518
- create_fragment$O,
8517
+ instance$R,
8518
+ create_fragment$R,
8519
8519
  safe_not_equal,
8520
8520
  {
8521
8521
  name: 6,
@@ -8526,15 +8526,15 @@ class FormRatingButtonsNumber extends SvelteComponent {
8526
8526
  buttonStyle: 9,
8527
8527
  buttonActiveStyle: 10
8528
8528
  },
8529
- add_css$n
8529
+ add_css$o
8530
8530
  );
8531
8531
  }
8532
8532
  }
8533
8533
 
8534
8534
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
8535
8535
 
8536
- function add_css$m(target) {
8537
- 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%)}");
8536
+ function add_css$n(target) {
8537
+ 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%)}");
8538
8538
  }
8539
8539
 
8540
8540
  function get_each_context$1(ctx, list, i) {
@@ -8570,9 +8570,9 @@ function create_each_block$1(ctx) {
8570
8570
  },
8571
8571
  h() {
8572
8572
  if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
8573
- attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"));
8573
+ attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
8574
8574
  attr(img, "alt", "rate" + /*i*/ ctx[10]);
8575
- attr(button, "class", "rating-button svelte-1b5dvzw");
8575
+ attr(button, "class", "rating-button svelte-tbunko");
8576
8576
  attr(button, "style", /*buttonStyle*/ ctx[0]);
8577
8577
  },
8578
8578
  m(target, anchor) {
@@ -8588,7 +8588,7 @@ function create_each_block$1(ctx) {
8588
8588
  p(new_ctx, dirty) {
8589
8589
  ctx = new_ctx;
8590
8590
 
8591
- 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"))) {
8591
+ 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"))) {
8592
8592
  attr(img, "class", img_class_value);
8593
8593
  }
8594
8594
 
@@ -8604,7 +8604,7 @@ function create_each_block$1(ctx) {
8604
8604
  };
8605
8605
  }
8606
8606
 
8607
- function create_fragment$N(ctx) {
8607
+ function create_fragment$Q(ctx) {
8608
8608
  let div;
8609
8609
  let each_value = [...Array(count).keys()].reverse().map(func);
8610
8610
  let each_blocks = [];
@@ -8635,7 +8635,7 @@ function create_fragment$N(ctx) {
8635
8635
  this.h();
8636
8636
  },
8637
8637
  h() {
8638
- attr(div, "class", "rating-buttons svelte-1b5dvzw");
8638
+ attr(div, "class", "rating-buttons svelte-tbunko");
8639
8639
  },
8640
8640
  m(target, anchor) {
8641
8641
  insert_hydration(target, div, anchor);
@@ -8680,7 +8680,7 @@ function create_fragment$N(ctx) {
8680
8680
  const count = 5;
8681
8681
  const func = i => i + 1;
8682
8682
 
8683
- function instance$N($$self, $$props, $$invalidate) {
8683
+ function instance$Q($$self, $$props, $$invalidate) {
8684
8684
  let _value;
8685
8685
  let buttonStyle;
8686
8686
  let $value;
@@ -8736,17 +8736,17 @@ function instance$N($$self, $$props, $$invalidate) {
8736
8736
  class FormRatingButtonsFace extends SvelteComponent {
8737
8737
  constructor(options) {
8738
8738
  super();
8739
- init(this, options, instance$N, create_fragment$N, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$m);
8739
+ init(this, options, instance$Q, create_fragment$Q, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$n);
8740
8740
  }
8741
8741
  }
8742
8742
 
8743
8743
  /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
8744
8744
 
8745
- function add_css$l(target) {
8746
- 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}");
8745
+ function add_css$m(target) {
8746
+ 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}");
8747
8747
  }
8748
8748
 
8749
- function create_fragment$M(ctx) {
8749
+ function create_fragment$P(ctx) {
8750
8750
  let div;
8751
8751
  let input;
8752
8752
  let input_class_value;
@@ -8774,13 +8774,13 @@ function create_fragment$M(ctx) {
8774
8774
  this.h();
8775
8775
  },
8776
8776
  h() {
8777
- attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"));
8777
+ attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"));
8778
8778
  attr(input, "type", "text");
8779
8779
  input.value = /*$value*/ ctx[2];
8780
8780
  input.required = /*required*/ ctx[0];
8781
8781
  attr(input, "placeholder", /*placeholder*/ ctx[1]);
8782
8782
  attr(input, "style", /*style*/ ctx[5]);
8783
- attr(div, "class", "input-wrapper svelte-f14zo5");
8783
+ attr(div, "class", "input-wrapper svelte-h8fqwx");
8784
8784
  attr(div, "style", /*styleVariables*/ ctx[4]);
8785
8785
  },
8786
8786
  m(target, anchor) {
@@ -8793,7 +8793,7 @@ function create_fragment$M(ctx) {
8793
8793
  }
8794
8794
  },
8795
8795
  p(ctx, [dirty]) {
8796
- if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"))) {
8796
+ if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"))) {
8797
8797
  attr(input, "class", input_class_value);
8798
8798
  }
8799
8799
 
@@ -8827,7 +8827,7 @@ function create_fragment$M(ctx) {
8827
8827
  };
8828
8828
  }
8829
8829
 
8830
- function instance$M($$self, $$props, $$invalidate) {
8830
+ function instance$P($$self, $$props, $$invalidate) {
8831
8831
  let style;
8832
8832
  let styleVariables;
8833
8833
  let isValidForUI;
@@ -8958,8 +8958,8 @@ class FormIdentifyInput extends SvelteComponent {
8958
8958
  init(
8959
8959
  this,
8960
8960
  options,
8961
- instance$M,
8962
- create_fragment$M,
8961
+ instance$P,
8962
+ create_fragment$P,
8963
8963
  safe_not_equal,
8964
8964
  {
8965
8965
  field: 9,
@@ -8973,18 +8973,18 @@ class FormIdentifyInput extends SvelteComponent {
8973
8973
  _textStyle: 15,
8974
8974
  _placeholderStyle: 16
8975
8975
  },
8976
- add_css$l
8976
+ add_css$m
8977
8977
  );
8978
8978
  }
8979
8979
  }
8980
8980
 
8981
8981
  /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
8982
8982
 
8983
- function add_css$k(target) {
8984
- 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}");
8983
+ function add_css$l(target) {
8984
+ 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}");
8985
8985
  }
8986
8986
 
8987
- function create_fragment$L(ctx) {
8987
+ function create_fragment$O(ctx) {
8988
8988
  let div;
8989
8989
  let label0;
8990
8990
  let input0;
@@ -9047,20 +9047,20 @@ function create_fragment$L(ctx) {
9047
9047
  },
9048
9048
  h() {
9049
9049
  attr(input0, "type", "radio");
9050
- attr(input0, "class", "radio-button-input svelte-pzrwlo");
9050
+ attr(input0, "class", "radio-button-input svelte-8zbmyo");
9051
9051
  attr(input0, "style", /*buttonStyle*/ ctx[2]);
9052
9052
  input0.checked = input0_checked_value = /*$value*/ ctx[3] === true;
9053
- attr(span0, "class", "radio-button-text svelte-pzrwlo");
9053
+ attr(span0, "class", "radio-button-text svelte-8zbmyo");
9054
9054
  attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
9055
- attr(label0, "class", "radio-button svelte-pzrwlo");
9055
+ attr(label0, "class", "radio-button svelte-8zbmyo");
9056
9056
  attr(input1, "type", "radio");
9057
- attr(input1, "class", "radio-button-input svelte-pzrwlo");
9057
+ attr(input1, "class", "radio-button-input svelte-8zbmyo");
9058
9058
  attr(input1, "style", /*buttonStyle*/ ctx[2]);
9059
9059
  input1.checked = input1_checked_value = /*$value*/ ctx[3] === false;
9060
- attr(span1, "class", "radio-button-text svelte-pzrwlo");
9060
+ attr(span1, "class", "radio-button-text svelte-8zbmyo");
9061
9061
  attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
9062
- attr(label1, "class", "radio-button svelte-pzrwlo");
9063
- attr(div, "class", "radio-buttons svelte-pzrwlo");
9062
+ attr(label1, "class", "radio-button svelte-8zbmyo");
9063
+ attr(div, "class", "radio-buttons svelte-8zbmyo");
9064
9064
  attr(div, "style", /*_layoutStyle*/ ctx[0]);
9065
9065
  },
9066
9066
  m(target, anchor) {
@@ -9125,7 +9125,7 @@ function create_fragment$L(ctx) {
9125
9125
  };
9126
9126
  }
9127
9127
 
9128
- function instance$L($$self, $$props, $$invalidate) {
9128
+ function instance$O($$self, $$props, $$invalidate) {
9129
9129
  let buttonStyle;
9130
9130
  let $value;
9131
9131
  let { field = 'subscription' } = $$props;
@@ -9207,8 +9207,8 @@ class FormIdentifyChoices extends SvelteComponent {
9207
9207
  init(
9208
9208
  this,
9209
9209
  options,
9210
- instance$L,
9211
- create_fragment$L,
9210
+ instance$O,
9211
+ create_fragment$O,
9212
9212
  safe_not_equal,
9213
9213
  {
9214
9214
  field: 6,
@@ -9220,15 +9220,15 @@ class FormIdentifyChoices extends SvelteComponent {
9220
9220
  buttonColor: 10,
9221
9221
  buttonColorActive: 11
9222
9222
  },
9223
- add_css$k
9223
+ add_css$l
9224
9224
  );
9225
9225
  }
9226
9226
  }
9227
9227
 
9228
9228
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
9229
9229
 
9230
- function add_css$j(target) {
9231
- 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%}");
9230
+ function add_css$k(target) {
9231
+ 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%}");
9232
9232
  }
9233
9233
 
9234
9234
  function get_each_context(ctx, list, i) {
@@ -9274,9 +9274,9 @@ function create_if_block_1$1(ctx) {
9274
9274
  attr(svg, "viewBox", "0 0 10 16");
9275
9275
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
9276
9276
  attr(svg, "style", /*prevIconStyle*/ ctx[10]);
9277
- attr(button, "class", "move-button svelte-1qfq79t");
9277
+ attr(button, "class", "move-button svelte-ji1fh");
9278
9278
  attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
9279
- attr(div, "class", "prev-button-container svelte-1qfq79t");
9279
+ attr(div, "class", "prev-button-container svelte-ji1fh");
9280
9280
  },
9281
9281
  m(target, anchor) {
9282
9282
  insert_hydration(target, div, anchor);
@@ -9307,7 +9307,7 @@ function create_if_block_1$1(ctx) {
9307
9307
  }
9308
9308
 
9309
9309
  // (380:2) {#if isVisibleNextButton}
9310
- function create_if_block$5(ctx) {
9310
+ function create_if_block$6(ctx) {
9311
9311
  let div;
9312
9312
  let button;
9313
9313
  let svg;
@@ -9342,9 +9342,9 @@ function create_if_block$5(ctx) {
9342
9342
  attr(svg, "viewBox", "0 0 10 16");
9343
9343
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
9344
9344
  attr(svg, "style", /*nextIconStyle*/ ctx[8]);
9345
- attr(button, "class", "move-button svelte-1qfq79t");
9345
+ attr(button, "class", "move-button svelte-ji1fh");
9346
9346
  attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
9347
- attr(div, "class", "next-button-container svelte-1qfq79t");
9347
+ attr(div, "class", "next-button-container svelte-ji1fh");
9348
9348
  },
9349
9349
  m(target, anchor) {
9350
9350
  insert_hydration(target, div, anchor);
@@ -9404,9 +9404,9 @@ function create_each_block(ctx) {
9404
9404
  this.h();
9405
9405
  },
9406
9406
  h() {
9407
- attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
9407
+ attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
9408
9408
  attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
9409
- attr(button, "class", "navigation-item svelte-1qfq79t");
9409
+ attr(button, "class", "navigation-item svelte-ji1fh");
9410
9410
  attr(button, "style", /*navigationItemStyle*/ ctx[6]);
9411
9411
  },
9412
9412
  m(target, anchor) {
@@ -9438,7 +9438,7 @@ function create_each_block(ctx) {
9438
9438
  };
9439
9439
  }
9440
9440
 
9441
- function create_fragment$K(ctx) {
9441
+ function create_fragment$N(ctx) {
9442
9442
  let div3;
9443
9443
  let div1;
9444
9444
  let div0;
@@ -9451,7 +9451,7 @@ function create_fragment$K(ctx) {
9451
9451
  const default_slot_template = /*#slots*/ ctx[32].default;
9452
9452
  const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[31], null);
9453
9453
  let if_block0 = /*isVisiblePrevButton*/ ctx[12] && create_if_block_1$1(ctx);
9454
- let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$5(ctx);
9454
+ let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$6(ctx);
9455
9455
  let each_value = /*items*/ ctx[1];
9456
9456
  let each_blocks = [];
9457
9457
 
@@ -9512,14 +9512,14 @@ function create_fragment$K(ctx) {
9512
9512
  this.h();
9513
9513
  },
9514
9514
  h() {
9515
- attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
9515
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
9516
9516
  attr(div0, "style", /*slideStyle*/ ctx[14]);
9517
- attr(div1, "class", "container svelte-1qfq79t");
9517
+ attr(div1, "class", "container svelte-ji1fh");
9518
9518
  attr(div1, "style", /*_style*/ ctx[0]);
9519
- attr(div2, "class", "navigation svelte-1qfq79t");
9519
+ attr(div2, "class", "navigation svelte-ji1fh");
9520
9520
  attr(div2, "style", /*navigationStyle*/ ctx[4]);
9521
9521
  set_attributes(div3, div3_data);
9522
- toggle_class(div3, "svelte-1qfq79t", true);
9522
+ toggle_class(div3, "svelte-ji1fh", true);
9523
9523
  },
9524
9524
  m(target, anchor) {
9525
9525
  insert_hydration(target, div3, anchor);
@@ -9561,7 +9561,7 @@ function create_fragment$K(ctx) {
9561
9561
  }
9562
9562
  }
9563
9563
 
9564
- if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
9564
+ if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
9565
9565
  attr(div0, "class", div0_class_value);
9566
9566
  }
9567
9567
 
@@ -9590,7 +9590,7 @@ function create_fragment$K(ctx) {
9590
9590
  if (if_block1) {
9591
9591
  if_block1.p(ctx, dirty);
9592
9592
  } else {
9593
- if_block1 = create_if_block$5(ctx);
9593
+ if_block1 = create_if_block$6(ctx);
9594
9594
  if_block1.c();
9595
9595
  if_block1.m(div3, t2);
9596
9596
  }
@@ -9627,7 +9627,7 @@ function create_fragment$K(ctx) {
9627
9627
  }
9628
9628
 
9629
9629
  set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
9630
- toggle_class(div3, "svelte-1qfq79t", true);
9630
+ toggle_class(div3, "svelte-ji1fh", true);
9631
9631
  },
9632
9632
  i(local) {
9633
9633
  if (current) return;
@@ -9662,7 +9662,7 @@ function calcPositionIndex(shift, index, length) {
9662
9662
  }
9663
9663
  }
9664
9664
 
9665
- function instance$K($$self, $$props, $$invalidate) {
9665
+ function instance$N($$self, $$props, $$invalidate) {
9666
9666
  let slideStyle;
9667
9667
  let slideClass;
9668
9668
  let _loop;
@@ -10115,8 +10115,8 @@ class Slide extends SvelteComponent {
10115
10115
  init(
10116
10116
  this,
10117
10117
  options,
10118
- instance$K,
10119
- create_fragment$K,
10118
+ instance$N,
10119
+ create_fragment$N,
10120
10120
  safe_not_equal,
10121
10121
  {
10122
10122
  loop: 18,
@@ -10130,7 +10130,7 @@ class Slide extends SvelteComponent {
10130
10130
  navigationButton: 25,
10131
10131
  navigationEdgePosition: 26
10132
10132
  },
10133
- add_css$j,
10133
+ add_css$k,
10134
10134
  [-1, -1, -1]
10135
10135
  );
10136
10136
  }
@@ -10138,11 +10138,11 @@ class Slide extends SvelteComponent {
10138
10138
 
10139
10139
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
10140
10140
 
10141
- function add_css$i(target) {
10142
- 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}");
10141
+ function add_css$j(target) {
10142
+ 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}");
10143
10143
  }
10144
10144
 
10145
- function create_fragment$J(ctx) {
10145
+ function create_fragment$M(ctx) {
10146
10146
  let div1;
10147
10147
  let div0;
10148
10148
  let current;
@@ -10167,9 +10167,9 @@ function create_fragment$J(ctx) {
10167
10167
  this.h();
10168
10168
  },
10169
10169
  h() {
10170
- attr(div0, "class", "item-inner svelte-1rv0qgo");
10170
+ attr(div0, "class", "item-inner svelte-9ygf1w");
10171
10171
  attr(div0, "style", /*_style*/ ctx[0]);
10172
- attr(div1, "class", "item svelte-1rv0qgo");
10172
+ attr(div1, "class", "item svelte-9ygf1w");
10173
10173
  attr(div1, "style", /*itemStyle*/ ctx[1]);
10174
10174
  },
10175
10175
  m(target, anchor) {
@@ -10222,7 +10222,7 @@ function create_fragment$J(ctx) {
10222
10222
  };
10223
10223
  }
10224
10224
 
10225
- function instance$J($$self, $$props, $$invalidate) {
10225
+ function instance$M($$self, $$props, $$invalidate) {
10226
10226
  let itemStyle;
10227
10227
  let { $$slots: slots = {}, $$scope } = $$props;
10228
10228
  const { registerItem, unregisterItem } = getContext('SLIDE');
@@ -10288,20 +10288,20 @@ function instance$J($$self, $$props, $$invalidate) {
10288
10288
  class SlideItem extends SvelteComponent {
10289
10289
  constructor(options) {
10290
10290
  super();
10291
- init(this, options, instance$J, create_fragment$J, safe_not_equal, { _style: 0 }, add_css$i);
10291
+ init(this, options, instance$M, create_fragment$M, safe_not_equal, { _style: 0 }, add_css$j);
10292
10292
  }
10293
10293
  }
10294
10294
 
10295
10295
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
10296
10296
 
10297
- function add_css$h(target) {
10298
- 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}");
10297
+ function add_css$i(target) {
10298
+ 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}");
10299
10299
  }
10300
10300
 
10301
10301
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
10302
10302
  const get_default_slot_context = ctx => ({ countdown: /*countdown*/ ctx[1] });
10303
10303
 
10304
- function create_fragment$I(ctx) {
10304
+ function create_fragment$L(ctx) {
10305
10305
  let div1;
10306
10306
  let div0;
10307
10307
  let current;
@@ -10326,9 +10326,9 @@ function create_fragment$I(ctx) {
10326
10326
  this.h();
10327
10327
  },
10328
10328
  h() {
10329
- attr(div0, "class", "countdown-inner svelte-t87l6f");
10329
+ attr(div0, "class", "countdown-inner svelte-rroxiz");
10330
10330
  attr(div0, "style", /*_style*/ ctx[0]);
10331
- attr(div1, "class", "countdown svelte-t87l6f");
10331
+ attr(div1, "class", "countdown svelte-rroxiz");
10332
10332
  },
10333
10333
  m(target, anchor) {
10334
10334
  insert_hydration(target, div1, anchor);
@@ -10394,7 +10394,7 @@ function formatTimeDiff(ms) {
10394
10394
  };
10395
10395
  }
10396
10396
 
10397
- function instance$I($$self, $$props, $$invalidate) {
10397
+ function instance$L($$self, $$props, $$invalidate) {
10398
10398
  let countdown;
10399
10399
  let { $$slots: slots = {}, $$scope } = $$props;
10400
10400
  let { timeLimit = '2023/12/31 23:59:59' } = $$props;
@@ -10451,14 +10451,14 @@ function instance$I($$self, $$props, $$invalidate) {
10451
10451
  class Countdown extends SvelteComponent {
10452
10452
  constructor(options) {
10453
10453
  super();
10454
- init(this, options, instance$I, create_fragment$I, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$h);
10454
+ init(this, options, instance$L, create_fragment$L, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$i);
10455
10455
  }
10456
10456
  }
10457
10457
 
10458
10458
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
10459
10459
 
10460
- function add_css$g(target) {
10461
- 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}");
10460
+ function add_css$h(target) {
10461
+ 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}");
10462
10462
  }
10463
10463
 
10464
10464
  // (24:2) <Button {onClick} style={_style} {eventName}>
@@ -10512,7 +10512,7 @@ function create_default_slot$2(ctx) {
10512
10512
  };
10513
10513
  }
10514
10514
 
10515
- function create_fragment$H(ctx) {
10515
+ function create_fragment$K(ctx) {
10516
10516
  let div;
10517
10517
  let button;
10518
10518
  let current;
@@ -10541,7 +10541,7 @@ function create_fragment$H(ctx) {
10541
10541
  this.h();
10542
10542
  },
10543
10543
  h() {
10544
- attr(div, "class", "box svelte-1c91vpe");
10544
+ attr(div, "class", "box svelte-1ccydfy");
10545
10545
  },
10546
10546
  m(target, anchor) {
10547
10547
  insert_hydration(target, div, anchor);
@@ -10576,7 +10576,7 @@ function create_fragment$H(ctx) {
10576
10576
  };
10577
10577
  }
10578
10578
 
10579
- function instance$H($$self, $$props, $$invalidate) {
10579
+ function instance$K($$self, $$props, $$invalidate) {
10580
10580
  let { $$slots: slots = {}, $$scope } = $$props;
10581
10581
  let { onClick = { operation: 'none', args: [] } } = $$props;
10582
10582
  let { eventName = '' } = $$props;
@@ -10595,18 +10595,18 @@ function instance$H($$self, $$props, $$invalidate) {
10595
10595
  class Box extends SvelteComponent {
10596
10596
  constructor(options) {
10597
10597
  super();
10598
- init(this, options, instance$H, create_fragment$H, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$g);
10598
+ init(this, options, instance$K, create_fragment$K, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$h);
10599
10599
  }
10600
10600
  }
10601
10601
 
10602
10602
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
10603
10603
 
10604
- function add_css$f(target) {
10605
- 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)}");
10604
+ function add_css$g(target) {
10605
+ 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)}");
10606
10606
  }
10607
10607
 
10608
10608
  // (56:4) {#if svg}
10609
- function create_if_block$4(ctx) {
10609
+ function create_if_block$5(ctx) {
10610
10610
  let html_tag;
10611
10611
  let html_anchor;
10612
10612
 
@@ -10641,7 +10641,7 @@ function create_if_block$4(ctx) {
10641
10641
  // (55:2) <Button {onClick} {style} {eventName}>
10642
10642
  function create_default_slot$1(ctx) {
10643
10643
  let if_block_anchor;
10644
- let if_block = /*svg*/ ctx[3] && create_if_block$4(ctx);
10644
+ let if_block = /*svg*/ ctx[3] && create_if_block$5(ctx);
10645
10645
 
10646
10646
  return {
10647
10647
  c() {
@@ -10661,7 +10661,7 @@ function create_default_slot$1(ctx) {
10661
10661
  if (if_block) {
10662
10662
  if_block.p(ctx, dirty);
10663
10663
  } else {
10664
- if_block = create_if_block$4(ctx);
10664
+ if_block = create_if_block$5(ctx);
10665
10665
  if_block.c();
10666
10666
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
10667
10667
  }
@@ -10677,7 +10677,7 @@ function create_default_slot$1(ctx) {
10677
10677
  };
10678
10678
  }
10679
10679
 
10680
- function create_fragment$G(ctx) {
10680
+ function create_fragment$J(ctx) {
10681
10681
  let div;
10682
10682
  let button;
10683
10683
  let current;
@@ -10706,7 +10706,7 @@ function create_fragment$G(ctx) {
10706
10706
  this.h();
10707
10707
  },
10708
10708
  h() {
10709
- attr(div, "class", "icon svelte-1mk6wi4");
10709
+ attr(div, "class", "icon svelte-1mkvcuo");
10710
10710
  },
10711
10711
  m(target, anchor) {
10712
10712
  insert_hydration(target, div, anchor);
@@ -10748,7 +10748,7 @@ function parseData(dataUrl) {
10748
10748
  return decodeURIComponent(data).replaceAll('\'', '"');
10749
10749
  }
10750
10750
 
10751
- function instance$G($$self, $$props, $$invalidate) {
10751
+ function instance$J($$self, $$props, $$invalidate) {
10752
10752
  let svg;
10753
10753
  let styleVariables;
10754
10754
  let style;
@@ -10796,8 +10796,8 @@ class IconElement extends SvelteComponent {
10796
10796
  init(
10797
10797
  this,
10798
10798
  options,
10799
- instance$G,
10800
- create_fragment$G,
10799
+ instance$J,
10800
+ create_fragment$J,
10801
10801
  safe_not_equal,
10802
10802
  {
10803
10803
  icon: 4,
@@ -10807,18 +10807,18 @@ class IconElement extends SvelteComponent {
10807
10807
  color: 6,
10808
10808
  _style: 7
10809
10809
  },
10810
- add_css$f
10810
+ add_css$g
10811
10811
  );
10812
10812
  }
10813
10813
  }
10814
10814
 
10815
10815
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
10816
10816
 
10817
- function add_css$e(target) {
10818
- append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10817
+ function add_css$f(target) {
10818
+ append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10819
10819
  }
10820
10820
 
10821
- function create_fragment$F(ctx) {
10821
+ function create_fragment$I(ctx) {
10822
10822
  let div;
10823
10823
  let switch_instance;
10824
10824
  let current;
@@ -10851,7 +10851,7 @@ function create_fragment$F(ctx) {
10851
10851
  this.h();
10852
10852
  },
10853
10853
  h() {
10854
- attr(div, "class", "codeElement svelte-1ng2n51");
10854
+ attr(div, "class", "codeElement svelte-ymsb9l");
10855
10855
  attr(div, "style", /*style*/ ctx[3]);
10856
10856
  },
10857
10857
  m(target, anchor) {
@@ -10908,7 +10908,7 @@ function create_fragment$F(ctx) {
10908
10908
  };
10909
10909
  }
10910
10910
 
10911
- function instance$F($$self, $$props, $$invalidate) {
10911
+ function instance$I($$self, $$props, $$invalidate) {
10912
10912
  let $data,
10913
10913
  $$unsubscribe_data = noop,
10914
10914
  $$subscribe_data = () => ($$unsubscribe_data(), $$unsubscribe_data = subscribe(data, $$value => $$invalidate(4, $data = $$value)), data);
@@ -10933,17 +10933,17 @@ function instance$F($$self, $$props, $$invalidate) {
10933
10933
  class CodeElement extends SvelteComponent {
10934
10934
  constructor(options) {
10935
10935
  super();
10936
- init(this, options, instance$F, create_fragment$F, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$e);
10936
+ init(this, options, instance$I, create_fragment$I, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$f);
10937
10937
  }
10938
10938
  }
10939
10939
 
10940
10940
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
10941
10941
 
10942
- function add_css$d(target) {
10943
- append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
10942
+ function add_css$e(target) {
10943
+ append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
10944
10944
  }
10945
10945
 
10946
- function create_fragment$E(ctx) {
10946
+ function create_fragment$H(ctx) {
10947
10947
  let div;
10948
10948
  let div_style_value;
10949
10949
  let current;
@@ -10964,7 +10964,7 @@ function create_fragment$E(ctx) {
10964
10964
  this.h();
10965
10965
  },
10966
10966
  h() {
10967
- attr(div, "class", "flex svelte-9v2qdg");
10967
+ attr(div, "class", "flex svelte-1e71ejc");
10968
10968
  attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
10969
10969
  },
10970
10970
  m(target, anchor) {
@@ -11018,7 +11018,7 @@ function getFlexContext() {
11018
11018
  return getContext(FlexContextKey);
11019
11019
  }
11020
11020
 
11021
- function instance$E($$self, $$props, $$invalidate) {
11021
+ function instance$H($$self, $$props, $$invalidate) {
11022
11022
  let { $$slots: slots = {}, $$scope } = $$props;
11023
11023
  let { direction = 'row' } = $$props;
11024
11024
  let { width = '100%' } = $$props;
@@ -11044,8 +11044,8 @@ class Flex extends SvelteComponent {
11044
11044
  init(
11045
11045
  this,
11046
11046
  options,
11047
- instance$E,
11048
- create_fragment$E,
11047
+ instance$H,
11048
+ create_fragment$H,
11049
11049
  safe_not_equal,
11050
11050
  {
11051
11051
  direction: 0,
@@ -11053,18 +11053,18 @@ class Flex extends SvelteComponent {
11053
11053
  height: 2,
11054
11054
  _style: 3
11055
11055
  },
11056
- add_css$d
11056
+ add_css$e
11057
11057
  );
11058
11058
  }
11059
11059
  }
11060
11060
 
11061
11061
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
11062
11062
 
11063
- function add_css$c(target) {
11064
- append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
11063
+ function add_css$d(target) {
11064
+ append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
11065
11065
  }
11066
11066
 
11067
- function create_fragment$D(ctx) {
11067
+ function create_fragment$G(ctx) {
11068
11068
  let div;
11069
11069
  let current;
11070
11070
  const default_slot_template = /*#slots*/ ctx[4].default;
@@ -11084,7 +11084,7 @@ function create_fragment$D(ctx) {
11084
11084
  this.h();
11085
11085
  },
11086
11086
  h() {
11087
- attr(div, "class", "flex-item svelte-164ah5d");
11087
+ attr(div, "class", "flex-item svelte-1p0bk1x");
11088
11088
  attr(div, "style", /*style*/ ctx[0]);
11089
11089
  },
11090
11090
  m(target, anchor) {
@@ -11132,7 +11132,7 @@ function create_fragment$D(ctx) {
11132
11132
  };
11133
11133
  }
11134
11134
 
11135
- function instance$D($$self, $$props, $$invalidate) {
11135
+ function instance$G($$self, $$props, $$invalidate) {
11136
11136
  let { $$slots: slots = {}, $$scope } = $$props;
11137
11137
  let { length } = $$props;
11138
11138
  let { _style = '' } = $$props;
@@ -11175,7 +11175,7 @@ function instance$D($$self, $$props, $$invalidate) {
11175
11175
  class FlexItem extends SvelteComponent {
11176
11176
  constructor(options) {
11177
11177
  super();
11178
- init(this, options, instance$D, create_fragment$D, safe_not_equal, { length: 1, _style: 2 }, add_css$c);
11178
+ init(this, options, instance$G, create_fragment$G, safe_not_equal, { length: 1, _style: 2 }, add_css$d);
11179
11179
  }
11180
11180
  }
11181
11181
 
@@ -11359,7 +11359,7 @@ function create_default_slot(ctx) {
11359
11359
  };
11360
11360
  }
11361
11361
 
11362
- function create_fragment$C(ctx) {
11362
+ function create_fragment$F(ctx) {
11363
11363
  let stateitem;
11364
11364
  let current;
11365
11365
 
@@ -11407,7 +11407,7 @@ function create_fragment$C(ctx) {
11407
11407
  };
11408
11408
  }
11409
11409
 
11410
- function instance$C($$self, $$props, $$invalidate) {
11410
+ function instance$F($$self, $$props, $$invalidate) {
11411
11411
  let { $$slots: slots = {}, $$scope } = $$props;
11412
11412
  let { path } = $$props;
11413
11413
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -11478,7 +11478,7 @@ class GridModalState extends SvelteComponent {
11478
11478
  constructor(options) {
11479
11479
  super();
11480
11480
 
11481
- init(this, options, instance$C, create_fragment$C, safe_not_equal, {
11481
+ init(this, options, instance$F, create_fragment$F, safe_not_equal, {
11482
11482
  path: 0,
11483
11483
  onClick: 1,
11484
11484
  clickEventName: 2,
@@ -11503,11 +11503,11 @@ class GridModalState extends SvelteComponent {
11503
11503
 
11504
11504
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
11505
11505
 
11506
- function add_css$b(target) {
11507
- 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%}");
11506
+ function add_css$c(target) {
11507
+ 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%}");
11508
11508
  }
11509
11509
 
11510
- function create_fragment$B(ctx) {
11510
+ function create_fragment$E(ctx) {
11511
11511
  let div1;
11512
11512
  let div0;
11513
11513
  let rendertext;
@@ -11533,8 +11533,8 @@ function create_fragment$B(ctx) {
11533
11533
  this.h();
11534
11534
  },
11535
11535
  h() {
11536
- attr(div0, "class", "text-block-inner svelte-akic2e");
11537
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"));
11536
+ attr(div0, "class", "text-block-inner svelte-15pej1m");
11537
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
11538
11538
  attr(div1, "style", /*style*/ ctx[2]);
11539
11539
  },
11540
11540
  m(target, anchor) {
@@ -11548,7 +11548,7 @@ function create_fragment$B(ctx) {
11548
11548
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
11549
11549
  rendertext.$set(rendertext_changes);
11550
11550
 
11551
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"))) {
11551
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
11552
11552
  attr(div1, "class", div1_class_value);
11553
11553
  }
11554
11554
 
@@ -11572,7 +11572,7 @@ function create_fragment$B(ctx) {
11572
11572
  };
11573
11573
  }
11574
11574
 
11575
- function instance$B($$self, $$props, $$invalidate) {
11575
+ function instance$E($$self, $$props, $$invalidate) {
11576
11576
  let style;
11577
11577
  let { text = 'サンプルSample' } = $$props;
11578
11578
  let { font = SYSTEM_FONT } = $$props;
@@ -11608,8 +11608,8 @@ class TextBlock extends SvelteComponent {
11608
11608
  init(
11609
11609
  this,
11610
11610
  options,
11611
- instance$B,
11612
- create_fragment$B,
11611
+ instance$E,
11612
+ create_fragment$E,
11613
11613
  safe_not_equal,
11614
11614
  {
11615
11615
  text: 0,
@@ -11618,18 +11618,18 @@ class TextBlock extends SvelteComponent {
11618
11618
  textDirection: 1,
11619
11619
  _style: 5
11620
11620
  },
11621
- add_css$b
11621
+ add_css$c
11622
11622
  );
11623
11623
  }
11624
11624
  }
11625
11625
 
11626
11626
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
11627
11627
 
11628
- function add_css$a(target) {
11629
- 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)}");
11628
+ function add_css$b(target) {
11629
+ 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)}");
11630
11630
  }
11631
11631
 
11632
- function create_fragment$A(ctx) {
11632
+ function create_fragment$D(ctx) {
11633
11633
  let div;
11634
11634
  let button;
11635
11635
  let rendertext;
@@ -11656,9 +11656,9 @@ function create_fragment$A(ctx) {
11656
11656
  this.h();
11657
11657
  },
11658
11658
  h() {
11659
- attr(button, "class", "text-button svelte-1c34p4n");
11659
+ attr(button, "class", "text-button svelte-ff0k6r");
11660
11660
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
11661
- attr(div, "class", "text-button-block svelte-1c34p4n");
11661
+ attr(div, "class", "text-button-block svelte-ff0k6r");
11662
11662
  attr(div, "style", /*_style*/ ctx[2]);
11663
11663
  },
11664
11664
  m(target, anchor) {
@@ -11703,7 +11703,7 @@ function create_fragment$A(ctx) {
11703
11703
  };
11704
11704
  }
11705
11705
 
11706
- function instance$A($$self, $$props, $$invalidate) {
11706
+ function instance$D($$self, $$props, $$invalidate) {
11707
11707
  let { text = 'ボタンラベル' } = $$props;
11708
11708
  let { onClick = { operation: 'none', args: [] } } = $$props;
11709
11709
 
@@ -11745,8 +11745,8 @@ class TextButtonBlock extends SvelteComponent {
11745
11745
  init(
11746
11746
  this,
11747
11747
  options,
11748
- instance$A,
11749
- create_fragment$A,
11748
+ instance$D,
11749
+ create_fragment$D,
11750
11750
  safe_not_equal,
11751
11751
  {
11752
11752
  text: 0,
@@ -11756,18 +11756,18 @@ class TextButtonBlock extends SvelteComponent {
11756
11756
  _buttonStyle: 1,
11757
11757
  _style: 2
11758
11758
  },
11759
- add_css$a
11759
+ add_css$b
11760
11760
  );
11761
11761
  }
11762
11762
  }
11763
11763
 
11764
11764
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
11765
11765
 
11766
- function add_css$9(target) {
11767
- 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)}");
11766
+ function add_css$a(target) {
11767
+ 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)}");
11768
11768
  }
11769
11769
 
11770
- function create_fragment$z(ctx) {
11770
+ function create_fragment$C(ctx) {
11771
11771
  let div;
11772
11772
  let img;
11773
11773
  let img_style_value;
@@ -11800,14 +11800,14 @@ function create_fragment$z(ctx) {
11800
11800
  this.h();
11801
11801
  },
11802
11802
  h() {
11803
- attr(img, "class", "image svelte-1jus6sx");
11803
+ attr(img, "class", "image svelte-1pdw891");
11804
11804
  attr(img, "loading", "lazy");
11805
11805
  attr(img, "width", "auto");
11806
11806
  attr(img, "height", "auto");
11807
11807
  attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
11808
11808
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
11809
11809
  attr(img, "alt", /*alt*/ ctx[1]);
11810
- attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"));
11810
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
11811
11811
  attr(div, "style", /*_style*/ ctx[5]);
11812
11812
  },
11813
11813
  m(target, anchor) {
@@ -11832,7 +11832,7 @@ function create_fragment$z(ctx) {
11832
11832
  attr(img, "alt", /*alt*/ ctx[1]);
11833
11833
  }
11834
11834
 
11835
- if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"))) {
11835
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
11836
11836
  attr(div, "class", div_class_value);
11837
11837
  }
11838
11838
 
@@ -11850,7 +11850,7 @@ function create_fragment$z(ctx) {
11850
11850
  };
11851
11851
  }
11852
11852
 
11853
- function instance$z($$self, $$props, $$invalidate) {
11853
+ function instance$C($$self, $$props, $$invalidate) {
11854
11854
  let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
11855
11855
  let { alt = 'No Image' } = $$props;
11856
11856
  let { transport = false } = $$props;
@@ -11890,8 +11890,8 @@ class ImageBlock extends SvelteComponent {
11890
11890
  init(
11891
11891
  this,
11892
11892
  options,
11893
- instance$z,
11894
- create_fragment$z,
11893
+ instance$C,
11894
+ create_fragment$C,
11895
11895
  safe_not_equal,
11896
11896
  {
11897
11897
  src: 0,
@@ -11903,7 +11903,7 @@ class ImageBlock extends SvelteComponent {
11903
11903
  _imageStyle: 4,
11904
11904
  _style: 5
11905
11905
  },
11906
- add_css$9
11906
+ add_css$a
11907
11907
  );
11908
11908
  }
11909
11909
  }
@@ -12002,11 +12002,11 @@ const toCssShadow = (p) => {
12002
12002
 
12003
12003
  /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
12004
12004
 
12005
- function add_css$8(target) {
12006
- append_styles(target, "svelte-jnsixl", ".avatar.svelte-jnsixl{display:flex;align-items:center;overflow:hidden;flex-shrink:0}");
12005
+ function add_css$9(target) {
12006
+ append_styles(target, "svelte-17xar9h", ".avatar.svelte-17xar9h{display:flex;align-items:center;overflow:hidden;flex-shrink:0}");
12007
12007
  }
12008
12008
 
12009
- function create_fragment$y(ctx) {
12009
+ function create_fragment$B(ctx) {
12010
12010
  let div;
12011
12011
  let img;
12012
12012
  let img_src_value;
@@ -12034,7 +12034,7 @@ function create_fragment$y(ctx) {
12034
12034
  if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
12035
12035
  attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
12036
12036
  attr(img, "style", /*imgStyle*/ ctx[2]);
12037
- attr(div, "class", "avatar svelte-jnsixl");
12037
+ attr(div, "class", "avatar svelte-17xar9h");
12038
12038
  attr(div, "data-layer-id", /*layerId*/ ctx[1]);
12039
12039
  attr(div, "style", /*style*/ ctx[3]);
12040
12040
  },
@@ -12071,7 +12071,7 @@ function create_fragment$y(ctx) {
12071
12071
  };
12072
12072
  }
12073
12073
 
12074
- function instance$y($$self, $$props, $$invalidate) {
12074
+ function instance$B($$self, $$props, $$invalidate) {
12075
12075
  let style;
12076
12076
  let imgStyle;
12077
12077
  let { props = {} } = $$props;
@@ -12115,7 +12115,7 @@ function instance$y($$self, $$props, $$invalidate) {
12115
12115
  class Avatar extends SvelteComponent {
12116
12116
  constructor(options) {
12117
12117
  super();
12118
- init(this, options, instance$y, create_fragment$y, safe_not_equal, { props: 0, layerId: 1 }, add_css$8);
12118
+ init(this, options, instance$B, create_fragment$B, safe_not_equal, { props: 0, layerId: 1 }, add_css$9);
12119
12119
  }
12120
12120
  }
12121
12121
 
@@ -12133,7 +12133,7 @@ const AVATAR_SHAPE = {
12133
12133
 
12134
12134
  /* src/components-flex/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
12135
12135
 
12136
- function create_fragment$x(ctx) {
12136
+ function create_fragment$A(ctx) {
12137
12137
  let svg;
12138
12138
  let path;
12139
12139
 
@@ -12176,7 +12176,7 @@ function create_fragment$x(ctx) {
12176
12176
  };
12177
12177
  }
12178
12178
 
12179
- function instance$x($$self, $$props, $$invalidate) {
12179
+ function instance$A($$self, $$props, $$invalidate) {
12180
12180
  let { color } = $$props;
12181
12181
 
12182
12182
  $$self.$$set = $$props => {
@@ -12189,13 +12189,13 @@ function instance$x($$self, $$props, $$invalidate) {
12189
12189
  class IconArrowDown extends SvelteComponent {
12190
12190
  constructor(options) {
12191
12191
  super();
12192
- init(this, options, instance$x, create_fragment$x, safe_not_equal, { color: 0 });
12192
+ init(this, options, instance$A, create_fragment$A, safe_not_equal, { color: 0 });
12193
12193
  }
12194
12194
  }
12195
12195
 
12196
12196
  /* src/components-flex/icon/variants/IconArrowUp.svelte generated by Svelte v3.53.1 */
12197
12197
 
12198
- function create_fragment$w(ctx) {
12198
+ function create_fragment$z(ctx) {
12199
12199
  let svg;
12200
12200
  let path;
12201
12201
 
@@ -12238,7 +12238,7 @@ function create_fragment$w(ctx) {
12238
12238
  };
12239
12239
  }
12240
12240
 
12241
- function instance$w($$self, $$props, $$invalidate) {
12241
+ function instance$z($$self, $$props, $$invalidate) {
12242
12242
  let { color } = $$props;
12243
12243
 
12244
12244
  $$self.$$set = $$props => {
@@ -12251,13 +12251,13 @@ function instance$w($$self, $$props, $$invalidate) {
12251
12251
  class IconArrowUp extends SvelteComponent {
12252
12252
  constructor(options) {
12253
12253
  super();
12254
- init(this, options, instance$w, create_fragment$w, safe_not_equal, { color: 0 });
12254
+ init(this, options, instance$z, create_fragment$z, safe_not_equal, { color: 0 });
12255
12255
  }
12256
12256
  }
12257
12257
 
12258
12258
  /* src/components-flex/icon/variants/IconUsers.svelte generated by Svelte v3.53.1 */
12259
12259
 
12260
- function create_fragment$v(ctx) {
12260
+ function create_fragment$y(ctx) {
12261
12261
  let svg;
12262
12262
  let path;
12263
12263
 
@@ -12300,7 +12300,7 @@ function create_fragment$v(ctx) {
12300
12300
  };
12301
12301
  }
12302
12302
 
12303
- function instance$v($$self, $$props, $$invalidate) {
12303
+ function instance$y($$self, $$props, $$invalidate) {
12304
12304
  let { color } = $$props;
12305
12305
 
12306
12306
  $$self.$$set = $$props => {
@@ -12313,13 +12313,13 @@ function instance$v($$self, $$props, $$invalidate) {
12313
12313
  class IconUsers extends SvelteComponent {
12314
12314
  constructor(options) {
12315
12315
  super();
12316
- init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
12316
+ init(this, options, instance$y, create_fragment$y, safe_not_equal, { color: 0 });
12317
12317
  }
12318
12318
  }
12319
12319
 
12320
12320
  /* src/components-flex/icon/variants/IconArrowLeft.svelte generated by Svelte v3.53.1 */
12321
12321
 
12322
- function create_fragment$u(ctx) {
12322
+ function create_fragment$x(ctx) {
12323
12323
  let svg;
12324
12324
  let path;
12325
12325
 
@@ -12362,7 +12362,7 @@ function create_fragment$u(ctx) {
12362
12362
  };
12363
12363
  }
12364
12364
 
12365
- function instance$u($$self, $$props, $$invalidate) {
12365
+ function instance$x($$self, $$props, $$invalidate) {
12366
12366
  let { color } = $$props;
12367
12367
 
12368
12368
  $$self.$$set = $$props => {
@@ -12375,13 +12375,13 @@ function instance$u($$self, $$props, $$invalidate) {
12375
12375
  class IconArrowLeft extends SvelteComponent {
12376
12376
  constructor(options) {
12377
12377
  super();
12378
- init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
12378
+ init(this, options, instance$x, create_fragment$x, safe_not_equal, { color: 0 });
12379
12379
  }
12380
12380
  }
12381
12381
 
12382
12382
  /* src/components-flex/icon/variants/IconArrowRight.svelte generated by Svelte v3.53.1 */
12383
12383
 
12384
- function create_fragment$t(ctx) {
12384
+ function create_fragment$w(ctx) {
12385
12385
  let svg;
12386
12386
  let path;
12387
12387
 
@@ -12424,7 +12424,7 @@ function create_fragment$t(ctx) {
12424
12424
  };
12425
12425
  }
12426
12426
 
12427
- function instance$t($$self, $$props, $$invalidate) {
12427
+ function instance$w($$self, $$props, $$invalidate) {
12428
12428
  let { color } = $$props;
12429
12429
 
12430
12430
  $$self.$$set = $$props => {
@@ -12437,13 +12437,13 @@ function instance$t($$self, $$props, $$invalidate) {
12437
12437
  class IconArrowRight extends SvelteComponent {
12438
12438
  constructor(options) {
12439
12439
  super();
12440
- init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
12440
+ init(this, options, instance$w, create_fragment$w, safe_not_equal, { color: 0 });
12441
12441
  }
12442
12442
  }
12443
12443
 
12444
12444
  /* src/components-flex/icon/variants/IconBell.svelte generated by Svelte v3.53.1 */
12445
12445
 
12446
- function create_fragment$s(ctx) {
12446
+ function create_fragment$v(ctx) {
12447
12447
  let svg;
12448
12448
  let path;
12449
12449
 
@@ -12486,7 +12486,7 @@ function create_fragment$s(ctx) {
12486
12486
  };
12487
12487
  }
12488
12488
 
12489
- function instance$s($$self, $$props, $$invalidate) {
12489
+ function instance$v($$self, $$props, $$invalidate) {
12490
12490
  let { color } = $$props;
12491
12491
 
12492
12492
  $$self.$$set = $$props => {
@@ -12499,13 +12499,13 @@ function instance$s($$self, $$props, $$invalidate) {
12499
12499
  class IconBell extends SvelteComponent {
12500
12500
  constructor(options) {
12501
12501
  super();
12502
- init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
12502
+ init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
12503
12503
  }
12504
12504
  }
12505
12505
 
12506
12506
  /* src/components-flex/icon/variants/IconArrowUpFromSquare.svelte generated by Svelte v3.53.1 */
12507
12507
 
12508
- function create_fragment$r(ctx) {
12508
+ function create_fragment$u(ctx) {
12509
12509
  let svg;
12510
12510
  let path;
12511
12511
 
@@ -12548,7 +12548,7 @@ function create_fragment$r(ctx) {
12548
12548
  };
12549
12549
  }
12550
12550
 
12551
- function instance$r($$self, $$props, $$invalidate) {
12551
+ function instance$u($$self, $$props, $$invalidate) {
12552
12552
  let { color } = $$props;
12553
12553
 
12554
12554
  $$self.$$set = $$props => {
@@ -12561,13 +12561,13 @@ function instance$r($$self, $$props, $$invalidate) {
12561
12561
  class IconArrowUpFromSquare extends SvelteComponent {
12562
12562
  constructor(options) {
12563
12563
  super();
12564
- init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
12564
+ init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
12565
12565
  }
12566
12566
  }
12567
12567
 
12568
12568
  /* src/components-flex/icon/variants/IconTicket.svelte generated by Svelte v3.53.1 */
12569
12569
 
12570
- function create_fragment$q(ctx) {
12570
+ function create_fragment$t(ctx) {
12571
12571
  let svg;
12572
12572
  let path;
12573
12573
 
@@ -12610,7 +12610,7 @@ function create_fragment$q(ctx) {
12610
12610
  };
12611
12611
  }
12612
12612
 
12613
- function instance$q($$self, $$props, $$invalidate) {
12613
+ function instance$t($$self, $$props, $$invalidate) {
12614
12614
  let { color } = $$props;
12615
12615
 
12616
12616
  $$self.$$set = $$props => {
@@ -12623,13 +12623,13 @@ function instance$q($$self, $$props, $$invalidate) {
12623
12623
  class IconTicket extends SvelteComponent {
12624
12624
  constructor(options) {
12625
12625
  super();
12626
- init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
12626
+ init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
12627
12627
  }
12628
12628
  }
12629
12629
 
12630
12630
  /* src/components-flex/icon/variants/IconTrack.svelte generated by Svelte v3.53.1 */
12631
12631
 
12632
- function create_fragment$p(ctx) {
12632
+ function create_fragment$s(ctx) {
12633
12633
  let svg;
12634
12634
  let path;
12635
12635
 
@@ -12672,7 +12672,7 @@ function create_fragment$p(ctx) {
12672
12672
  };
12673
12673
  }
12674
12674
 
12675
- function instance$p($$self, $$props, $$invalidate) {
12675
+ function instance$s($$self, $$props, $$invalidate) {
12676
12676
  let { color } = $$props;
12677
12677
 
12678
12678
  $$self.$$set = $$props => {
@@ -12685,13 +12685,13 @@ function instance$p($$self, $$props, $$invalidate) {
12685
12685
  class IconTrack extends SvelteComponent {
12686
12686
  constructor(options) {
12687
12687
  super();
12688
- init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
12688
+ init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
12689
12689
  }
12690
12690
  }
12691
12691
 
12692
12692
  /* src/components-flex/icon/variants/IconCartShopping.svelte generated by Svelte v3.53.1 */
12693
12693
 
12694
- function create_fragment$o(ctx) {
12694
+ function create_fragment$r(ctx) {
12695
12695
  let svg;
12696
12696
  let path;
12697
12697
 
@@ -12734,7 +12734,7 @@ function create_fragment$o(ctx) {
12734
12734
  };
12735
12735
  }
12736
12736
 
12737
- function instance$o($$self, $$props, $$invalidate) {
12737
+ function instance$r($$self, $$props, $$invalidate) {
12738
12738
  let { color } = $$props;
12739
12739
 
12740
12740
  $$self.$$set = $$props => {
@@ -12747,13 +12747,13 @@ function instance$o($$self, $$props, $$invalidate) {
12747
12747
  class IconCartShopping extends SvelteComponent {
12748
12748
  constructor(options) {
12749
12749
  super();
12750
- init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
12750
+ init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
12751
12751
  }
12752
12752
  }
12753
12753
 
12754
12754
  /* src/components-flex/icon/variants/IconCircle.svelte generated by Svelte v3.53.1 */
12755
12755
 
12756
- function create_fragment$n(ctx) {
12756
+ function create_fragment$q(ctx) {
12757
12757
  let svg;
12758
12758
  let path;
12759
12759
 
@@ -12796,7 +12796,7 @@ function create_fragment$n(ctx) {
12796
12796
  };
12797
12797
  }
12798
12798
 
12799
- function instance$n($$self, $$props, $$invalidate) {
12799
+ function instance$q($$self, $$props, $$invalidate) {
12800
12800
  let { color } = $$props;
12801
12801
 
12802
12802
  $$self.$$set = $$props => {
@@ -12809,13 +12809,13 @@ function instance$n($$self, $$props, $$invalidate) {
12809
12809
  class IconCircle extends SvelteComponent {
12810
12810
  constructor(options) {
12811
12811
  super();
12812
- init(this, options, instance$n, create_fragment$n, safe_not_equal, { color: 0 });
12812
+ init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
12813
12813
  }
12814
12814
  }
12815
12815
 
12816
12816
  /* src/components-flex/icon/variants/IconCircleQuestion.svelte generated by Svelte v3.53.1 */
12817
12817
 
12818
- function create_fragment$m(ctx) {
12818
+ function create_fragment$p(ctx) {
12819
12819
  let svg;
12820
12820
  let path;
12821
12821
 
@@ -12858,7 +12858,7 @@ function create_fragment$m(ctx) {
12858
12858
  };
12859
12859
  }
12860
12860
 
12861
- function instance$m($$self, $$props, $$invalidate) {
12861
+ function instance$p($$self, $$props, $$invalidate) {
12862
12862
  let { color } = $$props;
12863
12863
 
12864
12864
  $$self.$$set = $$props => {
@@ -12871,13 +12871,13 @@ function instance$m($$self, $$props, $$invalidate) {
12871
12871
  class IconCircleQuestion extends SvelteComponent {
12872
12872
  constructor(options) {
12873
12873
  super();
12874
- init(this, options, instance$m, create_fragment$m, safe_not_equal, { color: 0 });
12874
+ init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
12875
12875
  }
12876
12876
  }
12877
12877
 
12878
12878
  /* src/components-flex/icon/variants/IconCheck.svelte generated by Svelte v3.53.1 */
12879
12879
 
12880
- function create_fragment$l(ctx) {
12880
+ function create_fragment$o(ctx) {
12881
12881
  let svg;
12882
12882
  let path;
12883
12883
 
@@ -12920,7 +12920,7 @@ function create_fragment$l(ctx) {
12920
12920
  };
12921
12921
  }
12922
12922
 
12923
- function instance$l($$self, $$props, $$invalidate) {
12923
+ function instance$o($$self, $$props, $$invalidate) {
12924
12924
  let { color } = $$props;
12925
12925
 
12926
12926
  $$self.$$set = $$props => {
@@ -12933,13 +12933,13 @@ function instance$l($$self, $$props, $$invalidate) {
12933
12933
  class IconCheck extends SvelteComponent {
12934
12934
  constructor(options) {
12935
12935
  super();
12936
- init(this, options, instance$l, create_fragment$l, safe_not_equal, { color: 0 });
12936
+ init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
12937
12937
  }
12938
12938
  }
12939
12939
 
12940
12940
  /* src/components-flex/icon/variants/IconXMark.svelte generated by Svelte v3.53.1 */
12941
12941
 
12942
- function create_fragment$k(ctx) {
12942
+ function create_fragment$n(ctx) {
12943
12943
  let svg;
12944
12944
  let path;
12945
12945
 
@@ -12982,7 +12982,7 @@ function create_fragment$k(ctx) {
12982
12982
  };
12983
12983
  }
12984
12984
 
12985
- function instance$k($$self, $$props, $$invalidate) {
12985
+ function instance$n($$self, $$props, $$invalidate) {
12986
12986
  let { color } = $$props;
12987
12987
 
12988
12988
  $$self.$$set = $$props => {
@@ -12995,13 +12995,13 @@ function instance$k($$self, $$props, $$invalidate) {
12995
12995
  class IconXMark extends SvelteComponent {
12996
12996
  constructor(options) {
12997
12997
  super();
12998
- init(this, options, instance$k, create_fragment$k, safe_not_equal, { color: 0 });
12998
+ init(this, options, instance$n, create_fragment$n, safe_not_equal, { color: 0 });
12999
12999
  }
13000
13000
  }
13001
13001
 
13002
13002
  /* src/components-flex/icon/variants/IconPaperPlane.svelte generated by Svelte v3.53.1 */
13003
13003
 
13004
- function create_fragment$j(ctx) {
13004
+ function create_fragment$m(ctx) {
13005
13005
  let svg;
13006
13006
  let path;
13007
13007
 
@@ -13044,7 +13044,7 @@ function create_fragment$j(ctx) {
13044
13044
  };
13045
13045
  }
13046
13046
 
13047
- function instance$j($$self, $$props, $$invalidate) {
13047
+ function instance$m($$self, $$props, $$invalidate) {
13048
13048
  let { color } = $$props;
13049
13049
 
13050
13050
  $$self.$$set = $$props => {
@@ -13057,13 +13057,13 @@ function instance$j($$self, $$props, $$invalidate) {
13057
13057
  class IconPaperPlane extends SvelteComponent {
13058
13058
  constructor(options) {
13059
13059
  super();
13060
- init(this, options, instance$j, create_fragment$j, safe_not_equal, { color: 0 });
13060
+ init(this, options, instance$m, create_fragment$m, safe_not_equal, { color: 0 });
13061
13061
  }
13062
13062
  }
13063
13063
 
13064
13064
  /* src/components-flex/icon/variants/IconCopy.svelte generated by Svelte v3.53.1 */
13065
13065
 
13066
- function create_fragment$i(ctx) {
13066
+ function create_fragment$l(ctx) {
13067
13067
  let svg;
13068
13068
  let path;
13069
13069
 
@@ -13106,7 +13106,7 @@ function create_fragment$i(ctx) {
13106
13106
  };
13107
13107
  }
13108
13108
 
13109
- function instance$i($$self, $$props, $$invalidate) {
13109
+ function instance$l($$self, $$props, $$invalidate) {
13110
13110
  let { color } = $$props;
13111
13111
 
13112
13112
  $$self.$$set = $$props => {
@@ -13119,13 +13119,13 @@ function instance$i($$self, $$props, $$invalidate) {
13119
13119
  class IconCopy extends SvelteComponent {
13120
13120
  constructor(options) {
13121
13121
  super();
13122
- init(this, options, instance$i, create_fragment$i, safe_not_equal, { color: 0 });
13122
+ init(this, options, instance$l, create_fragment$l, safe_not_equal, { color: 0 });
13123
13123
  }
13124
13124
  }
13125
13125
 
13126
13126
  /* src/components-flex/icon/variants/IconCircleXMark.svelte generated by Svelte v3.53.1 */
13127
13127
 
13128
- function create_fragment$h(ctx) {
13128
+ function create_fragment$k(ctx) {
13129
13129
  let svg;
13130
13130
  let path;
13131
13131
 
@@ -13168,7 +13168,7 @@ function create_fragment$h(ctx) {
13168
13168
  };
13169
13169
  }
13170
13170
 
13171
- function instance$h($$self, $$props, $$invalidate) {
13171
+ function instance$k($$self, $$props, $$invalidate) {
13172
13172
  let { color } = $$props;
13173
13173
 
13174
13174
  $$self.$$set = $$props => {
@@ -13181,13 +13181,13 @@ function instance$h($$self, $$props, $$invalidate) {
13181
13181
  class IconCircleXMark extends SvelteComponent {
13182
13182
  constructor(options) {
13183
13183
  super();
13184
- init(this, options, instance$h, create_fragment$h, safe_not_equal, { color: 0 });
13184
+ init(this, options, instance$k, create_fragment$k, safe_not_equal, { color: 0 });
13185
13185
  }
13186
13186
  }
13187
13187
 
13188
13188
  /* src/components-flex/icon/variants/IconHeart.svelte generated by Svelte v3.53.1 */
13189
13189
 
13190
- function create_fragment$g(ctx) {
13190
+ function create_fragment$j(ctx) {
13191
13191
  let svg;
13192
13192
  let path;
13193
13193
 
@@ -13230,7 +13230,7 @@ function create_fragment$g(ctx) {
13230
13230
  };
13231
13231
  }
13232
13232
 
13233
- function instance$g($$self, $$props, $$invalidate) {
13233
+ function instance$j($$self, $$props, $$invalidate) {
13234
13234
  let { color } = $$props;
13235
13235
 
13236
13236
  $$self.$$set = $$props => {
@@ -13243,13 +13243,13 @@ function instance$g($$self, $$props, $$invalidate) {
13243
13243
  class IconHeart extends SvelteComponent {
13244
13244
  constructor(options) {
13245
13245
  super();
13246
- init(this, options, instance$g, create_fragment$g, safe_not_equal, { color: 0 });
13246
+ init(this, options, instance$j, create_fragment$j, safe_not_equal, { color: 0 });
13247
13247
  }
13248
13248
  }
13249
13249
 
13250
13250
  /* src/components-flex/icon/variants/IconMagnifyingGrass.svelte generated by Svelte v3.53.1 */
13251
13251
 
13252
- function create_fragment$f(ctx) {
13252
+ function create_fragment$i(ctx) {
13253
13253
  let svg;
13254
13254
  let path;
13255
13255
 
@@ -13292,7 +13292,7 @@ function create_fragment$f(ctx) {
13292
13292
  };
13293
13293
  }
13294
13294
 
13295
- function instance$f($$self, $$props, $$invalidate) {
13295
+ function instance$i($$self, $$props, $$invalidate) {
13296
13296
  let { color } = $$props;
13297
13297
 
13298
13298
  $$self.$$set = $$props => {
@@ -13305,13 +13305,13 @@ function instance$f($$self, $$props, $$invalidate) {
13305
13305
  class IconMagnifyingGrass extends SvelteComponent {
13306
13306
  constructor(options) {
13307
13307
  super();
13308
- init(this, options, instance$f, create_fragment$f, safe_not_equal, { color: 0 });
13308
+ init(this, options, instance$i, create_fragment$i, safe_not_equal, { color: 0 });
13309
13309
  }
13310
13310
  }
13311
13311
 
13312
13312
  /* src/components-flex/icon/variants/IconStar.svelte generated by Svelte v3.53.1 */
13313
13313
 
13314
- function create_fragment$e(ctx) {
13314
+ function create_fragment$h(ctx) {
13315
13315
  let svg;
13316
13316
  let path;
13317
13317
 
@@ -13354,7 +13354,7 @@ function create_fragment$e(ctx) {
13354
13354
  };
13355
13355
  }
13356
13356
 
13357
- function instance$e($$self, $$props, $$invalidate) {
13357
+ function instance$h($$self, $$props, $$invalidate) {
13358
13358
  let { color } = $$props;
13359
13359
 
13360
13360
  $$self.$$set = $$props => {
@@ -13367,13 +13367,13 @@ function instance$e($$self, $$props, $$invalidate) {
13367
13367
  class IconStar extends SvelteComponent {
13368
13368
  constructor(options) {
13369
13369
  super();
13370
- init(this, options, instance$e, create_fragment$e, safe_not_equal, { color: 0 });
13370
+ init(this, options, instance$h, create_fragment$h, safe_not_equal, { color: 0 });
13371
13371
  }
13372
13372
  }
13373
13373
 
13374
13374
  /* src/components-flex/icon/variants/IconCircleInfo.svelte generated by Svelte v3.53.1 */
13375
13375
 
13376
- function create_fragment$d(ctx) {
13376
+ function create_fragment$g(ctx) {
13377
13377
  let svg;
13378
13378
  let path;
13379
13379
 
@@ -13416,7 +13416,7 @@ function create_fragment$d(ctx) {
13416
13416
  };
13417
13417
  }
13418
13418
 
13419
- function instance$d($$self, $$props, $$invalidate) {
13419
+ function instance$g($$self, $$props, $$invalidate) {
13420
13420
  let { color } = $$props;
13421
13421
 
13422
13422
  $$self.$$set = $$props => {
@@ -13429,13 +13429,13 @@ function instance$d($$self, $$props, $$invalidate) {
13429
13429
  class IconCircleInfo extends SvelteComponent {
13430
13430
  constructor(options) {
13431
13431
  super();
13432
- init(this, options, instance$d, create_fragment$d, safe_not_equal, { color: 0 });
13432
+ init(this, options, instance$g, create_fragment$g, safe_not_equal, { color: 0 });
13433
13433
  }
13434
13434
  }
13435
13435
 
13436
13436
  /* src/components-flex/icon/variants/IconEnvelope.svelte generated by Svelte v3.53.1 */
13437
13437
 
13438
- function create_fragment$c(ctx) {
13438
+ function create_fragment$f(ctx) {
13439
13439
  let svg;
13440
13440
  let path;
13441
13441
 
@@ -13478,7 +13478,7 @@ function create_fragment$c(ctx) {
13478
13478
  };
13479
13479
  }
13480
13480
 
13481
- function instance$c($$self, $$props, $$invalidate) {
13481
+ function instance$f($$self, $$props, $$invalidate) {
13482
13482
  let { color } = $$props;
13483
13483
 
13484
13484
  $$self.$$set = $$props => {
@@ -13491,13 +13491,13 @@ function instance$c($$self, $$props, $$invalidate) {
13491
13491
  class IconEnvelope extends SvelteComponent {
13492
13492
  constructor(options) {
13493
13493
  super();
13494
- init(this, options, instance$c, create_fragment$c, safe_not_equal, { color: 0 });
13494
+ init(this, options, instance$f, create_fragment$f, safe_not_equal, { color: 0 });
13495
13495
  }
13496
13496
  }
13497
13497
 
13498
13498
  /* src/components-flex/icon/variants/IconGift.svelte generated by Svelte v3.53.1 */
13499
13499
 
13500
- function create_fragment$b(ctx) {
13500
+ function create_fragment$e(ctx) {
13501
13501
  let svg;
13502
13502
  let path;
13503
13503
 
@@ -13540,7 +13540,7 @@ function create_fragment$b(ctx) {
13540
13540
  };
13541
13541
  }
13542
13542
 
13543
- function instance$b($$self, $$props, $$invalidate) {
13543
+ function instance$e($$self, $$props, $$invalidate) {
13544
13544
  let { color } = $$props;
13545
13545
 
13546
13546
  $$self.$$set = $$props => {
@@ -13553,13 +13553,13 @@ function instance$b($$self, $$props, $$invalidate) {
13553
13553
  class IconGift extends SvelteComponent {
13554
13554
  constructor(options) {
13555
13555
  super();
13556
- init(this, options, instance$b, create_fragment$b, safe_not_equal, { color: 0 });
13556
+ init(this, options, instance$e, create_fragment$e, safe_not_equal, { color: 0 });
13557
13557
  }
13558
13558
  }
13559
13559
 
13560
13560
  /* src/components-flex/icon/variants/IconPaperclip.svelte generated by Svelte v3.53.1 */
13561
13561
 
13562
- function create_fragment$a(ctx) {
13562
+ function create_fragment$d(ctx) {
13563
13563
  let svg;
13564
13564
  let path;
13565
13565
 
@@ -13608,7 +13608,7 @@ function create_fragment$a(ctx) {
13608
13608
  };
13609
13609
  }
13610
13610
 
13611
- function instance$a($$self, $$props, $$invalidate) {
13611
+ function instance$d($$self, $$props, $$invalidate) {
13612
13612
  let { color } = $$props;
13613
13613
 
13614
13614
  $$self.$$set = $$props => {
@@ -13621,13 +13621,13 @@ function instance$a($$self, $$props, $$invalidate) {
13621
13621
  class IconPaperclip extends SvelteComponent {
13622
13622
  constructor(options) {
13623
13623
  super();
13624
- init(this, options, instance$a, create_fragment$a, safe_not_equal, { color: 0 });
13624
+ init(this, options, instance$d, create_fragment$d, safe_not_equal, { color: 0 });
13625
13625
  }
13626
13626
  }
13627
13627
 
13628
13628
  /* src/components-flex/icon/variants/IconFire.svelte generated by Svelte v3.53.1 */
13629
13629
 
13630
- function create_fragment$9(ctx) {
13630
+ function create_fragment$c(ctx) {
13631
13631
  let svg;
13632
13632
  let path;
13633
13633
 
@@ -13676,7 +13676,7 @@ function create_fragment$9(ctx) {
13676
13676
  };
13677
13677
  }
13678
13678
 
13679
- function instance$9($$self, $$props, $$invalidate) {
13679
+ function instance$c($$self, $$props, $$invalidate) {
13680
13680
  let { color } = $$props;
13681
13681
 
13682
13682
  $$self.$$set = $$props => {
@@ -13689,13 +13689,13 @@ function instance$9($$self, $$props, $$invalidate) {
13689
13689
  class IconFire extends SvelteComponent {
13690
13690
  constructor(options) {
13691
13691
  super();
13692
- init(this, options, instance$9, create_fragment$9, safe_not_equal, { color: 0 });
13692
+ init(this, options, instance$c, create_fragment$c, safe_not_equal, { color: 0 });
13693
13693
  }
13694
13694
  }
13695
13695
 
13696
13696
  /* src/components-flex/icon/variants/IconLink.svelte generated by Svelte v3.53.1 */
13697
13697
 
13698
- function create_fragment$8(ctx) {
13698
+ function create_fragment$b(ctx) {
13699
13699
  let svg;
13700
13700
  let path;
13701
13701
 
@@ -13744,7 +13744,7 @@ function create_fragment$8(ctx) {
13744
13744
  };
13745
13745
  }
13746
13746
 
13747
- function instance$8($$self, $$props, $$invalidate) {
13747
+ function instance$b($$self, $$props, $$invalidate) {
13748
13748
  let { color } = $$props;
13749
13749
 
13750
13750
  $$self.$$set = $$props => {
@@ -13757,67 +13757,193 @@ function instance$8($$self, $$props, $$invalidate) {
13757
13757
  class IconLink extends SvelteComponent {
13758
13758
  constructor(options) {
13759
13759
  super();
13760
- init(this, options, instance$8, create_fragment$8, safe_not_equal, { color: 0 });
13760
+ init(this, options, instance$b, create_fragment$b, safe_not_equal, { color: 0 });
13761
13761
  }
13762
13762
  }
13763
13763
 
13764
- const ICON_SIZE = {
13765
- x_small: {
13766
- label: 'X Small',
13767
- value: '12px',
13768
- },
13769
- small: {
13770
- label: 'Small',
13771
- value: '16px',
13772
- },
13773
- medium: {
13774
- label: 'Medium',
13775
- value: '20px',
13776
- },
13777
- large: {
13778
- label: 'Large',
13779
- value: '24px',
13780
- },
13781
- x_large: {
13782
- label: 'X Large',
13783
- value: '32px',
13784
- },
13785
- x2_large: {
13786
- label: '2X Large',
13787
- value: '40px',
13788
- },
13789
- x3_large: {
13790
- label: '3X Large',
13791
- value: '48px',
13792
- },
13793
- };
13794
- const ICON_VARIANTS = {
13795
- arrow_down: IconArrowDown,
13796
- arrow_up: IconArrowUp,
13797
- arrow_left: IconArrowLeft,
13798
- arrow_right: IconArrowRight,
13799
- arrow_up_from_square: IconArrowUpFromSquare,
13800
- bell: IconBell,
13801
- cart_shopping: IconCartShopping,
13802
- check: IconCheck,
13803
- circle: IconCircle,
13804
- circle_info: IconCircleInfo,
13805
- circle_question: IconCircleQuestion,
13806
- circle_x_mark: IconCircleXMark,
13807
- copy: IconCopy,
13808
- envelope: IconEnvelope,
13809
- // facebook: IconFacebook,
13810
- fire: IconFire,
13811
- gift: IconGift,
13812
- heart: IconHeart,
13813
- link: IconLink,
13814
- magnifying_grass: IconMagnifyingGrass,
13815
- paperclip: IconPaperclip,
13816
- paper_plane: IconPaperPlane,
13817
- star: IconStar,
13818
- ticket: IconTicket,
13819
- truck: IconTrack,
13820
- users: IconUsers,
13764
+ /* src/components-flex/icon/variants/IconBuildings.svelte generated by Svelte v3.53.1 */
13765
+
13766
+ function create_fragment$a(ctx) {
13767
+ let svg;
13768
+ let path;
13769
+
13770
+ return {
13771
+ c() {
13772
+ svg = svg_element("svg");
13773
+ path = svg_element("path");
13774
+ this.h();
13775
+ },
13776
+ l(nodes) {
13777
+ svg = claim_svg_element(nodes, "svg", { xmlns: true, style: true, viewBox: true });
13778
+ var svg_nodes = children(svg);
13779
+ path = claim_svg_element(svg_nodes, "path", { fill: true, d: true });
13780
+ children(path).forEach(detach);
13781
+ svg_nodes.forEach(detach);
13782
+ this.h();
13783
+ },
13784
+ h() {
13785
+ attr(path, "fill", /*color*/ ctx[0]);
13786
+ 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");
13787
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
13788
+ set_style(svg, "width", "100%");
13789
+ set_style(svg, "height", "100%");
13790
+ attr(svg, "viewBox", "0 0 512 512");
13791
+ },
13792
+ m(target, anchor) {
13793
+ insert_hydration(target, svg, anchor);
13794
+ append_hydration(svg, path);
13795
+ },
13796
+ p(ctx, [dirty]) {
13797
+ if (dirty & /*color*/ 1) {
13798
+ attr(path, "fill", /*color*/ ctx[0]);
13799
+ }
13800
+ },
13801
+ i: noop,
13802
+ o: noop,
13803
+ d(detaching) {
13804
+ if (detaching) detach(svg);
13805
+ }
13806
+ };
13807
+ }
13808
+
13809
+ function instance$a($$self, $$props, $$invalidate) {
13810
+ let { color } = $$props;
13811
+
13812
+ $$self.$$set = $$props => {
13813
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
13814
+ };
13815
+
13816
+ return [color];
13817
+ }
13818
+
13819
+ class IconBuildings extends SvelteComponent {
13820
+ constructor(options) {
13821
+ super();
13822
+ init(this, options, instance$a, create_fragment$a, safe_not_equal, { color: 0 });
13823
+ }
13824
+ }
13825
+
13826
+ /* src/components-flex/icon/variants/IconChevronsRight.svelte generated by Svelte v3.53.1 */
13827
+
13828
+ function create_fragment$9(ctx) {
13829
+ let svg;
13830
+ let path;
13831
+
13832
+ return {
13833
+ c() {
13834
+ svg = svg_element("svg");
13835
+ path = svg_element("path");
13836
+ this.h();
13837
+ },
13838
+ l(nodes) {
13839
+ svg = claim_svg_element(nodes, "svg", { xmlns: true, style: true, viewBox: true });
13840
+ var svg_nodes = children(svg);
13841
+ path = claim_svg_element(svg_nodes, "path", { fill: true, d: true });
13842
+ children(path).forEach(detach);
13843
+ svg_nodes.forEach(detach);
13844
+ this.h();
13845
+ },
13846
+ h() {
13847
+ attr(path, "fill", /*color*/ ctx[0]);
13848
+ 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");
13849
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
13850
+ set_style(svg, "width", "100%");
13851
+ set_style(svg, "height", "100%");
13852
+ attr(svg, "viewBox", "0 0 512 512");
13853
+ },
13854
+ m(target, anchor) {
13855
+ insert_hydration(target, svg, anchor);
13856
+ append_hydration(svg, path);
13857
+ },
13858
+ p(ctx, [dirty]) {
13859
+ if (dirty & /*color*/ 1) {
13860
+ attr(path, "fill", /*color*/ ctx[0]);
13861
+ }
13862
+ },
13863
+ i: noop,
13864
+ o: noop,
13865
+ d(detaching) {
13866
+ if (detaching) detach(svg);
13867
+ }
13868
+ };
13869
+ }
13870
+
13871
+ function instance$9($$self, $$props, $$invalidate) {
13872
+ let { color } = $$props;
13873
+
13874
+ $$self.$$set = $$props => {
13875
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
13876
+ };
13877
+
13878
+ return [color];
13879
+ }
13880
+
13881
+ class IconChevronsRight extends SvelteComponent {
13882
+ constructor(options) {
13883
+ super();
13884
+ init(this, options, instance$9, create_fragment$9, safe_not_equal, { color: 0 });
13885
+ }
13886
+ }
13887
+
13888
+ const ICON_SIZE = {
13889
+ x_small: {
13890
+ label: 'X Small',
13891
+ value: '12px',
13892
+ },
13893
+ small: {
13894
+ label: 'Small',
13895
+ value: '16px',
13896
+ },
13897
+ medium: {
13898
+ label: 'Medium',
13899
+ value: '20px',
13900
+ },
13901
+ large: {
13902
+ label: 'Large',
13903
+ value: '24px',
13904
+ },
13905
+ x_large: {
13906
+ label: 'X Large',
13907
+ value: '32px',
13908
+ },
13909
+ x2_large: {
13910
+ label: '2X Large',
13911
+ value: '40px',
13912
+ },
13913
+ x3_large: {
13914
+ label: '3X Large',
13915
+ value: '48px',
13916
+ },
13917
+ };
13918
+ const ICON_VARIANTS = {
13919
+ arrow_down: IconArrowDown,
13920
+ arrow_up: IconArrowUp,
13921
+ arrow_left: IconArrowLeft,
13922
+ arrow_right: IconArrowRight,
13923
+ arrow_up_from_square: IconArrowUpFromSquare,
13924
+ bell: IconBell,
13925
+ buildings: IconBuildings,
13926
+ cart_shopping: IconCartShopping,
13927
+ check: IconCheck,
13928
+ chevrons_right: IconChevronsRight,
13929
+ circle: IconCircle,
13930
+ circle_info: IconCircleInfo,
13931
+ circle_question: IconCircleQuestion,
13932
+ circle_x_mark: IconCircleXMark,
13933
+ copy: IconCopy,
13934
+ envelope: IconEnvelope,
13935
+ // facebook: IconFacebook,
13936
+ fire: IconFire,
13937
+ gift: IconGift,
13938
+ heart: IconHeart,
13939
+ link: IconLink,
13940
+ magnifying_grass: IconMagnifyingGrass,
13941
+ paperclip: IconPaperclip,
13942
+ paper_plane: IconPaperPlane,
13943
+ star: IconStar,
13944
+ ticket: IconTicket,
13945
+ truck: IconTrack,
13946
+ users: IconUsers,
13821
13947
  x_mark: IconXMark,
13822
13948
  };
13823
13949
  // @ts-ignore
@@ -13845,12 +13971,12 @@ const ICON_PARAMS = [
13845
13971
 
13846
13972
  /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
13847
13973
 
13848
- function add_css$7(target) {
13849
- append_styles(target, "svelte-u5222d", ".icon.svelte-u5222d{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
13974
+ function add_css$8(target) {
13975
+ append_styles(target, "svelte-1mx2edd", ".icon.svelte-1mx2edd{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
13850
13976
  }
13851
13977
 
13852
- // (15:0) {#if (IconComponent)}
13853
- function create_if_block$3(ctx) {
13978
+ // (20:0) {#if (IconComponent)}
13979
+ function create_if_block$4(ctx) {
13854
13980
  let div;
13855
13981
  let switch_instance;
13856
13982
  let current;
@@ -13886,7 +14012,7 @@ function create_if_block$3(ctx) {
13886
14012
  },
13887
14013
  h() {
13888
14014
  attr(div, "data-layer-id", /*layerId*/ ctx[1]);
13889
- attr(div, "class", "icon svelte-u5222d");
14015
+ attr(div, "class", "icon svelte-1mx2edd");
13890
14016
  attr(div, "style", /*style*/ ctx[3]);
13891
14017
  },
13892
14018
  m(target, anchor) {
@@ -13946,10 +14072,10 @@ function create_if_block$3(ctx) {
13946
14072
  };
13947
14073
  }
13948
14074
 
13949
- function create_fragment$7(ctx) {
14075
+ function create_fragment$8(ctx) {
13950
14076
  let if_block_anchor;
13951
14077
  let current;
13952
- let if_block = /*IconComponent*/ ctx[2] && create_if_block$3(ctx);
14078
+ let if_block = /*IconComponent*/ ctx[2] && create_if_block$4(ctx);
13953
14079
 
13954
14080
  return {
13955
14081
  c() {
@@ -13974,7 +14100,7 @@ function create_fragment$7(ctx) {
13974
14100
  transition_in(if_block, 1);
13975
14101
  }
13976
14102
  } else {
13977
- if_block = create_if_block$3(ctx);
14103
+ if_block = create_if_block$4(ctx);
13978
14104
  if_block.c();
13979
14105
  transition_in(if_block, 1);
13980
14106
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -13989,65 +14115,429 @@ function create_fragment$7(ctx) {
13989
14115
  check_outros();
13990
14116
  }
13991
14117
  },
13992
- i(local) {
13993
- if (current) return;
13994
- transition_in(if_block);
13995
- current = true;
14118
+ i(local) {
14119
+ if (current) return;
14120
+ transition_in(if_block);
14121
+ current = true;
14122
+ },
14123
+ o(local) {
14124
+ transition_out(if_block);
14125
+ current = false;
14126
+ },
14127
+ d(detaching) {
14128
+ if (if_block) if_block.d(detaching);
14129
+ if (detaching) detach(if_block_anchor);
14130
+ }
14131
+ };
14132
+ }
14133
+
14134
+ function instance$8($$self, $$props, $$invalidate) {
14135
+ let style;
14136
+ let IconComponent;
14137
+ let { props = {} } = $$props;
14138
+ let { layerId = '' } = $$props;
14139
+
14140
+ const getSizeCss = () => {
14141
+ return {
14142
+ minWidth: props.width
14143
+ ? props.width
14144
+ : ICON_SIZE[props.size ?? 'medium'].value,
14145
+ width: props.width
14146
+ ? props.width
14147
+ : ICON_SIZE[props.size ?? 'medium'].value,
14148
+ height: props.height
14149
+ ? props.height
14150
+ : ICON_SIZE[props.size ?? 'medium'].value
14151
+ };
14152
+ };
14153
+
14154
+ $$self.$$set = $$props => {
14155
+ if ('props' in $$props) $$invalidate(0, props = $$props.props);
14156
+ if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
14157
+ };
14158
+
14159
+ $$self.$$.update = () => {
14160
+ if ($$self.$$.dirty & /*props*/ 1) {
14161
+ $$invalidate(3, style = objToStyle({ ...getSizeCss(), ...toCssCommon(props) }));
14162
+ }
14163
+
14164
+ if ($$self.$$.dirty & /*props*/ 1) {
14165
+ $$invalidate(2, IconComponent = ICON_VARIANTS[props.variant] ?? undefined);
14166
+ }
14167
+ };
14168
+
14169
+ return [props, layerId, IconComponent, style];
14170
+ }
14171
+
14172
+ class Icon extends SvelteComponent {
14173
+ constructor(options) {
14174
+ super();
14175
+ init(this, options, instance$8, create_fragment$8, safe_not_equal, { props: 0, layerId: 1 }, add_css$8);
14176
+ }
14177
+ }
14178
+
14179
+ /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
14180
+
14181
+ function add_css$7(target) {
14182
+ 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}");
14183
+ }
14184
+
14185
+ // (127:2) {#if (props.isIcon && props.iconVariant)}
14186
+ function create_if_block$3(ctx) {
14187
+ let div;
14188
+ let icon;
14189
+ let current;
14190
+
14191
+ icon = new Icon({
14192
+ props: {
14193
+ props: {
14194
+ variant: /*props*/ ctx[0].iconVariant,
14195
+ size: '1em',
14196
+ color: /*VARIANTS*/ ctx[3].color[/*props*/ ctx[0].color ?? 'default'].color
14197
+ }
14198
+ }
14199
+ });
14200
+
14201
+ return {
14202
+ c() {
14203
+ div = element("div");
14204
+ create_component(icon.$$.fragment);
14205
+ this.h();
14206
+ },
14207
+ l(nodes) {
14208
+ div = claim_element(nodes, "DIV", { class: true });
14209
+ var div_nodes = children(div);
14210
+ claim_component(icon.$$.fragment, div_nodes);
14211
+ div_nodes.forEach(detach);
14212
+ this.h();
14213
+ },
14214
+ h() {
14215
+ attr(div, "class", "button-icon svelte-bo01kn");
14216
+ },
14217
+ m(target, anchor) {
14218
+ insert_hydration(target, div, anchor);
14219
+ mount_component(icon, div, null);
14220
+ current = true;
14221
+ },
14222
+ p(ctx, dirty) {
14223
+ const icon_changes = {};
14224
+
14225
+ if (dirty & /*props*/ 1) icon_changes.props = {
14226
+ variant: /*props*/ ctx[0].iconVariant,
14227
+ size: '1em',
14228
+ color: /*VARIANTS*/ ctx[3].color[/*props*/ ctx[0].color ?? 'default'].color
14229
+ };
14230
+
14231
+ icon.$set(icon_changes);
14232
+ },
14233
+ i(local) {
14234
+ if (current) return;
14235
+ transition_in(icon.$$.fragment, local);
14236
+ current = true;
14237
+ },
14238
+ o(local) {
14239
+ transition_out(icon.$$.fragment, local);
14240
+ current = false;
14241
+ },
14242
+ d(detaching) {
14243
+ if (detaching) detach(div);
14244
+ destroy_component(icon);
14245
+ }
14246
+ };
14247
+ }
14248
+
14249
+ function create_fragment$7(ctx) {
14250
+ let button;
14251
+ let t0;
14252
+ let span;
14253
+ let t1_value = /*props*/ ctx[0].label + "";
14254
+ let t1;
14255
+ let current;
14256
+ let mounted;
14257
+ let dispose;
14258
+ let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block$3(ctx);
14259
+
14260
+ return {
14261
+ c() {
14262
+ button = element("button");
14263
+ if (if_block) if_block.c();
14264
+ t0 = space();
14265
+ span = element("span");
14266
+ t1 = text(t1_value);
14267
+ this.h();
14268
+ },
14269
+ l(nodes) {
14270
+ button = claim_element(nodes, "BUTTON", {
14271
+ "data-layer-id": true,
14272
+ style: true,
14273
+ class: true
14274
+ });
14275
+
14276
+ var button_nodes = children(button);
14277
+ if (if_block) if_block.l(button_nodes);
14278
+ t0 = claim_space(button_nodes);
14279
+ span = claim_element(button_nodes, "SPAN", {});
14280
+ var span_nodes = children(span);
14281
+ t1 = claim_text(span_nodes, t1_value);
14282
+ span_nodes.forEach(detach);
14283
+ button_nodes.forEach(detach);
14284
+ this.h();
14285
+ },
14286
+ h() {
14287
+ attr(button, "data-layer-id", /*layerId*/ ctx[1]);
14288
+ attr(button, "style", /*style*/ ctx[2]);
14289
+ attr(button, "class", "button svelte-bo01kn");
14290
+ },
14291
+ m(target, anchor) {
14292
+ insert_hydration(target, button, anchor);
14293
+ if (if_block) if_block.m(button, null);
14294
+ append_hydration(button, t0);
14295
+ append_hydration(button, span);
14296
+ append_hydration(span, t1);
14297
+ current = true;
14298
+
14299
+ if (!mounted) {
14300
+ dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[4]));
14301
+ mounted = true;
14302
+ }
14303
+ },
14304
+ p(ctx, [dirty]) {
14305
+ if (/*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant) {
14306
+ if (if_block) {
14307
+ if_block.p(ctx, dirty);
14308
+
14309
+ if (dirty & /*props*/ 1) {
14310
+ transition_in(if_block, 1);
14311
+ }
14312
+ } else {
14313
+ if_block = create_if_block$3(ctx);
14314
+ if_block.c();
14315
+ transition_in(if_block, 1);
14316
+ if_block.m(button, t0);
14317
+ }
14318
+ } else if (if_block) {
14319
+ group_outros();
14320
+
14321
+ transition_out(if_block, 1, 1, () => {
14322
+ if_block = null;
14323
+ });
14324
+
14325
+ check_outros();
14326
+ }
14327
+
14328
+ if ((!current || dirty & /*props*/ 1) && t1_value !== (t1_value = /*props*/ ctx[0].label + "")) set_data(t1, t1_value);
14329
+
14330
+ if (!current || dirty & /*layerId*/ 2) {
14331
+ attr(button, "data-layer-id", /*layerId*/ ctx[1]);
14332
+ }
14333
+
14334
+ if (!current || dirty & /*style*/ 4) {
14335
+ attr(button, "style", /*style*/ ctx[2]);
14336
+ }
14337
+ },
14338
+ i(local) {
14339
+ if (current) return;
14340
+ transition_in(if_block);
14341
+ current = true;
14342
+ },
14343
+ o(local) {
14344
+ transition_out(if_block);
14345
+ current = false;
14346
+ },
14347
+ d(detaching) {
14348
+ if (detaching) detach(button);
14349
+ if (if_block) if_block.d();
14350
+ mounted = false;
14351
+ dispose();
14352
+ }
14353
+ };
14354
+ }
14355
+
14356
+ function instance$7($$self, $$props, $$invalidate) {
14357
+ let style;
14358
+ let { onClick = { operation: 'none', args: [] } } = $$props;
14359
+ let { eventName = '' } = $$props;
14360
+ let { eventValue = undefined } = $$props;
14361
+ let { props = {} } = $$props;
14362
+ let { layerId = '' } = $$props;
14363
+
14364
+ const VARIANTS = {
14365
+ size: {
14366
+ extra_small: {
14367
+ minHeight: '32px',
14368
+ paddingInline: '12px',
14369
+ fontSize: '12px',
14370
+ paddingBlock: '8px',
14371
+ lineHeight: 1.5,
14372
+ borderRadius: '4px'
14373
+ },
14374
+ small: {
14375
+ minHeight: '36px',
14376
+ paddingInline: '16px',
14377
+ fontSize: '13px',
14378
+ paddingBlock: '8px',
14379
+ lineHeight: 1.5,
14380
+ borderRadius: '4px'
14381
+ },
14382
+ // 'min-h-10 px-6 text-sm py-2 leading-[150%]'
14383
+ medium: {
14384
+ minHeight: '40px',
14385
+ paddingInline: '24px',
14386
+ fontSize: '14px',
14387
+ paddingBlock: '8px',
14388
+ lineHeight: 1.5,
14389
+ borderRadius: '4px'
14390
+ },
14391
+ // 'min-h-14 px-8 text-lg py-3 leading-[150%]'
14392
+ large: {
14393
+ minHeight: '48px',
14394
+ paddingInline: '32px',
14395
+ fontSize: '14px',
14396
+ paddingBlock: '10px',
14397
+ lineHeight: 1.5,
14398
+ borderRadius: '4px'
14399
+ },
14400
+ extra_large: {
14401
+ minHeight: '56px',
14402
+ paddingInline: '40px',
14403
+ fontSize: '17px',
14404
+ paddingBlock: '12px',
14405
+ lineHeight: 1.5,
14406
+ borderRadius: '4px'
14407
+ }
14408
+ },
14409
+ color: {
14410
+ theme: {
14411
+ backgroundColor: 'rgba(18,160,160,1)',
14412
+ color: '#FFFFFF',
14413
+ fontWeight: 'bold'
14414
+ },
14415
+ default: {
14416
+ backgroundColor: '#33403e',
14417
+ color: '#FFFFFF',
14418
+ fontWeight: 'bold'
14419
+ }, // 'bg-action-default hover:bg-action-default-hover text-default'
14420
+ transparent: {
14421
+ backgroundColor: 'rgba(255, 255, 255, 0)',
14422
+ color: '#00100ea1',
14423
+ fontWeight: 'bold'
14424
+ }, // 'bg-action-default hover:bg-action-default-hover text-default'
14425
+ alert: {
14426
+ backgroundColor: 'rgb(242,83,32,1)',
14427
+ color: '#FFFFFF',
14428
+ fontWeight: 'bold'
14429
+ }, // 'bg-negative hover:bg-negative-hover text-primitive-white font-bold'
14430
+
13996
14431
  },
13997
- o(local) {
13998
- transition_out(if_block);
13999
- current = false;
14432
+ round: {
14433
+ none: { borderRadius: 0 },
14434
+ default: {},
14435
+ fulled: { borderRadius: '56px' }
14000
14436
  },
14001
- d(detaching) {
14002
- if (if_block) if_block.d(detaching);
14003
- if (detaching) detach(if_block_anchor);
14437
+ wrap: {
14438
+ nowrap: { whiteSpace: 'nowrap' },
14439
+ wrap: { whiteSpace: 'pre-wrap' }
14004
14440
  }
14005
14441
  };
14006
- }
14007
14442
 
14008
- function instance$7($$self, $$props, $$invalidate) {
14009
- let style;
14010
- let IconComponent;
14011
- let { props = {} } = $$props;
14012
- let { layerId = '' } = $$props;
14443
+ function handleClick() {
14444
+ if (eventName) {
14445
+ send_event(eventName, eventValue);
14446
+ }
14447
+
14448
+ execOnClickOperation(onClick);
14449
+ }
14013
14450
 
14014
14451
  $$self.$$set = $$props => {
14452
+ if ('onClick' in $$props) $$invalidate(5, onClick = $$props.onClick);
14453
+ if ('eventName' in $$props) $$invalidate(6, eventName = $$props.eventName);
14454
+ if ('eventValue' in $$props) $$invalidate(7, eventValue = $$props.eventValue);
14015
14455
  if ('props' in $$props) $$invalidate(0, props = $$props.props);
14016
14456
  if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
14017
14457
  };
14018
14458
 
14019
14459
  $$self.$$.update = () => {
14020
14460
  if ($$self.$$.dirty & /*props*/ 1) {
14021
- $$invalidate(3, style = objToStyle({
14022
- minWidth: props.size,
14023
- width: props.size,
14024
- height: props.size,
14461
+ $$invalidate(2, style = objToStyle({
14462
+ display: 'inline-flex',
14463
+ gap: '0.65em',
14464
+ alignItems: 'center',
14465
+ justifyContent: 'center',
14466
+ outline: 0,
14467
+ border: 0,
14468
+ transition: 'background-color 0.12s, border-color 0.12s, color 0.12s',
14469
+ width: props.width,
14470
+ ...VARIANTS.size[props.size ?? 'medium'],
14471
+ ...VARIANTS.color[props.color ?? 'default'],
14472
+ ...VARIANTS.wrap[props.wrap ?? 'nowrap'],
14473
+ ...VARIANTS.round[props.round ?? 'default'],
14474
+ ...props.iconAngle
14475
+ ? { flexDirection: props.iconAngle }
14476
+ : {},
14025
14477
  ...toCssCommon(props)
14026
14478
  }));
14027
14479
  }
14028
-
14029
- if ($$self.$$.dirty & /*props*/ 1) {
14030
- $$invalidate(2, IconComponent = ICON_VARIANTS[props.variant] ?? undefined);
14031
- }
14032
14480
  };
14033
14481
 
14034
- return [props, layerId, IconComponent, style];
14482
+ return [props, layerId, style, VARIANTS, handleClick, onClick, eventName, eventValue];
14035
14483
  }
14036
14484
 
14037
- class Icon extends SvelteComponent {
14485
+ class Button extends SvelteComponent {
14038
14486
  constructor(options) {
14039
14487
  super();
14040
- init(this, options, instance$7, create_fragment$7, safe_not_equal, { props: 0, layerId: 1 }, add_css$7);
14488
+
14489
+ init(
14490
+ this,
14491
+ options,
14492
+ instance$7,
14493
+ create_fragment$7,
14494
+ safe_not_equal,
14495
+ {
14496
+ onClick: 5,
14497
+ eventName: 6,
14498
+ eventValue: 7,
14499
+ props: 0,
14500
+ layerId: 1
14501
+ },
14502
+ add_css$7
14503
+ );
14041
14504
  }
14042
14505
  }
14043
14506
 
14044
- /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
14507
+ const BUTTON_SIZE = {
14508
+ extra_small: 'XSmall',
14509
+ small: 'Small',
14510
+ medium: 'Medium',
14511
+ large: 'Large',
14512
+ extra_large: 'XLarge',
14513
+ };
14514
+ const BUTTON_COLOR = {
14515
+ default: 'デフォルト',
14516
+ theme: 'テーマカラー',
14517
+ alert: 'アラート',
14518
+ transparent: '背景なし',
14519
+ };
14520
+ const BUTTON_ROUND = {
14521
+ default: 'デフォルト',
14522
+ none: 'なし',
14523
+ fulled: '円形',
14524
+ };
14525
+ const BUTTON_LINK_TARGET = {
14526
+ _self: '画面内遷移',
14527
+ _blank: '別タブで開く',
14528
+ };
14529
+ const BUTTON_ICON_ANGLE = {
14530
+ row: '左側',
14531
+ 'row-reverse': '右側',
14532
+ };
14533
+
14534
+ /* src/components-flex/text-button/TextButton.svelte generated by Svelte v3.53.1 */
14045
14535
 
14046
14536
  function add_css$6(target) {
14047
- append_styles(target, "svelte-ogjuh5", ".v2-button.svelte-ogjuh5{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.v2-button-icon.svelte-ogjuh5{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
14537
+ 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}");
14048
14538
  }
14049
14539
 
14050
- // (127:2) {#if (props.isIcon && props.iconVariant)}
14540
+ // (103:4) {#if props.isIcon && props.iconVariant}
14051
14541
  function create_if_block$2(ctx) {
14052
14542
  let div;
14053
14543
  let icon;
@@ -14077,7 +14567,7 @@ function create_if_block$2(ctx) {
14077
14567
  this.h();
14078
14568
  },
14079
14569
  h() {
14080
- attr(div, "class", "v2-button-icon svelte-ogjuh5");
14570
+ attr(div, "class", "flex-text-button-icon svelte-2imv7z");
14081
14571
  },
14082
14572
  m(target, anchor) {
14083
14573
  insert_hydration(target, div, anchor);
@@ -14151,7 +14641,7 @@ function create_fragment$6(ctx) {
14151
14641
  h() {
14152
14642
  attr(button, "data-layer-id", /*layerId*/ ctx[1]);
14153
14643
  attr(button, "style", /*style*/ ctx[2]);
14154
- attr(button, "class", "v2-button svelte-ogjuh5");
14644
+ attr(button, "class", "flex-text-button svelte-2imv7z");
14155
14645
  },
14156
14646
  m(target, anchor) {
14157
14647
  insert_hydration(target, button, anchor);
@@ -14229,82 +14719,58 @@ function instance$6($$self, $$props, $$invalidate) {
14229
14719
  const VARIANTS = {
14230
14720
  size: {
14231
14721
  extra_small: {
14232
- minHeight: '32px',
14233
- paddingInline: '12px',
14234
14722
  fontSize: '12px',
14235
- paddingBlock: '8px',
14236
14723
  lineHeight: 1.5,
14237
14724
  borderRadius: '4px'
14238
14725
  },
14239
14726
  small: {
14240
- minHeight: '36px',
14241
- paddingInline: '16px',
14242
14727
  fontSize: '13px',
14243
- paddingBlock: '8px',
14244
14728
  lineHeight: 1.5,
14245
14729
  borderRadius: '4px'
14246
14730
  },
14247
- // 'min-h-10 px-6 text-sm py-2 leading-[150%]'
14248
14731
  medium: {
14249
- minHeight: '40px',
14250
- paddingInline: '24px',
14251
14732
  fontSize: '14px',
14252
- paddingBlock: '8px',
14253
14733
  lineHeight: 1.5,
14254
14734
  borderRadius: '4px'
14255
14735
  },
14256
- // 'min-h-14 px-8 text-lg py-3 leading-[150%]'
14257
14736
  large: {
14258
- minHeight: '48px',
14259
- paddingInline: '32px',
14260
14737
  fontSize: '14px',
14261
- paddingBlock: '10px',
14262
14738
  lineHeight: 1.5,
14263
14739
  borderRadius: '4px'
14264
14740
  },
14265
14741
  extra_large: {
14266
- minHeight: '56px',
14267
- paddingInline: '40px',
14268
14742
  fontSize: '17px',
14269
- paddingBlock: '12px',
14270
14743
  lineHeight: 1.5,
14271
14744
  borderRadius: '4px'
14272
14745
  }
14273
14746
  },
14274
14747
  color: {
14275
14748
  theme: {
14276
- backgroundColor: 'rgba(18,160,160,1)',
14277
- color: '#FFFFFF',
14749
+ color: 'rgba(18,160,160,1)',
14278
14750
  fontWeight: 'bold'
14279
14751
  },
14280
- default: {
14281
- backgroundColor: '#33403e',
14282
- color: '#FFFFFF',
14283
- fontWeight: 'bold'
14284
- }, // 'bg-action-default hover:bg-action-default-hover text-default'
14285
- transparent: {
14286
- backgroundColor: 'rgba(255, 255, 255, 0)',
14287
- color: '#00100ea1',
14288
- fontWeight: 'bold'
14289
- }, // 'bg-action-default hover:bg-action-default-hover text-default'
14752
+ default: { color: '#00100ea1', fontWeight: 'bold' }, // 'bg-action-default hover:bg-action-default-hover text-default'
14290
14753
  alert: {
14291
- backgroundColor: 'rgb(242,83,32,1)',
14292
- color: '#FFFFFF',
14754
+ color: 'rgb(242,83,32,1)',
14293
14755
  fontWeight: 'bold'
14294
14756
  }, // 'bg-negative hover:bg-negative-hover text-primitive-white font-bold'
14295
14757
 
14296
14758
  },
14297
- round: {
14298
- none: { borderRadius: 0 },
14299
- default: {},
14300
- fulled: { borderRadius: '56px' }
14301
- },
14302
14759
  wrap: {
14303
14760
  nowrap: { whiteSpace: 'nowrap' },
14304
14761
  wrap: { whiteSpace: 'pre-wrap' }
14305
14762
  }
14306
14763
  };
14307
14764
 
14765
+ const getCustomColor = () => {
14766
+ return {
14767
+ color: VARIANTS.color[props.color ?? 'default'].color,
14768
+ fontWeight: props.fontWeight
14769
+ ? props.fontWeight
14770
+ : VARIANTS.color[props.color ?? 'default'].fontWeight
14771
+ };
14772
+ };
14773
+
14308
14774
  function handleClick() {
14309
14775
  if (eventName) {
14310
14776
  send_event(eventName, eventValue);
@@ -14328,17 +14794,15 @@ function instance$6($$self, $$props, $$invalidate) {
14328
14794
  gap: '0.65em',
14329
14795
  alignItems: 'center',
14330
14796
  justifyContent: 'center',
14331
- outline: 0,
14332
14797
  border: 0,
14333
- transition: 'background-color 0.12s, border-color 0.12s, color 0.12s',
14798
+ transition: 'color 0.12s',
14334
14799
  width: props.width,
14335
14800
  ...VARIANTS.size[props.size ?? 'medium'],
14336
- ...VARIANTS.color[props.color ?? 'default'],
14337
14801
  ...VARIANTS.wrap[props.wrap ?? 'nowrap'],
14338
- ...VARIANTS.round[props.round ?? 'default'],
14339
14802
  ...props.iconAngle
14340
14803
  ? { flexDirection: props.iconAngle }
14341
14804
  : {},
14805
+ ...getCustomColor(),
14342
14806
  ...toCssCommon(props)
14343
14807
  }));
14344
14808
  }
@@ -14347,7 +14811,7 @@ function instance$6($$self, $$props, $$invalidate) {
14347
14811
  return [props, layerId, style, VARIANTS, handleClick, onClick, eventName, eventValue];
14348
14812
  }
14349
14813
 
14350
- class Button extends SvelteComponent {
14814
+ class TextButton extends SvelteComponent {
14351
14815
  constructor(options) {
14352
14816
  super();
14353
14817
 
@@ -14369,29 +14833,28 @@ class Button extends SvelteComponent {
14369
14833
  }
14370
14834
  }
14371
14835
 
14372
- const BUTTON_SIZE = {
14836
+ const TEXT_BUTTON_SIZE = {
14373
14837
  extra_small: 'XSmall',
14374
14838
  small: 'Small',
14375
14839
  medium: 'Medium',
14376
14840
  large: 'Large',
14377
14841
  extra_large: 'XLarge',
14378
14842
  };
14379
- const BUTTON_COLOR = {
14843
+ const TEXT_BUTTON_COLOR = {
14380
14844
  default: 'デフォルト',
14381
14845
  theme: 'テーマカラー',
14382
14846
  alert: 'アラート',
14383
- transparent: '背景なし',
14384
14847
  };
14385
- const BUTTON_ROUND = {
14848
+ const TEXT_BUTTON_ROUND = {
14386
14849
  default: 'デフォルト',
14387
14850
  none: 'なし',
14388
14851
  fulled: '円形',
14389
14852
  };
14390
- const BUTTON_LINK_TARGET = {
14853
+ const TEXT_BUTTON_LINK_TARGET = {
14391
14854
  _self: '画面内遷移',
14392
14855
  _blank: '別タブで開く',
14393
14856
  };
14394
- const BUTTON_ICON_ANGLE = {
14857
+ const TEXT_BUTTON_ICON_ANGLE = {
14395
14858
  row: '左側',
14396
14859
  'row-reverse': '右側',
14397
14860
  };
@@ -14399,13 +14862,28 @@ const BUTTON_ICON_ANGLE = {
14399
14862
  /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
14400
14863
 
14401
14864
  function add_css$5(target) {
14402
- append_styles(target, "svelte-1ae0xnq", ".close-button.svelte-1ae0xnq{display:inline-flex;align-items:center;justify-content:center;border-radius:100%;background:none;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}");
14865
+ 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}");
14403
14866
  }
14404
14867
 
14405
14868
  function create_fragment$5(ctx) {
14406
14869
  let button;
14407
14870
  let svg;
14408
14871
  let path;
14872
+ let mounted;
14873
+ let dispose;
14874
+
14875
+ let button_levels = [
14876
+ { "data-layer-id": /*layerId*/ ctx[0] },
14877
+ { class: "close-button" },
14878
+ { style: /*style*/ ctx[1] },
14879
+ dataAttrStopPropagation('click')
14880
+ ];
14881
+
14882
+ let button_data = {};
14883
+
14884
+ for (let i = 0; i < button_levels.length; i += 1) {
14885
+ button_data = assign(button_data, button_levels[i]);
14886
+ }
14409
14887
 
14410
14888
  return {
14411
14889
  c() {
@@ -14444,45 +14922,68 @@ function create_fragment$5(ctx) {
14444
14922
  set_style(svg, "height", "75%");
14445
14923
  attr(svg, "viewBox", "0 0 50 50");
14446
14924
  attr(svg, "fill", "#666666");
14447
- attr(button, "data-layer-id", /*layerId*/ ctx[0]);
14448
- attr(button, "class", "close-button svelte-1ae0xnq");
14449
- attr(button, "style", /*style*/ ctx[1]);
14925
+ set_attributes(button, button_data);
14926
+ toggle_class(button, "svelte-13071ty", true);
14450
14927
  },
14451
14928
  m(target, anchor) {
14452
14929
  insert_hydration(target, button, anchor);
14453
14930
  append_hydration(button, svg);
14454
14931
  append_hydration(svg, path);
14932
+ if (button.autofocus) button.focus();
14933
+
14934
+ if (!mounted) {
14935
+ dispose = listen(button, "click", prevent_default(checkStopPropagation('click', /*handleClick*/ ctx[2])));
14936
+ mounted = true;
14937
+ }
14455
14938
  },
14456
14939
  p(ctx, [dirty]) {
14457
- if (dirty & /*layerId*/ 1) {
14458
- attr(button, "data-layer-id", /*layerId*/ ctx[0]);
14459
- }
14940
+ set_attributes(button, button_data = get_spread_update(button_levels, [
14941
+ dirty & /*layerId*/ 1 && { "data-layer-id": /*layerId*/ ctx[0] },
14942
+ { class: "close-button" },
14943
+ dirty & /*style*/ 2 && { style: /*style*/ ctx[1] },
14944
+ dataAttrStopPropagation('click')
14945
+ ]));
14460
14946
 
14461
- if (dirty & /*style*/ 2) {
14462
- attr(button, "style", /*style*/ ctx[1]);
14463
- }
14947
+ toggle_class(button, "svelte-13071ty", true);
14464
14948
  },
14465
14949
  i: noop,
14466
14950
  o: noop,
14467
14951
  d(detaching) {
14468
14952
  if (detaching) detach(button);
14953
+ mounted = false;
14954
+ dispose();
14469
14955
  }
14470
14956
  };
14471
14957
  }
14472
14958
 
14473
14959
  function instance$5($$self, $$props, $$invalidate) {
14474
14960
  let style;
14961
+ let { onClick = { operation: 'closeApp', args: ['button'] } } = $$props;
14475
14962
  let { props = {} } = $$props;
14476
14963
  let { layerId = '' } = $$props;
14964
+ let { eventName = '' } = $$props;
14965
+ let { eventValue = undefined } = $$props;
14966
+
14967
+ function handleClick() {
14968
+ if (eventName) {
14969
+ send_event(eventName, eventValue);
14970
+ }
14971
+
14972
+ execOnClickOperation(onClick);
14973
+ }
14974
+
14477
14975
  const size = props.size ?? 24;
14478
14976
 
14479
14977
  $$self.$$set = $$props => {
14480
- if ('props' in $$props) $$invalidate(2, props = $$props.props);
14978
+ if ('onClick' in $$props) $$invalidate(3, onClick = $$props.onClick);
14979
+ if ('props' in $$props) $$invalidate(4, props = $$props.props);
14481
14980
  if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
14981
+ if ('eventName' in $$props) $$invalidate(5, eventName = $$props.eventName);
14982
+ if ('eventValue' in $$props) $$invalidate(6, eventValue = $$props.eventValue);
14482
14983
  };
14483
14984
 
14484
14985
  $$self.$$.update = () => {
14485
- if ($$self.$$.dirty & /*props*/ 4) {
14986
+ if ($$self.$$.dirty & /*props*/ 16) {
14486
14987
  $$invalidate(1, style = objToStyle({
14487
14988
  width: `${size}px`,
14488
14989
  height: `${size}px`,
@@ -14492,20 +14993,35 @@ function instance$5($$self, $$props, $$invalidate) {
14492
14993
  }
14493
14994
  };
14494
14995
 
14495
- return [layerId, style, props];
14996
+ return [layerId, style, handleClick, onClick, props, eventName, eventValue];
14496
14997
  }
14497
14998
 
14498
14999
  class CloseButton extends SvelteComponent {
14499
15000
  constructor(options) {
14500
15001
  super();
14501
- init(this, options, instance$5, create_fragment$5, safe_not_equal, { props: 2, layerId: 0 }, add_css$5);
15002
+
15003
+ init(
15004
+ this,
15005
+ options,
15006
+ instance$5,
15007
+ create_fragment$5,
15008
+ safe_not_equal,
15009
+ {
15010
+ onClick: 3,
15011
+ props: 4,
15012
+ layerId: 0,
15013
+ eventName: 5,
15014
+ eventValue: 6
15015
+ },
15016
+ add_css$5
15017
+ );
14502
15018
  }
14503
15019
  }
14504
15020
 
14505
15021
  /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
14506
15022
 
14507
15023
  function add_css$4(target) {
14508
- 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}");
15024
+ 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}");
14509
15025
  }
14510
15026
 
14511
15027
  function create_fragment$4(ctx) {
@@ -14540,11 +15056,11 @@ function create_fragment$4(ctx) {
14540
15056
  h() {
14541
15057
  if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
14542
15058
  attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
14543
- attr(img, "class", "image-img svelte-1wv9v10");
15059
+ attr(img, "class", "image-img svelte-52a988");
14544
15060
  attr(object, "style", /*objectStyle*/ ctx[2]);
14545
- attr(object, "class", "image-object svelte-1wv9v10");
15061
+ attr(object, "class", "image-object svelte-52a988");
14546
15062
  attr(div, "data-layer-id", /*layerId*/ ctx[1]);
14547
- attr(div, "class", "image svelte-1wv9v10");
15063
+ attr(div, "class", "image svelte-52a988");
14548
15064
  attr(div, "style", /*style*/ ctx[3]);
14549
15065
  },
14550
15066
  m(target, anchor) {
@@ -14618,7 +15134,7 @@ class Image extends SvelteComponent {
14618
15134
  /* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
14619
15135
 
14620
15136
  function add_css$3(target) {
14621
- append_styles(target, "svelte-19rjtwm", ".layout.svelte-19rjtwm{margin:0}");
15137
+ append_styles(target, "svelte-1g6q4hu", ".layout.svelte-1g6q4hu{margin:0}");
14622
15138
  }
14623
15139
 
14624
15140
  function create_fragment$3(ctx) {
@@ -14647,7 +15163,7 @@ function create_fragment$3(ctx) {
14647
15163
  },
14648
15164
  h() {
14649
15165
  attr(div, "data-layer-id", /*layerId*/ ctx[0]);
14650
- attr(div, "class", "layout svelte-19rjtwm");
15166
+ attr(div, "class", "layout svelte-1g6q4hu");
14651
15167
  attr(div, "style", /*style*/ ctx[1]);
14652
15168
  },
14653
15169
  m(target, anchor) {
@@ -14750,7 +15266,7 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
14750
15266
  /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
14751
15267
 
14752
15268
  function add_css$2(target) {
14753
- append_styles(target, "svelte-18qq8cj", ".text.svelte-18qq8cj{margin:0;word-break:break-all}");
15269
+ append_styles(target, "svelte-1vl0c87", ".text.svelte-1vl0c87{margin:0;word-break:break-all}");
14754
15270
  }
14755
15271
 
14756
15272
  function create_fragment$2(ctx) {
@@ -14774,7 +15290,7 @@ function create_fragment$2(ctx) {
14774
15290
  },
14775
15291
  h() {
14776
15292
  attr(p, "data-layer-id", /*layerId*/ ctx[0]);
14777
- attr(p, "class", "text svelte-18qq8cj");
15293
+ attr(p, "class", "text svelte-1vl0c87");
14778
15294
  attr(p, "style", /*style*/ ctx[1]);
14779
15295
  },
14780
15296
  m(target, anchor) {
@@ -14875,7 +15391,7 @@ const LAYER_TEXT_SIZE = {
14875
15391
  /* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
14876
15392
 
14877
15393
  function add_css$1(target) {
14878
- 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}");
15394
+ 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}");
14879
15395
  }
14880
15396
 
14881
15397
  // (14:0) {#if backgroundOverlay}
@@ -14896,7 +15412,7 @@ function create_if_block$1(ctx) {
14896
15412
  this.h();
14897
15413
  },
14898
15414
  h() {
14899
- attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"));
15415
+ attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
14900
15416
  },
14901
15417
  m(target, anchor) {
14902
15418
  insert_hydration(target, div, anchor);
@@ -14907,7 +15423,7 @@ function create_if_block$1(ctx) {
14907
15423
  }
14908
15424
  },
14909
15425
  p(ctx, dirty) {
14910
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"))) {
15426
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
14911
15427
  attr(div, "class", div_class_value);
14912
15428
  }
14913
15429
  },
@@ -14983,7 +15499,7 @@ class BackgroundOverlay extends SvelteComponent {
14983
15499
  /* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
14984
15500
 
14985
15501
  function add_css(target) {
14986
- append_styles(target, "svelte-q9l1ox", ".v2-modal.svelte-q9l1ox{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.v2-modal.svelte-q9l1ox > .button{flex:auto;display:flex}.v2-close.svelte-q9l1ox{position:absolute;top:8px;right:8px}.v2-close.svelte-q9l1ox > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.v2-close.svelte-q9l1ox > .button:hover{transform:rotate(90deg)}@media screen and (min-width: 641px){.v2-modal-bp.svelte-q9l1ox{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.v2-background-bp-pc{display:block}.v2-background-bp-sp{display:none}}@media screen and (max-width: 640px){.v2-modal-bp.svelte-q9l1ox{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.v2-background-bp-pc{display:none}.v2-background-bp-sp{display:block}}");
15502
+ 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}}");
14987
15503
  }
14988
15504
 
14989
15505
  // (264:0) {:else}
@@ -14993,12 +15509,12 @@ function create_else_block(ctx) {
14993
15509
 
14994
15510
  backgroundoverlay = new BackgroundOverlay({
14995
15511
  props: {
14996
- backgroundOverlay: /*backgroundOverlay*/ ctx[4]
15512
+ backgroundOverlay: /*backgroundOverlay*/ ctx[7]
14997
15513
  }
14998
15514
  });
14999
15515
 
15000
15516
  backgroundoverlay.$on("click", function () {
15001
- if (is_function(/*backgroundClick*/ ctx[12])) /*backgroundClick*/ ctx[12].apply(this, arguments);
15517
+ if (is_function(/*backgroundClick*/ ctx[15])) /*backgroundClick*/ ctx[15].apply(this, arguments);
15002
15518
  });
15003
15519
 
15004
15520
  return {
@@ -15015,7 +15531,7 @@ function create_else_block(ctx) {
15015
15531
  p(new_ctx, dirty) {
15016
15532
  ctx = new_ctx;
15017
15533
  const backgroundoverlay_changes = {};
15018
- if (dirty[0] & /*backgroundOverlay*/ 16) backgroundoverlay_changes.backgroundOverlay = /*backgroundOverlay*/ ctx[4];
15534
+ if (dirty[0] & /*backgroundOverlay*/ 128) backgroundoverlay_changes.backgroundOverlay = /*backgroundOverlay*/ ctx[7];
15019
15535
  backgroundoverlay.$set(backgroundoverlay_changes);
15020
15536
  },
15021
15537
  i(local) {
@@ -15042,24 +15558,24 @@ function create_if_block_3(ctx) {
15042
15558
 
15043
15559
  backgroundoverlay0 = new BackgroundOverlay({
15044
15560
  props: {
15045
- class: "v2-background-bp-pc",
15046
- backgroundOverlay: /*backgroundOverlayPC*/ ctx[5]
15561
+ class: "background-bp-pc",
15562
+ backgroundOverlay: /*backgroundOverlayPC*/ ctx[8]
15047
15563
  }
15048
15564
  });
15049
15565
 
15050
15566
  backgroundoverlay0.$on("click", function () {
15051
- if (is_function(/*backgroundClickPC*/ ctx[11])) /*backgroundClickPC*/ ctx[11].apply(this, arguments);
15567
+ if (is_function(/*backgroundClickPC*/ ctx[14])) /*backgroundClickPC*/ ctx[14].apply(this, arguments);
15052
15568
  });
15053
15569
 
15054
15570
  backgroundoverlay1 = new BackgroundOverlay({
15055
15571
  props: {
15056
- class: "v2-background-bp-sp ",
15057
- backgroundOverlay: /*backgroundOverlaySP*/ ctx[6]
15572
+ class: "background-bp-sp ",
15573
+ backgroundOverlay: /*backgroundOverlaySP*/ ctx[9]
15058
15574
  }
15059
15575
  });
15060
15576
 
15061
15577
  backgroundoverlay1.$on("click", function () {
15062
- if (is_function(/*backgroundClickSP*/ ctx[10])) /*backgroundClickSP*/ ctx[10].apply(this, arguments);
15578
+ if (is_function(/*backgroundClickSP*/ ctx[13])) /*backgroundClickSP*/ ctx[13].apply(this, arguments);
15063
15579
  });
15064
15580
 
15065
15581
  return {
@@ -15082,10 +15598,10 @@ function create_if_block_3(ctx) {
15082
15598
  p(new_ctx, dirty) {
15083
15599
  ctx = new_ctx;
15084
15600
  const backgroundoverlay0_changes = {};
15085
- if (dirty[0] & /*backgroundOverlayPC*/ 32) backgroundoverlay0_changes.backgroundOverlay = /*backgroundOverlayPC*/ ctx[5];
15601
+ if (dirty[0] & /*backgroundOverlayPC*/ 256) backgroundoverlay0_changes.backgroundOverlay = /*backgroundOverlayPC*/ ctx[8];
15086
15602
  backgroundoverlay0.$set(backgroundoverlay0_changes);
15087
15603
  const backgroundoverlay1_changes = {};
15088
- if (dirty[0] & /*backgroundOverlaySP*/ 64) backgroundoverlay1_changes.backgroundOverlay = /*backgroundOverlaySP*/ ctx[6];
15604
+ if (dirty[0] & /*backgroundOverlaySP*/ 512) backgroundoverlay1_changes.backgroundOverlay = /*backgroundOverlaySP*/ ctx[9];
15089
15605
  backgroundoverlay1.$set(backgroundoverlay1_changes);
15090
15606
  },
15091
15607
  i(local) {
@@ -15128,7 +15644,7 @@ function create_if_block(ctx) {
15128
15644
  let div1_class_value;
15129
15645
  let div1_intro;
15130
15646
  let current;
15131
- let if_block = /*closable*/ ctx[13] && create_if_block_1(ctx);
15647
+ let if_block = /*closable*/ ctx[16] && create_if_block_1(ctx);
15132
15648
  const default_slot_template = /*#slots*/ ctx[30].default;
15133
15649
  const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[29], null);
15134
15650
 
@@ -15160,10 +15676,10 @@ function create_if_block(ctx) {
15160
15676
  this.h();
15161
15677
  },
15162
15678
  h() {
15163
- attr(div1, "class", div1_class_value = "" + (null_to_empty(['v2-modal', /*useBreakPoint*/ ctx[0] ? 'v2-modal-bp' : ''].join(' ')) + " svelte-q9l1ox"));
15679
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-1ks2ecq"));
15164
15680
  attr(div1, "role", "dialog");
15165
15681
  attr(div1, "aria-modal", "true");
15166
- attr(div1, "style", Array.from(/*modalStyles*/ ctx[15]).join(';'));
15682
+ attr(div1, "style", Array.from(/*modalStyles*/ ctx[18]).join(';'));
15167
15683
  },
15168
15684
  m(target, anchor) {
15169
15685
  insert_hydration(target, div1, anchor);
@@ -15181,11 +15697,11 @@ function create_if_block(ctx) {
15181
15697
  p(new_ctx, dirty) {
15182
15698
  ctx = new_ctx;
15183
15699
 
15184
- if (/*closable*/ ctx[13]) {
15700
+ if (/*closable*/ ctx[16]) {
15185
15701
  if (if_block) {
15186
15702
  if_block.p(ctx, dirty);
15187
15703
 
15188
- if (dirty[0] & /*closable*/ 8192) {
15704
+ if (dirty[0] & /*closable*/ 65536) {
15189
15705
  transition_in(if_block, 1);
15190
15706
  }
15191
15707
  } else {
@@ -15219,7 +15735,7 @@ function create_if_block(ctx) {
15219
15735
  }
15220
15736
  }
15221
15737
 
15222
- if (!current || dirty[0] & /*useBreakPoint*/ 1 && div1_class_value !== (div1_class_value = "" + (null_to_empty(['v2-modal', /*useBreakPoint*/ ctx[0] ? 'v2-modal-bp' : ''].join(' ')) + " svelte-q9l1ox"))) {
15738
+ if (!current || dirty[0] & /*useBreakPoint*/ 1 && div1_class_value !== (div1_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-1ks2ecq"))) {
15223
15739
  attr(div1, "class", div1_class_value);
15224
15740
  }
15225
15741
  },
@@ -15231,7 +15747,7 @@ function create_if_block(ctx) {
15231
15747
  if (!div1_intro) {
15232
15748
  add_render_callback(() => {
15233
15749
  div1_intro = create_in_transition(div1, customAnimation, {
15234
- transforms: /*transforms*/ ctx[3],
15750
+ transforms: /*transforms*/ ctx[6],
15235
15751
  animationStyle: /*animation*/ ctx[1]
15236
15752
  });
15237
15753
 
@@ -15262,7 +15778,12 @@ function create_if_block_1(ctx) {
15262
15778
  let current;
15263
15779
 
15264
15780
  closebutton = new CloseButton({
15265
- props: { props: /*closeButtonProps*/ ctx[2] }
15781
+ props: {
15782
+ onClick: /*onClose*/ ctx[2],
15783
+ eventName: /*closeEventName*/ ctx[3],
15784
+ eventValue: /*closeEventValue*/ ctx[4],
15785
+ props: /*closeButtonProps*/ ctx[5]
15786
+ }
15266
15787
  });
15267
15788
 
15268
15789
  return {
@@ -15279,8 +15800,8 @@ function create_if_block_1(ctx) {
15279
15800
  this.h();
15280
15801
  },
15281
15802
  h() {
15282
- attr(div, "class", "v2-close svelte-q9l1ox");
15283
- set_style(div, "z-index", /*$maximumZindex*/ ctx[14] + 1);
15803
+ attr(div, "class", "close svelte-1ks2ecq");
15804
+ set_style(div, "z-index", /*$maximumZindex*/ ctx[17] + 1);
15284
15805
  },
15285
15806
  m(target, anchor) {
15286
15807
  insert_hydration(target, div, anchor);
@@ -15289,11 +15810,14 @@ function create_if_block_1(ctx) {
15289
15810
  },
15290
15811
  p(ctx, dirty) {
15291
15812
  const closebutton_changes = {};
15292
- if (dirty[0] & /*closeButtonProps*/ 4) closebutton_changes.props = /*closeButtonProps*/ ctx[2];
15813
+ if (dirty[0] & /*onClose*/ 4) closebutton_changes.onClick = /*onClose*/ ctx[2];
15814
+ if (dirty[0] & /*closeEventName*/ 8) closebutton_changes.eventName = /*closeEventName*/ ctx[3];
15815
+ if (dirty[0] & /*closeEventValue*/ 16) closebutton_changes.eventValue = /*closeEventValue*/ ctx[4];
15816
+ if (dirty[0] & /*closeButtonProps*/ 32) closebutton_changes.props = /*closeButtonProps*/ ctx[5];
15293
15817
  closebutton.$set(closebutton_changes);
15294
15818
 
15295
- if (!current || dirty[0] & /*$maximumZindex*/ 16384) {
15296
- set_style(div, "z-index", /*$maximumZindex*/ ctx[14] + 1);
15819
+ if (!current || dirty[0] & /*$maximumZindex*/ 131072) {
15820
+ set_style(div, "z-index", /*$maximumZindex*/ ctx[17] + 1);
15297
15821
  }
15298
15822
  },
15299
15823
  i(local) {
@@ -15333,7 +15857,7 @@ function create_fragment(ctx) {
15333
15857
 
15334
15858
  current_block_type_index = select_block_type(ctx);
15335
15859
  if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
15336
- let if_block1 = /*visible*/ ctx[8] && create_if_block(ctx);
15860
+ let if_block1 = /*visible*/ ctx[11] && create_if_block(ctx);
15337
15861
 
15338
15862
  return {
15339
15863
  c() {
@@ -15357,7 +15881,7 @@ function create_fragment(ctx) {
15357
15881
 
15358
15882
  if (!mounted) {
15359
15883
  dispose = listen(window, "keydown", function () {
15360
- if (is_function(/*handle_keydown*/ ctx[9])) /*handle_keydown*/ ctx[9].apply(this, arguments);
15884
+ if (is_function(/*handle_keydown*/ ctx[12])) /*handle_keydown*/ ctx[12].apply(this, arguments);
15361
15885
  });
15362
15886
 
15363
15887
  mounted = true;
@@ -15391,11 +15915,11 @@ function create_fragment(ctx) {
15391
15915
  if_block0.m(t.parentNode, t);
15392
15916
  }
15393
15917
 
15394
- if (/*visible*/ ctx[8]) {
15918
+ if (/*visible*/ ctx[11]) {
15395
15919
  if (if_block1) {
15396
15920
  if_block1.p(ctx, dirty);
15397
15921
 
15398
- if (dirty[0] & /*visible*/ 256) {
15922
+ if (dirty[0] & /*visible*/ 2048) {
15399
15923
  transition_in(if_block1, 1);
15400
15924
  }
15401
15925
  } else {
@@ -15445,7 +15969,7 @@ function instance($$self, $$props, $$invalidate) {
15445
15969
  let handle_keydown;
15446
15970
  let visible;
15447
15971
  let $maximumZindex;
15448
- component_subscribe($$self, maximumZindex, $$value => $$invalidate(14, $maximumZindex = $$value));
15972
+ component_subscribe($$self, maximumZindex, $$value => $$invalidate(17, $maximumZindex = $$value));
15449
15973
  let { $$slots: slots = {}, $$scope } = $$props;
15450
15974
  let { onClick = { operation: 'none', args: [] } } = $$props;
15451
15975
  let { clickEventName = '' } = $$props;
@@ -15476,7 +16000,7 @@ function instance($$self, $$props, $$invalidate) {
15476
16000
  let modal;
15477
16001
 
15478
16002
  onMount$1(() => {
15479
- $$invalidate(8, visible = true);
16003
+ $$invalidate(11, visible = true);
15480
16004
  });
15481
16005
 
15482
16006
  onDestroy$1(() => setPreviousFocus());
@@ -15484,28 +16008,28 @@ function instance($$self, $$props, $$invalidate) {
15484
16008
  function div1_binding($$value) {
15485
16009
  binding_callbacks[$$value ? 'unshift' : 'push'](() => {
15486
16010
  modal = $$value;
15487
- $$invalidate(7, modal);
16011
+ $$invalidate(10, modal);
15488
16012
  });
15489
16013
  }
15490
16014
 
15491
16015
  $$self.$$set = $$props => {
15492
- if ('onClick' in $$props) $$invalidate(16, onClick = $$props.onClick);
15493
- if ('clickEventName' in $$props) $$invalidate(17, clickEventName = $$props.clickEventName);
15494
- if ('clickEventValue' in $$props) $$invalidate(18, clickEventValue = $$props.clickEventValue);
16016
+ if ('onClick' in $$props) $$invalidate(19, onClick = $$props.onClick);
16017
+ if ('clickEventName' in $$props) $$invalidate(20, clickEventName = $$props.clickEventName);
16018
+ if ('clickEventValue' in $$props) $$invalidate(21, clickEventValue = $$props.clickEventValue);
15495
16019
  if ('useBreakPoint' in $$props) $$invalidate(0, useBreakPoint = $$props.useBreakPoint);
15496
- if ('placement' in $$props) $$invalidate(19, placement = $$props.placement);
15497
- if ('breakPoint' in $$props) $$invalidate(20, breakPoint = $$props.breakPoint);
15498
- if ('elasticity' in $$props) $$invalidate(21, elasticity = $$props.elasticity);
16020
+ if ('placement' in $$props) $$invalidate(22, placement = $$props.placement);
16021
+ if ('breakPoint' in $$props) $$invalidate(23, breakPoint = $$props.breakPoint);
16022
+ if ('elasticity' in $$props) $$invalidate(24, elasticity = $$props.elasticity);
15499
16023
  if ('animation' in $$props) $$invalidate(1, animation = $$props.animation);
15500
- if ('onClose' in $$props) $$invalidate(22, onClose = $$props.onClose);
15501
- if ('closeEventName' in $$props) $$invalidate(23, closeEventName = $$props.closeEventName);
15502
- if ('closeEventValue' in $$props) $$invalidate(24, closeEventValue = $$props.closeEventValue);
15503
- if ('closeButtonProps' in $$props) $$invalidate(2, closeButtonProps = $$props.closeButtonProps);
16024
+ if ('onClose' in $$props) $$invalidate(2, onClose = $$props.onClose);
16025
+ if ('closeEventName' in $$props) $$invalidate(3, closeEventName = $$props.closeEventName);
16026
+ if ('closeEventValue' in $$props) $$invalidate(4, closeEventValue = $$props.closeEventValue);
16027
+ if ('closeButtonProps' in $$props) $$invalidate(5, closeButtonProps = $$props.closeButtonProps);
15504
16028
  if ('$$scope' in $$props) $$invalidate(29, $$scope = $$props.$$scope);
15505
16029
  };
15506
16030
 
15507
16031
  $$self.$$.update = () => {
15508
- if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, onClose*/ 29360128) {
16032
+ if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, onClose*/ 28) {
15509
16033
  $$invalidate(28, close = () => {
15510
16034
  if (closeEventName) {
15511
16035
  send_event(closeEventName, closeEventValue);
@@ -15515,23 +16039,23 @@ function instance($$self, $$props, $$invalidate) {
15515
16039
  });
15516
16040
  }
15517
16041
 
15518
- if ($$self.$$.dirty[0] & /*onClose*/ 4194304) {
15519
- $$invalidate(13, closable = haveFunction(onClose));
16042
+ if ($$self.$$.dirty[0] & /*onClose*/ 4) {
16043
+ $$invalidate(16, closable = haveFunction(onClose));
15520
16044
  }
15521
16045
 
15522
- if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 1572865) {
16046
+ if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 12582913) {
15523
16047
  {
15524
16048
 
15525
16049
  if (useBreakPoint) {
15526
16050
  const pc = breakPoint?.PC?.placement?.backgroundOverlay;
15527
- $$invalidate(5, backgroundOverlayPC = pc ?? false);
16051
+ $$invalidate(8, backgroundOverlayPC = pc ?? false);
15528
16052
  const sp = breakPoint?.SP?.placement?.backgroundOverlay;
15529
- $$invalidate(6, backgroundOverlaySP = sp ?? false);
16053
+ $$invalidate(9, backgroundOverlaySP = sp ?? false);
15530
16054
  }
15531
16055
  }
15532
16056
  }
15533
16057
 
15534
- if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 1572865) {
16058
+ if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 12582913) {
15535
16059
  {
15536
16060
  if (placement && placement.backgroundClick) {
15537
16061
  $$invalidate(25, backgroundClickFunction = placement.backgroundClick);
@@ -15553,8 +16077,8 @@ function instance($$self, $$props, $$invalidate) {
15553
16077
  }
15554
16078
  }
15555
16079
 
15556
- if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunction*/ 58720256) {
15557
- $$invalidate(12, backgroundClick = () => {
16080
+ if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunction*/ 33554456) {
16081
+ $$invalidate(15, backgroundClick = () => {
15558
16082
  if (closeEventName) {
15559
16083
  send_event(closeEventName, closeEventValue);
15560
16084
  }
@@ -15563,8 +16087,8 @@ function instance($$self, $$props, $$invalidate) {
15563
16087
  });
15564
16088
  }
15565
16089
 
15566
- if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 92274688) {
15567
- $$invalidate(11, backgroundClickPC = () => {
16090
+ if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 67108888) {
16091
+ $$invalidate(14, backgroundClickPC = () => {
15568
16092
  if (closeEventName) {
15569
16093
  send_event(closeEventName, closeEventValue);
15570
16094
  }
@@ -15573,8 +16097,8 @@ function instance($$self, $$props, $$invalidate) {
15573
16097
  });
15574
16098
  }
15575
16099
 
15576
- if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 159383552) {
15577
- $$invalidate(10, backgroundClickSP = () => {
16100
+ if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 134217752) {
16101
+ $$invalidate(13, backgroundClickSP = () => {
15578
16102
  if (closeEventName) {
15579
16103
  send_event(closeEventName, closeEventValue);
15580
16104
  }
@@ -15583,7 +16107,7 @@ function instance($$self, $$props, $$invalidate) {
15583
16107
  });
15584
16108
  }
15585
16109
 
15586
- if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint, transforms*/ 1572873) {
16110
+ if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint, transforms*/ 12582977) {
15587
16111
  // 表示位置のスタイルとアニメーションの動きを設定
15588
16112
  {
15589
16113
  // 表示位置のスタイルの設定
@@ -15595,7 +16119,7 @@ function instance($$self, $$props, $$invalidate) {
15595
16119
  modalStyles.add(positionStyle);
15596
16120
  }
15597
16121
 
15598
- $$invalidate(3, transforms = []);
16122
+ $$invalidate(6, transforms = []);
15599
16123
 
15600
16124
  DEVICE_IDS.forEach(deviceId => {
15601
16125
 
@@ -15613,7 +16137,7 @@ function instance($$self, $$props, $$invalidate) {
15613
16137
  }
15614
16138
  }
15615
16139
 
15616
- if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 1572865) {
16140
+ if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 12582913) {
15617
16141
  // 表示位置の調整のスタイルを設定
15618
16142
  {
15619
16143
  let margin = DefaultModalPlacement.margin;
@@ -15637,7 +16161,7 @@ function instance($$self, $$props, $$invalidate) {
15637
16161
  }
15638
16162
  }
15639
16163
 
15640
- if ($$self.$$.dirty[0] & /*elasticity, useBreakPoint, breakPoint*/ 3145729) {
16164
+ if ($$self.$$.dirty[0] & /*elasticity, useBreakPoint, breakPoint*/ 25165825) {
15641
16165
  // 拡大方法のスタイルを設定
15642
16166
  {
15643
16167
  let elasticStyle = ElasticityStyle['none' ];
@@ -15660,18 +16184,21 @@ function instance($$self, $$props, $$invalidate) {
15660
16184
  }
15661
16185
 
15662
16186
  if ($$self.$$.dirty[0] & /*close*/ 268435456) {
15663
- $$invalidate(9, handle_keydown = handleKeydown({ Escape: close }));
16187
+ $$invalidate(12, handle_keydown = handleKeydown({ Escape: close }));
15664
16188
  }
15665
16189
  };
15666
16190
 
15667
- $$invalidate(7, modal = null);
16191
+ $$invalidate(10, modal = null);
15668
16192
 
15669
16193
  // svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
15670
- $$invalidate(8, visible = false);
16194
+ $$invalidate(11, visible = false);
15671
16195
 
15672
16196
  return [
15673
16197
  useBreakPoint,
15674
16198
  animation,
16199
+ onClose,
16200
+ closeEventName,
16201
+ closeEventValue,
15675
16202
  closeButtonProps,
15676
16203
  transforms,
15677
16204
  backgroundOverlay,
@@ -15692,9 +16219,6 @@ function instance($$self, $$props, $$invalidate) {
15692
16219
  placement,
15693
16220
  breakPoint,
15694
16221
  elasticity,
15695
- onClose,
15696
- closeEventName,
15697
- closeEventValue,
15698
16222
  backgroundClickFunction,
15699
16223
  backgroundClickFunctionPC,
15700
16224
  backgroundClickFunctionSP,
@@ -15716,18 +16240,18 @@ class Modal extends SvelteComponent {
15716
16240
  create_fragment,
15717
16241
  safe_not_equal,
15718
16242
  {
15719
- onClick: 16,
15720
- clickEventName: 17,
15721
- clickEventValue: 18,
16243
+ onClick: 19,
16244
+ clickEventName: 20,
16245
+ clickEventValue: 21,
15722
16246
  useBreakPoint: 0,
15723
- placement: 19,
15724
- breakPoint: 20,
15725
- elasticity: 21,
16247
+ placement: 22,
16248
+ breakPoint: 23,
16249
+ elasticity: 24,
15726
16250
  animation: 1,
15727
- onClose: 22,
15728
- closeEventName: 23,
15729
- closeEventValue: 24,
15730
- closeButtonProps: 2
16251
+ onClose: 2,
16252
+ closeEventName: 3,
16253
+ closeEventValue: 4,
16254
+ closeButtonProps: 5
15731
16255
  },
15732
16256
  add_css,
15733
16257
  [-1, -1]
@@ -15735,4 +16259,4 @@ class Modal extends SvelteComponent {
15735
16259
  }
15736
16260
  }
15737
16261
 
15738
- 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 };
16262
+ 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 };