@plaidev/karte-action-sdk 1.1.227 → 1.1.229-28646430.813d5148

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 (10) hide show
  1. package/dist/hydrate/index.es.d.ts +7 -0
  2. package/dist/hydrate/index.es.js +3282 -356
  3. package/dist/index.es.d.ts +7 -0
  4. package/dist/index.es.js +2853 -359
  5. package/dist/templates.cjs.js +6 -0
  6. package/dist/templates.js +6 -0
  7. package/package.json +1 -1
  8. package/dist/karte-action-sdk.d.ts +0 -2671
  9. package/dist/tsdoc-metadata.json +0 -11
  10. package/meta/karte-action-sdk.api.json +0 -6318
package/dist/index.es.js CHANGED
@@ -18,7 +18,10 @@ const ALL_ACTION_SHORTEN_ID = 'KARTE_ALL_ACTION_SHORTEN_ID';
18
18
  /** @internal */
19
19
  const DEVICE_IDS = ['PC', 'SP'];
20
20
  /** @internal */
21
- const DEVICE_QUERIES = { PC: 'screen and (min-width: 641px)', SP: 'screen and (max-width: 640px)' };
21
+ const DEVICE_QUERIES = {
22
+ PC: 'screen and (min-width: 641px)',
23
+ SP: 'screen and (max-width: 640px)',
24
+ };
22
25
  // -------- The following codes are deprecated --------
23
26
  /**
24
27
  * 非推奨
@@ -2871,7 +2874,7 @@ const LAYOUT_COMPONENT_NAMES = [
2871
2874
 
2872
2875
  /* src/components/Header.svelte generated by Svelte v3.53.1 */
2873
2876
 
2874
- function create_if_block$9(ctx) {
2877
+ function create_if_block$d(ctx) {
2875
2878
  let link;
2876
2879
 
2877
2880
  return {
@@ -2895,9 +2898,9 @@ function create_if_block$9(ctx) {
2895
2898
  };
2896
2899
  }
2897
2900
 
2898
- function create_fragment$A(ctx) {
2901
+ function create_fragment$15(ctx) {
2899
2902
  let head;
2900
- let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$9(ctx);
2903
+ let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$d(ctx);
2901
2904
 
2902
2905
  return {
2903
2906
  c() {
@@ -2913,7 +2916,7 @@ function create_fragment$A(ctx) {
2913
2916
  if (if_block) {
2914
2917
  if_block.p(ctx, dirty);
2915
2918
  } else {
2916
- if_block = create_if_block$9(ctx);
2919
+ if_block = create_if_block$d(ctx);
2917
2920
  if_block.c();
2918
2921
  if_block.m(head, null);
2919
2922
  }
@@ -2931,7 +2934,7 @@ function create_fragment$A(ctx) {
2931
2934
  };
2932
2935
  }
2933
2936
 
2934
- function instance$A($$self, $$props, $$invalidate) {
2937
+ function instance$15($$self, $$props, $$invalidate) {
2935
2938
  let $fonts;
2936
2939
  component_subscribe($$self, fonts, $$value => $$invalidate(1, $fonts = $$value));
2937
2940
  let googleFontUrl = '';
@@ -2960,13 +2963,13 @@ function instance$A($$self, $$props, $$invalidate) {
2960
2963
  class Header extends SvelteComponent {
2961
2964
  constructor(options) {
2962
2965
  super();
2963
- init(this, options, instance$A, create_fragment$A, safe_not_equal, {});
2966
+ init(this, options, instance$15, create_fragment$15, safe_not_equal, {});
2964
2967
  }
2965
2968
  }
2966
2969
 
2967
2970
  /* src/components/State.svelte generated by Svelte v3.53.1 */
2968
2971
 
2969
- function create_fragment$z(ctx) {
2972
+ function create_fragment$14(ctx) {
2970
2973
  let header;
2971
2974
  let t;
2972
2975
  let current;
@@ -3025,7 +3028,7 @@ function create_fragment$z(ctx) {
3025
3028
  };
3026
3029
  }
3027
3030
 
3028
- function instance$z($$self, $$props, $$invalidate) {
3031
+ function instance$14($$self, $$props, $$invalidate) {
3029
3032
  let { $$slots: slots = {}, $$scope } = $$props;
3030
3033
 
3031
3034
  $$self.$$set = $$props => {
@@ -3038,18 +3041,18 @@ function instance$z($$self, $$props, $$invalidate) {
3038
3041
  class State extends SvelteComponent {
3039
3042
  constructor(options) {
3040
3043
  super();
3041
- init(this, options, instance$z, create_fragment$z, safe_not_equal, {});
3044
+ init(this, options, instance$14, create_fragment$14, safe_not_equal, {});
3042
3045
  }
3043
3046
  }
3044
3047
 
3045
3048
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
3046
3049
 
3047
- function add_css$v(target) {
3048
- append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
3050
+ function add_css$w(target) {
3051
+ append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
3049
3052
  }
3050
3053
 
3051
3054
  // (23:0) {#if $state === path}
3052
- function create_if_block$8(ctx) {
3055
+ function create_if_block$c(ctx) {
3053
3056
  let div;
3054
3057
  let t;
3055
3058
  let current;
@@ -3062,7 +3065,7 @@ function create_if_block$8(ctx) {
3062
3065
  t = space();
3063
3066
  if (default_slot) default_slot.c();
3064
3067
  attr(div, "data-state-path", /*path*/ ctx[0]);
3065
- attr(div, "class", "state-item svelte-1amihue");
3068
+ attr(div, "class", "state-item svelte-2qb6dm");
3066
3069
  },
3067
3070
  m(target, anchor) {
3068
3071
  insert(target, div, anchor);
@@ -3111,10 +3114,10 @@ function create_if_block$8(ctx) {
3111
3114
  };
3112
3115
  }
3113
3116
 
3114
- function create_fragment$y(ctx) {
3117
+ function create_fragment$13(ctx) {
3115
3118
  let if_block_anchor;
3116
3119
  let current;
3117
- let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$8(ctx);
3120
+ let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$c(ctx);
3118
3121
 
3119
3122
  return {
3120
3123
  c() {
@@ -3135,7 +3138,7 @@ function create_fragment$y(ctx) {
3135
3138
  transition_in(if_block, 1);
3136
3139
  }
3137
3140
  } else {
3138
- if_block = create_if_block$8(ctx);
3141
+ if_block = create_if_block$c(ctx);
3139
3142
  if_block.c();
3140
3143
  transition_in(if_block, 1);
3141
3144
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -3172,7 +3175,7 @@ function getStateItemContext() {
3172
3175
  return getContext(STATE_ITEM_CONTEXT_KEY);
3173
3176
  }
3174
3177
 
3175
- function instance$y($$self, $$props, $$invalidate) {
3178
+ function instance$13($$self, $$props, $$invalidate) {
3176
3179
  let $state;
3177
3180
  component_subscribe($$self, state, $$value => $$invalidate(1, $state = $$value));
3178
3181
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -3198,7 +3201,7 @@ function instance$y($$self, $$props, $$invalidate) {
3198
3201
  class StateItem extends SvelteComponent {
3199
3202
  constructor(options) {
3200
3203
  super();
3201
- init(this, options, instance$y, create_fragment$y, safe_not_equal, { path: 0 }, add_css$v);
3204
+ init(this, options, instance$13, create_fragment$13, safe_not_equal, { path: 0 }, add_css$w);
3202
3205
  }
3203
3206
  }
3204
3207
 
@@ -3383,12 +3386,12 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
3383
3386
 
3384
3387
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3385
3388
 
3386
- function add_css$u(target) {
3387
- 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}");
3389
+ function add_css$v(target) {
3390
+ 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}");
3388
3391
  }
3389
3392
 
3390
3393
  // (14:0) {#if backgroundOverlay}
3391
- function create_if_block$7(ctx) {
3394
+ function create_if_block$b(ctx) {
3392
3395
  let div;
3393
3396
  let div_class_value;
3394
3397
  let mounted;
@@ -3397,7 +3400,7 @@ function create_if_block$7(ctx) {
3397
3400
  return {
3398
3401
  c() {
3399
3402
  div = element("div");
3400
- attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"));
3403
+ attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
3401
3404
  },
3402
3405
  m(target, anchor) {
3403
3406
  insert(target, div, anchor);
@@ -3408,7 +3411,7 @@ function create_if_block$7(ctx) {
3408
3411
  }
3409
3412
  },
3410
3413
  p(ctx, dirty) {
3411
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"))) {
3414
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
3412
3415
  attr(div, "class", div_class_value);
3413
3416
  }
3414
3417
  },
@@ -3420,9 +3423,9 @@ function create_if_block$7(ctx) {
3420
3423
  };
3421
3424
  }
3422
3425
 
3423
- function create_fragment$x(ctx) {
3426
+ function create_fragment$12(ctx) {
3424
3427
  let if_block_anchor;
3425
- let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$7(ctx);
3428
+ let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$b(ctx);
3426
3429
 
3427
3430
  return {
3428
3431
  c() {
@@ -3438,7 +3441,7 @@ function create_fragment$x(ctx) {
3438
3441
  if (if_block) {
3439
3442
  if_block.p(ctx, dirty);
3440
3443
  } else {
3441
- if_block = create_if_block$7(ctx);
3444
+ if_block = create_if_block$b(ctx);
3442
3445
  if_block.c();
3443
3446
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
3444
3447
  }
@@ -3456,7 +3459,7 @@ function create_fragment$x(ctx) {
3456
3459
  };
3457
3460
  }
3458
3461
 
3459
- function instance$x($$self, $$props, $$invalidate) {
3462
+ function instance$12($$self, $$props, $$invalidate) {
3460
3463
  let { backgroundOverlay = false } = $$props;
3461
3464
  let { class: className = undefined } = $$props;
3462
3465
  const dispatch = createEventDispatcher();
@@ -3473,7 +3476,7 @@ function instance$x($$self, $$props, $$invalidate) {
3473
3476
  class BackgroundOverlay extends SvelteComponent {
3474
3477
  constructor(options) {
3475
3478
  super();
3476
- init(this, options, instance$x, create_fragment$x, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$u);
3479
+ init(this, options, instance$12, create_fragment$12, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$v);
3477
3480
  }
3478
3481
  }
3479
3482
 
@@ -3513,8 +3516,8 @@ function checkStopPropagation(eventName, handler) {
3513
3516
 
3514
3517
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3515
3518
 
3516
- function add_css$t(target) {
3517
- 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}");
3519
+ function add_css$u(target) {
3520
+ 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}");
3518
3521
  }
3519
3522
 
3520
3523
  // (50:0) {:else}
@@ -3543,7 +3546,7 @@ function create_else_block$4(ctx) {
3543
3546
  button = element("button");
3544
3547
  if (default_slot) default_slot.c();
3545
3548
  set_attributes(button, button_data);
3546
- toggle_class(button, "svelte-1kmu8zp", true);
3549
+ toggle_class(button, "svelte-15k4deh", true);
3547
3550
  },
3548
3551
  m(target, anchor) {
3549
3552
  insert(target, button, anchor);
@@ -3582,7 +3585,7 @@ function create_else_block$4(ctx) {
3582
3585
  dataAttrStopPropagation('click')
3583
3586
  ]));
3584
3587
 
3585
- toggle_class(button, "svelte-1kmu8zp", true);
3588
+ toggle_class(button, "svelte-15k4deh", true);
3586
3589
  },
3587
3590
  i(local) {
3588
3591
  if (current) return;
@@ -3613,7 +3616,7 @@ function create_if_block_2$1(ctx) {
3613
3616
  c() {
3614
3617
  div = element("div");
3615
3618
  if (default_slot) default_slot.c();
3616
- attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1kmu8zp"));
3619
+ attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-15k4deh"));
3617
3620
  attr(div, "style", /*style*/ ctx[1]);
3618
3621
  },
3619
3622
  m(target, anchor) {
@@ -3697,7 +3700,7 @@ function create_if_block_1$2(ctx) {
3697
3700
  a = element("a");
3698
3701
  if (default_slot) default_slot.c();
3699
3702
  set_attributes(a, a_data);
3700
- toggle_class(a, "svelte-1kmu8zp", true);
3703
+ toggle_class(a, "svelte-15k4deh", true);
3701
3704
  },
3702
3705
  m(target, anchor) {
3703
3706
  insert(target, a, anchor);
@@ -3739,7 +3742,7 @@ function create_if_block_1$2(ctx) {
3739
3742
  dataAttrStopPropagation('click')
3740
3743
  ]));
3741
3744
 
3742
- toggle_class(a, "svelte-1kmu8zp", true);
3745
+ toggle_class(a, "svelte-15k4deh", true);
3743
3746
  },
3744
3747
  i(local) {
3745
3748
  if (current) return;
@@ -3760,7 +3763,7 @@ function create_if_block_1$2(ctx) {
3760
3763
  }
3761
3764
 
3762
3765
  // (31:0) {#if disabled}
3763
- function create_if_block$6(ctx) {
3766
+ function create_if_block$a(ctx) {
3764
3767
  let div;
3765
3768
  let current;
3766
3769
  const default_slot_template = /*#slots*/ ctx[9].default;
@@ -3770,7 +3773,7 @@ function create_if_block$6(ctx) {
3770
3773
  c() {
3771
3774
  div = element("div");
3772
3775
  if (default_slot) default_slot.c();
3773
- attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1kmu8zp"));
3776
+ attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-15k4deh"));
3774
3777
  attr(div, "style", /*style*/ ctx[1]);
3775
3778
  },
3776
3779
  m(target, anchor) {
@@ -3818,12 +3821,12 @@ function create_if_block$6(ctx) {
3818
3821
  };
3819
3822
  }
3820
3823
 
3821
- function create_fragment$w(ctx) {
3824
+ function create_fragment$11(ctx) {
3822
3825
  let current_block_type_index;
3823
3826
  let if_block;
3824
3827
  let if_block_anchor;
3825
3828
  let current;
3826
- const if_block_creators = [create_if_block$6, create_if_block_1$2, create_if_block_2$1, create_else_block$4];
3829
+ const if_block_creators = [create_if_block$a, create_if_block_1$2, create_if_block_2$1, create_else_block$4];
3827
3830
  const if_blocks = [];
3828
3831
 
3829
3832
  function select_block_type(ctx, dirty) {
@@ -3891,7 +3894,7 @@ function create_fragment$w(ctx) {
3891
3894
 
3892
3895
  const BUTTON_CLASS = 'button';
3893
3896
 
3894
- function instance$w($$self, $$props, $$invalidate) {
3897
+ function instance$11($$self, $$props, $$invalidate) {
3895
3898
  let disabled;
3896
3899
  let $valuesAreValid;
3897
3900
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -3950,15 +3953,15 @@ function instance$w($$self, $$props, $$invalidate) {
3950
3953
  ];
3951
3954
  }
3952
3955
 
3953
- class Button extends SvelteComponent {
3956
+ let Button$1 = class Button extends SvelteComponent {
3954
3957
  constructor(options) {
3955
3958
  super();
3956
3959
 
3957
3960
  init(
3958
3961
  this,
3959
3962
  options,
3960
- instance$w,
3961
- create_fragment$w,
3963
+ instance$11,
3964
+ create_fragment$11,
3962
3965
  safe_not_equal,
3963
3966
  {
3964
3967
  onClick: 0,
@@ -3966,18 +3969,18 @@ class Button extends SvelteComponent {
3966
3969
  eventValue: 6,
3967
3970
  style: 1
3968
3971
  },
3969
- add_css$t
3972
+ add_css$u
3970
3973
  );
3971
3974
  }
3972
- }
3975
+ };
3973
3976
 
3974
3977
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
3975
3978
 
3976
- function add_css$s(target) {
3977
- 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}}");
3979
+ function add_css$t(target) {
3980
+ 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}}");
3978
3981
  }
3979
3982
 
3980
- // (278:0) {:else}
3983
+ // (277:0) {:else}
3981
3984
  function create_else_block$3(ctx) {
3982
3985
  let backgroundoverlay;
3983
3986
  let current;
@@ -4021,7 +4024,7 @@ function create_else_block$3(ctx) {
4021
4024
  };
4022
4025
  }
4023
4026
 
4024
- // (267:24)
4027
+ // (266:24)
4025
4028
  function create_if_block_3(ctx) {
4026
4029
  let backgroundoverlay0;
4027
4030
  let t;
@@ -4090,7 +4093,7 @@ function create_if_block_3(ctx) {
4090
4093
  };
4091
4094
  }
4092
4095
 
4093
- // (265:0) {#if isPreview()}
4096
+ // (264:0) {#if isPreview()}
4094
4097
  function create_if_block_2(ctx) {
4095
4098
  return {
4096
4099
  c: noop,
@@ -4102,15 +4105,15 @@ function create_if_block_2(ctx) {
4102
4105
  };
4103
4106
  }
4104
4107
 
4105
- // (281:0) {#if visible}
4106
- function create_if_block$5(ctx) {
4108
+ // (280:0) {#if visible}
4109
+ function create_if_block$9(ctx) {
4107
4110
  let div;
4108
4111
  let button;
4109
4112
  let div_class_value;
4110
4113
  let div_intro;
4111
4114
  let current;
4112
4115
 
4113
- button = new Button({
4116
+ button = new Button$1({
4114
4117
  props: {
4115
4118
  onClick: /*onClick*/ ctx[0],
4116
4119
  eventName: /*clickEventName*/ ctx[1],
@@ -4124,7 +4127,7 @@ function create_if_block$5(ctx) {
4124
4127
  c() {
4125
4128
  div = element("div");
4126
4129
  create_component(button.$$.fragment);
4127
- attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"));
4130
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"));
4128
4131
  attr(div, "role", "dialog");
4129
4132
  attr(div, "aria-modal", "true");
4130
4133
  attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
@@ -4148,7 +4151,7 @@ function create_if_block$5(ctx) {
4148
4151
 
4149
4152
  button.$set(button_changes);
4150
4153
 
4151
- if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"))) {
4154
+ if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"))) {
4152
4155
  attr(div, "class", div_class_value);
4153
4156
  }
4154
4157
  },
@@ -4181,13 +4184,13 @@ function create_if_block$5(ctx) {
4181
4184
  };
4182
4185
  }
4183
4186
 
4184
- // (294:6) {#if closable}
4187
+ // (293:6) {#if closable}
4185
4188
  function create_if_block_1$1(ctx) {
4186
4189
  let div;
4187
4190
  let button;
4188
4191
  let current;
4189
4192
 
4190
- button = new Button({
4193
+ button = new Button$1({
4191
4194
  props: {
4192
4195
  onClick: /*onClose*/ ctx[6],
4193
4196
  style: /*_closeStyle*/ ctx[10],
@@ -4202,7 +4205,7 @@ function create_if_block_1$1(ctx) {
4202
4205
  c() {
4203
4206
  div = element("div");
4204
4207
  create_component(button.$$.fragment);
4205
- attr(div, "class", "close svelte-1i2vo31");
4208
+ attr(div, "class", "close svelte-1ijkyzl");
4206
4209
  set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
4207
4210
  },
4208
4211
  m(target, anchor) {
@@ -4243,7 +4246,7 @@ function create_if_block_1$1(ctx) {
4243
4246
  };
4244
4247
  }
4245
4248
 
4246
- // (296:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue} >
4249
+ // (295:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue} >
4247
4250
  function create_default_slot_1$1(ctx) {
4248
4251
  let svg;
4249
4252
  let path;
@@ -4276,7 +4279,7 @@ function create_default_slot_1$1(ctx) {
4276
4279
  };
4277
4280
  }
4278
4281
 
4279
- // (293:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
4282
+ // (292:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
4280
4283
  function create_default_slot$6(ctx) {
4281
4284
  let t;
4282
4285
  let div;
@@ -4291,7 +4294,7 @@ function create_default_slot$6(ctx) {
4291
4294
  t = space();
4292
4295
  div = element("div");
4293
4296
  if (default_slot) default_slot.c();
4294
- attr(div, "class", "modal-content svelte-1i2vo31");
4297
+ attr(div, "class", "modal-content svelte-1ijkyzl");
4295
4298
  attr(div, "style", /*_style*/ ctx[5]);
4296
4299
  },
4297
4300
  m(target, anchor) {
@@ -4368,7 +4371,7 @@ function create_default_slot$6(ctx) {
4368
4371
  };
4369
4372
  }
4370
4373
 
4371
- function create_fragment$v(ctx) {
4374
+ function create_fragment$10(ctx) {
4372
4375
  let show_if;
4373
4376
  let current_block_type_index;
4374
4377
  let if_block0;
@@ -4389,7 +4392,7 @@ function create_fragment$v(ctx) {
4389
4392
 
4390
4393
  current_block_type_index = select_block_type(ctx);
4391
4394
  if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
4392
- let if_block1 = /*visible*/ ctx[16] && create_if_block$5(ctx);
4395
+ let if_block1 = /*visible*/ ctx[16] && create_if_block$9(ctx);
4393
4396
 
4394
4397
  return {
4395
4398
  c() {
@@ -4449,7 +4452,7 @@ function create_fragment$v(ctx) {
4449
4452
  transition_in(if_block1, 1);
4450
4453
  }
4451
4454
  } else {
4452
- if_block1 = create_if_block$5(ctx);
4455
+ if_block1 = create_if_block$9(ctx);
4453
4456
  if_block1.c();
4454
4457
  transition_in(if_block1, 1);
4455
4458
  if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
@@ -4486,7 +4489,7 @@ function create_fragment$v(ctx) {
4486
4489
  };
4487
4490
  }
4488
4491
 
4489
- function instance$v($$self, $$props, $$invalidate) {
4492
+ function instance$10($$self, $$props, $$invalidate) {
4490
4493
  let close;
4491
4494
  let closable;
4492
4495
  let backgroundClick;
@@ -4661,10 +4664,9 @@ function instance$v($$self, $$props, $$invalidate) {
4661
4664
  DEVICE_IDS.forEach(deviceId => {
4662
4665
  if (useBreakPoint) {
4663
4666
  const positionWithBp = breakPoint[deviceId]?.placement?.position;
4664
- const mediaQuery = DEVICE_QUERIES[deviceId];
4665
4667
 
4666
4668
  transforms.push({
4667
- query: mediaQuery,
4669
+ query: DEVICE_QUERIES[deviceId],
4668
4670
  ...getTransform(positionWithBp)
4669
4671
  });
4670
4672
 
@@ -4798,8 +4800,8 @@ class Modal extends SvelteComponent {
4798
4800
  init(
4799
4801
  this,
4800
4802
  options,
4801
- instance$v,
4802
- create_fragment$v,
4803
+ instance$10,
4804
+ create_fragment$10,
4803
4805
  safe_not_equal,
4804
4806
  {
4805
4807
  onClick: 0,
@@ -4817,7 +4819,7 @@ class Modal extends SvelteComponent {
4817
4819
  closeButtonColor: 9,
4818
4820
  _closeStyle: 10
4819
4821
  },
4820
- add_css$s,
4822
+ add_css$t,
4821
4823
  [-1, -1]
4822
4824
  );
4823
4825
  }
@@ -4825,7 +4827,7 @@ class Modal extends SvelteComponent {
4825
4827
 
4826
4828
  /* src/components/Grid.svelte generated by Svelte v3.53.1 */
4827
4829
 
4828
- function create_fragment$u(ctx) {
4830
+ function create_fragment$$(ctx) {
4829
4831
  let div;
4830
4832
  let current;
4831
4833
  const default_slot_template = /*#slots*/ ctx[8].default;
@@ -4883,7 +4885,7 @@ function create_fragment$u(ctx) {
4883
4885
  };
4884
4886
  }
4885
4887
 
4886
- function instance$u($$self, $$props, $$invalidate) {
4888
+ function instance$$($$self, $$props, $$invalidate) {
4887
4889
  let _style;
4888
4890
  let { $$slots: slots = {}, $$scope } = $$props;
4889
4891
  let { width = '512px' } = $$props;
@@ -4928,7 +4930,7 @@ class Grid extends SvelteComponent {
4928
4930
  constructor(options) {
4929
4931
  super();
4930
4932
 
4931
- init(this, options, instance$u, create_fragment$u, safe_not_equal, {
4933
+ init(this, options, instance$$, create_fragment$$, safe_not_equal, {
4932
4934
  width: 1,
4933
4935
  height: 2,
4934
4936
  rows: 3,
@@ -4941,11 +4943,11 @@ class Grid extends SvelteComponent {
4941
4943
 
4942
4944
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
4943
4945
 
4944
- function add_css$r(target) {
4945
- append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
4946
+ function add_css$s(target) {
4947
+ append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
4946
4948
  }
4947
4949
 
4948
- function create_fragment$t(ctx) {
4950
+ function create_fragment$_(ctx) {
4949
4951
  let div1;
4950
4952
  let div0;
4951
4953
  let current;
@@ -4957,8 +4959,8 @@ function create_fragment$t(ctx) {
4957
4959
  div1 = element("div");
4958
4960
  div0 = element("div");
4959
4961
  if (default_slot) default_slot.c();
4960
- attr(div0, "class", "grid-item-inner svelte-1cryhmb");
4961
- attr(div1, "class", "grid-item svelte-1cryhmb");
4962
+ attr(div0, "class", "grid-item-inner svelte-n7kdl3");
4963
+ attr(div1, "class", "grid-item svelte-n7kdl3");
4962
4964
  attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
4963
4965
  attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
4964
4966
  attr(div1, "style", /*_style*/ ctx[1]);
@@ -5019,7 +5021,7 @@ function create_fragment$t(ctx) {
5019
5021
 
5020
5022
  const GRID_ITEM_CONTEXT_KEY = 'GRID_ITEM';
5021
5023
 
5022
- function instance$t($$self, $$props, $$invalidate) {
5024
+ function instance$_($$self, $$props, $$invalidate) {
5023
5025
  let _style;
5024
5026
  let { $$slots: slots = {}, $$scope } = $$props;
5025
5027
  let { x1 } = $$props;
@@ -5068,8 +5070,8 @@ class GridItem extends SvelteComponent {
5068
5070
  init(
5069
5071
  this,
5070
5072
  options,
5071
- instance$t,
5072
- create_fragment$t,
5073
+ instance$_,
5074
+ create_fragment$_,
5073
5075
  safe_not_equal,
5074
5076
  {
5075
5077
  x1: 2,
@@ -5080,7 +5082,7 @@ class GridItem extends SvelteComponent {
5080
5082
  background: 7,
5081
5083
  gridItemId: 0
5082
5084
  },
5083
- add_css$r
5085
+ add_css$s
5084
5086
  );
5085
5087
  }
5086
5088
  }
@@ -5115,7 +5117,7 @@ function create_else_block$2(ctx) {
5115
5117
  }
5116
5118
 
5117
5119
  // (11:2) {#if item.match(regexp)}
5118
- function create_if_block$4(ctx) {
5120
+ function create_if_block$8(ctx) {
5119
5121
  let br;
5120
5122
 
5121
5123
  return {
@@ -5140,7 +5142,7 @@ function create_each_block$6(ctx) {
5140
5142
  function select_block_type(ctx, dirty) {
5141
5143
  if (dirty & /*items*/ 1) show_if = null;
5142
5144
  if (show_if == null) show_if = !!/*item*/ ctx[2].match(regexp);
5143
- if (show_if) return create_if_block$4;
5145
+ if (show_if) return create_if_block$8;
5144
5146
  return create_else_block$2;
5145
5147
  }
5146
5148
 
@@ -5176,7 +5178,7 @@ function create_each_block$6(ctx) {
5176
5178
  };
5177
5179
  }
5178
5180
 
5179
- function create_fragment$s(ctx) {
5181
+ function create_fragment$Z(ctx) {
5180
5182
  let each_1_anchor;
5181
5183
  let each_value = /*items*/ ctx[0];
5182
5184
  let each_blocks = [];
@@ -5235,7 +5237,7 @@ function create_fragment$s(ctx) {
5235
5237
 
5236
5238
  const regexp = /(\r?\n)/;
5237
5239
 
5238
- function instance$s($$self, $$props, $$invalidate) {
5240
+ function instance$Z($$self, $$props, $$invalidate) {
5239
5241
  let items;
5240
5242
  let { text = 'サンプルSample' } = $$props;
5241
5243
 
@@ -5256,14 +5258,14 @@ function instance$s($$self, $$props, $$invalidate) {
5256
5258
  class RenderText extends SvelteComponent {
5257
5259
  constructor(options) {
5258
5260
  super();
5259
- init(this, options, instance$s, create_fragment$s, safe_not_equal, { text: 1 });
5261
+ init(this, options, instance$Z, create_fragment$Z, safe_not_equal, { text: 1 });
5260
5262
  }
5261
5263
  }
5262
5264
 
5263
5265
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
5264
5266
 
5265
- function add_css$q(target) {
5266
- 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}");
5267
+ function add_css$r(target) {
5268
+ 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}");
5267
5269
  }
5268
5270
 
5269
5271
  // (94:2) {:else}
@@ -5280,8 +5282,8 @@ function create_else_block$1(ctx) {
5280
5282
  div1 = element("div");
5281
5283
  div0 = element("div");
5282
5284
  create_component(rendertext.$$.fragment);
5283
- attr(div0, "class", "text-element-inner svelte-vz6867");
5284
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5285
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5286
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5285
5287
  attr(div1, "style", /*style*/ ctx[5]);
5286
5288
  },
5287
5289
  m(target, anchor) {
@@ -5295,7 +5297,7 @@ function create_else_block$1(ctx) {
5295
5297
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5296
5298
  rendertext.$set(rendertext_changes);
5297
5299
 
5298
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
5300
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
5299
5301
  attr(div1, "class", div1_class_value);
5300
5302
  }
5301
5303
 
@@ -5320,7 +5322,7 @@ function create_else_block$1(ctx) {
5320
5322
  }
5321
5323
 
5322
5324
  // (80:2) {#if enableCopy}
5323
- function create_if_block$3(ctx) {
5325
+ function create_if_block$7(ctx) {
5324
5326
  let a;
5325
5327
  let div0;
5326
5328
  let rendertext;
@@ -5345,12 +5347,12 @@ function create_if_block$3(ctx) {
5345
5347
  t2 = space();
5346
5348
  div2 = element("div");
5347
5349
  div2.textContent = "コピーできませんでした";
5348
- attr(div0, "class", "text-element-inner svelte-vz6867");
5350
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5349
5351
  attr(a, "href", '');
5350
- attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5352
+ attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5351
5353
  attr(a, "style", /*style*/ ctx[5]);
5352
- attr(div1, "class", "tooltip svelte-vz6867");
5353
- attr(div2, "class", "tooltip tooltip-error svelte-vz6867");
5354
+ attr(div1, "class", "tooltip svelte-9ixs0b");
5355
+ attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
5354
5356
  },
5355
5357
  m(target, anchor) {
5356
5358
  insert(target, a, anchor);
@@ -5374,7 +5376,7 @@ function create_if_block$3(ctx) {
5374
5376
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5375
5377
  rendertext.$set(rendertext_changes);
5376
5378
 
5377
- 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"))) {
5379
+ 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"))) {
5378
5380
  attr(a, "class", a_class_value);
5379
5381
  }
5380
5382
 
@@ -5406,12 +5408,12 @@ function create_if_block$3(ctx) {
5406
5408
  };
5407
5409
  }
5408
5410
 
5409
- function create_fragment$r(ctx) {
5411
+ function create_fragment$Y(ctx) {
5410
5412
  let div;
5411
5413
  let current_block_type_index;
5412
5414
  let if_block;
5413
5415
  let current;
5414
- const if_block_creators = [create_if_block$3, create_else_block$1];
5416
+ const if_block_creators = [create_if_block$7, create_else_block$1];
5415
5417
  const if_blocks = [];
5416
5418
 
5417
5419
  function select_block_type(ctx, dirty) {
@@ -5426,7 +5428,7 @@ function create_fragment$r(ctx) {
5426
5428
  c() {
5427
5429
  div = element("div");
5428
5430
  if_block.c();
5429
- attr(div, "class", "text-element-wrapper svelte-vz6867");
5431
+ attr(div, "class", "text-element-wrapper svelte-9ixs0b");
5430
5432
  },
5431
5433
  m(target, anchor) {
5432
5434
  insert(target, div, anchor);
@@ -5476,7 +5478,7 @@ function create_fragment$r(ctx) {
5476
5478
  };
5477
5479
  }
5478
5480
 
5479
- function instance$r($$self, $$props, $$invalidate) {
5481
+ function instance$Y($$self, $$props, $$invalidate) {
5480
5482
  let style;
5481
5483
  let { text = 'テキストのコンテンツ' } = $$props;
5482
5484
  let { font = SYSTEM_FONT } = $$props;
@@ -5572,8 +5574,8 @@ class TextElement extends SvelteComponent {
5572
5574
  init(
5573
5575
  this,
5574
5576
  options,
5575
- instance$r,
5576
- create_fragment$r,
5577
+ instance$Y,
5578
+ create_fragment$Y,
5577
5579
  safe_not_equal,
5578
5580
  {
5579
5581
  text: 0,
@@ -5584,15 +5586,15 @@ class TextElement extends SvelteComponent {
5584
5586
  enableCopy: 2,
5585
5587
  eventName: 10
5586
5588
  },
5587
- add_css$q
5589
+ add_css$r
5588
5590
  );
5589
5591
  }
5590
5592
  }
5591
5593
 
5592
5594
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5593
5595
 
5594
- function add_css$p(target) {
5595
- 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)}");
5596
+ function add_css$q(target) {
5597
+ 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)}");
5596
5598
  }
5597
5599
 
5598
5600
  // (48:2) <Button {onClick} {style} {eventName}>
@@ -5629,12 +5631,12 @@ function create_default_slot$5(ctx) {
5629
5631
  };
5630
5632
  }
5631
5633
 
5632
- function create_fragment$q(ctx) {
5634
+ function create_fragment$X(ctx) {
5633
5635
  let div;
5634
5636
  let button;
5635
5637
  let current;
5636
5638
 
5637
- button = new Button({
5639
+ button = new Button$1({
5638
5640
  props: {
5639
5641
  onClick: /*onClick*/ ctx[1],
5640
5642
  style: /*style*/ ctx[3],
@@ -5648,7 +5650,7 @@ function create_fragment$q(ctx) {
5648
5650
  c() {
5649
5651
  div = element("div");
5650
5652
  create_component(button.$$.fragment);
5651
- attr(div, "class", "text-button-element svelte-ujdxfc");
5653
+ attr(div, "class", "text-button-element svelte-1vg84sc");
5652
5654
  },
5653
5655
  m(target, anchor) {
5654
5656
  insert(target, div, anchor);
@@ -5683,7 +5685,7 @@ function create_fragment$q(ctx) {
5683
5685
  };
5684
5686
  }
5685
5687
 
5686
- function instance$q($$self, $$props, $$invalidate) {
5688
+ function instance$X($$self, $$props, $$invalidate) {
5687
5689
  let style;
5688
5690
  let { text = 'ボタンのラベル' } = $$props;
5689
5691
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -5721,8 +5723,8 @@ class TextButtonElement extends SvelteComponent {
5721
5723
  init(
5722
5724
  this,
5723
5725
  options,
5724
- instance$q,
5725
- create_fragment$q,
5726
+ instance$X,
5727
+ create_fragment$X,
5726
5728
  safe_not_equal,
5727
5729
  {
5728
5730
  text: 0,
@@ -5732,15 +5734,15 @@ class TextButtonElement extends SvelteComponent {
5732
5734
  _buttonStyle: 5,
5733
5735
  _style: 6
5734
5736
  },
5735
- add_css$p
5737
+ add_css$q
5736
5738
  );
5737
5739
  }
5738
5740
  }
5739
5741
 
5740
5742
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5741
5743
 
5742
- function add_css$o(target) {
5743
- 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%}");
5744
+ function add_css$p(target) {
5745
+ 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%}");
5744
5746
  }
5745
5747
 
5746
5748
  // (44:2) <Button {onClick} style={_style} {eventName}>
@@ -5752,7 +5754,7 @@ function create_default_slot$4(ctx) {
5752
5754
  return {
5753
5755
  c() {
5754
5756
  img = element("img");
5755
- attr(img, "class", "image svelte-1alkh1m");
5757
+ attr(img, "class", "image svelte-t6tu0e");
5756
5758
  attr(img, "loading", "lazy");
5757
5759
  attr(img, "width", "auto");
5758
5760
  attr(img, "height", "auto");
@@ -5794,13 +5796,13 @@ function create_default_slot$4(ctx) {
5794
5796
  };
5795
5797
  }
5796
5798
 
5797
- function create_fragment$p(ctx) {
5799
+ function create_fragment$W(ctx) {
5798
5800
  let div;
5799
5801
  let button;
5800
5802
  let div_class_value;
5801
5803
  let current;
5802
5804
 
5803
- button = new Button({
5805
+ button = new Button$1({
5804
5806
  props: {
5805
5807
  onClick: /*onClick*/ ctx[4],
5806
5808
  style: /*_style*/ ctx[7],
@@ -5814,7 +5816,7 @@ function create_fragment$p(ctx) {
5814
5816
  c() {
5815
5817
  div = element("div");
5816
5818
  create_component(button.$$.fragment);
5817
- attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m");
5819
+ attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
5818
5820
  },
5819
5821
  m(target, anchor) {
5820
5822
  insert(target, div, anchor);
@@ -5833,7 +5835,7 @@ function create_fragment$p(ctx) {
5833
5835
 
5834
5836
  button.$set(button_changes);
5835
5837
 
5836
- if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m")) {
5838
+ if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
5837
5839
  attr(div, "class", div_class_value);
5838
5840
  }
5839
5841
  },
@@ -5853,7 +5855,7 @@ function create_fragment$p(ctx) {
5853
5855
  };
5854
5856
  }
5855
5857
 
5856
- function instance$p($$self, $$props, $$invalidate) {
5858
+ function instance$W($$self, $$props, $$invalidate) {
5857
5859
  let { src = '' } = $$props;
5858
5860
  let { alt = '画像の説明' } = $$props;
5859
5861
  let { transport = false } = $$props;
@@ -5884,8 +5886,8 @@ class ImageElement extends SvelteComponent {
5884
5886
  init(
5885
5887
  this,
5886
5888
  options,
5887
- instance$p,
5888
- create_fragment$p,
5889
+ instance$W,
5890
+ create_fragment$W,
5889
5891
  safe_not_equal,
5890
5892
  {
5891
5893
  src: 0,
@@ -5897,18 +5899,18 @@ class ImageElement extends SvelteComponent {
5897
5899
  _imageStyle: 6,
5898
5900
  _style: 7
5899
5901
  },
5900
- add_css$o
5902
+ add_css$p
5901
5903
  );
5902
5904
  }
5903
5905
  }
5904
5906
 
5905
5907
  /* src/components/List.svelte generated by Svelte v3.53.1 */
5906
5908
 
5907
- function add_css$n(target) {
5908
- 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}");
5909
+ function add_css$o(target) {
5910
+ 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}");
5909
5911
  }
5910
5912
 
5911
- function create_fragment$o(ctx) {
5913
+ function create_fragment$V(ctx) {
5912
5914
  let div;
5913
5915
  let current;
5914
5916
  const default_slot_template = /*#slots*/ ctx[6].default;
@@ -5918,7 +5920,7 @@ function create_fragment$o(ctx) {
5918
5920
  c() {
5919
5921
  div = element("div");
5920
5922
  if (default_slot) default_slot.c();
5921
- attr(div, "class", "list svelte-1t8r9z");
5923
+ attr(div, "class", "list svelte-aquv6z");
5922
5924
  attr(div, "style", /*style*/ ctx[0]);
5923
5925
  },
5924
5926
  m(target, anchor) {
@@ -5968,7 +5970,7 @@ function create_fragment$o(ctx) {
5968
5970
 
5969
5971
  const LIST_CONTEXT_KEY = Symbol();
5970
5972
 
5971
- function instance$o($$self, $$props, $$invalidate) {
5973
+ function instance$V($$self, $$props, $$invalidate) {
5972
5974
  let style;
5973
5975
  let { $$slots: slots = {}, $$scope } = $$props;
5974
5976
  let { direction = 'vertical' } = $$props;
@@ -6035,8 +6037,8 @@ class List extends SvelteComponent {
6035
6037
  init(
6036
6038
  this,
6037
6039
  options,
6038
- instance$o,
6039
- create_fragment$o,
6040
+ instance$V,
6041
+ create_fragment$V,
6040
6042
  safe_not_equal,
6041
6043
  {
6042
6044
  direction: 1,
@@ -6044,15 +6046,15 @@ class List extends SvelteComponent {
6044
6046
  background: 3,
6045
6047
  _style: 4
6046
6048
  },
6047
- add_css$n
6049
+ add_css$o
6048
6050
  );
6049
6051
  }
6050
6052
  }
6051
6053
 
6052
6054
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
6053
6055
 
6054
- function add_css$m(target) {
6055
- 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}");
6056
+ function add_css$n(target) {
6057
+ 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}");
6056
6058
  }
6057
6059
 
6058
6060
  // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
@@ -6103,12 +6105,12 @@ function create_default_slot$3(ctx) {
6103
6105
  };
6104
6106
  }
6105
6107
 
6106
- function create_fragment$n(ctx) {
6108
+ function create_fragment$U(ctx) {
6107
6109
  let div;
6108
6110
  let button;
6109
6111
  let current;
6110
6112
 
6111
- button = new Button({
6113
+ button = new Button$1({
6112
6114
  props: {
6113
6115
  onClick: /*onClick*/ ctx[0],
6114
6116
  style: /*_style*/ ctx[2],
@@ -6122,7 +6124,7 @@ function create_fragment$n(ctx) {
6122
6124
  c() {
6123
6125
  div = element("div");
6124
6126
  create_component(button.$$.fragment);
6125
- attr(div, "class", "list-item svelte-1lbw8v2");
6127
+ attr(div, "class", "list-item svelte-9n97pe");
6126
6128
  attr(div, "style", /*listItemStyle*/ ctx[3]);
6127
6129
  },
6128
6130
  m(target, anchor) {
@@ -6162,7 +6164,7 @@ function create_fragment$n(ctx) {
6162
6164
  };
6163
6165
  }
6164
6166
 
6165
- function instance$n($$self, $$props, $$invalidate) {
6167
+ function instance$U($$self, $$props, $$invalidate) {
6166
6168
  let listItemStyle;
6167
6169
  let { $$slots: slots = {}, $$scope } = $$props;
6168
6170
  const { separator, background, direction, registerItem, unregisterItem } = getContext(LIST_CONTEXT_KEY);
@@ -6241,23 +6243,23 @@ function instance$n($$self, $$props, $$invalidate) {
6241
6243
  class ListItem extends SvelteComponent {
6242
6244
  constructor(options) {
6243
6245
  super();
6244
- init(this, options, instance$n, create_fragment$n, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$m);
6246
+ init(this, options, instance$U, create_fragment$U, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$n);
6245
6247
  }
6246
6248
  }
6247
6249
 
6248
6250
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
6249
6251
 
6250
- function add_css$l(target) {
6251
- 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}");
6252
+ function add_css$m(target) {
6253
+ 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}");
6252
6254
  }
6253
6255
 
6254
- function create_fragment$m(ctx) {
6256
+ function create_fragment$T(ctx) {
6255
6257
  let div;
6256
6258
 
6257
6259
  return {
6258
6260
  c() {
6259
6261
  div = element("div");
6260
- attr(div, "class", "embed svelte-w6jkzh");
6262
+ attr(div, "class", "embed svelte-wocq4p");
6261
6263
  attr(div, "style", /*_style*/ ctx[1]);
6262
6264
  },
6263
6265
  m(target, anchor) {
@@ -6278,7 +6280,7 @@ function create_fragment$m(ctx) {
6278
6280
  };
6279
6281
  }
6280
6282
 
6281
- function instance$m($$self, $$props, $$invalidate) {
6283
+ function instance$T($$self, $$props, $$invalidate) {
6282
6284
  let { code } = $$props;
6283
6285
  let { _style = '' } = $$props;
6284
6286
 
@@ -6293,17 +6295,17 @@ function instance$m($$self, $$props, $$invalidate) {
6293
6295
  class EmbedElement extends SvelteComponent {
6294
6296
  constructor(options) {
6295
6297
  super();
6296
- init(this, options, instance$m, create_fragment$m, safe_not_equal, { code: 0, _style: 1 }, add_css$l);
6298
+ init(this, options, instance$T, create_fragment$T, safe_not_equal, { code: 0, _style: 1 }, add_css$m);
6297
6299
  }
6298
6300
  }
6299
6301
 
6300
6302
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
6301
6303
 
6302
- function add_css$k(target) {
6303
- 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%}");
6304
+ function add_css$l(target) {
6305
+ 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%}");
6304
6306
  }
6305
6307
 
6306
- function create_fragment$l(ctx) {
6308
+ function create_fragment$S(ctx) {
6307
6309
  let div1;
6308
6310
  let div0;
6309
6311
 
@@ -6312,7 +6314,7 @@ function create_fragment$l(ctx) {
6312
6314
  div1 = element("div");
6313
6315
  div0 = element("div");
6314
6316
  attr(div0, "class", "karte-player");
6315
- attr(div1, "class", "embed svelte-ljxq7x");
6317
+ attr(div1, "class", "embed svelte-vikz49");
6316
6318
  attr(div1, "style", /*_style*/ ctx[0]);
6317
6319
  },
6318
6320
  m(target, anchor) {
@@ -6344,7 +6346,7 @@ function _setValue(obj, key, value) {
6344
6346
  }
6345
6347
  }
6346
6348
 
6347
- function instance$l($$self, $$props, $$invalidate) {
6349
+ function instance$S($$self, $$props, $$invalidate) {
6348
6350
  let $system;
6349
6351
  component_subscribe($$self, system, $$value => $$invalidate(31, $system = $$value));
6350
6352
  let { videoId = 'wt0OjOeX-JA' } = $$props;
@@ -6615,8 +6617,8 @@ class MovieYouTubeElement extends SvelteComponent {
6615
6617
  init(
6616
6618
  this,
6617
6619
  options,
6618
- instance$l,
6619
- create_fragment$l,
6620
+ instance$S,
6621
+ create_fragment$S,
6620
6622
  safe_not_equal,
6621
6623
  {
6622
6624
  videoId: 2,
@@ -6645,7 +6647,7 @@ class MovieYouTubeElement extends SvelteComponent {
6645
6647
  mute: 25,
6646
6648
  _style: 0
6647
6649
  },
6648
- add_css$k,
6650
+ add_css$l,
6649
6651
  [-1, -1]
6650
6652
  );
6651
6653
  }
@@ -6653,11 +6655,11 @@ class MovieYouTubeElement extends SvelteComponent {
6653
6655
 
6654
6656
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6655
6657
 
6656
- function add_css$j(target) {
6657
- 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%}");
6658
+ function add_css$k(target) {
6659
+ 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%}");
6658
6660
  }
6659
6661
 
6660
- function create_fragment$k(ctx) {
6662
+ function create_fragment$R(ctx) {
6661
6663
  let div1;
6662
6664
  let div0;
6663
6665
 
@@ -6666,7 +6668,7 @@ function create_fragment$k(ctx) {
6666
6668
  div1 = element("div");
6667
6669
  div0 = element("div");
6668
6670
  attr(div0, "class", "karte-player");
6669
- attr(div1, "class", "embed svelte-ljxq7x");
6671
+ attr(div1, "class", "embed svelte-vikz49");
6670
6672
  attr(div1, "style", /*_style*/ ctx[0]);
6671
6673
  },
6672
6674
  m(target, anchor) {
@@ -6688,7 +6690,7 @@ function create_fragment$k(ctx) {
6688
6690
  };
6689
6691
  }
6690
6692
 
6691
- function instance$k($$self, $$props, $$invalidate) {
6693
+ function instance$R($$self, $$props, $$invalidate) {
6692
6694
  let $system;
6693
6695
  component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
6694
6696
  let { videoId = "201239468" } = $$props;
@@ -6831,8 +6833,8 @@ class MovieVimeoElement extends SvelteComponent {
6831
6833
  init(
6832
6834
  this,
6833
6835
  options,
6834
- instance$k,
6835
- create_fragment$k,
6836
+ instance$R,
6837
+ create_fragment$R,
6836
6838
  safe_not_equal,
6837
6839
  {
6838
6840
  videoId: 2,
@@ -6842,18 +6844,18 @@ class MovieVimeoElement extends SvelteComponent {
6842
6844
  mute: 6,
6843
6845
  _style: 0
6844
6846
  },
6845
- add_css$j
6847
+ add_css$k
6846
6848
  );
6847
6849
  }
6848
6850
  }
6849
6851
 
6850
6852
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
6851
6853
 
6852
- function add_css$i(target) {
6853
- 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}");
6854
+ function add_css$j(target) {
6855
+ 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}");
6854
6856
  }
6855
6857
 
6856
- function create_fragment$j(ctx) {
6858
+ function create_fragment$Q(ctx) {
6857
6859
  let div;
6858
6860
  let textarea;
6859
6861
  let mounted;
@@ -6863,12 +6865,12 @@ function create_fragment$j(ctx) {
6863
6865
  c() {
6864
6866
  div = element("div");
6865
6867
  textarea = element("textarea");
6866
- attr(textarea, "class", "textarea svelte-1fjy5oo");
6868
+ attr(textarea, "class", "textarea svelte-zxvkkc");
6867
6869
  textarea.value = /*$value*/ ctx[4];
6868
6870
  textarea.required = /*required*/ ctx[1];
6869
6871
  attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
6870
6872
  attr(textarea, "style", /*style*/ ctx[3]);
6871
- attr(div, "class", "textarea-wrapper svelte-1fjy5oo");
6873
+ attr(div, "class", "textarea-wrapper svelte-zxvkkc");
6872
6874
  attr(div, "style", /*styleVariables*/ ctx[2]);
6873
6875
  },
6874
6876
  m(target, anchor) {
@@ -6911,7 +6913,7 @@ function create_fragment$j(ctx) {
6911
6913
  };
6912
6914
  }
6913
6915
 
6914
- function instance$j($$self, $$props, $$invalidate) {
6916
+ function instance$Q($$self, $$props, $$invalidate) {
6915
6917
  let style;
6916
6918
  let styleVariables;
6917
6919
  let $value;
@@ -6999,8 +7001,8 @@ class FormTextarea extends SvelteComponent {
6999
7001
  init(
7000
7002
  this,
7001
7003
  options,
7002
- instance$j,
7003
- create_fragment$j,
7004
+ instance$Q,
7005
+ create_fragment$Q,
7004
7006
  safe_not_equal,
7005
7007
  {
7006
7008
  name: 7,
@@ -7012,15 +7014,15 @@ class FormTextarea extends SvelteComponent {
7012
7014
  _textStyle: 11,
7013
7015
  _placeholderStyle: 12
7014
7016
  },
7015
- add_css$i
7017
+ add_css$j
7016
7018
  );
7017
7019
  }
7018
7020
  }
7019
7021
 
7020
7022
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
7021
7023
 
7022
- function add_css$h(target) {
7023
- 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}");
7024
+ function add_css$i(target) {
7025
+ 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}");
7024
7026
  }
7025
7027
 
7026
7028
  function get_each_context$5(ctx, list, i) {
@@ -7054,14 +7056,14 @@ function create_each_block$5(ctx) {
7054
7056
  t1 = text(t1_value);
7055
7057
  t2 = space();
7056
7058
  attr(input, "type", "radio");
7057
- attr(input, "class", "radio-button-input svelte-1ntb6j8");
7059
+ attr(input, "class", "radio-button-input svelte-17s08g");
7058
7060
  attr(input, "style", /*buttonStyle*/ ctx[5]);
7059
7061
  attr(input, "name", /*name*/ ctx[0]);
7060
7062
  input.value = input_value_value = /*option*/ ctx[17];
7061
7063
  input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
7062
- attr(span, "class", "radio-button-text svelte-1ntb6j8");
7064
+ attr(span, "class", "radio-button-text svelte-17s08g");
7063
7065
  attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7064
- attr(label, "class", "radio-button svelte-1ntb6j8");
7066
+ attr(label, "class", "radio-button svelte-17s08g");
7065
7067
  },
7066
7068
  m(target, anchor) {
7067
7069
  insert(target, label, anchor);
@@ -7109,7 +7111,7 @@ function create_each_block$5(ctx) {
7109
7111
  };
7110
7112
  }
7111
7113
 
7112
- function create_fragment$i(ctx) {
7114
+ function create_fragment$P(ctx) {
7113
7115
  let div;
7114
7116
  let each_value = /*_options*/ ctx[4];
7115
7117
  let each_blocks = [];
@@ -7126,7 +7128,7 @@ function create_fragment$i(ctx) {
7126
7128
  each_blocks[i].c();
7127
7129
  }
7128
7130
 
7129
- attr(div, "class", "radio-buttons svelte-1ntb6j8");
7131
+ attr(div, "class", "radio-buttons svelte-17s08g");
7130
7132
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7131
7133
  },
7132
7134
  m(target, anchor) {
@@ -7173,7 +7175,7 @@ function create_fragment$i(ctx) {
7173
7175
  };
7174
7176
  }
7175
7177
 
7176
- function instance$i($$self, $$props, $$invalidate) {
7178
+ function instance$P($$self, $$props, $$invalidate) {
7177
7179
  let _options;
7178
7180
  let buttonStyle;
7179
7181
  let _value;
@@ -7273,8 +7275,8 @@ class FormRadioButtons extends SvelteComponent {
7273
7275
  init(
7274
7276
  this,
7275
7277
  options,
7276
- instance$i,
7277
- create_fragment$i,
7278
+ instance$P,
7279
+ create_fragment$P,
7278
7280
  safe_not_equal,
7279
7281
  {
7280
7282
  name: 0,
@@ -7287,15 +7289,15 @@ class FormRadioButtons extends SvelteComponent {
7287
7289
  buttonColor: 13,
7288
7290
  buttonColorActive: 14
7289
7291
  },
7290
- add_css$h
7292
+ add_css$i
7291
7293
  );
7292
7294
  }
7293
7295
  }
7294
7296
 
7295
7297
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
7296
7298
 
7297
- function add_css$g(target) {
7298
- 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}");
7299
+ function add_css$h(target) {
7300
+ 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}");
7299
7301
  }
7300
7302
 
7301
7303
  function get_each_context$4(ctx, list, i) {
@@ -7326,7 +7328,7 @@ function create_else_block(ctx) {
7326
7328
  }
7327
7329
 
7328
7330
  // (105:10) {#if option}
7329
- function create_if_block$2(ctx) {
7331
+ function create_if_block$6(ctx) {
7330
7332
  let t_value = /*option*/ ctx[19] + "";
7331
7333
  let t;
7332
7334
 
@@ -7354,7 +7356,7 @@ function create_each_block$4(ctx) {
7354
7356
  let option_selected_value;
7355
7357
 
7356
7358
  function select_block_type(ctx, dirty) {
7357
- if (/*option*/ ctx[19]) return create_if_block$2;
7359
+ if (/*option*/ ctx[19]) return create_if_block$6;
7358
7360
  return create_else_block;
7359
7361
  }
7360
7362
 
@@ -7404,7 +7406,7 @@ function create_each_block$4(ctx) {
7404
7406
  };
7405
7407
  }
7406
7408
 
7407
- function create_fragment$h(ctx) {
7409
+ function create_fragment$O(ctx) {
7408
7410
  let div1;
7409
7411
  let select;
7410
7412
  let t;
@@ -7429,10 +7431,10 @@ function create_fragment$h(ctx) {
7429
7431
 
7430
7432
  t = space();
7431
7433
  div0 = element("div");
7432
- attr(select, "class", "select-select svelte-iejizj");
7434
+ attr(select, "class", "select-select svelte-t9ynyj");
7433
7435
  attr(select, "style", /*style*/ ctx[3]);
7434
- attr(div0, "class", "select-icon svelte-iejizj");
7435
- attr(div1, "class", "select svelte-iejizj");
7436
+ attr(div0, "class", "select-icon svelte-t9ynyj");
7437
+ attr(div1, "class", "select svelte-t9ynyj");
7436
7438
  attr(div1, "style", /*styleVariables*/ ctx[2]);
7437
7439
  },
7438
7440
  m(target, anchor) {
@@ -7494,7 +7496,7 @@ function create_fragment$h(ctx) {
7494
7496
  };
7495
7497
  }
7496
7498
 
7497
- function instance$h($$self, $$props, $$invalidate) {
7499
+ function instance$O($$self, $$props, $$invalidate) {
7498
7500
  let _options;
7499
7501
  let style;
7500
7502
  let styleVariables;
@@ -7610,8 +7612,8 @@ class FormSelect extends SvelteComponent {
7610
7612
  init(
7611
7613
  this,
7612
7614
  options,
7613
- instance$h,
7614
- create_fragment$h,
7615
+ instance$O,
7616
+ create_fragment$O,
7615
7617
  safe_not_equal,
7616
7618
  {
7617
7619
  name: 7,
@@ -7626,15 +7628,15 @@ class FormSelect extends SvelteComponent {
7626
7628
  iconColor: 15,
7627
7629
  iconSize: 16
7628
7630
  },
7629
- add_css$g
7631
+ add_css$h
7630
7632
  );
7631
7633
  }
7632
7634
  }
7633
7635
 
7634
7636
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
7635
7637
 
7636
- function add_css$f(target) {
7637
- 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}");
7638
+ function add_css$g(target) {
7639
+ 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}");
7638
7640
  }
7639
7641
 
7640
7642
  function get_each_context$3(ctx, list, i) {
@@ -7673,19 +7675,19 @@ function create_each_block$3(ctx) {
7673
7675
  span2 = element("span");
7674
7676
  t2 = text(t2_value);
7675
7677
  t3 = space();
7676
- attr(input, "class", "check-box-input svelte-2pz1us");
7678
+ attr(input, "class", "check-box-input svelte-1p65cg8");
7677
7679
  attr(input, "type", "checkbox");
7678
7680
  attr(input, "name", /*name*/ ctx[0]);
7679
7681
  input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
7680
- attr(span0, "class", "check-box-icon svelte-2pz1us");
7682
+ attr(span0, "class", "check-box-icon svelte-1p65cg8");
7681
7683
 
7682
7684
  attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7683
7685
  ? ' _checked'
7684
- : ''}`) + " svelte-2pz1us"));
7686
+ : ''}`) + " svelte-1p65cg8"));
7685
7687
 
7686
- attr(span2, "class", "check-box-text svelte-2pz1us");
7688
+ attr(span2, "class", "check-box-text svelte-1p65cg8");
7687
7689
  attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7688
- attr(label, "class", "check-box svelte-2pz1us");
7690
+ attr(label, "class", "check-box svelte-1p65cg8");
7689
7691
  attr(label, "style", /*styleVariables*/ ctx[5]);
7690
7692
  },
7691
7693
  m(target, anchor) {
@@ -7717,7 +7719,7 @@ function create_each_block$3(ctx) {
7717
7719
 
7718
7720
  if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7719
7721
  ? ' _checked'
7720
- : ''}`) + " svelte-2pz1us"))) {
7722
+ : ''}`) + " svelte-1p65cg8"))) {
7721
7723
  attr(span1, "class", span1_class_value);
7722
7724
  }
7723
7725
 
@@ -7739,7 +7741,7 @@ function create_each_block$3(ctx) {
7739
7741
  };
7740
7742
  }
7741
7743
 
7742
- function create_fragment$g(ctx) {
7744
+ function create_fragment$N(ctx) {
7743
7745
  let div;
7744
7746
  let each_value = /*_options*/ ctx[3];
7745
7747
  let each_blocks = [];
@@ -7756,7 +7758,7 @@ function create_fragment$g(ctx) {
7756
7758
  each_blocks[i].c();
7757
7759
  }
7758
7760
 
7759
- attr(div, "class", "check-boxes svelte-2pz1us");
7761
+ attr(div, "class", "check-boxes svelte-1p65cg8");
7760
7762
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7761
7763
  },
7762
7764
  m(target, anchor) {
@@ -7803,7 +7805,7 @@ function create_fragment$g(ctx) {
7803
7805
  };
7804
7806
  }
7805
7807
 
7806
- function instance$g($$self, $$props, $$invalidate) {
7808
+ function instance$N($$self, $$props, $$invalidate) {
7807
7809
  let _options;
7808
7810
  let styleVariables;
7809
7811
  let isCheckedArray;
@@ -7909,8 +7911,8 @@ class FormCheckBoxes extends SvelteComponent {
7909
7911
  init(
7910
7912
  this,
7911
7913
  options,
7912
- instance$g,
7913
- create_fragment$g,
7914
+ instance$N,
7915
+ create_fragment$N,
7914
7916
  safe_not_equal,
7915
7917
  {
7916
7918
  name: 0,
@@ -7923,15 +7925,15 @@ class FormCheckBoxes extends SvelteComponent {
7923
7925
  buttonColor: 13,
7924
7926
  buttonColorActive: 14
7925
7927
  },
7926
- add_css$f
7928
+ add_css$g
7927
7929
  );
7928
7930
  }
7929
7931
  }
7930
7932
 
7931
7933
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
7932
7934
 
7933
- function add_css$e(target) {
7934
- 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}");
7935
+ function add_css$f(target) {
7936
+ 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}");
7935
7937
  }
7936
7938
 
7937
7939
  function get_each_context$2(ctx, list, i) {
@@ -7955,7 +7957,7 @@ function create_each_block$2(ctx) {
7955
7957
  button = element("button");
7956
7958
  t0 = text(t0_value);
7957
7959
  t1 = space();
7958
- attr(button, "class", "rating-button svelte-9idbf1");
7960
+ attr(button, "class", "rating-button svelte-1iqf36p");
7959
7961
  attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
7960
7962
  },
7961
7963
  m(target, anchor) {
@@ -7987,7 +7989,7 @@ function create_each_block$2(ctx) {
7987
7989
  };
7988
7990
  }
7989
7991
 
7990
- function create_fragment$f(ctx) {
7992
+ function create_fragment$M(ctx) {
7991
7993
  let div;
7992
7994
  let each_value = [...Array(/*count*/ ctx[0]).keys()].map(/*func*/ ctx[12]);
7993
7995
  let each_blocks = [];
@@ -8004,7 +8006,7 @@ function create_fragment$f(ctx) {
8004
8006
  each_blocks[i].c();
8005
8007
  }
8006
8008
 
8007
- attr(div, "class", "rating-buttons svelte-9idbf1");
8009
+ attr(div, "class", "rating-buttons svelte-1iqf36p");
8008
8010
  },
8009
8011
  m(target, anchor) {
8010
8012
  insert(target, div, anchor);
@@ -8046,7 +8048,7 @@ function create_fragment$f(ctx) {
8046
8048
  };
8047
8049
  }
8048
8050
 
8049
- function instance$f($$self, $$props, $$invalidate) {
8051
+ function instance$M($$self, $$props, $$invalidate) {
8050
8052
  let _value;
8051
8053
  let $value;
8052
8054
  let { name = '' } = $$props;
@@ -8128,8 +8130,8 @@ class FormRatingButtonsNumber extends SvelteComponent {
8128
8130
  init(
8129
8131
  this,
8130
8132
  options,
8131
- instance$f,
8132
- create_fragment$f,
8133
+ instance$M,
8134
+ create_fragment$M,
8133
8135
  safe_not_equal,
8134
8136
  {
8135
8137
  name: 6,
@@ -8140,15 +8142,15 @@ class FormRatingButtonsNumber extends SvelteComponent {
8140
8142
  buttonStyle: 9,
8141
8143
  buttonActiveStyle: 10
8142
8144
  },
8143
- add_css$e
8145
+ add_css$f
8144
8146
  );
8145
8147
  }
8146
8148
  }
8147
8149
 
8148
8150
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
8149
8151
 
8150
- function add_css$d(target) {
8151
- 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%)}");
8152
+ function add_css$e(target) {
8153
+ 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%)}");
8152
8154
  }
8153
8155
 
8154
8156
  function get_each_context$1(ctx, list, i) {
@@ -8173,9 +8175,9 @@ function create_each_block$1(ctx) {
8173
8175
  img = element("img");
8174
8176
  t = space();
8175
8177
  if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
8176
- attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"));
8178
+ attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
8177
8179
  attr(img, "alt", "rate" + /*i*/ ctx[10]);
8178
- attr(button, "class", "rating-button svelte-1b5dvzw");
8180
+ attr(button, "class", "rating-button svelte-tbunko");
8179
8181
  attr(button, "style", /*buttonStyle*/ ctx[0]);
8180
8182
  },
8181
8183
  m(target, anchor) {
@@ -8191,7 +8193,7 @@ function create_each_block$1(ctx) {
8191
8193
  p(new_ctx, dirty) {
8192
8194
  ctx = new_ctx;
8193
8195
 
8194
- 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"))) {
8196
+ 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"))) {
8195
8197
  attr(img, "class", img_class_value);
8196
8198
  }
8197
8199
 
@@ -8207,7 +8209,7 @@ function create_each_block$1(ctx) {
8207
8209
  };
8208
8210
  }
8209
8211
 
8210
- function create_fragment$e(ctx) {
8212
+ function create_fragment$L(ctx) {
8211
8213
  let div;
8212
8214
  let each_value = [...Array(count).keys()].reverse().map(func);
8213
8215
  let each_blocks = [];
@@ -8224,7 +8226,7 @@ function create_fragment$e(ctx) {
8224
8226
  each_blocks[i].c();
8225
8227
  }
8226
8228
 
8227
- attr(div, "class", "rating-buttons svelte-1b5dvzw");
8229
+ attr(div, "class", "rating-buttons svelte-tbunko");
8228
8230
  },
8229
8231
  m(target, anchor) {
8230
8232
  insert(target, div, anchor);
@@ -8269,7 +8271,7 @@ function create_fragment$e(ctx) {
8269
8271
  const count = 5;
8270
8272
  const func = i => i + 1;
8271
8273
 
8272
- function instance$e($$self, $$props, $$invalidate) {
8274
+ function instance$L($$self, $$props, $$invalidate) {
8273
8275
  let _value;
8274
8276
  let buttonStyle;
8275
8277
  let $value;
@@ -8325,17 +8327,17 @@ function instance$e($$self, $$props, $$invalidate) {
8325
8327
  class FormRatingButtonsFace extends SvelteComponent {
8326
8328
  constructor(options) {
8327
8329
  super();
8328
- init(this, options, instance$e, create_fragment$e, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$d);
8330
+ init(this, options, instance$L, create_fragment$L, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$e);
8329
8331
  }
8330
8332
  }
8331
8333
 
8332
8334
  /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
8333
8335
 
8334
- function add_css$c(target) {
8335
- 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}");
8336
+ function add_css$d(target) {
8337
+ 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}");
8336
8338
  }
8337
8339
 
8338
- function create_fragment$d(ctx) {
8340
+ function create_fragment$K(ctx) {
8339
8341
  let div;
8340
8342
  let input;
8341
8343
  let input_class_value;
@@ -8346,13 +8348,13 @@ function create_fragment$d(ctx) {
8346
8348
  c() {
8347
8349
  div = element("div");
8348
8350
  input = element("input");
8349
- attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"));
8351
+ attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"));
8350
8352
  attr(input, "type", "text");
8351
8353
  input.value = /*$value*/ ctx[2];
8352
8354
  input.required = /*required*/ ctx[0];
8353
8355
  attr(input, "placeholder", /*placeholder*/ ctx[1]);
8354
8356
  attr(input, "style", /*style*/ ctx[5]);
8355
- attr(div, "class", "input-wrapper svelte-f14zo5");
8357
+ attr(div, "class", "input-wrapper svelte-h8fqwx");
8356
8358
  attr(div, "style", /*styleVariables*/ ctx[4]);
8357
8359
  },
8358
8360
  m(target, anchor) {
@@ -8365,7 +8367,7 @@ function create_fragment$d(ctx) {
8365
8367
  }
8366
8368
  },
8367
8369
  p(ctx, [dirty]) {
8368
- if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"))) {
8370
+ if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"))) {
8369
8371
  attr(input, "class", input_class_value);
8370
8372
  }
8371
8373
 
@@ -8399,7 +8401,7 @@ function create_fragment$d(ctx) {
8399
8401
  };
8400
8402
  }
8401
8403
 
8402
- function instance$d($$self, $$props, $$invalidate) {
8404
+ function instance$K($$self, $$props, $$invalidate) {
8403
8405
  let style;
8404
8406
  let styleVariables;
8405
8407
  let isValidForUI;
@@ -8530,8 +8532,8 @@ class FormIdentifyInput extends SvelteComponent {
8530
8532
  init(
8531
8533
  this,
8532
8534
  options,
8533
- instance$d,
8534
- create_fragment$d,
8535
+ instance$K,
8536
+ create_fragment$K,
8535
8537
  safe_not_equal,
8536
8538
  {
8537
8539
  field: 9,
@@ -8545,18 +8547,18 @@ class FormIdentifyInput extends SvelteComponent {
8545
8547
  _textStyle: 15,
8546
8548
  _placeholderStyle: 16
8547
8549
  },
8548
- add_css$c
8550
+ add_css$d
8549
8551
  );
8550
8552
  }
8551
8553
  }
8552
8554
 
8553
8555
  /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
8554
8556
 
8555
- function add_css$b(target) {
8556
- 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}");
8557
+ function add_css$c(target) {
8558
+ 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}");
8557
8559
  }
8558
8560
 
8559
- function create_fragment$c(ctx) {
8561
+ function create_fragment$J(ctx) {
8560
8562
  let div;
8561
8563
  let label0;
8562
8564
  let input0;
@@ -8591,20 +8593,20 @@ function create_fragment$c(ctx) {
8591
8593
  span1 = element("span");
8592
8594
  t4 = text("いいえ");
8593
8595
  attr(input0, "type", "radio");
8594
- attr(input0, "class", "radio-button-input svelte-pzrwlo");
8596
+ attr(input0, "class", "radio-button-input svelte-8zbmyo");
8595
8597
  attr(input0, "style", /*buttonStyle*/ ctx[2]);
8596
8598
  input0.checked = input0_checked_value = /*$value*/ ctx[3] === true;
8597
- attr(span0, "class", "radio-button-text svelte-pzrwlo");
8599
+ attr(span0, "class", "radio-button-text svelte-8zbmyo");
8598
8600
  attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
8599
- attr(label0, "class", "radio-button svelte-pzrwlo");
8601
+ attr(label0, "class", "radio-button svelte-8zbmyo");
8600
8602
  attr(input1, "type", "radio");
8601
- attr(input1, "class", "radio-button-input svelte-pzrwlo");
8603
+ attr(input1, "class", "radio-button-input svelte-8zbmyo");
8602
8604
  attr(input1, "style", /*buttonStyle*/ ctx[2]);
8603
8605
  input1.checked = input1_checked_value = /*$value*/ ctx[3] === false;
8604
- attr(span1, "class", "radio-button-text svelte-pzrwlo");
8606
+ attr(span1, "class", "radio-button-text svelte-8zbmyo");
8605
8607
  attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
8606
- attr(label1, "class", "radio-button svelte-pzrwlo");
8607
- attr(div, "class", "radio-buttons svelte-pzrwlo");
8608
+ attr(label1, "class", "radio-button svelte-8zbmyo");
8609
+ attr(div, "class", "radio-buttons svelte-8zbmyo");
8608
8610
  attr(div, "style", /*_layoutStyle*/ ctx[0]);
8609
8611
  },
8610
8612
  m(target, anchor) {
@@ -8669,7 +8671,7 @@ function create_fragment$c(ctx) {
8669
8671
  };
8670
8672
  }
8671
8673
 
8672
- function instance$c($$self, $$props, $$invalidate) {
8674
+ function instance$J($$self, $$props, $$invalidate) {
8673
8675
  let buttonStyle;
8674
8676
  let $value;
8675
8677
  let { field = 'subscription' } = $$props;
@@ -8751,8 +8753,8 @@ class FormIdentifyChoices extends SvelteComponent {
8751
8753
  init(
8752
8754
  this,
8753
8755
  options,
8754
- instance$c,
8755
- create_fragment$c,
8756
+ instance$J,
8757
+ create_fragment$J,
8756
8758
  safe_not_equal,
8757
8759
  {
8758
8760
  field: 6,
@@ -8764,15 +8766,15 @@ class FormIdentifyChoices extends SvelteComponent {
8764
8766
  buttonColor: 10,
8765
8767
  buttonColorActive: 11
8766
8768
  },
8767
- add_css$b
8769
+ add_css$c
8768
8770
  );
8769
8771
  }
8770
8772
  }
8771
8773
 
8772
8774
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
8773
8775
 
8774
- function add_css$a(target) {
8775
- 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%}");
8776
+ function add_css$b(target) {
8777
+ 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%}");
8776
8778
  }
8777
8779
 
8778
8780
  function get_each_context(ctx, list, i) {
@@ -8801,9 +8803,9 @@ function create_if_block_1(ctx) {
8801
8803
  attr(svg, "viewBox", "0 0 10 16");
8802
8804
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8803
8805
  attr(svg, "style", /*prevIconStyle*/ ctx[10]);
8804
- attr(button, "class", "move-button svelte-1qfq79t");
8806
+ attr(button, "class", "move-button svelte-ji1fh");
8805
8807
  attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
8806
- attr(div, "class", "prev-button-container svelte-1qfq79t");
8808
+ attr(div, "class", "prev-button-container svelte-ji1fh");
8807
8809
  },
8808
8810
  m(target, anchor) {
8809
8811
  insert(target, div, anchor);
@@ -8834,7 +8836,7 @@ function create_if_block_1(ctx) {
8834
8836
  }
8835
8837
 
8836
8838
  // (380:2) {#if isVisibleNextButton}
8837
- function create_if_block$1(ctx) {
8839
+ function create_if_block$5(ctx) {
8838
8840
  let div;
8839
8841
  let button;
8840
8842
  let svg;
@@ -8852,9 +8854,9 @@ function create_if_block$1(ctx) {
8852
8854
  attr(svg, "viewBox", "0 0 10 16");
8853
8855
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8854
8856
  attr(svg, "style", /*nextIconStyle*/ ctx[8]);
8855
- attr(button, "class", "move-button svelte-1qfq79t");
8857
+ attr(button, "class", "move-button svelte-ji1fh");
8856
8858
  attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
8857
- attr(div, "class", "next-button-container svelte-1qfq79t");
8859
+ attr(div, "class", "next-button-container svelte-ji1fh");
8858
8860
  },
8859
8861
  m(target, anchor) {
8860
8862
  insert(target, div, anchor);
@@ -8902,9 +8904,9 @@ function create_each_block(ctx) {
8902
8904
  button = element("button");
8903
8905
  div = element("div");
8904
8906
  t = space();
8905
- attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
8907
+ attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
8906
8908
  attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
8907
- attr(button, "class", "navigation-item svelte-1qfq79t");
8909
+ attr(button, "class", "navigation-item svelte-ji1fh");
8908
8910
  attr(button, "style", /*navigationItemStyle*/ ctx[6]);
8909
8911
  },
8910
8912
  m(target, anchor) {
@@ -8936,7 +8938,7 @@ function create_each_block(ctx) {
8936
8938
  };
8937
8939
  }
8938
8940
 
8939
- function create_fragment$b(ctx) {
8941
+ function create_fragment$I(ctx) {
8940
8942
  let div3;
8941
8943
  let div1;
8942
8944
  let div0;
@@ -8949,7 +8951,7 @@ function create_fragment$b(ctx) {
8949
8951
  const default_slot_template = /*#slots*/ ctx[32].default;
8950
8952
  const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[31], null);
8951
8953
  let if_block0 = /*isVisiblePrevButton*/ ctx[12] && create_if_block_1(ctx);
8952
- let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$1(ctx);
8954
+ let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$5(ctx);
8953
8955
  let each_value = /*items*/ ctx[1];
8954
8956
  let each_blocks = [];
8955
8957
 
@@ -8981,14 +8983,14 @@ function create_fragment$b(ctx) {
8981
8983
  each_blocks[i].c();
8982
8984
  }
8983
8985
 
8984
- attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
8986
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
8985
8987
  attr(div0, "style", /*slideStyle*/ ctx[14]);
8986
- attr(div1, "class", "container svelte-1qfq79t");
8988
+ attr(div1, "class", "container svelte-ji1fh");
8987
8989
  attr(div1, "style", /*_style*/ ctx[0]);
8988
- attr(div2, "class", "navigation svelte-1qfq79t");
8990
+ attr(div2, "class", "navigation svelte-ji1fh");
8989
8991
  attr(div2, "style", /*navigationStyle*/ ctx[4]);
8990
8992
  set_attributes(div3, div3_data);
8991
- toggle_class(div3, "svelte-1qfq79t", true);
8993
+ toggle_class(div3, "svelte-ji1fh", true);
8992
8994
  },
8993
8995
  m(target, anchor) {
8994
8996
  insert(target, div3, anchor);
@@ -9030,7 +9032,7 @@ function create_fragment$b(ctx) {
9030
9032
  }
9031
9033
  }
9032
9034
 
9033
- if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
9035
+ if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
9034
9036
  attr(div0, "class", div0_class_value);
9035
9037
  }
9036
9038
 
@@ -9059,7 +9061,7 @@ function create_fragment$b(ctx) {
9059
9061
  if (if_block1) {
9060
9062
  if_block1.p(ctx, dirty);
9061
9063
  } else {
9062
- if_block1 = create_if_block$1(ctx);
9064
+ if_block1 = create_if_block$5(ctx);
9063
9065
  if_block1.c();
9064
9066
  if_block1.m(div3, t2);
9065
9067
  }
@@ -9096,7 +9098,7 @@ function create_fragment$b(ctx) {
9096
9098
  }
9097
9099
 
9098
9100
  set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
9099
- toggle_class(div3, "svelte-1qfq79t", true);
9101
+ toggle_class(div3, "svelte-ji1fh", true);
9100
9102
  },
9101
9103
  i(local) {
9102
9104
  if (current) return;
@@ -9131,7 +9133,7 @@ function calcPositionIndex(shift, index, length) {
9131
9133
  }
9132
9134
  }
9133
9135
 
9134
- function instance$b($$self, $$props, $$invalidate) {
9136
+ function instance$I($$self, $$props, $$invalidate) {
9135
9137
  let slideStyle;
9136
9138
  let slideClass;
9137
9139
  let _loop;
@@ -9584,8 +9586,8 @@ class Slide extends SvelteComponent {
9584
9586
  init(
9585
9587
  this,
9586
9588
  options,
9587
- instance$b,
9588
- create_fragment$b,
9589
+ instance$I,
9590
+ create_fragment$I,
9589
9591
  safe_not_equal,
9590
9592
  {
9591
9593
  loop: 18,
@@ -9599,7 +9601,7 @@ class Slide extends SvelteComponent {
9599
9601
  navigationButton: 25,
9600
9602
  navigationEdgePosition: 26
9601
9603
  },
9602
- add_css$a,
9604
+ add_css$b,
9603
9605
  [-1, -1, -1]
9604
9606
  );
9605
9607
  }
@@ -9607,11 +9609,11 @@ class Slide extends SvelteComponent {
9607
9609
 
9608
9610
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
9609
9611
 
9610
- function add_css$9(target) {
9611
- 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}");
9612
+ function add_css$a(target) {
9613
+ 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}");
9612
9614
  }
9613
9615
 
9614
- function create_fragment$a(ctx) {
9616
+ function create_fragment$H(ctx) {
9615
9617
  let div1;
9616
9618
  let div0;
9617
9619
  let current;
@@ -9623,9 +9625,9 @@ function create_fragment$a(ctx) {
9623
9625
  div1 = element("div");
9624
9626
  div0 = element("div");
9625
9627
  if (default_slot) default_slot.c();
9626
- attr(div0, "class", "item-inner svelte-1rv0qgo");
9628
+ attr(div0, "class", "item-inner svelte-9ygf1w");
9627
9629
  attr(div0, "style", /*_style*/ ctx[0]);
9628
- attr(div1, "class", "item svelte-1rv0qgo");
9630
+ attr(div1, "class", "item svelte-9ygf1w");
9629
9631
  attr(div1, "style", /*itemStyle*/ ctx[1]);
9630
9632
  },
9631
9633
  m(target, anchor) {
@@ -9678,7 +9680,7 @@ function create_fragment$a(ctx) {
9678
9680
  };
9679
9681
  }
9680
9682
 
9681
- function instance$a($$self, $$props, $$invalidate) {
9683
+ function instance$H($$self, $$props, $$invalidate) {
9682
9684
  let itemStyle;
9683
9685
  let { $$slots: slots = {}, $$scope } = $$props;
9684
9686
  const { registerItem, unregisterItem } = getContext('SLIDE');
@@ -9744,20 +9746,20 @@ function instance$a($$self, $$props, $$invalidate) {
9744
9746
  class SlideItem extends SvelteComponent {
9745
9747
  constructor(options) {
9746
9748
  super();
9747
- init(this, options, instance$a, create_fragment$a, safe_not_equal, { _style: 0 }, add_css$9);
9749
+ init(this, options, instance$H, create_fragment$H, safe_not_equal, { _style: 0 }, add_css$a);
9748
9750
  }
9749
9751
  }
9750
9752
 
9751
9753
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
9752
9754
 
9753
- function add_css$8(target) {
9754
- 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}");
9755
+ function add_css$9(target) {
9756
+ 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}");
9755
9757
  }
9756
9758
 
9757
9759
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
9758
9760
  const get_default_slot_context = ctx => ({ countdown: /*countdown*/ ctx[1] });
9759
9761
 
9760
- function create_fragment$9(ctx) {
9762
+ function create_fragment$G(ctx) {
9761
9763
  let div1;
9762
9764
  let div0;
9763
9765
  let current;
@@ -9769,9 +9771,9 @@ function create_fragment$9(ctx) {
9769
9771
  div1 = element("div");
9770
9772
  div0 = element("div");
9771
9773
  if (default_slot) default_slot.c();
9772
- attr(div0, "class", "countdown-inner svelte-t87l6f");
9774
+ attr(div0, "class", "countdown-inner svelte-rroxiz");
9773
9775
  attr(div0, "style", /*_style*/ ctx[0]);
9774
- attr(div1, "class", "countdown svelte-t87l6f");
9776
+ attr(div1, "class", "countdown svelte-rroxiz");
9775
9777
  },
9776
9778
  m(target, anchor) {
9777
9779
  insert(target, div1, anchor);
@@ -9837,7 +9839,7 @@ function formatTimeDiff(ms) {
9837
9839
  };
9838
9840
  }
9839
9841
 
9840
- function instance$9($$self, $$props, $$invalidate) {
9842
+ function instance$G($$self, $$props, $$invalidate) {
9841
9843
  let countdown;
9842
9844
  let { $$slots: slots = {}, $$scope } = $$props;
9843
9845
  let { timeLimit = '2023/12/31 23:59:59' } = $$props;
@@ -9898,14 +9900,14 @@ function instance$9($$self, $$props, $$invalidate) {
9898
9900
  class Countdown extends SvelteComponent {
9899
9901
  constructor(options) {
9900
9902
  super();
9901
- init(this, options, instance$9, create_fragment$9, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$8);
9903
+ init(this, options, instance$G, create_fragment$G, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$9);
9902
9904
  }
9903
9905
  }
9904
9906
 
9905
9907
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
9906
9908
 
9907
- function add_css$7(target) {
9908
- 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}");
9909
+ function add_css$8(target) {
9910
+ 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}");
9909
9911
  }
9910
9912
 
9911
9913
  // (24:2) <Button {onClick} style={_style} {eventName}>
@@ -9956,12 +9958,12 @@ function create_default_slot$2(ctx) {
9956
9958
  };
9957
9959
  }
9958
9960
 
9959
- function create_fragment$8(ctx) {
9961
+ function create_fragment$F(ctx) {
9960
9962
  let div;
9961
9963
  let button;
9962
9964
  let current;
9963
9965
 
9964
- button = new Button({
9966
+ button = new Button$1({
9965
9967
  props: {
9966
9968
  onClick: /*onClick*/ ctx[0],
9967
9969
  style: /*_style*/ ctx[2],
@@ -9975,7 +9977,7 @@ function create_fragment$8(ctx) {
9975
9977
  c() {
9976
9978
  div = element("div");
9977
9979
  create_component(button.$$.fragment);
9978
- attr(div, "class", "box svelte-1c91vpe");
9980
+ attr(div, "class", "box svelte-1ccydfy");
9979
9981
  },
9980
9982
  m(target, anchor) {
9981
9983
  insert(target, div, anchor);
@@ -10010,7 +10012,7 @@ function create_fragment$8(ctx) {
10010
10012
  };
10011
10013
  }
10012
10014
 
10013
- function instance$8($$self, $$props, $$invalidate) {
10015
+ function instance$F($$self, $$props, $$invalidate) {
10014
10016
  let { $$slots: slots = {}, $$scope } = $$props;
10015
10017
  let { onClick = { operation: 'none', args: [] } } = $$props;
10016
10018
  let { eventName = '' } = $$props;
@@ -10029,18 +10031,18 @@ function instance$8($$self, $$props, $$invalidate) {
10029
10031
  class Box extends SvelteComponent {
10030
10032
  constructor(options) {
10031
10033
  super();
10032
- init(this, options, instance$8, create_fragment$8, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$7);
10034
+ init(this, options, instance$F, create_fragment$F, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$8);
10033
10035
  }
10034
10036
  }
10035
10037
 
10036
10038
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
10037
10039
 
10038
- function add_css$6(target) {
10039
- 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)}");
10040
+ function add_css$7(target) {
10041
+ 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)}");
10040
10042
  }
10041
10043
 
10042
10044
  // (56:4) {#if svg}
10043
- function create_if_block(ctx) {
10045
+ function create_if_block$4(ctx) {
10044
10046
  let html_tag;
10045
10047
  let html_anchor;
10046
10048
 
@@ -10067,7 +10069,7 @@ function create_if_block(ctx) {
10067
10069
  // (55:2) <Button {onClick} {style} {eventName}>
10068
10070
  function create_default_slot$1(ctx) {
10069
10071
  let if_block_anchor;
10070
- let if_block = /*svg*/ ctx[3] && create_if_block(ctx);
10072
+ let if_block = /*svg*/ ctx[3] && create_if_block$4(ctx);
10071
10073
 
10072
10074
  return {
10073
10075
  c() {
@@ -10083,7 +10085,7 @@ function create_default_slot$1(ctx) {
10083
10085
  if (if_block) {
10084
10086
  if_block.p(ctx, dirty);
10085
10087
  } else {
10086
- if_block = create_if_block(ctx);
10088
+ if_block = create_if_block$4(ctx);
10087
10089
  if_block.c();
10088
10090
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
10089
10091
  }
@@ -10099,12 +10101,12 @@ function create_default_slot$1(ctx) {
10099
10101
  };
10100
10102
  }
10101
10103
 
10102
- function create_fragment$7(ctx) {
10104
+ function create_fragment$E(ctx) {
10103
10105
  let div;
10104
10106
  let button;
10105
10107
  let current;
10106
10108
 
10107
- button = new Button({
10109
+ button = new Button$1({
10108
10110
  props: {
10109
10111
  onClick: /*onClick*/ ctx[0],
10110
10112
  style: /*style*/ ctx[2],
@@ -10118,7 +10120,7 @@ function create_fragment$7(ctx) {
10118
10120
  c() {
10119
10121
  div = element("div");
10120
10122
  create_component(button.$$.fragment);
10121
- attr(div, "class", "icon svelte-1mk6wi4");
10123
+ attr(div, "class", "icon svelte-1mkvcuo");
10122
10124
  },
10123
10125
  m(target, anchor) {
10124
10126
  insert(target, div, anchor);
@@ -10160,7 +10162,7 @@ function parseData(dataUrl) {
10160
10162
  return decodeURIComponent(data).replaceAll('\'', '"');
10161
10163
  }
10162
10164
 
10163
- function instance$7($$self, $$props, $$invalidate) {
10165
+ function instance$E($$self, $$props, $$invalidate) {
10164
10166
  let svg;
10165
10167
  let styleVariables;
10166
10168
  let style;
@@ -10208,8 +10210,8 @@ class IconElement extends SvelteComponent {
10208
10210
  init(
10209
10211
  this,
10210
10212
  options,
10211
- instance$7,
10212
- create_fragment$7,
10213
+ instance$E,
10214
+ create_fragment$E,
10213
10215
  safe_not_equal,
10214
10216
  {
10215
10217
  icon: 4,
@@ -10219,18 +10221,18 @@ class IconElement extends SvelteComponent {
10219
10221
  color: 6,
10220
10222
  _style: 7
10221
10223
  },
10222
- add_css$6
10224
+ add_css$7
10223
10225
  );
10224
10226
  }
10225
10227
  }
10226
10228
 
10227
10229
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
10228
10230
 
10229
- function add_css$5(target) {
10230
- append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10231
+ function add_css$6(target) {
10232
+ append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10231
10233
  }
10232
10234
 
10233
- function create_fragment$6(ctx) {
10235
+ function create_fragment$D(ctx) {
10234
10236
  let div;
10235
10237
  let switch_instance;
10236
10238
  let current;
@@ -10253,7 +10255,7 @@ function create_fragment$6(ctx) {
10253
10255
  c() {
10254
10256
  div = element("div");
10255
10257
  if (switch_instance) create_component(switch_instance.$$.fragment);
10256
- attr(div, "class", "codeElement svelte-1ng2n51");
10258
+ attr(div, "class", "codeElement svelte-ymsb9l");
10257
10259
  attr(div, "style", /*style*/ ctx[3]);
10258
10260
  },
10259
10261
  m(target, anchor) {
@@ -10310,7 +10312,7 @@ function create_fragment$6(ctx) {
10310
10312
  };
10311
10313
  }
10312
10314
 
10313
- function instance$6($$self, $$props, $$invalidate) {
10315
+ function instance$D($$self, $$props, $$invalidate) {
10314
10316
  let $data,
10315
10317
  $$unsubscribe_data = noop,
10316
10318
  $$subscribe_data = () => ($$unsubscribe_data(), $$unsubscribe_data = subscribe(data, $$value => $$invalidate(4, $data = $$value)), data);
@@ -10335,17 +10337,17 @@ function instance$6($$self, $$props, $$invalidate) {
10335
10337
  class CodeElement extends SvelteComponent {
10336
10338
  constructor(options) {
10337
10339
  super();
10338
- init(this, options, instance$6, create_fragment$6, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$5);
10340
+ init(this, options, instance$D, create_fragment$D, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$6);
10339
10341
  }
10340
10342
  }
10341
10343
 
10342
10344
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
10343
10345
 
10344
- function add_css$4(target) {
10345
- append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
10346
+ function add_css$5(target) {
10347
+ append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
10346
10348
  }
10347
10349
 
10348
- function create_fragment$5(ctx) {
10350
+ function create_fragment$C(ctx) {
10349
10351
  let div;
10350
10352
  let div_style_value;
10351
10353
  let current;
@@ -10356,7 +10358,7 @@ function create_fragment$5(ctx) {
10356
10358
  c() {
10357
10359
  div = element("div");
10358
10360
  if (default_slot) default_slot.c();
10359
- attr(div, "class", "flex svelte-9v2qdg");
10361
+ attr(div, "class", "flex svelte-1e71ejc");
10360
10362
  attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
10361
10363
  },
10362
10364
  m(target, anchor) {
@@ -10410,7 +10412,7 @@ function getFlexContext() {
10410
10412
  return getContext(FlexContextKey);
10411
10413
  }
10412
10414
 
10413
- function instance$5($$self, $$props, $$invalidate) {
10415
+ function instance$C($$self, $$props, $$invalidate) {
10414
10416
  let { $$slots: slots = {}, $$scope } = $$props;
10415
10417
  let { direction = 'row' } = $$props;
10416
10418
  let { width = '100%' } = $$props;
@@ -10436,8 +10438,8 @@ class Flex extends SvelteComponent {
10436
10438
  init(
10437
10439
  this,
10438
10440
  options,
10439
- instance$5,
10440
- create_fragment$5,
10441
+ instance$C,
10442
+ create_fragment$C,
10441
10443
  safe_not_equal,
10442
10444
  {
10443
10445
  direction: 0,
@@ -10445,18 +10447,18 @@ class Flex extends SvelteComponent {
10445
10447
  height: 2,
10446
10448
  _style: 3
10447
10449
  },
10448
- add_css$4
10450
+ add_css$5
10449
10451
  );
10450
10452
  }
10451
10453
  }
10452
10454
 
10453
10455
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
10454
10456
 
10455
- function add_css$3(target) {
10456
- append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
10457
+ function add_css$4(target) {
10458
+ append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
10457
10459
  }
10458
10460
 
10459
- function create_fragment$4(ctx) {
10461
+ function create_fragment$B(ctx) {
10460
10462
  let div;
10461
10463
  let current;
10462
10464
  const default_slot_template = /*#slots*/ ctx[4].default;
@@ -10466,7 +10468,7 @@ function create_fragment$4(ctx) {
10466
10468
  c() {
10467
10469
  div = element("div");
10468
10470
  if (default_slot) default_slot.c();
10469
- attr(div, "class", "flex-item svelte-164ah5d");
10471
+ attr(div, "class", "flex-item svelte-1p0bk1x");
10470
10472
  attr(div, "style", /*style*/ ctx[0]);
10471
10473
  },
10472
10474
  m(target, anchor) {
@@ -10514,7 +10516,7 @@ function create_fragment$4(ctx) {
10514
10516
  };
10515
10517
  }
10516
10518
 
10517
- function instance$4($$self, $$props, $$invalidate) {
10519
+ function instance$B($$self, $$props, $$invalidate) {
10518
10520
  let { $$slots: slots = {}, $$scope } = $$props;
10519
10521
  let { length } = $$props;
10520
10522
  let { _style = '' } = $$props;
@@ -10557,7 +10559,7 @@ function instance$4($$self, $$props, $$invalidate) {
10557
10559
  class FlexItem extends SvelteComponent {
10558
10560
  constructor(options) {
10559
10561
  super();
10560
- init(this, options, instance$4, create_fragment$4, safe_not_equal, { length: 1, _style: 2 }, add_css$3);
10562
+ init(this, options, instance$B, create_fragment$B, safe_not_equal, { length: 1, _style: 2 }, add_css$4);
10561
10563
  }
10562
10564
  }
10563
10565
 
@@ -10732,7 +10734,7 @@ function create_default_slot(ctx) {
10732
10734
  };
10733
10735
  }
10734
10736
 
10735
- function create_fragment$3(ctx) {
10737
+ function create_fragment$A(ctx) {
10736
10738
  let stateitem;
10737
10739
  let current;
10738
10740
 
@@ -10777,7 +10779,7 @@ function create_fragment$3(ctx) {
10777
10779
  };
10778
10780
  }
10779
10781
 
10780
- function instance$3($$self, $$props, $$invalidate) {
10782
+ function instance$A($$self, $$props, $$invalidate) {
10781
10783
  let { $$slots: slots = {}, $$scope } = $$props;
10782
10784
  let { path } = $$props;
10783
10785
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -10848,7 +10850,7 @@ class GridModalState extends SvelteComponent {
10848
10850
  constructor(options) {
10849
10851
  super();
10850
10852
 
10851
- init(this, options, instance$3, create_fragment$3, safe_not_equal, {
10853
+ init(this, options, instance$A, create_fragment$A, safe_not_equal, {
10852
10854
  path: 0,
10853
10855
  onClick: 1,
10854
10856
  clickEventName: 2,
@@ -10873,11 +10875,11 @@ class GridModalState extends SvelteComponent {
10873
10875
 
10874
10876
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
10875
10877
 
10876
- function add_css$2(target) {
10877
- 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%}");
10878
+ function add_css$3(target) {
10879
+ 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%}");
10878
10880
  }
10879
10881
 
10880
- function create_fragment$2(ctx) {
10882
+ function create_fragment$z(ctx) {
10881
10883
  let div1;
10882
10884
  let div0;
10883
10885
  let rendertext;
@@ -10890,8 +10892,8 @@ function create_fragment$2(ctx) {
10890
10892
  div1 = element("div");
10891
10893
  div0 = element("div");
10892
10894
  create_component(rendertext.$$.fragment);
10893
- attr(div0, "class", "text-block-inner svelte-akic2e");
10894
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"));
10895
+ attr(div0, "class", "text-block-inner svelte-15pej1m");
10896
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
10895
10897
  attr(div1, "style", /*style*/ ctx[2]);
10896
10898
  },
10897
10899
  m(target, anchor) {
@@ -10905,7 +10907,7 @@ function create_fragment$2(ctx) {
10905
10907
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
10906
10908
  rendertext.$set(rendertext_changes);
10907
10909
 
10908
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"))) {
10910
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
10909
10911
  attr(div1, "class", div1_class_value);
10910
10912
  }
10911
10913
 
@@ -10929,7 +10931,7 @@ function create_fragment$2(ctx) {
10929
10931
  };
10930
10932
  }
10931
10933
 
10932
- function instance$2($$self, $$props, $$invalidate) {
10934
+ function instance$z($$self, $$props, $$invalidate) {
10933
10935
  let style;
10934
10936
  let { text = 'サンプルSample' } = $$props;
10935
10937
  let { font = SYSTEM_FONT } = $$props;
@@ -10965,8 +10967,8 @@ class TextBlock extends SvelteComponent {
10965
10967
  init(
10966
10968
  this,
10967
10969
  options,
10968
- instance$2,
10969
- create_fragment$2,
10970
+ instance$z,
10971
+ create_fragment$z,
10970
10972
  safe_not_equal,
10971
10973
  {
10972
10974
  text: 0,
@@ -10975,18 +10977,18 @@ class TextBlock extends SvelteComponent {
10975
10977
  textDirection: 1,
10976
10978
  _style: 5
10977
10979
  },
10978
- add_css$2
10980
+ add_css$3
10979
10981
  );
10980
10982
  }
10981
10983
  }
10982
10984
 
10983
10985
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
10984
10986
 
10985
- function add_css$1(target) {
10986
- 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)}");
10987
+ function add_css$2(target) {
10988
+ 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)}");
10987
10989
  }
10988
10990
 
10989
- function create_fragment$1(ctx) {
10991
+ function create_fragment$y(ctx) {
10990
10992
  let div;
10991
10993
  let button;
10992
10994
  let rendertext;
@@ -11000,9 +11002,9 @@ function create_fragment$1(ctx) {
11000
11002
  div = element("div");
11001
11003
  button = element("button");
11002
11004
  create_component(rendertext.$$.fragment);
11003
- attr(button, "class", "text-button svelte-1c34p4n");
11005
+ attr(button, "class", "text-button svelte-ff0k6r");
11004
11006
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
11005
- attr(div, "class", "text-button-block svelte-1c34p4n");
11007
+ attr(div, "class", "text-button-block svelte-ff0k6r");
11006
11008
  attr(div, "style", /*_style*/ ctx[2]);
11007
11009
  },
11008
11010
  m(target, anchor) {
@@ -11047,7 +11049,7 @@ function create_fragment$1(ctx) {
11047
11049
  };
11048
11050
  }
11049
11051
 
11050
- function instance$1($$self, $$props, $$invalidate) {
11052
+ function instance$y($$self, $$props, $$invalidate) {
11051
11053
  let { text = 'ボタンラベル' } = $$props;
11052
11054
  let { onClick = { operation: 'none', args: [] } } = $$props;
11053
11055
 
@@ -11089,8 +11091,8 @@ class TextButtonBlock extends SvelteComponent {
11089
11091
  init(
11090
11092
  this,
11091
11093
  options,
11092
- instance$1,
11093
- create_fragment$1,
11094
+ instance$y,
11095
+ create_fragment$y,
11094
11096
  safe_not_equal,
11095
11097
  {
11096
11098
  text: 0,
@@ -11100,18 +11102,18 @@ class TextButtonBlock extends SvelteComponent {
11100
11102
  _buttonStyle: 1,
11101
11103
  _style: 2
11102
11104
  },
11103
- add_css$1
11105
+ add_css$2
11104
11106
  );
11105
11107
  }
11106
11108
  }
11107
11109
 
11108
11110
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
11109
11111
 
11110
- function add_css(target) {
11111
- 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)}");
11112
+ function add_css$1(target) {
11113
+ 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)}");
11112
11114
  }
11113
11115
 
11114
- function create_fragment(ctx) {
11116
+ function create_fragment$x(ctx) {
11115
11117
  let div;
11116
11118
  let img;
11117
11119
  let img_style_value;
@@ -11124,14 +11126,14 @@ function create_fragment(ctx) {
11124
11126
  c() {
11125
11127
  div = element("div");
11126
11128
  img = element("img");
11127
- attr(img, "class", "image svelte-1jus6sx");
11129
+ attr(img, "class", "image svelte-1pdw891");
11128
11130
  attr(img, "loading", "lazy");
11129
11131
  attr(img, "width", "auto");
11130
11132
  attr(img, "height", "auto");
11131
11133
  attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
11132
11134
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
11133
11135
  attr(img, "alt", /*alt*/ ctx[1]);
11134
- attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"));
11136
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
11135
11137
  attr(div, "style", /*_style*/ ctx[5]);
11136
11138
  },
11137
11139
  m(target, anchor) {
@@ -11156,7 +11158,7 @@ function create_fragment(ctx) {
11156
11158
  attr(img, "alt", /*alt*/ ctx[1]);
11157
11159
  }
11158
11160
 
11159
- if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"))) {
11161
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
11160
11162
  attr(div, "class", div_class_value);
11161
11163
  }
11162
11164
 
@@ -11174,7 +11176,7 @@ function create_fragment(ctx) {
11174
11176
  };
11175
11177
  }
11176
11178
 
11177
- function instance($$self, $$props, $$invalidate) {
11179
+ function instance$x($$self, $$props, $$invalidate) {
11178
11180
  let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
11179
11181
  let { alt = 'No Image' } = $$props;
11180
11182
  let { transport = false } = $$props;
@@ -11214,8 +11216,8 @@ class ImageBlock extends SvelteComponent {
11214
11216
  init(
11215
11217
  this,
11216
11218
  options,
11217
- instance,
11218
- create_fragment,
11219
+ instance$x,
11220
+ create_fragment$x,
11219
11221
  safe_not_equal,
11220
11222
  {
11221
11223
  src: 0,
@@ -11227,9 +11229,2501 @@ class ImageBlock extends SvelteComponent {
11227
11229
  _imageStyle: 4,
11228
11230
  _style: 5
11229
11231
  },
11230
- add_css
11232
+ add_css$1
11231
11233
  );
11232
11234
  }
11233
11235
  }
11234
11236
 
11235
- export { ACTION_HOOK_LABEL, Alignments, AnimationStyles, BackgroundSizes, Box, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexDirections, FlexItem, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYOUT_COMPONENT_NAMES, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, 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 };
11237
+ /* src/components-v2/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
11238
+
11239
+ function create_fragment$w(ctx) {
11240
+ let svg;
11241
+ let path;
11242
+
11243
+ return {
11244
+ c() {
11245
+ svg = svg_element("svg");
11246
+ path = svg_element("path");
11247
+ attr(path, "fill", /*color*/ ctx[0]);
11248
+ attr(path, "d", "M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z");
11249
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
11250
+ set_style(svg, "width", "100%");
11251
+ set_style(svg, "height", "100%");
11252
+ attr(svg, "viewBox", "0 0 384 512");
11253
+ },
11254
+ m(target, anchor) {
11255
+ insert(target, svg, anchor);
11256
+ append(svg, path);
11257
+ },
11258
+ p(ctx, [dirty]) {
11259
+ if (dirty & /*color*/ 1) {
11260
+ attr(path, "fill", /*color*/ ctx[0]);
11261
+ }
11262
+ },
11263
+ i: noop,
11264
+ o: noop,
11265
+ d(detaching) {
11266
+ if (detaching) detach(svg);
11267
+ }
11268
+ };
11269
+ }
11270
+
11271
+ function instance$w($$self, $$props, $$invalidate) {
11272
+ let { color } = $$props;
11273
+
11274
+ $$self.$$set = $$props => {
11275
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
11276
+ };
11277
+
11278
+ return [color];
11279
+ }
11280
+
11281
+ class IconArrowDown extends SvelteComponent {
11282
+ constructor(options) {
11283
+ super();
11284
+ init(this, options, instance$w, create_fragment$w, safe_not_equal, { color: 0 });
11285
+ }
11286
+ }
11287
+
11288
+ /* src/components-v2/icon/variants/IconArrowUp.svelte generated by Svelte v3.53.1 */
11289
+
11290
+ function create_fragment$v(ctx) {
11291
+ let svg;
11292
+ let path;
11293
+
11294
+ return {
11295
+ c() {
11296
+ svg = svg_element("svg");
11297
+ path = svg_element("path");
11298
+ attr(path, "fill", /*color*/ ctx[0]);
11299
+ attr(path, "d", "M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.2V448c0 17.7 14.3 32 32 32s32-14.3 32-32V141.2L329.4 246.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z");
11300
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
11301
+ set_style(svg, "width", "100%");
11302
+ set_style(svg, "height", "100%");
11303
+ attr(svg, "viewBox", "0 0 384 512");
11304
+ },
11305
+ m(target, anchor) {
11306
+ insert(target, svg, anchor);
11307
+ append(svg, path);
11308
+ },
11309
+ p(ctx, [dirty]) {
11310
+ if (dirty & /*color*/ 1) {
11311
+ attr(path, "fill", /*color*/ ctx[0]);
11312
+ }
11313
+ },
11314
+ i: noop,
11315
+ o: noop,
11316
+ d(detaching) {
11317
+ if (detaching) detach(svg);
11318
+ }
11319
+ };
11320
+ }
11321
+
11322
+ function instance$v($$self, $$props, $$invalidate) {
11323
+ let { color } = $$props;
11324
+
11325
+ $$self.$$set = $$props => {
11326
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
11327
+ };
11328
+
11329
+ return [color];
11330
+ }
11331
+
11332
+ class IconArrowUp extends SvelteComponent {
11333
+ constructor(options) {
11334
+ super();
11335
+ init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
11336
+ }
11337
+ }
11338
+
11339
+ /* src/components-v2/icon/variants/IconUsers.svelte generated by Svelte v3.53.1 */
11340
+
11341
+ function create_fragment$u(ctx) {
11342
+ let svg;
11343
+ let path;
11344
+
11345
+ return {
11346
+ c() {
11347
+ svg = svg_element("svg");
11348
+ path = svg_element("path");
11349
+ attr(path, "fill", /*color*/ ctx[0]);
11350
+ attr(path, "d", "M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192h42.7c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0H21.3C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7h42.7C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3H405.3zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352H378.7C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7H154.7c-14.7 0-26.7-11.9-26.7-26.7z");
11351
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
11352
+ set_style(svg, "width", "100%");
11353
+ set_style(svg, "height", "100%");
11354
+ attr(svg, "viewBox", "0 0 640 512");
11355
+ },
11356
+ m(target, anchor) {
11357
+ insert(target, svg, anchor);
11358
+ append(svg, path);
11359
+ },
11360
+ p(ctx, [dirty]) {
11361
+ if (dirty & /*color*/ 1) {
11362
+ attr(path, "fill", /*color*/ ctx[0]);
11363
+ }
11364
+ },
11365
+ i: noop,
11366
+ o: noop,
11367
+ d(detaching) {
11368
+ if (detaching) detach(svg);
11369
+ }
11370
+ };
11371
+ }
11372
+
11373
+ function instance$u($$self, $$props, $$invalidate) {
11374
+ let { color } = $$props;
11375
+
11376
+ $$self.$$set = $$props => {
11377
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
11378
+ };
11379
+
11380
+ return [color];
11381
+ }
11382
+
11383
+ class IconUsers extends SvelteComponent {
11384
+ constructor(options) {
11385
+ super();
11386
+ init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
11387
+ }
11388
+ }
11389
+
11390
+ /* src/components-v2/icon/variants/IconArrowLeft.svelte generated by Svelte v3.53.1 */
11391
+
11392
+ function create_fragment$t(ctx) {
11393
+ let svg;
11394
+ let path;
11395
+
11396
+ return {
11397
+ c() {
11398
+ svg = svg_element("svg");
11399
+ path = svg_element("path");
11400
+ attr(path, "fill", /*color*/ ctx[0]);
11401
+ attr(path, "d", "M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z");
11402
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
11403
+ set_style(svg, "width", "100%");
11404
+ set_style(svg, "height", "100%");
11405
+ attr(svg, "viewBox", "0 0 448 512");
11406
+ },
11407
+ m(target, anchor) {
11408
+ insert(target, svg, anchor);
11409
+ append(svg, path);
11410
+ },
11411
+ p(ctx, [dirty]) {
11412
+ if (dirty & /*color*/ 1) {
11413
+ attr(path, "fill", /*color*/ ctx[0]);
11414
+ }
11415
+ },
11416
+ i: noop,
11417
+ o: noop,
11418
+ d(detaching) {
11419
+ if (detaching) detach(svg);
11420
+ }
11421
+ };
11422
+ }
11423
+
11424
+ function instance$t($$self, $$props, $$invalidate) {
11425
+ let { color } = $$props;
11426
+
11427
+ $$self.$$set = $$props => {
11428
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
11429
+ };
11430
+
11431
+ return [color];
11432
+ }
11433
+
11434
+ class IconArrowLeft extends SvelteComponent {
11435
+ constructor(options) {
11436
+ super();
11437
+ init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
11438
+ }
11439
+ }
11440
+
11441
+ /* src/components-v2/icon/variants/IconArrowRight.svelte generated by Svelte v3.53.1 */
11442
+
11443
+ function create_fragment$s(ctx) {
11444
+ let svg;
11445
+ let path;
11446
+
11447
+ return {
11448
+ c() {
11449
+ svg = svg_element("svg");
11450
+ path = svg_element("path");
11451
+ attr(path, "fill", /*color*/ ctx[0]);
11452
+ attr(path, "d", "M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z");
11453
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
11454
+ set_style(svg, "width", "100%");
11455
+ set_style(svg, "height", "100%");
11456
+ attr(svg, "viewBox", "0 0 448 512");
11457
+ },
11458
+ m(target, anchor) {
11459
+ insert(target, svg, anchor);
11460
+ append(svg, path);
11461
+ },
11462
+ p(ctx, [dirty]) {
11463
+ if (dirty & /*color*/ 1) {
11464
+ attr(path, "fill", /*color*/ ctx[0]);
11465
+ }
11466
+ },
11467
+ i: noop,
11468
+ o: noop,
11469
+ d(detaching) {
11470
+ if (detaching) detach(svg);
11471
+ }
11472
+ };
11473
+ }
11474
+
11475
+ function instance$s($$self, $$props, $$invalidate) {
11476
+ let { color } = $$props;
11477
+
11478
+ $$self.$$set = $$props => {
11479
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
11480
+ };
11481
+
11482
+ return [color];
11483
+ }
11484
+
11485
+ class IconArrowRight extends SvelteComponent {
11486
+ constructor(options) {
11487
+ super();
11488
+ init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
11489
+ }
11490
+ }
11491
+
11492
+ /* src/components-v2/icon/variants/IconBell.svelte generated by Svelte v3.53.1 */
11493
+
11494
+ function create_fragment$r(ctx) {
11495
+ let svg;
11496
+ let path;
11497
+
11498
+ return {
11499
+ c() {
11500
+ svg = svg_element("svg");
11501
+ path = svg_element("path");
11502
+ attr(path, "fill", /*color*/ ctx[0]);
11503
+ attr(path, "d", "M224 0c-17.7 0-32 14.3-32 32V51.2C119 66 64 130.6 64 208v18.8c0 47-17.3 92.4-48.5 127.6l-7.4 8.3c-8.4 9.4-10.4 22.9-5.3 34.4S19.4 416 32 416H416c12.6 0 24-7.4 29.2-18.9s3.1-25-5.3-34.4l-7.4-8.3C401.3 319.2 384 273.9 384 226.8V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32zm45.3 493.3c12-12 18.7-28.3 18.7-45.3H224 160c0 17 6.7 33.3 18.7 45.3s28.3 18.7 45.3 18.7s33.3-6.7 45.3-18.7z");
11504
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
11505
+ set_style(svg, "width", "100%");
11506
+ set_style(svg, "height", "100%");
11507
+ attr(svg, "viewBox", "0 0 448 512");
11508
+ },
11509
+ m(target, anchor) {
11510
+ insert(target, svg, anchor);
11511
+ append(svg, path);
11512
+ },
11513
+ p(ctx, [dirty]) {
11514
+ if (dirty & /*color*/ 1) {
11515
+ attr(path, "fill", /*color*/ ctx[0]);
11516
+ }
11517
+ },
11518
+ i: noop,
11519
+ o: noop,
11520
+ d(detaching) {
11521
+ if (detaching) detach(svg);
11522
+ }
11523
+ };
11524
+ }
11525
+
11526
+ function instance$r($$self, $$props, $$invalidate) {
11527
+ let { color } = $$props;
11528
+
11529
+ $$self.$$set = $$props => {
11530
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
11531
+ };
11532
+
11533
+ return [color];
11534
+ }
11535
+
11536
+ class IconBell extends SvelteComponent {
11537
+ constructor(options) {
11538
+ super();
11539
+ init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
11540
+ }
11541
+ }
11542
+
11543
+ /* src/components-v2/icon/variants/IconArrowUpFromSquare.svelte generated by Svelte v3.53.1 */
11544
+
11545
+ function create_fragment$q(ctx) {
11546
+ let svg;
11547
+ let path;
11548
+
11549
+ return {
11550
+ c() {
11551
+ svg = svg_element("svg");
11552
+ path = svg_element("path");
11553
+ attr(path, "fill", /*color*/ ctx[0]);
11554
+ attr(path, "d", "M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z");
11555
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
11556
+ set_style(svg, "width", "100%");
11557
+ set_style(svg, "height", "100%");
11558
+ attr(svg, "viewBox", "0 0 512 512");
11559
+ },
11560
+ m(target, anchor) {
11561
+ insert(target, svg, anchor);
11562
+ append(svg, path);
11563
+ },
11564
+ p(ctx, [dirty]) {
11565
+ if (dirty & /*color*/ 1) {
11566
+ attr(path, "fill", /*color*/ ctx[0]);
11567
+ }
11568
+ },
11569
+ i: noop,
11570
+ o: noop,
11571
+ d(detaching) {
11572
+ if (detaching) detach(svg);
11573
+ }
11574
+ };
11575
+ }
11576
+
11577
+ function instance$q($$self, $$props, $$invalidate) {
11578
+ let { color } = $$props;
11579
+
11580
+ $$self.$$set = $$props => {
11581
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
11582
+ };
11583
+
11584
+ return [color];
11585
+ }
11586
+
11587
+ class IconArrowUpFromSquare extends SvelteComponent {
11588
+ constructor(options) {
11589
+ super();
11590
+ init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
11591
+ }
11592
+ }
11593
+
11594
+ /* src/components-v2/icon/variants/IconTicket.svelte generated by Svelte v3.53.1 */
11595
+
11596
+ function create_fragment$p(ctx) {
11597
+ let svg;
11598
+ let path;
11599
+
11600
+ return {
11601
+ c() {
11602
+ svg = svg_element("svg");
11603
+ path = svg_element("path");
11604
+ attr(path, "fill", /*color*/ ctx[0]);
11605
+ attr(path, "d", "M64 64C28.7 64 0 92.7 0 128v64c0 8.8 7.4 15.7 15.7 18.6C34.5 217.1 48 235 48 256s-13.5 38.9-32.3 45.4C7.4 304.3 0 311.2 0 320v64c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V320c0-8.8-7.4-15.7-15.7-18.6C541.5 294.9 528 277 528 256s13.5-38.9 32.3-45.4c8.3-2.9 15.7-9.8 15.7-18.6V128c0-35.3-28.7-64-64-64H64zm64 112l0 160c0 8.8 7.2 16 16 16H432c8.8 0 16-7.2 16-16V176c0-8.8-7.2-16-16-16H144c-8.8 0-16 7.2-16 16zM96 160c0-17.7 14.3-32 32-32H448c17.7 0 32 14.3 32 32V352c0 17.7-14.3 32-32 32H128c-17.7 0-32-14.3-32-32V160z");
11606
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
11607
+ set_style(svg, "width", "100%");
11608
+ set_style(svg, "height", "100%");
11609
+ attr(svg, "viewBox", "0 0 576 512");
11610
+ },
11611
+ m(target, anchor) {
11612
+ insert(target, svg, anchor);
11613
+ append(svg, path);
11614
+ },
11615
+ p(ctx, [dirty]) {
11616
+ if (dirty & /*color*/ 1) {
11617
+ attr(path, "fill", /*color*/ ctx[0]);
11618
+ }
11619
+ },
11620
+ i: noop,
11621
+ o: noop,
11622
+ d(detaching) {
11623
+ if (detaching) detach(svg);
11624
+ }
11625
+ };
11626
+ }
11627
+
11628
+ function instance$p($$self, $$props, $$invalidate) {
11629
+ let { color } = $$props;
11630
+
11631
+ $$self.$$set = $$props => {
11632
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
11633
+ };
11634
+
11635
+ return [color];
11636
+ }
11637
+
11638
+ class IconTicket extends SvelteComponent {
11639
+ constructor(options) {
11640
+ super();
11641
+ init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
11642
+ }
11643
+ }
11644
+
11645
+ /* src/components-v2/icon/variants/IconTrack.svelte generated by Svelte v3.53.1 */
11646
+
11647
+ function create_fragment$o(ctx) {
11648
+ let svg;
11649
+ let path;
11650
+
11651
+ return {
11652
+ c() {
11653
+ svg = svg_element("svg");
11654
+ path = svg_element("path");
11655
+ attr(path, "fill", /*color*/ ctx[0]);
11656
+ attr(path, "d", "M48 0C21.5 0 0 21.5 0 48V368c0 26.5 21.5 48 48 48H64c0 53 43 96 96 96s96-43 96-96H384c0 53 43 96 96 96s96-43 96-96h32c17.7 0 32-14.3 32-32s-14.3-32-32-32V288 256 237.3c0-17-6.7-33.3-18.7-45.3L512 114.7c-12-12-28.3-18.7-45.3-18.7H416V48c0-26.5-21.5-48-48-48H48zM416 160h50.7L544 237.3V256H416V160zM112 416a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zm368-48a48 48 0 1 1 0 96 48 48 0 1 1 0-96z");
11657
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
11658
+ set_style(svg, "width", "100%");
11659
+ set_style(svg, "height", "100%");
11660
+ attr(svg, "viewBox", "0 0 640 512");
11661
+ },
11662
+ m(target, anchor) {
11663
+ insert(target, svg, anchor);
11664
+ append(svg, path);
11665
+ },
11666
+ p(ctx, [dirty]) {
11667
+ if (dirty & /*color*/ 1) {
11668
+ attr(path, "fill", /*color*/ ctx[0]);
11669
+ }
11670
+ },
11671
+ i: noop,
11672
+ o: noop,
11673
+ d(detaching) {
11674
+ if (detaching) detach(svg);
11675
+ }
11676
+ };
11677
+ }
11678
+
11679
+ function instance$o($$self, $$props, $$invalidate) {
11680
+ let { color } = $$props;
11681
+
11682
+ $$self.$$set = $$props => {
11683
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
11684
+ };
11685
+
11686
+ return [color];
11687
+ }
11688
+
11689
+ class IconTrack extends SvelteComponent {
11690
+ constructor(options) {
11691
+ super();
11692
+ init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
11693
+ }
11694
+ }
11695
+
11696
+ /* src/components-v2/icon/variants/IconCartShopping.svelte generated by Svelte v3.53.1 */
11697
+
11698
+ function create_fragment$n(ctx) {
11699
+ let svg;
11700
+ let path;
11701
+
11702
+ return {
11703
+ c() {
11704
+ svg = svg_element("svg");
11705
+ path = svg_element("path");
11706
+ attr(path, "fill", /*color*/ ctx[0]);
11707
+ attr(path, "d", "M0 24C0 10.7 10.7 0 24 0H69.5c22 0 41.5 12.8 50.6 32h411c26.3 0 45.5 25 38.6 50.4l-41 152.3c-8.5 31.4-37 53.3-69.5 53.3H170.7l5.4 28.5c2.2 11.3 12.1 19.5 23.6 19.5H488c13.3 0 24 10.7 24 24s-10.7 24-24 24H199.7c-34.6 0-64.3-24.6-70.7-58.5L77.4 54.5c-.7-3.8-4-6.5-7.9-6.5H24C10.7 48 0 37.3 0 24zM128 464a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zm336-48a48 48 0 1 1 0 96 48 48 0 1 1 0-96z");
11708
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
11709
+ set_style(svg, "width", "100%");
11710
+ set_style(svg, "height", "100%");
11711
+ attr(svg, "viewBox", "0 0 576 512");
11712
+ },
11713
+ m(target, anchor) {
11714
+ insert(target, svg, anchor);
11715
+ append(svg, path);
11716
+ },
11717
+ p(ctx, [dirty]) {
11718
+ if (dirty & /*color*/ 1) {
11719
+ attr(path, "fill", /*color*/ ctx[0]);
11720
+ }
11721
+ },
11722
+ i: noop,
11723
+ o: noop,
11724
+ d(detaching) {
11725
+ if (detaching) detach(svg);
11726
+ }
11727
+ };
11728
+ }
11729
+
11730
+ function instance$n($$self, $$props, $$invalidate) {
11731
+ let { color } = $$props;
11732
+
11733
+ $$self.$$set = $$props => {
11734
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
11735
+ };
11736
+
11737
+ return [color];
11738
+ }
11739
+
11740
+ class IconCartShopping extends SvelteComponent {
11741
+ constructor(options) {
11742
+ super();
11743
+ init(this, options, instance$n, create_fragment$n, safe_not_equal, { color: 0 });
11744
+ }
11745
+ }
11746
+
11747
+ /* src/components-v2/icon/variants/IconCircle.svelte generated by Svelte v3.53.1 */
11748
+
11749
+ function create_fragment$m(ctx) {
11750
+ let svg;
11751
+ let path;
11752
+
11753
+ return {
11754
+ c() {
11755
+ svg = svg_element("svg");
11756
+ path = svg_element("path");
11757
+ attr(path, "fill", /*color*/ ctx[0]);
11758
+ attr(path, "d", "M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512z");
11759
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
11760
+ set_style(svg, "width", "100%");
11761
+ set_style(svg, "height", "100%");
11762
+ attr(svg, "viewBox", "0 0 512 512");
11763
+ },
11764
+ m(target, anchor) {
11765
+ insert(target, svg, anchor);
11766
+ append(svg, path);
11767
+ },
11768
+ p(ctx, [dirty]) {
11769
+ if (dirty & /*color*/ 1) {
11770
+ attr(path, "fill", /*color*/ ctx[0]);
11771
+ }
11772
+ },
11773
+ i: noop,
11774
+ o: noop,
11775
+ d(detaching) {
11776
+ if (detaching) detach(svg);
11777
+ }
11778
+ };
11779
+ }
11780
+
11781
+ function instance$m($$self, $$props, $$invalidate) {
11782
+ let { color } = $$props;
11783
+
11784
+ $$self.$$set = $$props => {
11785
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
11786
+ };
11787
+
11788
+ return [color];
11789
+ }
11790
+
11791
+ class IconCircle extends SvelteComponent {
11792
+ constructor(options) {
11793
+ super();
11794
+ init(this, options, instance$m, create_fragment$m, safe_not_equal, { color: 0 });
11795
+ }
11796
+ }
11797
+
11798
+ /* src/components-v2/icon/variants/IconCircleQuestion.svelte generated by Svelte v3.53.1 */
11799
+
11800
+ function create_fragment$l(ctx) {
11801
+ let svg;
11802
+ let path;
11803
+
11804
+ return {
11805
+ c() {
11806
+ svg = svg_element("svg");
11807
+ path = svg_element("path");
11808
+ attr(path, "fill", /*color*/ ctx[0]);
11809
+ attr(path, "d", "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z");
11810
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
11811
+ set_style(svg, "width", "100%");
11812
+ set_style(svg, "height", "100%");
11813
+ attr(svg, "viewBox", "0 0 512 512");
11814
+ },
11815
+ m(target, anchor) {
11816
+ insert(target, svg, anchor);
11817
+ append(svg, path);
11818
+ },
11819
+ p(ctx, [dirty]) {
11820
+ if (dirty & /*color*/ 1) {
11821
+ attr(path, "fill", /*color*/ ctx[0]);
11822
+ }
11823
+ },
11824
+ i: noop,
11825
+ o: noop,
11826
+ d(detaching) {
11827
+ if (detaching) detach(svg);
11828
+ }
11829
+ };
11830
+ }
11831
+
11832
+ function instance$l($$self, $$props, $$invalidate) {
11833
+ let { color } = $$props;
11834
+
11835
+ $$self.$$set = $$props => {
11836
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
11837
+ };
11838
+
11839
+ return [color];
11840
+ }
11841
+
11842
+ class IconCircleQuestion extends SvelteComponent {
11843
+ constructor(options) {
11844
+ super();
11845
+ init(this, options, instance$l, create_fragment$l, safe_not_equal, { color: 0 });
11846
+ }
11847
+ }
11848
+
11849
+ /* src/components-v2/icon/variants/IconCheck.svelte generated by Svelte v3.53.1 */
11850
+
11851
+ function create_fragment$k(ctx) {
11852
+ let svg;
11853
+ let path;
11854
+
11855
+ return {
11856
+ c() {
11857
+ svg = svg_element("svg");
11858
+ path = svg_element("path");
11859
+ attr(path, "fill", /*color*/ ctx[0]);
11860
+ attr(path, "d", "M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z");
11861
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
11862
+ set_style(svg, "width", "100%");
11863
+ set_style(svg, "height", "100%");
11864
+ attr(svg, "viewBox", "0 0 512 512");
11865
+ },
11866
+ m(target, anchor) {
11867
+ insert(target, svg, anchor);
11868
+ append(svg, path);
11869
+ },
11870
+ p(ctx, [dirty]) {
11871
+ if (dirty & /*color*/ 1) {
11872
+ attr(path, "fill", /*color*/ ctx[0]);
11873
+ }
11874
+ },
11875
+ i: noop,
11876
+ o: noop,
11877
+ d(detaching) {
11878
+ if (detaching) detach(svg);
11879
+ }
11880
+ };
11881
+ }
11882
+
11883
+ function instance$k($$self, $$props, $$invalidate) {
11884
+ let { color } = $$props;
11885
+
11886
+ $$self.$$set = $$props => {
11887
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
11888
+ };
11889
+
11890
+ return [color];
11891
+ }
11892
+
11893
+ class IconCheck extends SvelteComponent {
11894
+ constructor(options) {
11895
+ super();
11896
+ init(this, options, instance$k, create_fragment$k, safe_not_equal, { color: 0 });
11897
+ }
11898
+ }
11899
+
11900
+ /* src/components-v2/icon/variants/IconXMark.svelte generated by Svelte v3.53.1 */
11901
+
11902
+ function create_fragment$j(ctx) {
11903
+ let svg;
11904
+ let path;
11905
+
11906
+ return {
11907
+ c() {
11908
+ svg = svg_element("svg");
11909
+ path = svg_element("path");
11910
+ attr(path, "fill", /*color*/ ctx[0]);
11911
+ attr(path, "d", "M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z");
11912
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
11913
+ set_style(svg, "width", "100%");
11914
+ set_style(svg, "height", "100%");
11915
+ attr(svg, "viewBox", "0 0 320 512");
11916
+ },
11917
+ m(target, anchor) {
11918
+ insert(target, svg, anchor);
11919
+ append(svg, path);
11920
+ },
11921
+ p(ctx, [dirty]) {
11922
+ if (dirty & /*color*/ 1) {
11923
+ attr(path, "fill", /*color*/ ctx[0]);
11924
+ }
11925
+ },
11926
+ i: noop,
11927
+ o: noop,
11928
+ d(detaching) {
11929
+ if (detaching) detach(svg);
11930
+ }
11931
+ };
11932
+ }
11933
+
11934
+ function instance$j($$self, $$props, $$invalidate) {
11935
+ let { color } = $$props;
11936
+
11937
+ $$self.$$set = $$props => {
11938
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
11939
+ };
11940
+
11941
+ return [color];
11942
+ }
11943
+
11944
+ class IconXMark extends SvelteComponent {
11945
+ constructor(options) {
11946
+ super();
11947
+ init(this, options, instance$j, create_fragment$j, safe_not_equal, { color: 0 });
11948
+ }
11949
+ }
11950
+
11951
+ /* src/components-v2/icon/variants/IconPaperPlane.svelte generated by Svelte v3.53.1 */
11952
+
11953
+ function create_fragment$i(ctx) {
11954
+ let svg;
11955
+ let path;
11956
+
11957
+ return {
11958
+ c() {
11959
+ svg = svg_element("svg");
11960
+ path = svg_element("path");
11961
+ attr(path, "fill", /*color*/ ctx[0]);
11962
+ attr(path, "d", "M498.1 5.6c10.1 7 15.4 19.1 13.5 31.2l-64 416c-1.5 9.7-7.4 18.2-16 23s-18.9 5.4-28 1.6L284 427.7l-68.5 74.1c-8.9 9.7-22.9 12.9-35.2 8.1S160 493.2 160 480V396.4c0-4 1.5-7.8 4.2-10.7L331.8 202.8c5.8-6.3 5.6-16-.4-22s-15.7-6.4-22-.7L106 360.8 17.7 316.6C7.1 311.3 .3 300.7 0 288.9s5.9-22.8 16.1-28.7l448-256c10.7-6.1 23.9-5.5 34 1.4z");
11963
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
11964
+ set_style(svg, "width", "100%");
11965
+ set_style(svg, "height", "100%");
11966
+ attr(svg, "viewBox", "0 0 512 512");
11967
+ },
11968
+ m(target, anchor) {
11969
+ insert(target, svg, anchor);
11970
+ append(svg, path);
11971
+ },
11972
+ p(ctx, [dirty]) {
11973
+ if (dirty & /*color*/ 1) {
11974
+ attr(path, "fill", /*color*/ ctx[0]);
11975
+ }
11976
+ },
11977
+ i: noop,
11978
+ o: noop,
11979
+ d(detaching) {
11980
+ if (detaching) detach(svg);
11981
+ }
11982
+ };
11983
+ }
11984
+
11985
+ function instance$i($$self, $$props, $$invalidate) {
11986
+ let { color } = $$props;
11987
+
11988
+ $$self.$$set = $$props => {
11989
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
11990
+ };
11991
+
11992
+ return [color];
11993
+ }
11994
+
11995
+ class IconPaperPlane extends SvelteComponent {
11996
+ constructor(options) {
11997
+ super();
11998
+ init(this, options, instance$i, create_fragment$i, safe_not_equal, { color: 0 });
11999
+ }
12000
+ }
12001
+
12002
+ /* src/components-v2/icon/variants/IconCopy.svelte generated by Svelte v3.53.1 */
12003
+
12004
+ function create_fragment$h(ctx) {
12005
+ let svg;
12006
+ let path;
12007
+
12008
+ return {
12009
+ c() {
12010
+ svg = svg_element("svg");
12011
+ path = svg_element("path");
12012
+ attr(path, "fill", /*color*/ ctx[0]);
12013
+ attr(path, "d", "M224 0c-35.3 0-64 28.7-64 64V288c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H224zM64 160c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H288c35.3 0 64-28.7 64-64V384H288v64H64V224h64V160H64z");
12014
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
12015
+ set_style(svg, "width", "100%");
12016
+ set_style(svg, "height", "100%");
12017
+ attr(svg, "viewBox", "0 0 512 512");
12018
+ },
12019
+ m(target, anchor) {
12020
+ insert(target, svg, anchor);
12021
+ append(svg, path);
12022
+ },
12023
+ p(ctx, [dirty]) {
12024
+ if (dirty & /*color*/ 1) {
12025
+ attr(path, "fill", /*color*/ ctx[0]);
12026
+ }
12027
+ },
12028
+ i: noop,
12029
+ o: noop,
12030
+ d(detaching) {
12031
+ if (detaching) detach(svg);
12032
+ }
12033
+ };
12034
+ }
12035
+
12036
+ function instance$h($$self, $$props, $$invalidate) {
12037
+ let { color } = $$props;
12038
+
12039
+ $$self.$$set = $$props => {
12040
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
12041
+ };
12042
+
12043
+ return [color];
12044
+ }
12045
+
12046
+ class IconCopy extends SvelteComponent {
12047
+ constructor(options) {
12048
+ super();
12049
+ init(this, options, instance$h, create_fragment$h, safe_not_equal, { color: 0 });
12050
+ }
12051
+ }
12052
+
12053
+ /* src/components-v2/icon/variants/IconCircleXMark.svelte generated by Svelte v3.53.1 */
12054
+
12055
+ function create_fragment$g(ctx) {
12056
+ let svg;
12057
+ let path;
12058
+
12059
+ return {
12060
+ c() {
12061
+ svg = svg_element("svg");
12062
+ path = svg_element("path");
12063
+ attr(path, "fill", /*color*/ ctx[0]);
12064
+ attr(path, "d", "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z");
12065
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
12066
+ set_style(svg, "width", "100%");
12067
+ set_style(svg, "height", "100%");
12068
+ attr(svg, "viewBox", "0 0 512 512");
12069
+ },
12070
+ m(target, anchor) {
12071
+ insert(target, svg, anchor);
12072
+ append(svg, path);
12073
+ },
12074
+ p(ctx, [dirty]) {
12075
+ if (dirty & /*color*/ 1) {
12076
+ attr(path, "fill", /*color*/ ctx[0]);
12077
+ }
12078
+ },
12079
+ i: noop,
12080
+ o: noop,
12081
+ d(detaching) {
12082
+ if (detaching) detach(svg);
12083
+ }
12084
+ };
12085
+ }
12086
+
12087
+ function instance$g($$self, $$props, $$invalidate) {
12088
+ let { color } = $$props;
12089
+
12090
+ $$self.$$set = $$props => {
12091
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
12092
+ };
12093
+
12094
+ return [color];
12095
+ }
12096
+
12097
+ class IconCircleXMark extends SvelteComponent {
12098
+ constructor(options) {
12099
+ super();
12100
+ init(this, options, instance$g, create_fragment$g, safe_not_equal, { color: 0 });
12101
+ }
12102
+ }
12103
+
12104
+ /* src/components-v2/icon/variants/IconHeart.svelte generated by Svelte v3.53.1 */
12105
+
12106
+ function create_fragment$f(ctx) {
12107
+ let svg;
12108
+ let path;
12109
+
12110
+ return {
12111
+ c() {
12112
+ svg = svg_element("svg");
12113
+ path = svg_element("path");
12114
+ attr(path, "fill", /*color*/ ctx[0]);
12115
+ attr(path, "d", "M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z");
12116
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
12117
+ set_style(svg, "width", "100%");
12118
+ set_style(svg, "height", "100%");
12119
+ attr(svg, "viewBox", "0 0 512 512");
12120
+ },
12121
+ m(target, anchor) {
12122
+ insert(target, svg, anchor);
12123
+ append(svg, path);
12124
+ },
12125
+ p(ctx, [dirty]) {
12126
+ if (dirty & /*color*/ 1) {
12127
+ attr(path, "fill", /*color*/ ctx[0]);
12128
+ }
12129
+ },
12130
+ i: noop,
12131
+ o: noop,
12132
+ d(detaching) {
12133
+ if (detaching) detach(svg);
12134
+ }
12135
+ };
12136
+ }
12137
+
12138
+ function instance$f($$self, $$props, $$invalidate) {
12139
+ let { color } = $$props;
12140
+
12141
+ $$self.$$set = $$props => {
12142
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
12143
+ };
12144
+
12145
+ return [color];
12146
+ }
12147
+
12148
+ class IconHeart extends SvelteComponent {
12149
+ constructor(options) {
12150
+ super();
12151
+ init(this, options, instance$f, create_fragment$f, safe_not_equal, { color: 0 });
12152
+ }
12153
+ }
12154
+
12155
+ /* src/components-v2/icon/variants/IconMagnifyingGrass.svelte generated by Svelte v3.53.1 */
12156
+
12157
+ function create_fragment$e(ctx) {
12158
+ let svg;
12159
+ let path;
12160
+
12161
+ return {
12162
+ c() {
12163
+ svg = svg_element("svg");
12164
+ path = svg_element("path");
12165
+ attr(path, "fill", /*color*/ ctx[0]);
12166
+ attr(path, "d", "M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z");
12167
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
12168
+ set_style(svg, "width", "100%");
12169
+ set_style(svg, "height", "100%");
12170
+ attr(svg, "viewBox", "0 0 512 512");
12171
+ },
12172
+ m(target, anchor) {
12173
+ insert(target, svg, anchor);
12174
+ append(svg, path);
12175
+ },
12176
+ p(ctx, [dirty]) {
12177
+ if (dirty & /*color*/ 1) {
12178
+ attr(path, "fill", /*color*/ ctx[0]);
12179
+ }
12180
+ },
12181
+ i: noop,
12182
+ o: noop,
12183
+ d(detaching) {
12184
+ if (detaching) detach(svg);
12185
+ }
12186
+ };
12187
+ }
12188
+
12189
+ function instance$e($$self, $$props, $$invalidate) {
12190
+ let { color } = $$props;
12191
+
12192
+ $$self.$$set = $$props => {
12193
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
12194
+ };
12195
+
12196
+ return [color];
12197
+ }
12198
+
12199
+ class IconMagnifyingGrass extends SvelteComponent {
12200
+ constructor(options) {
12201
+ super();
12202
+ init(this, options, instance$e, create_fragment$e, safe_not_equal, { color: 0 });
12203
+ }
12204
+ }
12205
+
12206
+ /* src/components-v2/icon/variants/IconStar.svelte generated by Svelte v3.53.1 */
12207
+
12208
+ function create_fragment$d(ctx) {
12209
+ let svg;
12210
+ let path;
12211
+
12212
+ return {
12213
+ c() {
12214
+ svg = svg_element("svg");
12215
+ path = svg_element("path");
12216
+ attr(path, "fill", /*color*/ ctx[0]);
12217
+ attr(path, "d", "M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z");
12218
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
12219
+ set_style(svg, "width", "100%");
12220
+ set_style(svg, "height", "100%");
12221
+ attr(svg, "viewBox", "0 0 576 512");
12222
+ },
12223
+ m(target, anchor) {
12224
+ insert(target, svg, anchor);
12225
+ append(svg, path);
12226
+ },
12227
+ p(ctx, [dirty]) {
12228
+ if (dirty & /*color*/ 1) {
12229
+ attr(path, "fill", /*color*/ ctx[0]);
12230
+ }
12231
+ },
12232
+ i: noop,
12233
+ o: noop,
12234
+ d(detaching) {
12235
+ if (detaching) detach(svg);
12236
+ }
12237
+ };
12238
+ }
12239
+
12240
+ function instance$d($$self, $$props, $$invalidate) {
12241
+ let { color } = $$props;
12242
+
12243
+ $$self.$$set = $$props => {
12244
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
12245
+ };
12246
+
12247
+ return [color];
12248
+ }
12249
+
12250
+ class IconStar extends SvelteComponent {
12251
+ constructor(options) {
12252
+ super();
12253
+ init(this, options, instance$d, create_fragment$d, safe_not_equal, { color: 0 });
12254
+ }
12255
+ }
12256
+
12257
+ /* src/components-v2/icon/variants/IconCircleInfo.svelte generated by Svelte v3.53.1 */
12258
+
12259
+ function create_fragment$c(ctx) {
12260
+ let svg;
12261
+ let path;
12262
+
12263
+ return {
12264
+ c() {
12265
+ svg = svg_element("svg");
12266
+ path = svg_element("path");
12267
+ attr(path, "fill", /*color*/ ctx[0]);
12268
+ attr(path, "d", "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z");
12269
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
12270
+ set_style(svg, "width", "100%");
12271
+ set_style(svg, "height", "100%");
12272
+ attr(svg, "viewBox", "0 0 512 512");
12273
+ },
12274
+ m(target, anchor) {
12275
+ insert(target, svg, anchor);
12276
+ append(svg, path);
12277
+ },
12278
+ p(ctx, [dirty]) {
12279
+ if (dirty & /*color*/ 1) {
12280
+ attr(path, "fill", /*color*/ ctx[0]);
12281
+ }
12282
+ },
12283
+ i: noop,
12284
+ o: noop,
12285
+ d(detaching) {
12286
+ if (detaching) detach(svg);
12287
+ }
12288
+ };
12289
+ }
12290
+
12291
+ function instance$c($$self, $$props, $$invalidate) {
12292
+ let { color } = $$props;
12293
+
12294
+ $$self.$$set = $$props => {
12295
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
12296
+ };
12297
+
12298
+ return [color];
12299
+ }
12300
+
12301
+ class IconCircleInfo extends SvelteComponent {
12302
+ constructor(options) {
12303
+ super();
12304
+ init(this, options, instance$c, create_fragment$c, safe_not_equal, { color: 0 });
12305
+ }
12306
+ }
12307
+
12308
+ /* src/components-v2/icon/variants/IconEnvelope.svelte generated by Svelte v3.53.1 */
12309
+
12310
+ function create_fragment$b(ctx) {
12311
+ let svg;
12312
+ let path;
12313
+
12314
+ return {
12315
+ c() {
12316
+ svg = svg_element("svg");
12317
+ path = svg_element("path");
12318
+ attr(path, "fill", /*color*/ ctx[0]);
12319
+ attr(path, "d", "M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z");
12320
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
12321
+ set_style(svg, "width", "100%");
12322
+ set_style(svg, "height", "100%");
12323
+ attr(svg, "viewBox", "0 0 512 512");
12324
+ },
12325
+ m(target, anchor) {
12326
+ insert(target, svg, anchor);
12327
+ append(svg, path);
12328
+ },
12329
+ p(ctx, [dirty]) {
12330
+ if (dirty & /*color*/ 1) {
12331
+ attr(path, "fill", /*color*/ ctx[0]);
12332
+ }
12333
+ },
12334
+ i: noop,
12335
+ o: noop,
12336
+ d(detaching) {
12337
+ if (detaching) detach(svg);
12338
+ }
12339
+ };
12340
+ }
12341
+
12342
+ function instance$b($$self, $$props, $$invalidate) {
12343
+ let { color } = $$props;
12344
+
12345
+ $$self.$$set = $$props => {
12346
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
12347
+ };
12348
+
12349
+ return [color];
12350
+ }
12351
+
12352
+ class IconEnvelope extends SvelteComponent {
12353
+ constructor(options) {
12354
+ super();
12355
+ init(this, options, instance$b, create_fragment$b, safe_not_equal, { color: 0 });
12356
+ }
12357
+ }
12358
+
12359
+ /* src/components-v2/icon/variants/IconGift.svelte generated by Svelte v3.53.1 */
12360
+
12361
+ function create_fragment$a(ctx) {
12362
+ let svg;
12363
+ let path;
12364
+
12365
+ return {
12366
+ c() {
12367
+ svg = svg_element("svg");
12368
+ path = svg_element("path");
12369
+ attr(path, "fill", /*color*/ ctx[0]);
12370
+ attr(path, "d", "M190.5 68.8L225.3 128H224 152c-22.1 0-40-17.9-40-40s17.9-40 40-40h2.2c14.9 0 28.8 7.9 36.3 20.8zM64 88c0 14.4 3.5 28 9.6 40H32c-17.7 0-32 14.3-32 32v64c0 17.7 14.3 32 32 32H480c17.7 0 32-14.3 32-32V160c0-17.7-14.3-32-32-32H438.4c6.1-12 9.6-25.6 9.6-40c0-48.6-39.4-88-88-88h-2.2c-31.9 0-61.5 16.9-77.7 44.4L256 85.5l-24.1-41C215.7 16.9 186.1 0 154.2 0H152C103.4 0 64 39.4 64 88zm336 0c0 22.1-17.9 40-40 40H288h-1.3l34.8-59.2C329.1 55.9 342.9 48 357.8 48H360c22.1 0 40 17.9 40 40zM32 288V464c0 26.5 21.5 48 48 48H224V288H32zM288 512H432c26.5 0 48-21.5 48-48V288H288V512z");
12371
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
12372
+ set_style(svg, "width", "100%");
12373
+ set_style(svg, "height", "100%");
12374
+ attr(svg, "viewBox", "0 0 512 512");
12375
+ },
12376
+ m(target, anchor) {
12377
+ insert(target, svg, anchor);
12378
+ append(svg, path);
12379
+ },
12380
+ p(ctx, [dirty]) {
12381
+ if (dirty & /*color*/ 1) {
12382
+ attr(path, "fill", /*color*/ ctx[0]);
12383
+ }
12384
+ },
12385
+ i: noop,
12386
+ o: noop,
12387
+ d(detaching) {
12388
+ if (detaching) detach(svg);
12389
+ }
12390
+ };
12391
+ }
12392
+
12393
+ function instance$a($$self, $$props, $$invalidate) {
12394
+ let { color } = $$props;
12395
+
12396
+ $$self.$$set = $$props => {
12397
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
12398
+ };
12399
+
12400
+ return [color];
12401
+ }
12402
+
12403
+ class IconGift extends SvelteComponent {
12404
+ constructor(options) {
12405
+ super();
12406
+ init(this, options, instance$a, create_fragment$a, safe_not_equal, { color: 0 });
12407
+ }
12408
+ }
12409
+
12410
+ /* src/components-v2/icon/variants/IconPaperclip.svelte generated by Svelte v3.53.1 */
12411
+
12412
+ function create_fragment$9(ctx) {
12413
+ let svg;
12414
+ let path;
12415
+
12416
+ return {
12417
+ c() {
12418
+ svg = svg_element("svg");
12419
+ path = svg_element("path");
12420
+ attr(path, "fill", /*color*/ ctx[0]);
12421
+ attr(path, "d", "M364.2 83.8c-24.4-24.4-64-24.4-88.4 0l-184 184c-42.1 42.1-42.1 110.3 0 152.4s110.3 42.1 152.4 0l152-152c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-152 152c-64 64-167.6 64-231.6 0s-64-167.6 0-231.6l184-184c46.3-46.3 121.3-46.3 167.6 0s46.3 121.3 0 167.6l-176 176c-28.6 28.6-75 28.6-103.6 0s-28.6-75 0-103.6l144-144c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-144 144c-6.7 6.7-6.7 17.7 0 24.4s17.7 6.7 24.4 0l176-176c24.4-24.4 24.4-64 0-88.4z");
12422
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
12423
+ attr(svg, "width", "100%");
12424
+ attr(svg, "height", "100%");
12425
+ attr(svg, "viewBox", "0 0 448 512");
12426
+ },
12427
+ m(target, anchor) {
12428
+ insert(target, svg, anchor);
12429
+ append(svg, path);
12430
+ },
12431
+ p(ctx, [dirty]) {
12432
+ if (dirty & /*color*/ 1) {
12433
+ attr(path, "fill", /*color*/ ctx[0]);
12434
+ }
12435
+ },
12436
+ i: noop,
12437
+ o: noop,
12438
+ d(detaching) {
12439
+ if (detaching) detach(svg);
12440
+ }
12441
+ };
12442
+ }
12443
+
12444
+ function instance$9($$self, $$props, $$invalidate) {
12445
+ let { color } = $$props;
12446
+
12447
+ $$self.$$set = $$props => {
12448
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
12449
+ };
12450
+
12451
+ return [color];
12452
+ }
12453
+
12454
+ class IconPaperclip extends SvelteComponent {
12455
+ constructor(options) {
12456
+ super();
12457
+ init(this, options, instance$9, create_fragment$9, safe_not_equal, { color: 0 });
12458
+ }
12459
+ }
12460
+
12461
+ /* src/components-v2/icon/variants/IconFire.svelte generated by Svelte v3.53.1 */
12462
+
12463
+ function create_fragment$8(ctx) {
12464
+ let svg;
12465
+ let path;
12466
+
12467
+ return {
12468
+ c() {
12469
+ svg = svg_element("svg");
12470
+ path = svg_element("path");
12471
+ attr(path, "fill", /*color*/ ctx[0]);
12472
+ attr(path, "d", "M159.3 5.4c7.8-7.3 19.9-7.2 27.7 .1c27.6 25.9 53.5 53.8 77.7 84c11-14.4 23.5-30.1 37-42.9c7.9-7.4 20.1-7.4 28 .1c34.6 33 63.9 76.6 84.5 118c20.3 40.8 33.8 82.5 33.8 111.9C448 404.2 348.2 512 224 512C98.4 512 0 404.1 0 276.5c0-38.4 17.8-85.3 45.4-131.7C73.3 97.7 112.7 48.6 159.3 5.4zM225.7 416c25.3 0 47.7-7 68.8-21c42.1-29.4 53.4-88.2 28.1-134.4c-4.5-9-16-9.6-22.5-2l-25.2 29.3c-6.6 7.6-18.5 7.4-24.7-.5c-16.5-21-46-58.5-62.8-79.8c-6.3-8-18.3-8.1-24.7-.1c-33.8 42.5-50.8 69.3-50.8 99.4C112 375.4 162.6 416 225.7 416z");
12473
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
12474
+ attr(svg, "width", "100%");
12475
+ attr(svg, "height", "100%");
12476
+ attr(svg, "viewBox", "0 0 448 512");
12477
+ },
12478
+ m(target, anchor) {
12479
+ insert(target, svg, anchor);
12480
+ append(svg, path);
12481
+ },
12482
+ p(ctx, [dirty]) {
12483
+ if (dirty & /*color*/ 1) {
12484
+ attr(path, "fill", /*color*/ ctx[0]);
12485
+ }
12486
+ },
12487
+ i: noop,
12488
+ o: noop,
12489
+ d(detaching) {
12490
+ if (detaching) detach(svg);
12491
+ }
12492
+ };
12493
+ }
12494
+
12495
+ function instance$8($$self, $$props, $$invalidate) {
12496
+ let { color } = $$props;
12497
+
12498
+ $$self.$$set = $$props => {
12499
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
12500
+ };
12501
+
12502
+ return [color];
12503
+ }
12504
+
12505
+ class IconFire extends SvelteComponent {
12506
+ constructor(options) {
12507
+ super();
12508
+ init(this, options, instance$8, create_fragment$8, safe_not_equal, { color: 0 });
12509
+ }
12510
+ }
12511
+
12512
+ /* src/components-v2/icon/variants/IconLink.svelte generated by Svelte v3.53.1 */
12513
+
12514
+ function create_fragment$7(ctx) {
12515
+ let svg;
12516
+ let path;
12517
+
12518
+ return {
12519
+ c() {
12520
+ svg = svg_element("svg");
12521
+ path = svg_element("path");
12522
+ attr(path, "fill", /*color*/ ctx[0]);
12523
+ attr(path, "d", "M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z");
12524
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
12525
+ attr(svg, "width", "100%");
12526
+ attr(svg, "height", "100%");
12527
+ attr(svg, "viewBox", "0 0 640 512");
12528
+ },
12529
+ m(target, anchor) {
12530
+ insert(target, svg, anchor);
12531
+ append(svg, path);
12532
+ },
12533
+ p(ctx, [dirty]) {
12534
+ if (dirty & /*color*/ 1) {
12535
+ attr(path, "fill", /*color*/ ctx[0]);
12536
+ }
12537
+ },
12538
+ i: noop,
12539
+ o: noop,
12540
+ d(detaching) {
12541
+ if (detaching) detach(svg);
12542
+ }
12543
+ };
12544
+ }
12545
+
12546
+ function instance$7($$self, $$props, $$invalidate) {
12547
+ let { color } = $$props;
12548
+
12549
+ $$self.$$set = $$props => {
12550
+ if ('color' in $$props) $$invalidate(0, color = $$props.color);
12551
+ };
12552
+
12553
+ return [color];
12554
+ }
12555
+
12556
+ class IconLink extends SvelteComponent {
12557
+ constructor(options) {
12558
+ super();
12559
+ init(this, options, instance$7, create_fragment$7, safe_not_equal, { color: 0 });
12560
+ }
12561
+ }
12562
+
12563
+ const ICON_SIZE = {
12564
+ x_small: {
12565
+ label: 'X Small',
12566
+ value: '12px',
12567
+ },
12568
+ small: {
12569
+ label: 'Small',
12570
+ value: '16px',
12571
+ },
12572
+ medium: {
12573
+ label: 'Medium',
12574
+ value: '20px',
12575
+ },
12576
+ large: {
12577
+ label: 'Large',
12578
+ value: '24px',
12579
+ },
12580
+ x_large: {
12581
+ label: 'X Large',
12582
+ value: '32px',
12583
+ },
12584
+ x2_large: {
12585
+ label: '2X Large',
12586
+ value: '40px',
12587
+ },
12588
+ x3_large: {
12589
+ label: '3X Large',
12590
+ value: '48px',
12591
+ },
12592
+ };
12593
+ const ICON_VARIANTS = {
12594
+ arrow_down: IconArrowDown,
12595
+ arrow_up: IconArrowUp,
12596
+ arrow_left: IconArrowLeft,
12597
+ arrow_right: IconArrowRight,
12598
+ arrow_up_from_square: IconArrowUpFromSquare,
12599
+ bell: IconBell,
12600
+ cart_shopping: IconCartShopping,
12601
+ check: IconCheck,
12602
+ circle: IconCircle,
12603
+ circle_info: IconCircleInfo,
12604
+ circle_question: IconCircleQuestion,
12605
+ circle_x_mark: IconCircleXMark,
12606
+ copy: IconCopy,
12607
+ envelope: IconEnvelope,
12608
+ // facebook: IconFacebook,
12609
+ fire: IconFire,
12610
+ gift: IconGift,
12611
+ heart: IconHeart,
12612
+ link: IconLink,
12613
+ magnifying_grass: IconMagnifyingGrass,
12614
+ paperclip: IconPaperclip,
12615
+ paper_plane: IconPaperPlane,
12616
+ star: IconStar,
12617
+ ticket: IconTicket,
12618
+ truck: IconTrack,
12619
+ users: IconUsers,
12620
+ x_mark: IconXMark,
12621
+ };
12622
+ // @ts-ignore
12623
+ [
12624
+ {
12625
+ id: 'variant',
12626
+ name: 'アイコン',
12627
+ type: 'icon',
12628
+ },
12629
+ {
12630
+ id: 'color',
12631
+ name: 'カラー',
12632
+ type: 'color',
12633
+ },
12634
+ {
12635
+ id: 'size',
12636
+ name: 'サイズ',
12637
+ type: 'select',
12638
+ options: Object.keys(ICON_SIZE).map(key => ({
12639
+ label: ICON_SIZE[key].label,
12640
+ value: ICON_SIZE[key].value,
12641
+ })),
12642
+ },
12643
+ ];
12644
+
12645
+ const toHyphenCase = (str) => {
12646
+ let result = str.replace(/_/g, '-');
12647
+ result = result.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
12648
+ return result;
12649
+ };
12650
+ const objToStyle = (obj) => {
12651
+ const styles = Object.entries(obj)
12652
+ .map(([key, value]) => {
12653
+ if (value === undefined)
12654
+ return '';
12655
+ return `${toHyphenCase(key)}: ${value};`;
12656
+ })
12657
+ .filter(v => v !== '');
12658
+ return styles.join(' ');
12659
+ };
12660
+
12661
+ /* src/components-v2/icon/Icon.svelte generated by Svelte v3.53.1 */
12662
+
12663
+ function create_if_block$3(ctx) {
12664
+ let div;
12665
+ let switch_instance;
12666
+ let div_style_value;
12667
+ let current;
12668
+ var switch_value = /*IconComponent*/ ctx[3];
12669
+
12670
+ function switch_props(ctx) {
12671
+ return {
12672
+ props: { color: /*props*/ ctx[1].color ?? '#333' }
12673
+ };
12674
+ }
12675
+
12676
+ if (switch_value) {
12677
+ switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
12678
+ }
12679
+
12680
+ return {
12681
+ c() {
12682
+ div = element("div");
12683
+ if (switch_instance) create_component(switch_instance.$$.fragment);
12684
+ attr(div, "data-layer-id", /*layerId*/ ctx[0]);
12685
+ attr(div, "data-component-id", "icon");
12686
+ attr(div, "style", div_style_value = [/*style*/ ctx[4], /*overrideStyle*/ ctx[2]].join(' '));
12687
+ },
12688
+ m(target, anchor) {
12689
+ insert(target, div, anchor);
12690
+ if (switch_instance) mount_component(switch_instance, div, null);
12691
+ current = true;
12692
+ },
12693
+ p(ctx, dirty) {
12694
+ const switch_instance_changes = {};
12695
+ if (dirty & /*props*/ 2) switch_instance_changes.color = /*props*/ ctx[1].color ?? '#333';
12696
+
12697
+ if (switch_value !== (switch_value = /*IconComponent*/ ctx[3])) {
12698
+ if (switch_instance) {
12699
+ group_outros();
12700
+ const old_component = switch_instance;
12701
+
12702
+ transition_out(old_component.$$.fragment, 1, 0, () => {
12703
+ destroy_component(old_component, 1);
12704
+ });
12705
+
12706
+ check_outros();
12707
+ }
12708
+
12709
+ if (switch_value) {
12710
+ switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
12711
+ create_component(switch_instance.$$.fragment);
12712
+ transition_in(switch_instance.$$.fragment, 1);
12713
+ mount_component(switch_instance, div, null);
12714
+ } else {
12715
+ switch_instance = null;
12716
+ }
12717
+ } else if (switch_value) {
12718
+ switch_instance.$set(switch_instance_changes);
12719
+ }
12720
+
12721
+ if (!current || dirty & /*layerId*/ 1) {
12722
+ attr(div, "data-layer-id", /*layerId*/ ctx[0]);
12723
+ }
12724
+
12725
+ if (!current || dirty & /*style, overrideStyle*/ 20 && div_style_value !== (div_style_value = [/*style*/ ctx[4], /*overrideStyle*/ ctx[2]].join(' '))) {
12726
+ attr(div, "style", div_style_value);
12727
+ }
12728
+ },
12729
+ i(local) {
12730
+ if (current) return;
12731
+ if (switch_instance) transition_in(switch_instance.$$.fragment, local);
12732
+ current = true;
12733
+ },
12734
+ o(local) {
12735
+ if (switch_instance) transition_out(switch_instance.$$.fragment, local);
12736
+ current = false;
12737
+ },
12738
+ d(detaching) {
12739
+ if (detaching) detach(div);
12740
+ if (switch_instance) destroy_component(switch_instance);
12741
+ }
12742
+ };
12743
+ }
12744
+
12745
+ function create_fragment$6(ctx) {
12746
+ let if_block_anchor;
12747
+ let current;
12748
+ let if_block = /*IconComponent*/ ctx[3] && create_if_block$3(ctx);
12749
+
12750
+ return {
12751
+ c() {
12752
+ if (if_block) if_block.c();
12753
+ if_block_anchor = empty();
12754
+ },
12755
+ m(target, anchor) {
12756
+ if (if_block) if_block.m(target, anchor);
12757
+ insert(target, if_block_anchor, anchor);
12758
+ current = true;
12759
+ },
12760
+ p(ctx, [dirty]) {
12761
+ if (/*IconComponent*/ ctx[3]) {
12762
+ if (if_block) {
12763
+ if_block.p(ctx, dirty);
12764
+
12765
+ if (dirty & /*IconComponent*/ 8) {
12766
+ transition_in(if_block, 1);
12767
+ }
12768
+ } else {
12769
+ if_block = create_if_block$3(ctx);
12770
+ if_block.c();
12771
+ transition_in(if_block, 1);
12772
+ if_block.m(if_block_anchor.parentNode, if_block_anchor);
12773
+ }
12774
+ } else if (if_block) {
12775
+ group_outros();
12776
+
12777
+ transition_out(if_block, 1, 1, () => {
12778
+ if_block = null;
12779
+ });
12780
+
12781
+ check_outros();
12782
+ }
12783
+ },
12784
+ i(local) {
12785
+ if (current) return;
12786
+ transition_in(if_block);
12787
+ current = true;
12788
+ },
12789
+ o(local) {
12790
+ transition_out(if_block);
12791
+ current = false;
12792
+ },
12793
+ d(detaching) {
12794
+ if (if_block) if_block.d(detaching);
12795
+ if (detaching) detach(if_block_anchor);
12796
+ }
12797
+ };
12798
+ }
12799
+
12800
+ function instance$6($$self, $$props, $$invalidate) {
12801
+ let style;
12802
+ let IconComponent;
12803
+ let { layerId } = $$props;
12804
+ let { props = {} } = $$props;
12805
+ let { overrideStyle } = $$props;
12806
+
12807
+ $$self.$$set = $$props => {
12808
+ if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
12809
+ if ('props' in $$props) $$invalidate(1, props = $$props.props);
12810
+ if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
12811
+ };
12812
+
12813
+ $$self.$$.update = () => {
12814
+ if ($$self.$$.dirty & /*props*/ 2) {
12815
+ $$invalidate(4, style = objToStyle({
12816
+ display: 'inline-flex',
12817
+ alignItems: 'center',
12818
+ overflow: 'hidden',
12819
+ width: 'auto',
12820
+ minWidth: props.size,
12821
+ height: props.size
12822
+ }));
12823
+ }
12824
+
12825
+ if ($$self.$$.dirty & /*props*/ 2) {
12826
+ $$invalidate(3, IconComponent = ICON_VARIANTS[props.variant] ?? undefined);
12827
+ }
12828
+ };
12829
+
12830
+ return [layerId, props, overrideStyle, IconComponent, style];
12831
+ }
12832
+
12833
+ class Icon extends SvelteComponent {
12834
+ constructor(options) {
12835
+ super();
12836
+ init(this, options, instance$6, create_fragment$6, safe_not_equal, { layerId: 0, props: 1, overrideStyle: 2 });
12837
+ }
12838
+ }
12839
+
12840
+ /* src/components-v2/button/Button.svelte generated by Svelte v3.53.1 */
12841
+
12842
+ function add_css(target) {
12843
+ append_styles(target, "svelte-i9kun1", ".v2-button.svelte-i9kun1{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.v2-button-icon.svelte-i9kun1{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
12844
+ }
12845
+
12846
+ // (128:2) {#if (props.isIcon && props.iconVariant)}
12847
+ function create_if_block$2(ctx) {
12848
+ let div;
12849
+ let icon;
12850
+ let current;
12851
+
12852
+ icon = new Icon({
12853
+ props: {
12854
+ layerId: undefined,
12855
+ overrideStyle: undefined,
12856
+ props: {
12857
+ variant: /*props*/ ctx[1].iconVariant,
12858
+ size: '1em',
12859
+ color: /*VARIANTS*/ ctx[4].color[/*props*/ ctx[1].color ?? 'default'].color
12860
+ }
12861
+ }
12862
+ });
12863
+
12864
+ return {
12865
+ c() {
12866
+ div = element("div");
12867
+ create_component(icon.$$.fragment);
12868
+ attr(div, "class", "v2-button-icon svelte-i9kun1");
12869
+ },
12870
+ m(target, anchor) {
12871
+ insert(target, div, anchor);
12872
+ mount_component(icon, div, null);
12873
+ current = true;
12874
+ },
12875
+ p(ctx, dirty) {
12876
+ const icon_changes = {};
12877
+
12878
+ if (dirty & /*props*/ 2) icon_changes.props = {
12879
+ variant: /*props*/ ctx[1].iconVariant,
12880
+ size: '1em',
12881
+ color: /*VARIANTS*/ ctx[4].color[/*props*/ ctx[1].color ?? 'default'].color
12882
+ };
12883
+
12884
+ icon.$set(icon_changes);
12885
+ },
12886
+ i(local) {
12887
+ if (current) return;
12888
+ transition_in(icon.$$.fragment, local);
12889
+ current = true;
12890
+ },
12891
+ o(local) {
12892
+ transition_out(icon.$$.fragment, local);
12893
+ current = false;
12894
+ },
12895
+ d(detaching) {
12896
+ if (detaching) detach(div);
12897
+ destroy_component(icon);
12898
+ }
12899
+ };
12900
+ }
12901
+
12902
+ function create_fragment$5(ctx) {
12903
+ let button;
12904
+ let t0;
12905
+ let span;
12906
+ let t1_value = /*props*/ ctx[1].label + "";
12907
+ let t1;
12908
+ let button_style_value;
12909
+ let current;
12910
+ let mounted;
12911
+ let dispose;
12912
+ let if_block = /*props*/ ctx[1].isIcon && /*props*/ ctx[1].iconVariant && create_if_block$2(ctx);
12913
+
12914
+ return {
12915
+ c() {
12916
+ button = element("button");
12917
+ if (if_block) if_block.c();
12918
+ t0 = space();
12919
+ span = element("span");
12920
+ t1 = text(t1_value);
12921
+ attr(button, "data-layer-id", /*layerId*/ ctx[0]);
12922
+ attr(button, "style", button_style_value = [/*style*/ ctx[3], /*overrideStyle*/ ctx[2]].join(' '));
12923
+ attr(button, "class", "v2-button svelte-i9kun1");
12924
+ },
12925
+ m(target, anchor) {
12926
+ insert(target, button, anchor);
12927
+ if (if_block) if_block.m(button, null);
12928
+ append(button, t0);
12929
+ append(button, span);
12930
+ append(span, t1);
12931
+ current = true;
12932
+
12933
+ if (!mounted) {
12934
+ dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[5]));
12935
+ mounted = true;
12936
+ }
12937
+ },
12938
+ p(ctx, [dirty]) {
12939
+ if (/*props*/ ctx[1].isIcon && /*props*/ ctx[1].iconVariant) {
12940
+ if (if_block) {
12941
+ if_block.p(ctx, dirty);
12942
+
12943
+ if (dirty & /*props*/ 2) {
12944
+ transition_in(if_block, 1);
12945
+ }
12946
+ } else {
12947
+ if_block = create_if_block$2(ctx);
12948
+ if_block.c();
12949
+ transition_in(if_block, 1);
12950
+ if_block.m(button, t0);
12951
+ }
12952
+ } else if (if_block) {
12953
+ group_outros();
12954
+
12955
+ transition_out(if_block, 1, 1, () => {
12956
+ if_block = null;
12957
+ });
12958
+
12959
+ check_outros();
12960
+ }
12961
+
12962
+ if ((!current || dirty & /*props*/ 2) && t1_value !== (t1_value = /*props*/ ctx[1].label + "")) set_data(t1, t1_value);
12963
+
12964
+ if (!current || dirty & /*layerId*/ 1) {
12965
+ attr(button, "data-layer-id", /*layerId*/ ctx[0]);
12966
+ }
12967
+
12968
+ if (!current || dirty & /*style, overrideStyle*/ 12 && button_style_value !== (button_style_value = [/*style*/ ctx[3], /*overrideStyle*/ ctx[2]].join(' '))) {
12969
+ attr(button, "style", button_style_value);
12970
+ }
12971
+ },
12972
+ i(local) {
12973
+ if (current) return;
12974
+ transition_in(if_block);
12975
+ current = true;
12976
+ },
12977
+ o(local) {
12978
+ transition_out(if_block);
12979
+ current = false;
12980
+ },
12981
+ d(detaching) {
12982
+ if (detaching) detach(button);
12983
+ if (if_block) if_block.d();
12984
+ mounted = false;
12985
+ dispose();
12986
+ }
12987
+ };
12988
+ }
12989
+
12990
+ function instance$5($$self, $$props, $$invalidate) {
12991
+ let style;
12992
+ let { layerId = '' } = $$props;
12993
+ let { onClick = { operation: 'none', args: [] } } = $$props;
12994
+ let { eventName = '' } = $$props;
12995
+ let { eventValue = undefined } = $$props;
12996
+ let { props = {} } = $$props;
12997
+ let { overrideStyle } = $$props;
12998
+
12999
+ const VARIANTS = {
13000
+ size: {
13001
+ extra_small: {
13002
+ minHeight: '32px',
13003
+ paddingInline: '12px',
13004
+ fontSize: '12px',
13005
+ paddingBlock: '8px',
13006
+ lineHeight: 1.5,
13007
+ borderRadius: '4px'
13008
+ },
13009
+ small: {
13010
+ minHeight: '36px',
13011
+ paddingInline: '16px',
13012
+ fontSize: '13px',
13013
+ paddingBlock: '8px',
13014
+ lineHeight: 1.5,
13015
+ borderRadius: '4px'
13016
+ },
13017
+ // 'min-h-10 px-6 text-sm py-2 leading-[150%]'
13018
+ medium: {
13019
+ minHeight: '40px',
13020
+ paddingInline: '24px',
13021
+ fontSize: '14px',
13022
+ paddingBlock: '8px',
13023
+ lineHeight: 1.5,
13024
+ borderRadius: '4px'
13025
+ },
13026
+ // 'min-h-14 px-8 text-lg py-3 leading-[150%]'
13027
+ large: {
13028
+ minHeight: '48px',
13029
+ paddingInline: '32px',
13030
+ fontSize: '16px',
13031
+ paddingBlock: '10px',
13032
+ lineHeight: 1.5,
13033
+ borderRadius: '4px'
13034
+ },
13035
+ extra_large: {
13036
+ minHeight: '56px',
13037
+ paddingInline: '40px',
13038
+ fontSize: '17px',
13039
+ paddingBlock: '12px',
13040
+ lineHeight: 1.5,
13041
+ borderRadius: '4px'
13042
+ }
13043
+ },
13044
+ color: {
13045
+ theme: {
13046
+ backgroundColor: 'rgba(18,160,160,1)',
13047
+ color: '#FFFFFF',
13048
+ fontWeight: 'bold'
13049
+ },
13050
+ default: {
13051
+ backgroundColor: '#33403e',
13052
+ color: '#FFFFFF',
13053
+ fontWeight: 'bold'
13054
+ }, // 'bg-action-default hover:bg-action-default-hover text-default'
13055
+ transparent: {
13056
+ backgroundColor: 'rgba(255, 255, 255, 0)',
13057
+ color: '#00100ea1',
13058
+ fontWeight: 'bold'
13059
+ }, // 'bg-action-default hover:bg-action-default-hover text-default'
13060
+ alert: {
13061
+ backgroundColor: 'rgb(242,83,32,1)',
13062
+ color: '#FFFFFF',
13063
+ fontWeight: 'bold'
13064
+ }, // 'bg-negative hover:bg-negative-hover text-primitive-white font-bold'
13065
+
13066
+ },
13067
+ round: {
13068
+ none: { borderRadius: 0 },
13069
+ default: {},
13070
+ fulled: { borderRadius: '56px' }
13071
+ },
13072
+ wrap: {
13073
+ nowrap: { whiteSpace: 'nowrap' },
13074
+ wrap: { whiteSpace: 'pre-wrap' }
13075
+ }
13076
+ };
13077
+
13078
+ function handleClick() {
13079
+ if (eventName) {
13080
+ send_event(eventName, eventValue);
13081
+ }
13082
+
13083
+ execOnClickOperation(onClick);
13084
+ }
13085
+
13086
+ $$self.$$set = $$props => {
13087
+ if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
13088
+ if ('onClick' in $$props) $$invalidate(6, onClick = $$props.onClick);
13089
+ if ('eventName' in $$props) $$invalidate(7, eventName = $$props.eventName);
13090
+ if ('eventValue' in $$props) $$invalidate(8, eventValue = $$props.eventValue);
13091
+ if ('props' in $$props) $$invalidate(1, props = $$props.props);
13092
+ if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
13093
+ };
13094
+
13095
+ $$self.$$.update = () => {
13096
+ if ($$self.$$.dirty & /*props*/ 2) {
13097
+ $$invalidate(3, style = objToStyle({
13098
+ ...{
13099
+ display: 'inline-flex',
13100
+ gap: '0.65em',
13101
+ alignItems: 'center',
13102
+ justifyContent: 'center',
13103
+ outline: 0,
13104
+ border: 0,
13105
+ transition: 'background-color 0.12s, border-color 0.12s, color 0.12s'
13106
+ },
13107
+ width: props.width,
13108
+ ...VARIANTS.size[props.size ?? 'medium'],
13109
+ ...VARIANTS.color[props.color ?? 'default'],
13110
+ ...VARIANTS.wrap[props.wrap ?? 'nowrap'],
13111
+ ...VARIANTS.round[props.round ?? 'default'],
13112
+ ...props.iconAngle
13113
+ ? { flexDirection: props.iconAngle }
13114
+ : {}
13115
+ }));
13116
+ }
13117
+ };
13118
+
13119
+ return [
13120
+ layerId,
13121
+ props,
13122
+ overrideStyle,
13123
+ style,
13124
+ VARIANTS,
13125
+ handleClick,
13126
+ onClick,
13127
+ eventName,
13128
+ eventValue
13129
+ ];
13130
+ }
13131
+
13132
+ class Button extends SvelteComponent {
13133
+ constructor(options) {
13134
+ super();
13135
+
13136
+ init(
13137
+ this,
13138
+ options,
13139
+ instance$5,
13140
+ create_fragment$5,
13141
+ safe_not_equal,
13142
+ {
13143
+ layerId: 0,
13144
+ onClick: 6,
13145
+ eventName: 7,
13146
+ eventValue: 8,
13147
+ props: 1,
13148
+ overrideStyle: 2
13149
+ },
13150
+ add_css
13151
+ );
13152
+ }
13153
+ }
13154
+
13155
+ const toCssBorder = (p) => {
13156
+ return {
13157
+ borderStyle: p?.style,
13158
+ borderColor: p?.color,
13159
+ borderWidth: p ? `${p.size}px` : undefined,
13160
+ };
13161
+ };
13162
+ const toCssPosition = (p) => {
13163
+ return {
13164
+ position: p?.position ?? 'static',
13165
+ top: p?.top,
13166
+ left: p?.left,
13167
+ bottom: p?.bottom,
13168
+ right: p?.right,
13169
+ };
13170
+ };
13171
+
13172
+ /* src/components-v2/layout/Layout.svelte generated by Svelte v3.53.1 */
13173
+
13174
+ function create_fragment$4(ctx) {
13175
+ let div;
13176
+ let current;
13177
+ const default_slot_template = /*#slots*/ ctx[4].default;
13178
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[3], null);
13179
+
13180
+ return {
13181
+ c() {
13182
+ div = element("div");
13183
+ if (default_slot) default_slot.c();
13184
+ attr(div, "data-layer-id", /*layerId*/ ctx[0]);
13185
+ attr(div, "data-component-name", "layout");
13186
+ attr(div, "style", /*style*/ ctx[1]);
13187
+ },
13188
+ m(target, anchor) {
13189
+ insert(target, div, anchor);
13190
+
13191
+ if (default_slot) {
13192
+ default_slot.m(div, null);
13193
+ }
13194
+
13195
+ current = true;
13196
+ },
13197
+ p(ctx, [dirty]) {
13198
+ if (default_slot) {
13199
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 8)) {
13200
+ update_slot_base(
13201
+ default_slot,
13202
+ default_slot_template,
13203
+ ctx,
13204
+ /*$$scope*/ ctx[3],
13205
+ !current
13206
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[3])
13207
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[3], dirty, null),
13208
+ null
13209
+ );
13210
+ }
13211
+ }
13212
+
13213
+ if (!current || dirty & /*layerId*/ 1) {
13214
+ attr(div, "data-layer-id", /*layerId*/ ctx[0]);
13215
+ }
13216
+
13217
+ if (!current || dirty & /*style*/ 2) {
13218
+ attr(div, "style", /*style*/ ctx[1]);
13219
+ }
13220
+ },
13221
+ i(local) {
13222
+ if (current) return;
13223
+ transition_in(default_slot, local);
13224
+ current = true;
13225
+ },
13226
+ o(local) {
13227
+ transition_out(default_slot, local);
13228
+ current = false;
13229
+ },
13230
+ d(detaching) {
13231
+ if (detaching) detach(div);
13232
+ if (default_slot) default_slot.d(detaching);
13233
+ }
13234
+ };
13235
+ }
13236
+
13237
+ function instance$4($$self, $$props, $$invalidate) {
13238
+ let style;
13239
+ let { $$slots: slots = {}, $$scope } = $$props;
13240
+ let { layerId = undefined } = $$props;
13241
+ let { props = {} } = $$props;
13242
+
13243
+ $$self.$$set = $$props => {
13244
+ if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
13245
+ if ('props' in $$props) $$invalidate(2, props = $$props.props);
13246
+ if ('$$scope' in $$props) $$invalidate(3, $$scope = $$props.$$scope);
13247
+ };
13248
+
13249
+ $$self.$$.update = () => {
13250
+ if ($$self.$$.dirty & /*props*/ 4) {
13251
+ $$invalidate(1, style = objToStyle({
13252
+ display: props.display ?? 'flex',
13253
+ flexDirection: props.direction,
13254
+ alignItems: props.align,
13255
+ justifyContent: props.justify,
13256
+ rowGap: props.rowGap,
13257
+ columnGap: props.columnGap,
13258
+ backgroundColor: props.backgroundColor,
13259
+ boxShadow: props.shadow,
13260
+ paddingTop: props.paddingTop,
13261
+ paddingLeft: props.paddingLeft,
13262
+ paddingRight: props.paddingRight,
13263
+ paddingBottom: props.paddingBottom,
13264
+ borderRadius: props.borderRadius,
13265
+ width: props.width,
13266
+ ...toCssPosition(props),
13267
+ ...toCssBorder(props.border),
13268
+ ...props.backgroundImage && {
13269
+ backgroundImage: `url(${props.backgroundImage})`,
13270
+ backgroundSize: 'cover'
13271
+ }
13272
+ }));
13273
+ }
13274
+ };
13275
+
13276
+ return [layerId, style, props, $$scope, slots];
13277
+ }
13278
+
13279
+ class Layout extends SvelteComponent {
13280
+ constructor(options) {
13281
+ super();
13282
+ init(this, options, instance$4, create_fragment$4, safe_not_equal, { layerId: 0, props: 2 });
13283
+ }
13284
+ }
13285
+
13286
+ /* src/components-v2/text/Text.svelte generated by Svelte v3.53.1 */
13287
+
13288
+ function create_fragment$3(ctx) {
13289
+ let p;
13290
+
13291
+ return {
13292
+ c() {
13293
+ p = element("p");
13294
+ attr(p, "data-layer-id", /*layerId*/ ctx[0]);
13295
+ attr(p, "style", /*style*/ ctx[1]);
13296
+ },
13297
+ m(target, anchor) {
13298
+ insert(target, p, anchor);
13299
+ p.innerHTML = /*escapedHTML*/ ctx[2];
13300
+ },
13301
+ p(ctx, [dirty]) {
13302
+ if (dirty & /*escapedHTML*/ 4) p.innerHTML = /*escapedHTML*/ ctx[2];
13303
+ if (dirty & /*layerId*/ 1) {
13304
+ attr(p, "data-layer-id", /*layerId*/ ctx[0]);
13305
+ }
13306
+
13307
+ if (dirty & /*style*/ 2) {
13308
+ attr(p, "style", /*style*/ ctx[1]);
13309
+ }
13310
+ },
13311
+ i: noop,
13312
+ o: noop,
13313
+ d(detaching) {
13314
+ if (detaching) detach(p);
13315
+ }
13316
+ };
13317
+ }
13318
+
13319
+ function instance$3($$self, $$props, $$invalidate) {
13320
+ let escapedHTML;
13321
+ let style;
13322
+ let { layerId } = $$props;
13323
+ let { props = {} } = $$props;
13324
+
13325
+ $$self.$$set = $$props => {
13326
+ if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
13327
+ if ('props' in $$props) $$invalidate(3, props = $$props.props);
13328
+ };
13329
+
13330
+ $$self.$$.update = () => {
13331
+ if ($$self.$$.dirty & /*props*/ 8) {
13332
+ $$invalidate(2, escapedHTML = props.content.replace(/&/g, '&lt;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#x27;').replace(/\n/g, '<br />'));
13333
+ }
13334
+
13335
+ if ($$self.$$.dirty & /*props*/ 8) {
13336
+ $$invalidate(1, style = objToStyle({
13337
+ margin: 0,
13338
+ position: props?.position ?? 'static',
13339
+ fontWeight: props.fontWeight,
13340
+ fontSize: props.fontSize,
13341
+ textAlign: props.align,
13342
+ wordBreak: 'break-all',
13343
+ backgroundColor: props.backgroundColor,
13344
+ paddingTop: props.paddingTop,
13345
+ paddingLeft: props.paddingLeft,
13346
+ paddingRight: props.paddingRight,
13347
+ paddingBottom: props.paddingBottom,
13348
+ borderRadius: props.borderRadius,
13349
+ width: props.width,
13350
+ ...toCssPosition(props)
13351
+ }));
13352
+ }
13353
+ };
13354
+
13355
+ return [layerId, style, escapedHTML, props];
13356
+ }
13357
+
13358
+ class Text extends SvelteComponent {
13359
+ constructor(options) {
13360
+ super();
13361
+ init(this, options, instance$3, create_fragment$3, safe_not_equal, { layerId: 0, props: 3 });
13362
+ }
13363
+ }
13364
+
13365
+ /* src/components-v2/avatar/Avatar.svelte generated by Svelte v3.53.1 */
13366
+
13367
+ function create_if_block$1(ctx) {
13368
+ let div;
13369
+ let img;
13370
+ let img_src_value;
13371
+ let div_style_value;
13372
+
13373
+ return {
13374
+ c() {
13375
+ div = element("div");
13376
+ img = element("img");
13377
+ if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[1].image)) attr(img, "src", img_src_value);
13378
+ attr(img, "alt", "");
13379
+ attr(img, "style", /*imgStyle*/ ctx[3]);
13380
+ attr(div, "data-layer-id", /*layerId*/ ctx[0]);
13381
+ attr(div, "data-component-id", "avatar");
13382
+ attr(div, "style", div_style_value = [/*style*/ ctx[4], /*overrideStyle*/ ctx[2]].join(' '));
13383
+ },
13384
+ m(target, anchor) {
13385
+ insert(target, div, anchor);
13386
+ append(div, img);
13387
+ },
13388
+ p(ctx, dirty) {
13389
+ if (dirty & /*props*/ 2 && !src_url_equal(img.src, img_src_value = /*props*/ ctx[1].image)) {
13390
+ attr(img, "src", img_src_value);
13391
+ }
13392
+
13393
+ if (dirty & /*imgStyle*/ 8) {
13394
+ attr(img, "style", /*imgStyle*/ ctx[3]);
13395
+ }
13396
+
13397
+ if (dirty & /*layerId*/ 1) {
13398
+ attr(div, "data-layer-id", /*layerId*/ ctx[0]);
13399
+ }
13400
+
13401
+ if (dirty & /*style, overrideStyle*/ 20 && div_style_value !== (div_style_value = [/*style*/ ctx[4], /*overrideStyle*/ ctx[2]].join(' '))) {
13402
+ attr(div, "style", div_style_value);
13403
+ }
13404
+ },
13405
+ d(detaching) {
13406
+ if (detaching) detach(div);
13407
+ }
13408
+ };
13409
+ }
13410
+
13411
+ function create_fragment$2(ctx) {
13412
+ let if_block_anchor;
13413
+ let if_block = /*props*/ ctx[1].image && create_if_block$1(ctx);
13414
+
13415
+ return {
13416
+ c() {
13417
+ if (if_block) if_block.c();
13418
+ if_block_anchor = empty();
13419
+ },
13420
+ m(target, anchor) {
13421
+ if (if_block) if_block.m(target, anchor);
13422
+ insert(target, if_block_anchor, anchor);
13423
+ },
13424
+ p(ctx, [dirty]) {
13425
+ if (/*props*/ ctx[1].image) {
13426
+ if (if_block) {
13427
+ if_block.p(ctx, dirty);
13428
+ } else {
13429
+ if_block = create_if_block$1(ctx);
13430
+ if_block.c();
13431
+ if_block.m(if_block_anchor.parentNode, if_block_anchor);
13432
+ }
13433
+ } else if (if_block) {
13434
+ if_block.d(1);
13435
+ if_block = null;
13436
+ }
13437
+ },
13438
+ i: noop,
13439
+ o: noop,
13440
+ d(detaching) {
13441
+ if (if_block) if_block.d(detaching);
13442
+ if (detaching) detach(if_block_anchor);
13443
+ }
13444
+ };
13445
+ }
13446
+
13447
+ function instance$2($$self, $$props, $$invalidate) {
13448
+ let style;
13449
+ let imgStyle;
13450
+ let { layerId = '' } = $$props;
13451
+ let { props = {} } = $$props;
13452
+ let { overrideStyle } = $$props;
13453
+
13454
+ const VARIANTS = {
13455
+ shape: {
13456
+ circle: { borderRadius: '100%' },
13457
+ square: { borderRadius: '4px' }
13458
+ }
13459
+ };
13460
+
13461
+ const size = props.size ?? 64;
13462
+
13463
+ $$self.$$set = $$props => {
13464
+ if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
13465
+ if ('props' in $$props) $$invalidate(1, props = $$props.props);
13466
+ if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
13467
+ };
13468
+
13469
+ $$self.$$.update = () => {
13470
+ if ($$self.$$.dirty & /*props*/ 2) {
13471
+ $$invalidate(4, style = objToStyle({
13472
+ display: 'flex',
13473
+ alignItems: 'center',
13474
+ overflow: 'hidden',
13475
+ flexShrink: 0,
13476
+ width: `${size}px`,
13477
+ height: `${size}px`,
13478
+ ...VARIANTS.shape[props.shape ?? 'square'],
13479
+ ...props.bordered && { border: `1px solid #dbdbdb` }
13480
+ }));
13481
+ }
13482
+ };
13483
+
13484
+ $$invalidate(3, imgStyle = objToStyle({
13485
+ width: '100%',
13486
+ height: '100%',
13487
+ objectFit: 'cover'
13488
+ }));
13489
+
13490
+ return [layerId, props, overrideStyle, imgStyle, style];
13491
+ }
13492
+
13493
+ class Avatar extends SvelteComponent {
13494
+ constructor(options) {
13495
+ super();
13496
+ init(this, options, instance$2, create_fragment$2, safe_not_equal, { layerId: 0, props: 1, overrideStyle: 2 });
13497
+ }
13498
+ }
13499
+
13500
+ /* src/components-v2/image/Image.svelte generated by Svelte v3.53.1 */
13501
+
13502
+ function create_if_block(ctx) {
13503
+ let div;
13504
+ let object;
13505
+ let img;
13506
+ let img_src_value;
13507
+ let div_style_value;
13508
+
13509
+ return {
13510
+ c() {
13511
+ div = element("div");
13512
+ object = element("object");
13513
+ img = element("img");
13514
+ if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[1].image)) attr(img, "src", img_src_value);
13515
+ attr(img, "alt", "");
13516
+ attr(img, "style", /*imgStyle*/ ctx[3]);
13517
+ attr(object, "style", /*objectStyle*/ ctx[4]);
13518
+ attr(object, "title", "");
13519
+ attr(div, "data-layer-id", /*layerId*/ ctx[0]);
13520
+ attr(div, "style", div_style_value = [/*style*/ ctx[5], /*overrideStyle*/ ctx[2]].join(' '));
13521
+ },
13522
+ m(target, anchor) {
13523
+ insert(target, div, anchor);
13524
+ append(div, object);
13525
+ append(object, img);
13526
+ },
13527
+ p(ctx, dirty) {
13528
+ if (dirty & /*props*/ 2 && !src_url_equal(img.src, img_src_value = /*props*/ ctx[1].image)) {
13529
+ attr(img, "src", img_src_value);
13530
+ }
13531
+
13532
+ if (dirty & /*imgStyle*/ 8) {
13533
+ attr(img, "style", /*imgStyle*/ ctx[3]);
13534
+ }
13535
+
13536
+ if (dirty & /*objectStyle*/ 16) {
13537
+ attr(object, "style", /*objectStyle*/ ctx[4]);
13538
+ }
13539
+
13540
+ if (dirty & /*layerId*/ 1) {
13541
+ attr(div, "data-layer-id", /*layerId*/ ctx[0]);
13542
+ }
13543
+
13544
+ if (dirty & /*style, overrideStyle*/ 36 && div_style_value !== (div_style_value = [/*style*/ ctx[5], /*overrideStyle*/ ctx[2]].join(' '))) {
13545
+ attr(div, "style", div_style_value);
13546
+ }
13547
+ },
13548
+ d(detaching) {
13549
+ if (detaching) detach(div);
13550
+ }
13551
+ };
13552
+ }
13553
+
13554
+ function create_fragment$1(ctx) {
13555
+ let if_block_anchor;
13556
+ let if_block = /*props*/ ctx[1].image && create_if_block(ctx);
13557
+
13558
+ return {
13559
+ c() {
13560
+ if (if_block) if_block.c();
13561
+ if_block_anchor = empty();
13562
+ },
13563
+ m(target, anchor) {
13564
+ if (if_block) if_block.m(target, anchor);
13565
+ insert(target, if_block_anchor, anchor);
13566
+ },
13567
+ p(ctx, [dirty]) {
13568
+ if (/*props*/ ctx[1].image) {
13569
+ if (if_block) {
13570
+ if_block.p(ctx, dirty);
13571
+ } else {
13572
+ if_block = create_if_block(ctx);
13573
+ if_block.c();
13574
+ if_block.m(if_block_anchor.parentNode, if_block_anchor);
13575
+ }
13576
+ } else if (if_block) {
13577
+ if_block.d(1);
13578
+ if_block = null;
13579
+ }
13580
+ },
13581
+ i: noop,
13582
+ o: noop,
13583
+ d(detaching) {
13584
+ if (if_block) if_block.d(detaching);
13585
+ if (detaching) detach(if_block_anchor);
13586
+ }
13587
+ };
13588
+ }
13589
+
13590
+ function instance$1($$self, $$props, $$invalidate) {
13591
+ let style;
13592
+ let objectStyle;
13593
+ let imgStyle;
13594
+ let { layerId } = $$props;
13595
+ let { props = {} } = $$props;
13596
+ let { overrideStyle } = $$props;
13597
+
13598
+ $$self.$$set = $$props => {
13599
+ if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
13600
+ if ('props' in $$props) $$invalidate(1, props = $$props.props);
13601
+ if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
13602
+ };
13603
+
13604
+ $$self.$$.update = () => {
13605
+ if ($$self.$$.dirty & /*props*/ 2) {
13606
+ $$invalidate(5, style = objToStyle({
13607
+ width: props.width,
13608
+ display: 'flex',
13609
+ maxWidth: '100%',
13610
+ alignItems: 'center',
13611
+ justifyContent: 'center',
13612
+ overflow: 'hidden',
13613
+ wordBreak: 'break-all'
13614
+ }));
13615
+ }
13616
+
13617
+ if ($$self.$$.dirty & /*props*/ 2) {
13618
+ $$invalidate(4, objectStyle = objToStyle({
13619
+ width: '100%',
13620
+ aspectRatio: props.aspect,
13621
+ overflow: 'hidden'
13622
+ }));
13623
+ }
13624
+ };
13625
+
13626
+ $$invalidate(3, imgStyle = objToStyle({
13627
+ width: '100%',
13628
+ height: '100%',
13629
+ objectFit: 'cover',
13630
+ userSelect: 'none'
13631
+ }));
13632
+
13633
+ return [layerId, props, overrideStyle, imgStyle, objectStyle, style];
13634
+ }
13635
+
13636
+ class Image extends SvelteComponent {
13637
+ constructor(options) {
13638
+ super();
13639
+ init(this, options, instance$1, create_fragment$1, safe_not_equal, { layerId: 0, props: 1, overrideStyle: 2 });
13640
+ }
13641
+ }
13642
+
13643
+ /* src/components-v2/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
13644
+
13645
+ function create_fragment(ctx) {
13646
+ let button;
13647
+ let svg;
13648
+ let path;
13649
+ let button_style_value;
13650
+
13651
+ return {
13652
+ c() {
13653
+ button = element("button");
13654
+ svg = svg_element("svg");
13655
+ path = svg_element("path");
13656
+ attr(path, "d", "M 9.15625 6.3125 L 6.3125 9.15625 L 22.15625 25 L 6.21875 40.96875 L 9.03125 43.78125 L 25 27.84375 L 40.9375 43.78125 L 43.78125 40.9375 L 27.84375 25 L 43.6875 9.15625 L 40.84375 6.3125 L 25 22.15625 Z");
13657
+ attr(svg, "xmlns", "http://www.w3.org/2000/svg");
13658
+ set_style(svg, "width", "75%");
13659
+ set_style(svg, "height", "75%");
13660
+ attr(svg, "viewBox", "0 0 50 50");
13661
+ attr(svg, "fill", "#666666");
13662
+ attr(button, "data-layer-id", /*layerId*/ ctx[0]);
13663
+ attr(button, "style", button_style_value = [/*style*/ ctx[2], /*overrideStyle*/ ctx[1]].join(' '));
13664
+ },
13665
+ m(target, anchor) {
13666
+ insert(target, button, anchor);
13667
+ append(button, svg);
13668
+ append(svg, path);
13669
+ },
13670
+ p(ctx, [dirty]) {
13671
+ if (dirty & /*layerId*/ 1) {
13672
+ attr(button, "data-layer-id", /*layerId*/ ctx[0]);
13673
+ }
13674
+
13675
+ if (dirty & /*style, overrideStyle*/ 6 && button_style_value !== (button_style_value = [/*style*/ ctx[2], /*overrideStyle*/ ctx[1]].join(' '))) {
13676
+ attr(button, "style", button_style_value);
13677
+ }
13678
+ },
13679
+ i: noop,
13680
+ o: noop,
13681
+ d(detaching) {
13682
+ if (detaching) detach(button);
13683
+ }
13684
+ };
13685
+ }
13686
+
13687
+ function instance($$self, $$props, $$invalidate) {
13688
+ let style;
13689
+ let { layerId } = $$props;
13690
+ let { props = {} } = $$props;
13691
+ let { overrideStyle } = $$props;
13692
+ const size = props.size ?? 24;
13693
+
13694
+ $$self.$$set = $$props => {
13695
+ if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
13696
+ if ('props' in $$props) $$invalidate(3, props = $$props.props);
13697
+ if ('overrideStyle' in $$props) $$invalidate(1, overrideStyle = $$props.overrideStyle);
13698
+ };
13699
+
13700
+ $$self.$$.update = () => {
13701
+ if ($$self.$$.dirty & /*props*/ 8) {
13702
+ $$invalidate(2, style = objToStyle({
13703
+ display: 'inline-flex',
13704
+ alignItems: 'center',
13705
+ justifyContent: 'center',
13706
+ borderRadius: '100%',
13707
+ background: 'none',
13708
+ border: 0,
13709
+ outline: 0,
13710
+ transition: 'background-color 0.12s, border-color 0.12s, color 0.12s',
13711
+ width: `${size}px`,
13712
+ height: `${size}px`,
13713
+ ...props.bordered && { border: '1px solid #666' },
13714
+ ...toCssPosition(props)
13715
+ }));
13716
+ }
13717
+ };
13718
+
13719
+ return [layerId, overrideStyle, style, props];
13720
+ }
13721
+
13722
+ class CloseButton extends SvelteComponent {
13723
+ constructor(options) {
13724
+ super();
13725
+ init(this, options, instance, create_fragment, safe_not_equal, { layerId: 0, props: 3, overrideStyle: 1 });
13726
+ }
13727
+ }
13728
+
13729
+ export { ACTION_HOOK_LABEL, Alignments, AnimationStyles, BackgroundSizes, Box, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexDirections, FlexItem, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYOUT_COMPONENT_NAMES, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, Avatar as V2Avatar, Button as V2Button, CloseButton as V2CloseButton, Icon as V2Icon, Image as V2Image, Layout as V2Layout, Text as V2Text, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };