@plaidev/karte-action-sdk 1.1.242 → 1.1.243-28728358.994612e5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (6) hide show
  1. package/dist/hydrate/index.es.d.ts +49 -53
  2. package/dist/hydrate/index.es.js +1486 -703
  3. package/dist/index.es.d.ts +49 -53
  4. package/dist/index.es.js +1396 -677
  5. package/package.json +1 -1
  6. package/meta/karte-action-sdk.api.json +0 -8155
package/dist/hydrate/index.es.js CHANGED
@@ -326,7 +326,7 @@ const DefaultModalPlacement = {
326
326
  top: '0px',
327
327
  bottom: '0px',
328
328
  },
329
- backgroundOverlay: false,
329
+ backgroundOverlay: true,
330
330
  backgroundClick: { operation: 'closeApp', args: ['overlay'] },
331
331
  };
332
332
  /** @internal */
@@ -1784,6 +1784,11 @@ function createModal(App, options = {
1784
1784
  publish: options.publish,
1785
1785
  data,
1786
1786
  };
1787
+ const sendErrorIfMessageOpenEventNotSent = () => {
1788
+ if (!hasAlreadySentMessageOpenEvent) {
1789
+ options.send('_error', { type: 'action', error_type: 'action_message_open_event_not_sent' });
1790
+ }
1791
+ };
1787
1792
  const close = (trigger = 'none') => {
1788
1793
  if (!app) {
1789
1794
  return NOOP;
@@ -1792,6 +1797,7 @@ function createModal(App, options = {
1792
1797
  options.send('message_close', { trigger, state: getState$1() });
1793
1798
  hasAlreadySentMessageCloseEvent = true;
1794
1799
  }
1800
+ sendErrorIfMessageOpenEventNotSent();
1795
1801
  options.send('_message_state_changed', {
1796
1802
  trigger,
1797
1803
  oldState: getState$1(),
@@ -1836,6 +1842,7 @@ function createModal(App, options = {
1836
1842
  options.send('message_open', { state: getState$1() });
1837
1843
  hasAlreadySentMessageOpenEvent = true;
1838
1844
  }
1845
+ sendErrorIfMessageOpenEventNotSent();
1839
1846
  options.send('_message_state_changed', {
1840
1847
  trigger,
1841
1848
  oldState: '',
@@ -2836,7 +2843,7 @@ const LAYOUT_COMPONENT_NAMES = [
2836
2843
 
2837
2844
  /* src/components/Header.svelte generated by Svelte v3.53.1 */
2838
2845
 
2839
- function create_if_block$f(ctx) {
2846
+ function create_if_block$g(ctx) {
2840
2847
  let link;
2841
2848
 
2842
2849
  return {
@@ -2867,9 +2874,9 @@ function create_if_block$f(ctx) {
2867
2874
  };
2868
2875
  }
2869
2876
 
2870
- function create_fragment$1a(ctx) {
2877
+ function create_fragment$1b(ctx) {
2871
2878
  let head;
2872
- let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$f(ctx);
2879
+ let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$g(ctx);
2873
2880
 
2874
2881
  return {
2875
2882
  c() {
@@ -2891,7 +2898,7 @@ function create_fragment$1a(ctx) {
2891
2898
  if (if_block) {
2892
2899
  if_block.p(ctx, dirty);
2893
2900
  } else {
2894
- if_block = create_if_block$f(ctx);
2901
+ if_block = create_if_block$g(ctx);
2895
2902
  if_block.c();
2896
2903
  if_block.m(head, null);
2897
2904
  }
@@ -2909,7 +2916,7 @@ function create_fragment$1a(ctx) {
2909
2916
  };
2910
2917
  }
2911
2918
 
2912
- function instance$1a($$self, $$props, $$invalidate) {
2919
+ function instance$1b($$self, $$props, $$invalidate) {
2913
2920
  let $fonts;
2914
2921
  component_subscribe($$self, fonts, $$value => $$invalidate(1, $fonts = $$value));
2915
2922
  let googleFontUrl = '';
@@ -2939,13 +2946,13 @@ function instance$1a($$self, $$props, $$invalidate) {
2939
2946
  class Header extends SvelteComponent {
2940
2947
  constructor(options) {
2941
2948
  super();
2942
- init(this, options, instance$1a, create_fragment$1a, safe_not_equal, {});
2949
+ init(this, options, instance$1b, create_fragment$1b, safe_not_equal, {});
2943
2950
  }
2944
2951
  }
2945
2952
 
2946
2953
  /* src/components/State.svelte generated by Svelte v3.53.1 */
2947
2954
 
2948
- function create_fragment$19(ctx) {
2955
+ function create_fragment$1a(ctx) {
2949
2956
  let header;
2950
2957
  let t;
2951
2958
  let current;
@@ -3009,7 +3016,7 @@ function create_fragment$19(ctx) {
3009
3016
  };
3010
3017
  }
3011
3018
 
3012
- function instance$19($$self, $$props, $$invalidate) {
3019
+ function instance$1a($$self, $$props, $$invalidate) {
3013
3020
  let { $$slots: slots = {}, $$scope } = $$props;
3014
3021
 
3015
3022
  $$self.$$set = $$props => {
@@ -3022,18 +3029,18 @@ function instance$19($$self, $$props, $$invalidate) {
3022
3029
  class State extends SvelteComponent {
3023
3030
  constructor(options) {
3024
3031
  super();
3025
- init(this, options, instance$19, create_fragment$19, safe_not_equal, {});
3032
+ init(this, options, instance$1a, create_fragment$1a, safe_not_equal, {});
3026
3033
  }
3027
3034
  }
3028
3035
 
3029
3036
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
3030
3037
 
3031
- function add_css$F(target) {
3032
- append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
3038
+ function add_css$G(target) {
3039
+ append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
3033
3040
  }
3034
3041
 
3035
3042
  // (23:0) {#if $state === path}
3036
- function create_if_block$e(ctx) {
3043
+ function create_if_block$f(ctx) {
3037
3044
  let div;
3038
3045
  let t;
3039
3046
  let current;
@@ -3056,7 +3063,7 @@ function create_if_block$e(ctx) {
3056
3063
  },
3057
3064
  h() {
3058
3065
  attr(div, "data-state-path", /*path*/ ctx[0]);
3059
- attr(div, "class", "state-item svelte-1amihue");
3066
+ attr(div, "class", "state-item svelte-2qb6dm");
3060
3067
  },
3061
3068
  m(target, anchor) {
3062
3069
  insert_hydration(target, div, anchor);
@@ -3105,10 +3112,10 @@ function create_if_block$e(ctx) {
3105
3112
  };
3106
3113
  }
3107
3114
 
3108
- function create_fragment$18(ctx) {
3115
+ function create_fragment$19(ctx) {
3109
3116
  let if_block_anchor;
3110
3117
  let current;
3111
- let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$e(ctx);
3118
+ let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$f(ctx);
3112
3119
 
3113
3120
  return {
3114
3121
  c() {
@@ -3133,7 +3140,7 @@ function create_fragment$18(ctx) {
3133
3140
  transition_in(if_block, 1);
3134
3141
  }
3135
3142
  } else {
3136
- if_block = create_if_block$e(ctx);
3143
+ if_block = create_if_block$f(ctx);
3137
3144
  if_block.c();
3138
3145
  transition_in(if_block, 1);
3139
3146
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -3170,7 +3177,7 @@ function getStateItemContext() {
3170
3177
  return getContext(STATE_ITEM_CONTEXT_KEY);
3171
3178
  }
3172
3179
 
3173
- function instance$18($$self, $$props, $$invalidate) {
3180
+ function instance$19($$self, $$props, $$invalidate) {
3174
3181
  let $state;
3175
3182
  component_subscribe($$self, state, $$value => $$invalidate(1, $state = $$value));
3176
3183
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -3196,7 +3203,7 @@ function instance$18($$self, $$props, $$invalidate) {
3196
3203
  class StateItem extends SvelteComponent {
3197
3204
  constructor(options) {
3198
3205
  super();
3199
- init(this, options, instance$18, create_fragment$18, safe_not_equal, { path: 0 }, add_css$F);
3206
+ init(this, options, instance$19, create_fragment$19, safe_not_equal, { path: 0 }, add_css$G);
3200
3207
  }
3201
3208
  }
3202
3209
 
@@ -3322,12 +3329,12 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
3322
3329
 
3323
3330
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3324
3331
 
3325
- function add_css$E(target) {
3326
- append_styles(target, "svelte-g6ucc2", ".background.svelte-g6ucc2{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
3332
+ function add_css$F(target) {
3333
+ append_styles(target, "svelte-1d4fta", ".background.svelte-1d4fta{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
3327
3334
  }
3328
3335
 
3329
3336
  // (14:0) {#if backgroundOverlay}
3330
- function create_if_block$d(ctx) {
3337
+ function create_if_block$e(ctx) {
3331
3338
  let div;
3332
3339
  let div_class_value;
3333
3340
  let mounted;
@@ -3344,7 +3351,7 @@ function create_if_block$d(ctx) {
3344
3351
  this.h();
3345
3352
  },
3346
3353
  h() {
3347
- attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"));
3354
+ attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
3348
3355
  },
3349
3356
  m(target, anchor) {
3350
3357
  insert_hydration(target, div, anchor);
@@ -3355,7 +3362,7 @@ function create_if_block$d(ctx) {
3355
3362
  }
3356
3363
  },
3357
3364
  p(ctx, dirty) {
3358
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"))) {
3365
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
3359
3366
  attr(div, "class", div_class_value);
3360
3367
  }
3361
3368
  },
@@ -3367,9 +3374,9 @@ function create_if_block$d(ctx) {
3367
3374
  };
3368
3375
  }
3369
3376
 
3370
- function create_fragment$17(ctx) {
3377
+ function create_fragment$18(ctx) {
3371
3378
  let if_block_anchor;
3372
- let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$d(ctx);
3379
+ let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$e(ctx);
3373
3380
 
3374
3381
  return {
3375
3382
  c() {
@@ -3389,7 +3396,7 @@ function create_fragment$17(ctx) {
3389
3396
  if (if_block) {
3390
3397
  if_block.p(ctx, dirty);
3391
3398
  } else {
3392
- if_block = create_if_block$d(ctx);
3399
+ if_block = create_if_block$e(ctx);
3393
3400
  if_block.c();
3394
3401
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
3395
3402
  }
@@ -3407,7 +3414,7 @@ function create_fragment$17(ctx) {
3407
3414
  };
3408
3415
  }
3409
3416
 
3410
- function instance$17($$self, $$props, $$invalidate) {
3417
+ function instance$18($$self, $$props, $$invalidate) {
3411
3418
  let { backgroundOverlay = false } = $$props;
3412
3419
  let { class: className = undefined } = $$props;
3413
3420
  const dispatch = createEventDispatcher();
@@ -3424,7 +3431,7 @@ function instance$17($$self, $$props, $$invalidate) {
3424
3431
  let BackgroundOverlay$1 = class BackgroundOverlay extends SvelteComponent {
3425
3432
  constructor(options) {
3426
3433
  super();
3427
- init(this, options, instance$17, create_fragment$17, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$E);
3434
+ init(this, options, instance$18, create_fragment$18, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$F);
3428
3435
  }
3429
3436
  };
3430
3437
 
@@ -3464,12 +3471,12 @@ function checkStopPropagation(eventName, handler) {
3464
3471
 
3465
3472
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3466
3473
 
3467
- function add_css$D(target) {
3468
- append_styles(target, "svelte-1kmu8zp", ".button.svelte-1kmu8zp{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-1kmu8zp:link,.button.svelte-1kmu8zp:visited,.button.svelte-1kmu8zp:active,.button.svelte-1kmu8zp:hover{color:inherit}");
3474
+ function add_css$E(target) {
3475
+ append_styles(target, "svelte-15k4deh", ".button.svelte-15k4deh{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-15k4deh:link,.button.svelte-15k4deh:visited,.button.svelte-15k4deh:active,.button.svelte-15k4deh:hover{color:inherit}");
3469
3476
  }
3470
3477
 
3471
3478
  // (50:0) {:else}
3472
- function create_else_block$5(ctx) {
3479
+ function create_else_block$6(ctx) {
3473
3480
  let button;
3474
3481
  let current;
3475
3482
  let mounted;
@@ -3504,7 +3511,7 @@ function create_else_block$5(ctx) {
3504
3511
  },
3505
3512
  h() {
3506
3513
  set_attributes(button, button_data);
3507
- toggle_class(button, "svelte-1kmu8zp", true);
3514
+ toggle_class(button, "svelte-15k4deh", true);
3508
3515
  },
3509
3516
  m(target, anchor) {
3510
3517
  insert_hydration(target, button, anchor);
@@ -3543,7 +3550,7 @@ function create_else_block$5(ctx) {
3543
3550
  dataAttrStopPropagation('click')
3544
3551
  ]));
3545
3552
 
3546
- toggle_class(button, "svelte-1kmu8zp", true);
3553
+ toggle_class(button, "svelte-15k4deh", true);
3547
3554
  },
3548
3555
  i(local) {
3549
3556
  if (current) return;
@@ -3584,7 +3591,7 @@ function create_if_block_2$2(ctx) {
3584
3591
  this.h();
3585
3592
  },
3586
3593
  h() {
3587
- attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1kmu8zp"));
3594
+ attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-15k4deh"));
3588
3595
  attr(div, "style", /*style*/ ctx[1]);
3589
3596
  },
3590
3597
  m(target, anchor) {
@@ -3633,7 +3640,7 @@ function create_if_block_2$2(ctx) {
3633
3640
  }
3634
3641
 
3635
3642
  // (35:41)
3636
- function create_if_block_1$3(ctx) {
3643
+ function create_if_block_1$4(ctx) {
3637
3644
  let a;
3638
3645
  let a_href_value;
3639
3646
  let a_target_value;
@@ -3684,7 +3691,7 @@ function create_if_block_1$3(ctx) {
3684
3691
  },
3685
3692
  h() {
3686
3693
  set_attributes(a, a_data);
3687
- toggle_class(a, "svelte-1kmu8zp", true);
3694
+ toggle_class(a, "svelte-15k4deh", true);
3688
3695
  },
3689
3696
  m(target, anchor) {
3690
3697
  insert_hydration(target, a, anchor);
@@ -3726,7 +3733,7 @@ function create_if_block_1$3(ctx) {
3726
3733
  dataAttrStopPropagation('click')
3727
3734
  ]));
3728
3735
 
3729
- toggle_class(a, "svelte-1kmu8zp", true);
3736
+ toggle_class(a, "svelte-15k4deh", true);
3730
3737
  },
3731
3738
  i(local) {
3732
3739
  if (current) return;
@@ -3747,7 +3754,7 @@ function create_if_block_1$3(ctx) {
3747
3754
  }
3748
3755
 
3749
3756
  // (31:0) {#if disabled}
3750
- function create_if_block$c(ctx) {
3757
+ function create_if_block$d(ctx) {
3751
3758
  let div;
3752
3759
  let current;
3753
3760
  const default_slot_template = /*#slots*/ ctx[9].default;
@@ -3767,7 +3774,7 @@ function create_if_block$c(ctx) {
3767
3774
  this.h();
3768
3775
  },
3769
3776
  h() {
3770
- attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1kmu8zp"));
3777
+ attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-15k4deh"));
3771
3778
  attr(div, "style", /*style*/ ctx[1]);
3772
3779
  },
3773
3780
  m(target, anchor) {
@@ -3815,12 +3822,12 @@ function create_if_block$c(ctx) {
3815
3822
  };
3816
3823
  }
3817
3824
 
3818
- function create_fragment$16(ctx) {
3825
+ function create_fragment$17(ctx) {
3819
3826
  let current_block_type_index;
3820
3827
  let if_block;
3821
3828
  let if_block_anchor;
3822
3829
  let current;
3823
- const if_block_creators = [create_if_block$c, create_if_block_1$3, create_if_block_2$2, create_else_block$5];
3830
+ const if_block_creators = [create_if_block$d, create_if_block_1$4, create_if_block_2$2, create_else_block$6];
3824
3831
  const if_blocks = [];
3825
3832
 
3826
3833
  function select_block_type(ctx, dirty) {
@@ -3892,7 +3899,7 @@ function create_fragment$16(ctx) {
3892
3899
 
3893
3900
  const BUTTON_CLASS = 'button';
3894
3901
 
3895
- function instance$16($$self, $$props, $$invalidate) {
3902
+ function instance$17($$self, $$props, $$invalidate) {
3896
3903
  let disabled;
3897
3904
  let $valuesAreValid;
3898
3905
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -3958,8 +3965,8 @@ let Button$1 = class Button extends SvelteComponent {
3958
3965
  init(
3959
3966
  this,
3960
3967
  options,
3961
- instance$16,
3962
- create_fragment$16,
3968
+ instance$17,
3969
+ create_fragment$17,
3963
3970
  safe_not_equal,
3964
3971
  {
3965
3972
  onClick: 0,
@@ -3967,19 +3974,19 @@ let Button$1 = class Button extends SvelteComponent {
3967
3974
  eventValue: 6,
3968
3975
  style: 1
3969
3976
  },
3970
- add_css$D
3977
+ add_css$E
3971
3978
  );
3972
3979
  }
3973
3980
  };
3974
3981
 
3975
3982
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
3976
3983
 
3977
- function add_css$C(target) {
3978
- append_styles(target, "svelte-1i2vo31", ".modal.svelte-1i2vo31{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1i2vo31 > .button{flex:auto;display:flex}.close.svelte-1i2vo31{position:absolute;top:0;right:0}.close.svelte-1i2vo31 > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.close.svelte-1i2vo31 > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1i2vo31{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}@media screen and (min-width: 641px){.modal-bp.svelte-1i2vo31{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-1i2vo31{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
3984
+ function add_css$D(target) {
3985
+ append_styles(target, "svelte-1ijkyzl", ".modal.svelte-1ijkyzl{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1ijkyzl > .button{flex:auto;display:flex}.close.svelte-1ijkyzl{position:absolute;top:0;right:0}.close.svelte-1ijkyzl > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.close.svelte-1ijkyzl > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1ijkyzl{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}@media screen and (min-width: 641px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
3979
3986
  }
3980
3987
 
3981
3988
  // (277:0) {:else}
3982
- function create_else_block$4(ctx) {
3989
+ function create_else_block$5(ctx) {
3983
3990
  let backgroundoverlay;
3984
3991
  let current;
3985
3992
 
@@ -4113,7 +4120,7 @@ function create_if_block_2$1(ctx) {
4113
4120
  }
4114
4121
 
4115
4122
  // (280:0) {#if visible}
4116
- function create_if_block$b(ctx) {
4123
+ function create_if_block$c(ctx) {
4117
4124
  let div;
4118
4125
  let button;
4119
4126
  let div_class_value;
@@ -4125,7 +4132,7 @@ function create_if_block$b(ctx) {
4125
4132
  onClick: /*onClick*/ ctx[0],
4126
4133
  eventName: /*clickEventName*/ ctx[1],
4127
4134
  eventValue: /*clickEventValue*/ ctx[2],
4128
- $$slots: { default: [create_default_slot$6] },
4135
+ $$slots: { default: [create_default_slot$b] },
4129
4136
  $$scope: { ctx }
4130
4137
  }
4131
4138
  });
@@ -4150,7 +4157,7 @@ function create_if_block$b(ctx) {
4150
4157
  this.h();
4151
4158
  },
4152
4159
  h() {
4153
- attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"));
4160
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"));
4154
4161
  attr(div, "role", "dialog");
4155
4162
  attr(div, "aria-modal", "true");
4156
4163
  attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
@@ -4174,7 +4181,7 @@ function create_if_block$b(ctx) {
4174
4181
 
4175
4182
  button.$set(button_changes);
4176
4183
 
4177
- if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"))) {
4184
+ if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"))) {
4178
4185
  attr(div, "class", div_class_value);
4179
4186
  }
4180
4187
  },
@@ -4208,7 +4215,7 @@ function create_if_block$b(ctx) {
4208
4215
  }
4209
4216
 
4210
4217
  // (293:6) {#if closable}
4211
- function create_if_block_1$2(ctx) {
4218
+ function create_if_block_1$3(ctx) {
4212
4219
  let div;
4213
4220
  let button;
4214
4221
  let current;
@@ -4238,7 +4245,7 @@ function create_if_block_1$2(ctx) {
4238
4245
  this.h();
4239
4246
  },
4240
4247
  h() {
4241
- attr(div, "class", "close svelte-1i2vo31");
4248
+ attr(div, "class", "close svelte-1ijkyzl");
4242
4249
  set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
4243
4250
  },
4244
4251
  m(target, anchor) {
@@ -4337,11 +4344,11 @@ function create_default_slot_1$1(ctx) {
4337
4344
  }
4338
4345
 
4339
4346
  // (292:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
4340
- function create_default_slot$6(ctx) {
4347
+ function create_default_slot$b(ctx) {
4341
4348
  let t;
4342
4349
  let div;
4343
4350
  let current;
4344
- let if_block = /*closable*/ ctx[21] && create_if_block_1$2(ctx);
4351
+ let if_block = /*closable*/ ctx[21] && create_if_block_1$3(ctx);
4345
4352
  const default_slot_template = /*#slots*/ ctx[31].default;
4346
4353
  const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[33], null);
4347
4354
 
@@ -4363,7 +4370,7 @@ function create_default_slot$6(ctx) {
4363
4370
  this.h();
4364
4371
  },
4365
4372
  h() {
4366
- attr(div, "class", "modal-content svelte-1i2vo31");
4373
+ attr(div, "class", "modal-content svelte-1ijkyzl");
4367
4374
  attr(div, "style", /*_style*/ ctx[5]);
4368
4375
  },
4369
4376
  m(target, anchor) {
@@ -4386,7 +4393,7 @@ function create_default_slot$6(ctx) {
4386
4393
  transition_in(if_block, 1);
4387
4394
  }
4388
4395
  } else {
4389
- if_block = create_if_block_1$2(ctx);
4396
+ if_block = create_if_block_1$3(ctx);
4390
4397
  if_block.c();
4391
4398
  transition_in(if_block, 1);
4392
4399
  if_block.m(t.parentNode, t);
@@ -4440,7 +4447,7 @@ function create_default_slot$6(ctx) {
4440
4447
  };
4441
4448
  }
4442
4449
 
4443
- function create_fragment$15(ctx) {
4450
+ function create_fragment$16(ctx) {
4444
4451
  let show_if;
4445
4452
  let current_block_type_index;
4446
4453
  let if_block0;
@@ -4449,7 +4456,7 @@ function create_fragment$15(ctx) {
4449
4456
  let current;
4450
4457
  let mounted;
4451
4458
  let dispose;
4452
- const if_block_creators = [create_if_block_2$1, create_if_block_3, create_else_block$4];
4459
+ const if_block_creators = [create_if_block_2$1, create_if_block_3, create_else_block$5];
4453
4460
  const if_blocks = [];
4454
4461
 
4455
4462
  function select_block_type(ctx, dirty) {
@@ -4461,7 +4468,7 @@ function create_fragment$15(ctx) {
4461
4468
 
4462
4469
  current_block_type_index = select_block_type(ctx);
4463
4470
  if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
4464
- let if_block1 = /*visible*/ ctx[16] && create_if_block$b(ctx);
4471
+ let if_block1 = /*visible*/ ctx[16] && create_if_block$c(ctx);
4465
4472
 
4466
4473
  return {
4467
4474
  c() {
@@ -4527,7 +4534,7 @@ function create_fragment$15(ctx) {
4527
4534
  transition_in(if_block1, 1);
4528
4535
  }
4529
4536
  } else {
4530
- if_block1 = create_if_block$b(ctx);
4537
+ if_block1 = create_if_block$c(ctx);
4531
4538
  if_block1.c();
4532
4539
  transition_in(if_block1, 1);
4533
4540
  if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
@@ -4564,7 +4571,7 @@ function create_fragment$15(ctx) {
4564
4571
  };
4565
4572
  }
4566
4573
 
4567
- function instance$15($$self, $$props, $$invalidate) {
4574
+ function instance$16($$self, $$props, $$invalidate) {
4568
4575
  let close;
4569
4576
  let closable;
4570
4577
  let backgroundClick;
@@ -4846,8 +4853,8 @@ let Modal$1 = class Modal extends SvelteComponent {
4846
4853
  init(
4847
4854
  this,
4848
4855
  options,
4849
- instance$15,
4850
- create_fragment$15,
4856
+ instance$16,
4857
+ create_fragment$16,
4851
4858
  safe_not_equal,
4852
4859
  {
4853
4860
  onClick: 0,
@@ -4865,7 +4872,7 @@ let Modal$1 = class Modal extends SvelteComponent {
4865
4872
  closeButtonColor: 9,
4866
4873
  _closeStyle: 10
4867
4874
  },
4868
- add_css$C,
4875
+ add_css$D,
4869
4876
  [-1, -1]
4870
4877
  );
4871
4878
  }
@@ -4873,7 +4880,7 @@ let Modal$1 = class Modal extends SvelteComponent {
4873
4880
 
4874
4881
  /* src/components/Grid.svelte generated by Svelte v3.53.1 */
4875
4882
 
4876
- function create_fragment$14(ctx) {
4883
+ function create_fragment$15(ctx) {
4877
4884
  let div;
4878
4885
  let current;
4879
4886
  const default_slot_template = /*#slots*/ ctx[8].default;
@@ -4941,7 +4948,7 @@ function create_fragment$14(ctx) {
4941
4948
  };
4942
4949
  }
4943
4950
 
4944
- function instance$14($$self, $$props, $$invalidate) {
4951
+ function instance$15($$self, $$props, $$invalidate) {
4945
4952
  let _style;
4946
4953
  let { $$slots: slots = {}, $$scope } = $$props;
4947
4954
  let { width = '512px' } = $$props;
@@ -4986,7 +4993,7 @@ class Grid extends SvelteComponent {
4986
4993
  constructor(options) {
4987
4994
  super();
4988
4995
 
4989
- init(this, options, instance$14, create_fragment$14, safe_not_equal, {
4996
+ init(this, options, instance$15, create_fragment$15, safe_not_equal, {
4990
4997
  width: 1,
4991
4998
  height: 2,
4992
4999
  rows: 3,
@@ -4999,11 +5006,11 @@ class Grid extends SvelteComponent {
4999
5006
 
5000
5007
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
5001
5008
 
5002
- function add_css$B(target) {
5003
- append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
5009
+ function add_css$C(target) {
5010
+ append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
5004
5011
  }
5005
5012
 
5006
- function create_fragment$13(ctx) {
5013
+ function create_fragment$14(ctx) {
5007
5014
  let div1;
5008
5015
  let div0;
5009
5016
  let current;
@@ -5034,8 +5041,8 @@ function create_fragment$13(ctx) {
5034
5041
  this.h();
5035
5042
  },
5036
5043
  h() {
5037
- attr(div0, "class", "grid-item-inner svelte-1cryhmb");
5038
- attr(div1, "class", "grid-item svelte-1cryhmb");
5044
+ attr(div0, "class", "grid-item-inner svelte-n7kdl3");
5045
+ attr(div1, "class", "grid-item svelte-n7kdl3");
5039
5046
  attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
5040
5047
  attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
5041
5048
  attr(div1, "style", /*_style*/ ctx[1]);
@@ -5096,7 +5103,7 @@ function create_fragment$13(ctx) {
5096
5103
 
5097
5104
  const GRID_ITEM_CONTEXT_KEY = 'GRID_ITEM';
5098
5105
 
5099
- function instance$13($$self, $$props, $$invalidate) {
5106
+ function instance$14($$self, $$props, $$invalidate) {
5100
5107
  let _style;
5101
5108
  let { $$slots: slots = {}, $$scope } = $$props;
5102
5109
  let { x1 } = $$props;
@@ -5145,8 +5152,8 @@ class GridItem extends SvelteComponent {
5145
5152
  init(
5146
5153
  this,
5147
5154
  options,
5148
- instance$13,
5149
- create_fragment$13,
5155
+ instance$14,
5156
+ create_fragment$14,
5150
5157
  safe_not_equal,
5151
5158
  {
5152
5159
  x1: 2,
@@ -5157,7 +5164,7 @@ class GridItem extends SvelteComponent {
5157
5164
  background: 7,
5158
5165
  gridItemId: 0
5159
5166
  },
5160
- add_css$B
5167
+ add_css$C
5161
5168
  );
5162
5169
  }
5163
5170
  }
@@ -5171,7 +5178,7 @@ function get_each_context$6(ctx, list, i) {
5171
5178
  }
5172
5179
 
5173
5180
  // (13:2) {:else}
5174
- function create_else_block$3(ctx) {
5181
+ function create_else_block$4(ctx) {
5175
5182
  let t_value = /*item*/ ctx[2] + "";
5176
5183
  let t;
5177
5184
 
@@ -5195,7 +5202,7 @@ function create_else_block$3(ctx) {
5195
5202
  }
5196
5203
 
5197
5204
  // (11:2) {#if item.match(regexp)}
5198
- function create_if_block$a(ctx) {
5205
+ function create_if_block$b(ctx) {
5199
5206
  let br;
5200
5207
 
5201
5208
  return {
@@ -5223,8 +5230,8 @@ function create_each_block$6(ctx) {
5223
5230
  function select_block_type(ctx, dirty) {
5224
5231
  if (dirty & /*items*/ 1) show_if = null;
5225
5232
  if (show_if == null) show_if = !!/*item*/ ctx[2].match(regexp);
5226
- if (show_if) return create_if_block$a;
5227
- return create_else_block$3;
5233
+ if (show_if) return create_if_block$b;
5234
+ return create_else_block$4;
5228
5235
  }
5229
5236
 
5230
5237
  let current_block_type = select_block_type(ctx, -1);
@@ -5263,7 +5270,7 @@ function create_each_block$6(ctx) {
5263
5270
  };
5264
5271
  }
5265
5272
 
5266
- function create_fragment$12(ctx) {
5273
+ function create_fragment$13(ctx) {
5267
5274
  let each_1_anchor;
5268
5275
  let each_value = /*items*/ ctx[0];
5269
5276
  let each_blocks = [];
@@ -5329,7 +5336,7 @@ function create_fragment$12(ctx) {
5329
5336
 
5330
5337
  const regexp = /(\r?\n)/;
5331
5338
 
5332
- function instance$12($$self, $$props, $$invalidate) {
5339
+ function instance$13($$self, $$props, $$invalidate) {
5333
5340
  let items;
5334
5341
  let { text = 'サンプルSample' } = $$props;
5335
5342
 
@@ -5350,18 +5357,18 @@ function instance$12($$self, $$props, $$invalidate) {
5350
5357
  class RenderText extends SvelteComponent {
5351
5358
  constructor(options) {
5352
5359
  super();
5353
- init(this, options, instance$12, create_fragment$12, safe_not_equal, { text: 1 });
5360
+ init(this, options, instance$13, create_fragment$13, safe_not_equal, { text: 1 });
5354
5361
  }
5355
5362
  }
5356
5363
 
5357
5364
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
5358
5365
 
5359
- function add_css$A(target) {
5360
- 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}");
5366
+ function add_css$B(target) {
5367
+ 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}");
5361
5368
  }
5362
5369
 
5363
5370
  // (94:2) {:else}
5364
- function create_else_block$2(ctx) {
5371
+ function create_else_block$3(ctx) {
5365
5372
  let div1;
5366
5373
  let div0;
5367
5374
  let rendertext;
@@ -5387,8 +5394,8 @@ function create_else_block$2(ctx) {
5387
5394
  this.h();
5388
5395
  },
5389
5396
  h() {
5390
- attr(div0, "class", "text-element-inner svelte-vz6867");
5391
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5397
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5398
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5392
5399
  attr(div1, "style", /*style*/ ctx[5]);
5393
5400
  },
5394
5401
  m(target, anchor) {
@@ -5402,7 +5409,7 @@ function create_else_block$2(ctx) {
5402
5409
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5403
5410
  rendertext.$set(rendertext_changes);
5404
5411
 
5405
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
5412
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
5406
5413
  attr(div1, "class", div1_class_value);
5407
5414
  }
5408
5415
 
@@ -5427,7 +5434,7 @@ function create_else_block$2(ctx) {
5427
5434
  }
5428
5435
 
5429
5436
  // (80:2) {#if enableCopy}
5430
- function create_if_block$9(ctx) {
5437
+ function create_if_block$a(ctx) {
5431
5438
  let a;
5432
5439
  let div0;
5433
5440
  let rendertext;
@@ -5477,12 +5484,12 @@ function create_if_block$9(ctx) {
5477
5484
  this.h();
5478
5485
  },
5479
5486
  h() {
5480
- attr(div0, "class", "text-element-inner svelte-vz6867");
5487
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5481
5488
  attr(a, "href", '');
5482
- attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5489
+ attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5483
5490
  attr(a, "style", /*style*/ ctx[5]);
5484
- attr(div1, "class", "tooltip svelte-vz6867");
5485
- attr(div2, "class", "tooltip tooltip-error svelte-vz6867");
5491
+ attr(div1, "class", "tooltip svelte-9ixs0b");
5492
+ attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
5486
5493
  },
5487
5494
  m(target, anchor) {
5488
5495
  insert_hydration(target, a, anchor);
@@ -5508,7 +5515,7 @@ function create_if_block$9(ctx) {
5508
5515
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5509
5516
  rendertext.$set(rendertext_changes);
5510
5517
 
5511
- 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"))) {
5518
+ if (!current || dirty & /*textDirection*/ 2 && a_class_value !== (a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
5512
5519
  attr(a, "class", a_class_value);
5513
5520
  }
5514
5521
 
@@ -5540,12 +5547,12 @@ function create_if_block$9(ctx) {
5540
5547
  };
5541
5548
  }
5542
5549
 
5543
- function create_fragment$11(ctx) {
5550
+ function create_fragment$12(ctx) {
5544
5551
  let div;
5545
5552
  let current_block_type_index;
5546
5553
  let if_block;
5547
5554
  let current;
5548
- const if_block_creators = [create_if_block$9, create_else_block$2];
5555
+ const if_block_creators = [create_if_block$a, create_else_block$3];
5549
5556
  const if_blocks = [];
5550
5557
 
5551
5558
  function select_block_type(ctx, dirty) {
@@ -5570,7 +5577,7 @@ function create_fragment$11(ctx) {
5570
5577
  this.h();
5571
5578
  },
5572
5579
  h() {
5573
- attr(div, "class", "text-element-wrapper svelte-vz6867");
5580
+ attr(div, "class", "text-element-wrapper svelte-9ixs0b");
5574
5581
  },
5575
5582
  m(target, anchor) {
5576
5583
  insert_hydration(target, div, anchor);
@@ -5620,7 +5627,7 @@ function create_fragment$11(ctx) {
5620
5627
  };
5621
5628
  }
5622
5629
 
5623
- function instance$11($$self, $$props, $$invalidate) {
5630
+ function instance$12($$self, $$props, $$invalidate) {
5624
5631
  let style;
5625
5632
  let { text = 'テキストのコンテンツ' } = $$props;
5626
5633
  let { font = SYSTEM_FONT } = $$props;
@@ -5716,8 +5723,8 @@ class TextElement extends SvelteComponent {
5716
5723
  init(
5717
5724
  this,
5718
5725
  options,
5719
- instance$11,
5720
- create_fragment$11,
5726
+ instance$12,
5727
+ create_fragment$12,
5721
5728
  safe_not_equal,
5722
5729
  {
5723
5730
  text: 0,
@@ -5728,19 +5735,19 @@ class TextElement extends SvelteComponent {
5728
5735
  enableCopy: 2,
5729
5736
  eventName: 10
5730
5737
  },
5731
- add_css$A
5738
+ add_css$B
5732
5739
  );
5733
5740
  }
5734
5741
  }
5735
5742
 
5736
5743
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5737
5744
 
5738
- function add_css$z(target) {
5739
- 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)}");
5745
+ function add_css$A(target) {
5746
+ 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)}");
5740
5747
  }
5741
5748
 
5742
5749
  // (48:2) <Button {onClick} {style} {eventName}>
5743
- function create_default_slot$5(ctx) {
5750
+ function create_default_slot$a(ctx) {
5744
5751
  let rendertext;
5745
5752
  let current;
5746
5753
  rendertext = new RenderText({ props: { text: /*text*/ ctx[0] } });
@@ -5776,7 +5783,7 @@ function create_default_slot$5(ctx) {
5776
5783
  };
5777
5784
  }
5778
5785
 
5779
- function create_fragment$10(ctx) {
5786
+ function create_fragment$11(ctx) {
5780
5787
  let div;
5781
5788
  let button;
5782
5789
  let current;
@@ -5786,7 +5793,7 @@ function create_fragment$10(ctx) {
5786
5793
  onClick: /*onClick*/ ctx[1],
5787
5794
  style: /*style*/ ctx[3],
5788
5795
  eventName: /*eventName*/ ctx[2],
5789
- $$slots: { default: [create_default_slot$5] },
5796
+ $$slots: { default: [create_default_slot$a] },
5790
5797
  $$scope: { ctx }
5791
5798
  }
5792
5799
  });
@@ -5805,7 +5812,7 @@ function create_fragment$10(ctx) {
5805
5812
  this.h();
5806
5813
  },
5807
5814
  h() {
5808
- attr(div, "class", "text-button-element svelte-ujdxfc");
5815
+ attr(div, "class", "text-button-element svelte-1vg84sc");
5809
5816
  },
5810
5817
  m(target, anchor) {
5811
5818
  insert_hydration(target, div, anchor);
@@ -5840,7 +5847,7 @@ function create_fragment$10(ctx) {
5840
5847
  };
5841
5848
  }
5842
5849
 
5843
- function instance$10($$self, $$props, $$invalidate) {
5850
+ function instance$11($$self, $$props, $$invalidate) {
5844
5851
  let style;
5845
5852
  let { text = 'ボタンのラベル' } = $$props;
5846
5853
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -5878,8 +5885,8 @@ class TextButtonElement extends SvelteComponent {
5878
5885
  init(
5879
5886
  this,
5880
5887
  options,
5881
- instance$10,
5882
- create_fragment$10,
5888
+ instance$11,
5889
+ create_fragment$11,
5883
5890
  safe_not_equal,
5884
5891
  {
5885
5892
  text: 0,
@@ -5889,19 +5896,19 @@ class TextButtonElement extends SvelteComponent {
5889
5896
  _buttonStyle: 5,
5890
5897
  _style: 6
5891
5898
  },
5892
- add_css$z
5899
+ add_css$A
5893
5900
  );
5894
5901
  }
5895
5902
  }
5896
5903
 
5897
5904
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5898
5905
 
5899
- function add_css$y(target) {
5900
- 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%}");
5906
+ function add_css$z(target) {
5907
+ 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%}");
5901
5908
  }
5902
5909
 
5903
5910
  // (44:2) <Button {onClick} style={_style} {eventName}>
5904
- function create_default_slot$4(ctx) {
5911
+ function create_default_slot$9(ctx) {
5905
5912
  let img;
5906
5913
  let img_style_value;
5907
5914
  let img_src_value;
@@ -5925,7 +5932,7 @@ function create_default_slot$4(ctx) {
5925
5932
  this.h();
5926
5933
  },
5927
5934
  h() {
5928
- attr(img, "class", "image svelte-1alkh1m");
5935
+ attr(img, "class", "image svelte-t6tu0e");
5929
5936
  attr(img, "loading", "lazy");
5930
5937
  attr(img, "width", "auto");
5931
5938
  attr(img, "height", "auto");
@@ -5967,7 +5974,7 @@ function create_default_slot$4(ctx) {
5967
5974
  };
5968
5975
  }
5969
5976
 
5970
- function create_fragment$$(ctx) {
5977
+ function create_fragment$10(ctx) {
5971
5978
  let div;
5972
5979
  let button;
5973
5980
  let div_class_value;
@@ -5978,7 +5985,7 @@ function create_fragment$$(ctx) {
5978
5985
  onClick: /*onClick*/ ctx[4],
5979
5986
  style: /*_style*/ ctx[7],
5980
5987
  eventName: /*eventName*/ ctx[5],
5981
- $$slots: { default: [create_default_slot$4] },
5988
+ $$slots: { default: [create_default_slot$9] },
5982
5989
  $$scope: { ctx }
5983
5990
  }
5984
5991
  });
@@ -5997,7 +6004,7 @@ function create_fragment$$(ctx) {
5997
6004
  this.h();
5998
6005
  },
5999
6006
  h() {
6000
- attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m");
6007
+ attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
6001
6008
  },
6002
6009
  m(target, anchor) {
6003
6010
  insert_hydration(target, div, anchor);
@@ -6016,7 +6023,7 @@ function create_fragment$$(ctx) {
6016
6023
 
6017
6024
  button.$set(button_changes);
6018
6025
 
6019
- if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m")) {
6026
+ if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
6020
6027
  attr(div, "class", div_class_value);
6021
6028
  }
6022
6029
  },
@@ -6036,7 +6043,7 @@ function create_fragment$$(ctx) {
6036
6043
  };
6037
6044
  }
6038
6045
 
6039
- function instance$$($$self, $$props, $$invalidate) {
6046
+ function instance$10($$self, $$props, $$invalidate) {
6040
6047
  let { src = '' } = $$props;
6041
6048
  let { alt = '画像の説明' } = $$props;
6042
6049
  let { transport = false } = $$props;
@@ -6067,8 +6074,8 @@ class ImageElement extends SvelteComponent {
6067
6074
  init(
6068
6075
  this,
6069
6076
  options,
6070
- instance$$,
6071
- create_fragment$$,
6077
+ instance$10,
6078
+ create_fragment$10,
6072
6079
  safe_not_equal,
6073
6080
  {
6074
6081
  src: 0,
@@ -6080,18 +6087,18 @@ class ImageElement extends SvelteComponent {
6080
6087
  _imageStyle: 6,
6081
6088
  _style: 7
6082
6089
  },
6083
- add_css$y
6090
+ add_css$z
6084
6091
  );
6085
6092
  }
6086
6093
  }
6087
6094
 
6088
6095
  /* src/components/List.svelte generated by Svelte v3.53.1 */
6089
6096
 
6090
- function add_css$x(target) {
6091
- 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}");
6097
+ function add_css$y(target) {
6098
+ 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}");
6092
6099
  }
6093
6100
 
6094
- function create_fragment$_(ctx) {
6101
+ function create_fragment$$(ctx) {
6095
6102
  let div;
6096
6103
  let current;
6097
6104
  const default_slot_template = /*#slots*/ ctx[6].default;
@@ -6111,7 +6118,7 @@ function create_fragment$_(ctx) {
6111
6118
  this.h();
6112
6119
  },
6113
6120
  h() {
6114
- attr(div, "class", "list svelte-1t8r9z");
6121
+ attr(div, "class", "list svelte-aquv6z");
6115
6122
  attr(div, "style", /*style*/ ctx[0]);
6116
6123
  },
6117
6124
  m(target, anchor) {
@@ -6161,7 +6168,7 @@ function create_fragment$_(ctx) {
6161
6168
 
6162
6169
  const LIST_CONTEXT_KEY = Symbol();
6163
6170
 
6164
- function instance$_($$self, $$props, $$invalidate) {
6171
+ function instance$$($$self, $$props, $$invalidate) {
6165
6172
  let style;
6166
6173
  let { $$slots: slots = {}, $$scope } = $$props;
6167
6174
  let { direction = 'vertical' } = $$props;
@@ -6228,8 +6235,8 @@ class List extends SvelteComponent {
6228
6235
  init(
6229
6236
  this,
6230
6237
  options,
6231
- instance$_,
6232
- create_fragment$_,
6238
+ instance$$,
6239
+ create_fragment$$,
6233
6240
  safe_not_equal,
6234
6241
  {
6235
6242
  direction: 1,
@@ -6237,19 +6244,19 @@ class List extends SvelteComponent {
6237
6244
  background: 3,
6238
6245
  _style: 4
6239
6246
  },
6240
- add_css$x
6247
+ add_css$y
6241
6248
  );
6242
6249
  }
6243
6250
  }
6244
6251
 
6245
6252
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
6246
6253
 
6247
- function add_css$w(target) {
6248
- 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}");
6254
+ function add_css$x(target) {
6255
+ 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}");
6249
6256
  }
6250
6257
 
6251
6258
  // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
6252
- function create_default_slot$3(ctx) {
6259
+ function create_default_slot$8(ctx) {
6253
6260
  let current;
6254
6261
  const default_slot_template = /*#slots*/ ctx[5].default;
6255
6262
  const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[6], null);
@@ -6299,7 +6306,7 @@ function create_default_slot$3(ctx) {
6299
6306
  };
6300
6307
  }
6301
6308
 
6302
- function create_fragment$Z(ctx) {
6309
+ function create_fragment$_(ctx) {
6303
6310
  let div;
6304
6311
  let button;
6305
6312
  let current;
@@ -6309,7 +6316,7 @@ function create_fragment$Z(ctx) {
6309
6316
  onClick: /*onClick*/ ctx[0],
6310
6317
  style: /*_style*/ ctx[2],
6311
6318
  eventName: /*clickEventName*/ ctx[1],
6312
- $$slots: { default: [create_default_slot$3] },
6319
+ $$slots: { default: [create_default_slot$8] },
6313
6320
  $$scope: { ctx }
6314
6321
  }
6315
6322
  });
@@ -6328,7 +6335,7 @@ function create_fragment$Z(ctx) {
6328
6335
  this.h();
6329
6336
  },
6330
6337
  h() {
6331
- attr(div, "class", "list-item svelte-1lbw8v2");
6338
+ attr(div, "class", "list-item svelte-9n97pe");
6332
6339
  attr(div, "style", /*listItemStyle*/ ctx[3]);
6333
6340
  },
6334
6341
  m(target, anchor) {
@@ -6368,7 +6375,7 @@ function create_fragment$Z(ctx) {
6368
6375
  };
6369
6376
  }
6370
6377
 
6371
- function instance$Z($$self, $$props, $$invalidate) {
6378
+ function instance$_($$self, $$props, $$invalidate) {
6372
6379
  let listItemStyle;
6373
6380
  let { $$slots: slots = {}, $$scope } = $$props;
6374
6381
  const { separator, background, direction, registerItem, unregisterItem } = getContext(LIST_CONTEXT_KEY);
@@ -6447,17 +6454,17 @@ function instance$Z($$self, $$props, $$invalidate) {
6447
6454
  class ListItem extends SvelteComponent {
6448
6455
  constructor(options) {
6449
6456
  super();
6450
- init(this, options, instance$Z, create_fragment$Z, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$w);
6457
+ init(this, options, instance$_, create_fragment$_, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$x);
6451
6458
  }
6452
6459
  }
6453
6460
 
6454
6461
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
6455
6462
 
6456
- function add_css$v(target) {
6457
- 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}");
6463
+ function add_css$w(target) {
6464
+ 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}");
6458
6465
  }
6459
6466
 
6460
- function create_fragment$Y(ctx) {
6467
+ function create_fragment$Z(ctx) {
6461
6468
  let div;
6462
6469
 
6463
6470
  return {
@@ -6472,7 +6479,7 @@ function create_fragment$Y(ctx) {
6472
6479
  this.h();
6473
6480
  },
6474
6481
  h() {
6475
- attr(div, "class", "embed svelte-w6jkzh");
6482
+ attr(div, "class", "embed svelte-wocq4p");
6476
6483
  attr(div, "style", /*_style*/ ctx[1]);
6477
6484
  },
6478
6485
  m(target, anchor) {
@@ -6493,7 +6500,7 @@ function create_fragment$Y(ctx) {
6493
6500
  };
6494
6501
  }
6495
6502
 
6496
- function instance$Y($$self, $$props, $$invalidate) {
6503
+ function instance$Z($$self, $$props, $$invalidate) {
6497
6504
  let { code } = $$props;
6498
6505
  let { _style = '' } = $$props;
6499
6506
 
@@ -6508,17 +6515,17 @@ function instance$Y($$self, $$props, $$invalidate) {
6508
6515
  class EmbedElement extends SvelteComponent {
6509
6516
  constructor(options) {
6510
6517
  super();
6511
- init(this, options, instance$Y, create_fragment$Y, safe_not_equal, { code: 0, _style: 1 }, add_css$v);
6518
+ init(this, options, instance$Z, create_fragment$Z, safe_not_equal, { code: 0, _style: 1 }, add_css$w);
6512
6519
  }
6513
6520
  }
6514
6521
 
6515
6522
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
6516
6523
 
6517
- function add_css$u(target) {
6518
- 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%}");
6524
+ function add_css$v(target) {
6525
+ 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%}");
6519
6526
  }
6520
6527
 
6521
- function create_fragment$X(ctx) {
6528
+ function create_fragment$Y(ctx) {
6522
6529
  let div1;
6523
6530
  let div0;
6524
6531
 
@@ -6538,7 +6545,7 @@ function create_fragment$X(ctx) {
6538
6545
  },
6539
6546
  h() {
6540
6547
  attr(div0, "class", "karte-player");
6541
- attr(div1, "class", "embed svelte-ljxq7x");
6548
+ attr(div1, "class", "embed svelte-vikz49");
6542
6549
  attr(div1, "style", /*_style*/ ctx[0]);
6543
6550
  },
6544
6551
  m(target, anchor) {
@@ -6570,7 +6577,7 @@ function _setValue(obj, key, value) {
6570
6577
  }
6571
6578
  }
6572
6579
 
6573
- function instance$X($$self, $$props, $$invalidate) {
6580
+ function instance$Y($$self, $$props, $$invalidate) {
6574
6581
  let $system;
6575
6582
  component_subscribe($$self, system, $$value => $$invalidate(31, $system = $$value));
6576
6583
  let { videoId = 'wt0OjOeX-JA' } = $$props;
@@ -6841,8 +6848,8 @@ class MovieYouTubeElement extends SvelteComponent {
6841
6848
  init(
6842
6849
  this,
6843
6850
  options,
6844
- instance$X,
6845
- create_fragment$X,
6851
+ instance$Y,
6852
+ create_fragment$Y,
6846
6853
  safe_not_equal,
6847
6854
  {
6848
6855
  videoId: 2,
@@ -6871,7 +6878,7 @@ class MovieYouTubeElement extends SvelteComponent {
6871
6878
  mute: 25,
6872
6879
  _style: 0
6873
6880
  },
6874
- add_css$u,
6881
+ add_css$v,
6875
6882
  [-1, -1]
6876
6883
  );
6877
6884
  }
@@ -6879,11 +6886,11 @@ class MovieYouTubeElement extends SvelteComponent {
6879
6886
 
6880
6887
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6881
6888
 
6882
- function add_css$t(target) {
6883
- 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%}");
6889
+ function add_css$u(target) {
6890
+ 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%}");
6884
6891
  }
6885
6892
 
6886
- function create_fragment$W(ctx) {
6893
+ function create_fragment$X(ctx) {
6887
6894
  let div1;
6888
6895
  let div0;
6889
6896
 
@@ -6903,7 +6910,7 @@ function create_fragment$W(ctx) {
6903
6910
  },
6904
6911
  h() {
6905
6912
  attr(div0, "class", "karte-player");
6906
- attr(div1, "class", "embed svelte-ljxq7x");
6913
+ attr(div1, "class", "embed svelte-vikz49");
6907
6914
  attr(div1, "style", /*_style*/ ctx[0]);
6908
6915
  },
6909
6916
  m(target, anchor) {
@@ -6925,7 +6932,7 @@ function create_fragment$W(ctx) {
6925
6932
  };
6926
6933
  }
6927
6934
 
6928
- function instance$W($$self, $$props, $$invalidate) {
6935
+ function instance$X($$self, $$props, $$invalidate) {
6929
6936
  let $system;
6930
6937
  component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
6931
6938
  let { videoId = "201239468" } = $$props;
@@ -7068,8 +7075,8 @@ class MovieVimeoElement extends SvelteComponent {
7068
7075
  init(
7069
7076
  this,
7070
7077
  options,
7071
- instance$W,
7072
- create_fragment$W,
7078
+ instance$X,
7079
+ create_fragment$X,
7073
7080
  safe_not_equal,
7074
7081
  {
7075
7082
  videoId: 2,
@@ -7079,18 +7086,18 @@ class MovieVimeoElement extends SvelteComponent {
7079
7086
  mute: 6,
7080
7087
  _style: 0
7081
7088
  },
7082
- add_css$t
7089
+ add_css$u
7083
7090
  );
7084
7091
  }
7085
7092
  }
7086
7093
 
7087
7094
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
7088
7095
 
7089
- function add_css$s(target) {
7090
- 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}");
7096
+ function add_css$t(target) {
7097
+ 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}");
7091
7098
  }
7092
7099
 
7093
- function create_fragment$V(ctx) {
7100
+ function create_fragment$W(ctx) {
7094
7101
  let div;
7095
7102
  let textarea;
7096
7103
  let mounted;
@@ -7117,12 +7124,12 @@ function create_fragment$V(ctx) {
7117
7124
  this.h();
7118
7125
  },
7119
7126
  h() {
7120
- attr(textarea, "class", "textarea svelte-1fjy5oo");
7127
+ attr(textarea, "class", "textarea svelte-zxvkkc");
7121
7128
  textarea.value = /*$value*/ ctx[4];
7122
7129
  textarea.required = /*required*/ ctx[1];
7123
7130
  attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
7124
7131
  attr(textarea, "style", /*style*/ ctx[3]);
7125
- attr(div, "class", "textarea-wrapper svelte-1fjy5oo");
7132
+ attr(div, "class", "textarea-wrapper svelte-zxvkkc");
7126
7133
  attr(div, "style", /*styleVariables*/ ctx[2]);
7127
7134
  },
7128
7135
  m(target, anchor) {
@@ -7165,7 +7172,7 @@ function create_fragment$V(ctx) {
7165
7172
  };
7166
7173
  }
7167
7174
 
7168
- function instance$V($$self, $$props, $$invalidate) {
7175
+ function instance$W($$self, $$props, $$invalidate) {
7169
7176
  let style;
7170
7177
  let styleVariables;
7171
7178
  let $value;
@@ -7253,8 +7260,8 @@ class FormTextarea extends SvelteComponent {
7253
7260
  init(
7254
7261
  this,
7255
7262
  options,
7256
- instance$V,
7257
- create_fragment$V,
7263
+ instance$W,
7264
+ create_fragment$W,
7258
7265
  safe_not_equal,
7259
7266
  {
7260
7267
  name: 7,
@@ -7266,15 +7273,15 @@ class FormTextarea extends SvelteComponent {
7266
7273
  _textStyle: 11,
7267
7274
  _placeholderStyle: 12
7268
7275
  },
7269
- add_css$s
7276
+ add_css$t
7270
7277
  );
7271
7278
  }
7272
7279
  }
7273
7280
 
7274
7281
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
7275
7282
 
7276
- function add_css$r(target) {
7277
- 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}");
7283
+ function add_css$s(target) {
7284
+ 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}");
7278
7285
  }
7279
7286
 
7280
7287
  function get_each_context$5(ctx, list, i) {
@@ -7331,14 +7338,14 @@ function create_each_block$5(ctx) {
7331
7338
  },
7332
7339
  h() {
7333
7340
  attr(input, "type", "radio");
7334
- attr(input, "class", "radio-button-input svelte-1ntb6j8");
7341
+ attr(input, "class", "radio-button-input svelte-17s08g");
7335
7342
  attr(input, "style", /*buttonStyle*/ ctx[5]);
7336
7343
  attr(input, "name", /*name*/ ctx[0]);
7337
7344
  input.value = input_value_value = /*option*/ ctx[17];
7338
7345
  input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
7339
- attr(span, "class", "radio-button-text svelte-1ntb6j8");
7346
+ attr(span, "class", "radio-button-text svelte-17s08g");
7340
7347
  attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7341
- attr(label, "class", "radio-button svelte-1ntb6j8");
7348
+ attr(label, "class", "radio-button svelte-17s08g");
7342
7349
  },
7343
7350
  m(target, anchor) {
7344
7351
  insert_hydration(target, label, anchor);
@@ -7386,7 +7393,7 @@ function create_each_block$5(ctx) {
7386
7393
  };
7387
7394
  }
7388
7395
 
7389
- function create_fragment$U(ctx) {
7396
+ function create_fragment$V(ctx) {
7390
7397
  let div;
7391
7398
  let each_value = /*_options*/ ctx[4];
7392
7399
  let each_blocks = [];
@@ -7417,7 +7424,7 @@ function create_fragment$U(ctx) {
7417
7424
  this.h();
7418
7425
  },
7419
7426
  h() {
7420
- attr(div, "class", "radio-buttons svelte-1ntb6j8");
7427
+ attr(div, "class", "radio-buttons svelte-17s08g");
7421
7428
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7422
7429
  },
7423
7430
  m(target, anchor) {
@@ -7464,7 +7471,7 @@ function create_fragment$U(ctx) {
7464
7471
  };
7465
7472
  }
7466
7473
 
7467
- function instance$U($$self, $$props, $$invalidate) {
7474
+ function instance$V($$self, $$props, $$invalidate) {
7468
7475
  let _options;
7469
7476
  let buttonStyle;
7470
7477
  let _value;
@@ -7564,8 +7571,8 @@ class FormRadioButtons extends SvelteComponent {
7564
7571
  init(
7565
7572
  this,
7566
7573
  options,
7567
- instance$U,
7568
- create_fragment$U,
7574
+ instance$V,
7575
+ create_fragment$V,
7569
7576
  safe_not_equal,
7570
7577
  {
7571
7578
  name: 0,
@@ -7578,15 +7585,15 @@ class FormRadioButtons extends SvelteComponent {
7578
7585
  buttonColor: 13,
7579
7586
  buttonColorActive: 14
7580
7587
  },
7581
- add_css$r
7588
+ add_css$s
7582
7589
  );
7583
7590
  }
7584
7591
  }
7585
7592
 
7586
7593
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
7587
7594
 
7588
- function add_css$q(target) {
7589
- 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}");
7595
+ function add_css$r(target) {
7596
+ 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}");
7590
7597
  }
7591
7598
 
7592
7599
  function get_each_context$4(ctx, list, i) {
@@ -7597,7 +7604,7 @@ function get_each_context$4(ctx, list, i) {
7597
7604
  }
7598
7605
 
7599
7606
  // (107:10) {:else}
7600
- function create_else_block$1(ctx) {
7607
+ function create_else_block$2(ctx) {
7601
7608
  let t;
7602
7609
 
7603
7610
  return {
@@ -7620,7 +7627,7 @@ function create_else_block$1(ctx) {
7620
7627
  }
7621
7628
 
7622
7629
  // (105:10) {#if option}
7623
- function create_if_block$8(ctx) {
7630
+ function create_if_block$9(ctx) {
7624
7631
  let t_value = /*option*/ ctx[19] + "";
7625
7632
  let t;
7626
7633
 
@@ -7651,8 +7658,8 @@ function create_each_block$4(ctx) {
7651
7658
  let option_selected_value;
7652
7659
 
7653
7660
  function select_block_type(ctx, dirty) {
7654
- if (/*option*/ ctx[19]) return create_if_block$8;
7655
- return create_else_block$1;
7661
+ if (/*option*/ ctx[19]) return create_if_block$9;
7662
+ return create_else_block$2;
7656
7663
  }
7657
7664
 
7658
7665
  let current_block_type = select_block_type(ctx);
@@ -7712,7 +7719,7 @@ function create_each_block$4(ctx) {
7712
7719
  };
7713
7720
  }
7714
7721
 
7715
- function create_fragment$T(ctx) {
7722
+ function create_fragment$U(ctx) {
7716
7723
  let div1;
7717
7724
  let select;
7718
7725
  let t;
@@ -7757,10 +7764,10 @@ function create_fragment$T(ctx) {
7757
7764
  this.h();
7758
7765
  },
7759
7766
  h() {
7760
- attr(select, "class", "select-select svelte-iejizj");
7767
+ attr(select, "class", "select-select svelte-t9ynyj");
7761
7768
  attr(select, "style", /*style*/ ctx[3]);
7762
- attr(div0, "class", "select-icon svelte-iejizj");
7763
- attr(div1, "class", "select svelte-iejizj");
7769
+ attr(div0, "class", "select-icon svelte-t9ynyj");
7770
+ attr(div1, "class", "select svelte-t9ynyj");
7764
7771
  attr(div1, "style", /*styleVariables*/ ctx[2]);
7765
7772
  },
7766
7773
  m(target, anchor) {
@@ -7822,7 +7829,7 @@ function create_fragment$T(ctx) {
7822
7829
  };
7823
7830
  }
7824
7831
 
7825
- function instance$T($$self, $$props, $$invalidate) {
7832
+ function instance$U($$self, $$props, $$invalidate) {
7826
7833
  let _options;
7827
7834
  let style;
7828
7835
  let styleVariables;
@@ -7938,8 +7945,8 @@ class FormSelect extends SvelteComponent {
7938
7945
  init(
7939
7946
  this,
7940
7947
  options,
7941
- instance$T,
7942
- create_fragment$T,
7948
+ instance$U,
7949
+ create_fragment$U,
7943
7950
  safe_not_equal,
7944
7951
  {
7945
7952
  name: 7,
@@ -7954,15 +7961,15 @@ class FormSelect extends SvelteComponent {
7954
7961
  iconColor: 15,
7955
7962
  iconSize: 16
7956
7963
  },
7957
- add_css$q
7964
+ add_css$r
7958
7965
  );
7959
7966
  }
7960
7967
  }
7961
7968
 
7962
7969
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
7963
7970
 
7964
- function add_css$p(target) {
7965
- 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}");
7971
+ function add_css$q(target) {
7972
+ 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}");
7966
7973
  }
7967
7974
 
7968
7975
  function get_each_context$3(ctx, list, i) {
@@ -8024,19 +8031,19 @@ function create_each_block$3(ctx) {
8024
8031
  this.h();
8025
8032
  },
8026
8033
  h() {
8027
- attr(input, "class", "check-box-input svelte-2pz1us");
8034
+ attr(input, "class", "check-box-input svelte-1p65cg8");
8028
8035
  attr(input, "type", "checkbox");
8029
8036
  attr(input, "name", /*name*/ ctx[0]);
8030
8037
  input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
8031
- attr(span0, "class", "check-box-icon svelte-2pz1us");
8038
+ attr(span0, "class", "check-box-icon svelte-1p65cg8");
8032
8039
 
8033
8040
  attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
8034
8041
  ? ' _checked'
8035
- : ''}`) + " svelte-2pz1us"));
8042
+ : ''}`) + " svelte-1p65cg8"));
8036
8043
 
8037
- attr(span2, "class", "check-box-text svelte-2pz1us");
8044
+ attr(span2, "class", "check-box-text svelte-1p65cg8");
8038
8045
  attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
8039
- attr(label, "class", "check-box svelte-2pz1us");
8046
+ attr(label, "class", "check-box svelte-1p65cg8");
8040
8047
  attr(label, "style", /*styleVariables*/ ctx[5]);
8041
8048
  },
8042
8049
  m(target, anchor) {
@@ -8068,7 +8075,7 @@ function create_each_block$3(ctx) {
8068
8075
 
8069
8076
  if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
8070
8077
  ? ' _checked'
8071
- : ''}`) + " svelte-2pz1us"))) {
8078
+ : ''}`) + " svelte-1p65cg8"))) {
8072
8079
  attr(span1, "class", span1_class_value);
8073
8080
  }
8074
8081
 
@@ -8090,7 +8097,7 @@ function create_each_block$3(ctx) {
8090
8097
  };
8091
8098
  }
8092
8099
 
8093
- function create_fragment$S(ctx) {
8100
+ function create_fragment$T(ctx) {
8094
8101
  let div;
8095
8102
  let each_value = /*_options*/ ctx[3];
8096
8103
  let each_blocks = [];
@@ -8121,7 +8128,7 @@ function create_fragment$S(ctx) {
8121
8128
  this.h();
8122
8129
  },
8123
8130
  h() {
8124
- attr(div, "class", "check-boxes svelte-2pz1us");
8131
+ attr(div, "class", "check-boxes svelte-1p65cg8");
8125
8132
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
8126
8133
  },
8127
8134
  m(target, anchor) {
@@ -8168,7 +8175,7 @@ function create_fragment$S(ctx) {
8168
8175
  };
8169
8176
  }
8170
8177
 
8171
- function instance$S($$self, $$props, $$invalidate) {
8178
+ function instance$T($$self, $$props, $$invalidate) {
8172
8179
  let _options;
8173
8180
  let styleVariables;
8174
8181
  let isCheckedArray;
@@ -8274,8 +8281,8 @@ class FormCheckBoxes extends SvelteComponent {
8274
8281
  init(
8275
8282
  this,
8276
8283
  options,
8277
- instance$S,
8278
- create_fragment$S,
8284
+ instance$T,
8285
+ create_fragment$T,
8279
8286
  safe_not_equal,
8280
8287
  {
8281
8288
  name: 0,
@@ -8288,15 +8295,15 @@ class FormCheckBoxes extends SvelteComponent {
8288
8295
  buttonColor: 13,
8289
8296
  buttonColorActive: 14
8290
8297
  },
8291
- add_css$p
8298
+ add_css$q
8292
8299
  );
8293
8300
  }
8294
8301
  }
8295
8302
 
8296
8303
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
8297
8304
 
8298
- function add_css$o(target) {
8299
- 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}");
8305
+ function add_css$p(target) {
8306
+ 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}");
8300
8307
  }
8301
8308
 
8302
8309
  function get_each_context$2(ctx, list, i) {
@@ -8331,7 +8338,7 @@ function create_each_block$2(ctx) {
8331
8338
  this.h();
8332
8339
  },
8333
8340
  h() {
8334
- attr(button, "class", "rating-button svelte-9idbf1");
8341
+ attr(button, "class", "rating-button svelte-1iqf36p");
8335
8342
  attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
8336
8343
  },
8337
8344
  m(target, anchor) {
@@ -8363,7 +8370,7 @@ function create_each_block$2(ctx) {
8363
8370
  };
8364
8371
  }
8365
8372
 
8366
- function create_fragment$R(ctx) {
8373
+ function create_fragment$S(ctx) {
8367
8374
  let div;
8368
8375
  let each_value = [...Array(/*count*/ ctx[0]).keys()].map(/*func*/ ctx[12]);
8369
8376
  let each_blocks = [];
@@ -8394,7 +8401,7 @@ function create_fragment$R(ctx) {
8394
8401
  this.h();
8395
8402
  },
8396
8403
  h() {
8397
- attr(div, "class", "rating-buttons svelte-9idbf1");
8404
+ attr(div, "class", "rating-buttons svelte-1iqf36p");
8398
8405
  },
8399
8406
  m(target, anchor) {
8400
8407
  insert_hydration(target, div, anchor);
@@ -8436,7 +8443,7 @@ function create_fragment$R(ctx) {
8436
8443
  };
8437
8444
  }
8438
8445
 
8439
- function instance$R($$self, $$props, $$invalidate) {
8446
+ function instance$S($$self, $$props, $$invalidate) {
8440
8447
  let _value;
8441
8448
  let $value;
8442
8449
  let { name = '' } = $$props;
@@ -8518,8 +8525,8 @@ class FormRatingButtonsNumber extends SvelteComponent {
8518
8525
  init(
8519
8526
  this,
8520
8527
  options,
8521
- instance$R,
8522
- create_fragment$R,
8528
+ instance$S,
8529
+ create_fragment$S,
8523
8530
  safe_not_equal,
8524
8531
  {
8525
8532
  name: 6,
@@ -8530,15 +8537,15 @@ class FormRatingButtonsNumber extends SvelteComponent {
8530
8537
  buttonStyle: 9,
8531
8538
  buttonActiveStyle: 10
8532
8539
  },
8533
- add_css$o
8540
+ add_css$p
8534
8541
  );
8535
8542
  }
8536
8543
  }
8537
8544
 
8538
8545
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
8539
8546
 
8540
- function add_css$n(target) {
8541
- 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%)}");
8547
+ function add_css$o(target) {
8548
+ 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%)}");
8542
8549
  }
8543
8550
 
8544
8551
  function get_each_context$1(ctx, list, i) {
@@ -8574,9 +8581,9 @@ function create_each_block$1(ctx) {
8574
8581
  },
8575
8582
  h() {
8576
8583
  if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
8577
- attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"));
8584
+ attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
8578
8585
  attr(img, "alt", "rate" + /*i*/ ctx[10]);
8579
- attr(button, "class", "rating-button svelte-1b5dvzw");
8586
+ attr(button, "class", "rating-button svelte-tbunko");
8580
8587
  attr(button, "style", /*buttonStyle*/ ctx[0]);
8581
8588
  },
8582
8589
  m(target, anchor) {
@@ -8592,7 +8599,7 @@ function create_each_block$1(ctx) {
8592
8599
  p(new_ctx, dirty) {
8593
8600
  ctx = new_ctx;
8594
8601
 
8595
- 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"))) {
8602
+ if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"))) {
8596
8603
  attr(img, "class", img_class_value);
8597
8604
  }
8598
8605
 
@@ -8608,7 +8615,7 @@ function create_each_block$1(ctx) {
8608
8615
  };
8609
8616
  }
8610
8617
 
8611
- function create_fragment$Q(ctx) {
8618
+ function create_fragment$R(ctx) {
8612
8619
  let div;
8613
8620
  let each_value = [...Array(count).keys()].reverse().map(func);
8614
8621
  let each_blocks = [];
@@ -8639,7 +8646,7 @@ function create_fragment$Q(ctx) {
8639
8646
  this.h();
8640
8647
  },
8641
8648
  h() {
8642
- attr(div, "class", "rating-buttons svelte-1b5dvzw");
8649
+ attr(div, "class", "rating-buttons svelte-tbunko");
8643
8650
  },
8644
8651
  m(target, anchor) {
8645
8652
  insert_hydration(target, div, anchor);
@@ -8684,7 +8691,7 @@ function create_fragment$Q(ctx) {
8684
8691
  const count = 5;
8685
8692
  const func = i => i + 1;
8686
8693
 
8687
- function instance$Q($$self, $$props, $$invalidate) {
8694
+ function instance$R($$self, $$props, $$invalidate) {
8688
8695
  let _value;
8689
8696
  let buttonStyle;
8690
8697
  let $value;
@@ -8740,17 +8747,17 @@ function instance$Q($$self, $$props, $$invalidate) {
8740
8747
  class FormRatingButtonsFace extends SvelteComponent {
8741
8748
  constructor(options) {
8742
8749
  super();
8743
- init(this, options, instance$Q, create_fragment$Q, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$n);
8750
+ init(this, options, instance$R, create_fragment$R, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$o);
8744
8751
  }
8745
8752
  }
8746
8753
 
8747
8754
  /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
8748
8755
 
8749
- function add_css$m(target) {
8750
- 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}");
8756
+ function add_css$n(target) {
8757
+ 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}");
8751
8758
  }
8752
8759
 
8753
- function create_fragment$P(ctx) {
8760
+ function create_fragment$Q(ctx) {
8754
8761
  let div;
8755
8762
  let input;
8756
8763
  let input_class_value;
@@ -8778,13 +8785,13 @@ function create_fragment$P(ctx) {
8778
8785
  this.h();
8779
8786
  },
8780
8787
  h() {
8781
- attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"));
8788
+ attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"));
8782
8789
  attr(input, "type", "text");
8783
8790
  input.value = /*$value*/ ctx[2];
8784
8791
  input.required = /*required*/ ctx[0];
8785
8792
  attr(input, "placeholder", /*placeholder*/ ctx[1]);
8786
8793
  attr(input, "style", /*style*/ ctx[5]);
8787
- attr(div, "class", "input-wrapper svelte-f14zo5");
8794
+ attr(div, "class", "input-wrapper svelte-h8fqwx");
8788
8795
  attr(div, "style", /*styleVariables*/ ctx[4]);
8789
8796
  },
8790
8797
  m(target, anchor) {
@@ -8797,7 +8804,7 @@ function create_fragment$P(ctx) {
8797
8804
  }
8798
8805
  },
8799
8806
  p(ctx, [dirty]) {
8800
- if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"))) {
8807
+ if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"))) {
8801
8808
  attr(input, "class", input_class_value);
8802
8809
  }
8803
8810
 
@@ -8831,7 +8838,7 @@ function create_fragment$P(ctx) {
8831
8838
  };
8832
8839
  }
8833
8840
 
8834
- function instance$P($$self, $$props, $$invalidate) {
8841
+ function instance$Q($$self, $$props, $$invalidate) {
8835
8842
  let style;
8836
8843
  let styleVariables;
8837
8844
  let isValidForUI;
@@ -8962,8 +8969,8 @@ class FormIdentifyInput extends SvelteComponent {
8962
8969
  init(
8963
8970
  this,
8964
8971
  options,
8965
- instance$P,
8966
- create_fragment$P,
8972
+ instance$Q,
8973
+ create_fragment$Q,
8967
8974
  safe_not_equal,
8968
8975
  {
8969
8976
  field: 9,
@@ -8977,18 +8984,18 @@ class FormIdentifyInput extends SvelteComponent {
8977
8984
  _textStyle: 15,
8978
8985
  _placeholderStyle: 16
8979
8986
  },
8980
- add_css$m
8987
+ add_css$n
8981
8988
  );
8982
8989
  }
8983
8990
  }
8984
8991
 
8985
8992
  /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
8986
8993
 
8987
- function add_css$l(target) {
8988
- 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}");
8994
+ function add_css$m(target) {
8995
+ 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}");
8989
8996
  }
8990
8997
 
8991
- function create_fragment$O(ctx) {
8998
+ function create_fragment$P(ctx) {
8992
8999
  let div;
8993
9000
  let label0;
8994
9001
  let input0;
@@ -9051,20 +9058,20 @@ function create_fragment$O(ctx) {
9051
9058
  },
9052
9059
  h() {
9053
9060
  attr(input0, "type", "radio");
9054
- attr(input0, "class", "radio-button-input svelte-pzrwlo");
9061
+ attr(input0, "class", "radio-button-input svelte-8zbmyo");
9055
9062
  attr(input0, "style", /*buttonStyle*/ ctx[2]);
9056
9063
  input0.checked = input0_checked_value = /*$value*/ ctx[3] === true;
9057
- attr(span0, "class", "radio-button-text svelte-pzrwlo");
9064
+ attr(span0, "class", "radio-button-text svelte-8zbmyo");
9058
9065
  attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
9059
- attr(label0, "class", "radio-button svelte-pzrwlo");
9066
+ attr(label0, "class", "radio-button svelte-8zbmyo");
9060
9067
  attr(input1, "type", "radio");
9061
- attr(input1, "class", "radio-button-input svelte-pzrwlo");
9068
+ attr(input1, "class", "radio-button-input svelte-8zbmyo");
9062
9069
  attr(input1, "style", /*buttonStyle*/ ctx[2]);
9063
9070
  input1.checked = input1_checked_value = /*$value*/ ctx[3] === false;
9064
- attr(span1, "class", "radio-button-text svelte-pzrwlo");
9071
+ attr(span1, "class", "radio-button-text svelte-8zbmyo");
9065
9072
  attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
9066
- attr(label1, "class", "radio-button svelte-pzrwlo");
9067
- attr(div, "class", "radio-buttons svelte-pzrwlo");
9073
+ attr(label1, "class", "radio-button svelte-8zbmyo");
9074
+ attr(div, "class", "radio-buttons svelte-8zbmyo");
9068
9075
  attr(div, "style", /*_layoutStyle*/ ctx[0]);
9069
9076
  },
9070
9077
  m(target, anchor) {
@@ -9129,7 +9136,7 @@ function create_fragment$O(ctx) {
9129
9136
  };
9130
9137
  }
9131
9138
 
9132
- function instance$O($$self, $$props, $$invalidate) {
9139
+ function instance$P($$self, $$props, $$invalidate) {
9133
9140
  let buttonStyle;
9134
9141
  let $value;
9135
9142
  let { field = 'subscription' } = $$props;
@@ -9211,8 +9218,8 @@ class FormIdentifyChoices extends SvelteComponent {
9211
9218
  init(
9212
9219
  this,
9213
9220
  options,
9214
- instance$O,
9215
- create_fragment$O,
9221
+ instance$P,
9222
+ create_fragment$P,
9216
9223
  safe_not_equal,
9217
9224
  {
9218
9225
  field: 6,
@@ -9224,15 +9231,15 @@ class FormIdentifyChoices extends SvelteComponent {
9224
9231
  buttonColor: 10,
9225
9232
  buttonColorActive: 11
9226
9233
  },
9227
- add_css$l
9234
+ add_css$m
9228
9235
  );
9229
9236
  }
9230
9237
  }
9231
9238
 
9232
9239
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
9233
9240
 
9234
- function add_css$k(target) {
9235
- 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%}");
9241
+ function add_css$l(target) {
9242
+ 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%}");
9236
9243
  }
9237
9244
 
9238
9245
  function get_each_context(ctx, list, i) {
@@ -9243,7 +9250,7 @@ function get_each_context(ctx, list, i) {
9243
9250
  }
9244
9251
 
9245
9252
  // (371:2) {#if isVisiblePrevButton}
9246
- function create_if_block_1$1(ctx) {
9253
+ function create_if_block_1$2(ctx) {
9247
9254
  let div;
9248
9255
  let button;
9249
9256
  let svg;
@@ -9278,9 +9285,9 @@ function create_if_block_1$1(ctx) {
9278
9285
  attr(svg, "viewBox", "0 0 10 16");
9279
9286
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
9280
9287
  attr(svg, "style", /*prevIconStyle*/ ctx[10]);
9281
- attr(button, "class", "move-button svelte-1qfq79t");
9288
+ attr(button, "class", "move-button svelte-ji1fh");
9282
9289
  attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
9283
- attr(div, "class", "prev-button-container svelte-1qfq79t");
9290
+ attr(div, "class", "prev-button-container svelte-ji1fh");
9284
9291
  },
9285
9292
  m(target, anchor) {
9286
9293
  insert_hydration(target, div, anchor);
@@ -9311,7 +9318,7 @@ function create_if_block_1$1(ctx) {
9311
9318
  }
9312
9319
 
9313
9320
  // (380:2) {#if isVisibleNextButton}
9314
- function create_if_block$7(ctx) {
9321
+ function create_if_block$8(ctx) {
9315
9322
  let div;
9316
9323
  let button;
9317
9324
  let svg;
@@ -9346,9 +9353,9 @@ function create_if_block$7(ctx) {
9346
9353
  attr(svg, "viewBox", "0 0 10 16");
9347
9354
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
9348
9355
  attr(svg, "style", /*nextIconStyle*/ ctx[8]);
9349
- attr(button, "class", "move-button svelte-1qfq79t");
9356
+ attr(button, "class", "move-button svelte-ji1fh");
9350
9357
  attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
9351
- attr(div, "class", "next-button-container svelte-1qfq79t");
9358
+ attr(div, "class", "next-button-container svelte-ji1fh");
9352
9359
  },
9353
9360
  m(target, anchor) {
9354
9361
  insert_hydration(target, div, anchor);
@@ -9408,9 +9415,9 @@ function create_each_block(ctx) {
9408
9415
  this.h();
9409
9416
  },
9410
9417
  h() {
9411
- attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
9418
+ attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
9412
9419
  attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
9413
- attr(button, "class", "navigation-item svelte-1qfq79t");
9420
+ attr(button, "class", "navigation-item svelte-ji1fh");
9414
9421
  attr(button, "style", /*navigationItemStyle*/ ctx[6]);
9415
9422
  },
9416
9423
  m(target, anchor) {
@@ -9442,7 +9449,7 @@ function create_each_block(ctx) {
9442
9449
  };
9443
9450
  }
9444
9451
 
9445
- function create_fragment$N(ctx) {
9452
+ function create_fragment$O(ctx) {
9446
9453
  let div3;
9447
9454
  let div1;
9448
9455
  let div0;
@@ -9454,8 +9461,8 @@ function create_fragment$N(ctx) {
9454
9461
  let current;
9455
9462
  const default_slot_template = /*#slots*/ ctx[32].default;
9456
9463
  const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[31], null);
9457
- let if_block0 = /*isVisiblePrevButton*/ ctx[12] && create_if_block_1$1(ctx);
9458
- let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$7(ctx);
9464
+ let if_block0 = /*isVisiblePrevButton*/ ctx[12] && create_if_block_1$2(ctx);
9465
+ let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$8(ctx);
9459
9466
  let each_value = /*items*/ ctx[1];
9460
9467
  let each_blocks = [];
9461
9468
 
@@ -9516,14 +9523,14 @@ function create_fragment$N(ctx) {
9516
9523
  this.h();
9517
9524
  },
9518
9525
  h() {
9519
- attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
9526
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
9520
9527
  attr(div0, "style", /*slideStyle*/ ctx[14]);
9521
- attr(div1, "class", "container svelte-1qfq79t");
9528
+ attr(div1, "class", "container svelte-ji1fh");
9522
9529
  attr(div1, "style", /*_style*/ ctx[0]);
9523
- attr(div2, "class", "navigation svelte-1qfq79t");
9530
+ attr(div2, "class", "navigation svelte-ji1fh");
9524
9531
  attr(div2, "style", /*navigationStyle*/ ctx[4]);
9525
9532
  set_attributes(div3, div3_data);
9526
- toggle_class(div3, "svelte-1qfq79t", true);
9533
+ toggle_class(div3, "svelte-ji1fh", true);
9527
9534
  },
9528
9535
  m(target, anchor) {
9529
9536
  insert_hydration(target, div3, anchor);
@@ -9565,7 +9572,7 @@ function create_fragment$N(ctx) {
9565
9572
  }
9566
9573
  }
9567
9574
 
9568
- if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
9575
+ if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
9569
9576
  attr(div0, "class", div0_class_value);
9570
9577
  }
9571
9578
 
@@ -9581,7 +9588,7 @@ function create_fragment$N(ctx) {
9581
9588
  if (if_block0) {
9582
9589
  if_block0.p(ctx, dirty);
9583
9590
  } else {
9584
- if_block0 = create_if_block_1$1(ctx);
9591
+ if_block0 = create_if_block_1$2(ctx);
9585
9592
  if_block0.c();
9586
9593
  if_block0.m(div3, t1);
9587
9594
  }
@@ -9594,7 +9601,7 @@ function create_fragment$N(ctx) {
9594
9601
  if (if_block1) {
9595
9602
  if_block1.p(ctx, dirty);
9596
9603
  } else {
9597
- if_block1 = create_if_block$7(ctx);
9604
+ if_block1 = create_if_block$8(ctx);
9598
9605
  if_block1.c();
9599
9606
  if_block1.m(div3, t2);
9600
9607
  }
@@ -9631,7 +9638,7 @@ function create_fragment$N(ctx) {
9631
9638
  }
9632
9639
 
9633
9640
  set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
9634
- toggle_class(div3, "svelte-1qfq79t", true);
9641
+ toggle_class(div3, "svelte-ji1fh", true);
9635
9642
  },
9636
9643
  i(local) {
9637
9644
  if (current) return;
@@ -9666,7 +9673,7 @@ function calcPositionIndex(shift, index, length) {
9666
9673
  }
9667
9674
  }
9668
9675
 
9669
- function instance$N($$self, $$props, $$invalidate) {
9676
+ function instance$O($$self, $$props, $$invalidate) {
9670
9677
  let slideStyle;
9671
9678
  let slideClass;
9672
9679
  let _loop;
@@ -10119,8 +10126,8 @@ class Slide extends SvelteComponent {
10119
10126
  init(
10120
10127
  this,
10121
10128
  options,
10122
- instance$N,
10123
- create_fragment$N,
10129
+ instance$O,
10130
+ create_fragment$O,
10124
10131
  safe_not_equal,
10125
10132
  {
10126
10133
  loop: 18,
@@ -10134,7 +10141,7 @@ class Slide extends SvelteComponent {
10134
10141
  navigationButton: 25,
10135
10142
  navigationEdgePosition: 26
10136
10143
  },
10137
- add_css$k,
10144
+ add_css$l,
10138
10145
  [-1, -1, -1]
10139
10146
  );
10140
10147
  }
@@ -10142,11 +10149,11 @@ class Slide extends SvelteComponent {
10142
10149
 
10143
10150
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
10144
10151
 
10145
- function add_css$j(target) {
10146
- 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}");
10152
+ function add_css$k(target) {
10153
+ 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}");
10147
10154
  }
10148
10155
 
10149
- function create_fragment$M(ctx) {
10156
+ function create_fragment$N(ctx) {
10150
10157
  let div1;
10151
10158
  let div0;
10152
10159
  let current;
@@ -10171,9 +10178,9 @@ function create_fragment$M(ctx) {
10171
10178
  this.h();
10172
10179
  },
10173
10180
  h() {
10174
- attr(div0, "class", "item-inner svelte-1rv0qgo");
10181
+ attr(div0, "class", "item-inner svelte-9ygf1w");
10175
10182
  attr(div0, "style", /*_style*/ ctx[0]);
10176
- attr(div1, "class", "item svelte-1rv0qgo");
10183
+ attr(div1, "class", "item svelte-9ygf1w");
10177
10184
  attr(div1, "style", /*itemStyle*/ ctx[1]);
10178
10185
  },
10179
10186
  m(target, anchor) {
@@ -10226,7 +10233,7 @@ function create_fragment$M(ctx) {
10226
10233
  };
10227
10234
  }
10228
10235
 
10229
- function instance$M($$self, $$props, $$invalidate) {
10236
+ function instance$N($$self, $$props, $$invalidate) {
10230
10237
  let itemStyle;
10231
10238
  let { $$slots: slots = {}, $$scope } = $$props;
10232
10239
  const { registerItem, unregisterItem } = getContext('SLIDE');
@@ -10292,20 +10299,20 @@ function instance$M($$self, $$props, $$invalidate) {
10292
10299
  class SlideItem extends SvelteComponent {
10293
10300
  constructor(options) {
10294
10301
  super();
10295
- init(this, options, instance$M, create_fragment$M, safe_not_equal, { _style: 0 }, add_css$j);
10302
+ init(this, options, instance$N, create_fragment$N, safe_not_equal, { _style: 0 }, add_css$k);
10296
10303
  }
10297
10304
  }
10298
10305
 
10299
10306
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
10300
10307
 
10301
- function add_css$i(target) {
10302
- 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}");
10308
+ function add_css$j(target) {
10309
+ 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}");
10303
10310
  }
10304
10311
 
10305
10312
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
10306
10313
  const get_default_slot_context = ctx => ({ countdown: /*countdown*/ ctx[1] });
10307
10314
 
10308
- function create_fragment$L(ctx) {
10315
+ function create_fragment$M(ctx) {
10309
10316
  let div1;
10310
10317
  let div0;
10311
10318
  let current;
@@ -10330,9 +10337,9 @@ function create_fragment$L(ctx) {
10330
10337
  this.h();
10331
10338
  },
10332
10339
  h() {
10333
- attr(div0, "class", "countdown-inner svelte-t87l6f");
10340
+ attr(div0, "class", "countdown-inner svelte-rroxiz");
10334
10341
  attr(div0, "style", /*_style*/ ctx[0]);
10335
- attr(div1, "class", "countdown svelte-t87l6f");
10342
+ attr(div1, "class", "countdown svelte-rroxiz");
10336
10343
  },
10337
10344
  m(target, anchor) {
10338
10345
  insert_hydration(target, div1, anchor);
@@ -10398,7 +10405,7 @@ function formatTimeDiff(ms) {
10398
10405
  };
10399
10406
  }
10400
10407
 
10401
- function instance$L($$self, $$props, $$invalidate) {
10408
+ function instance$M($$self, $$props, $$invalidate) {
10402
10409
  let countdown;
10403
10410
  let { $$slots: slots = {}, $$scope } = $$props;
10404
10411
  let { timeLimit = '2023/12/31 23:59:59' } = $$props;
@@ -10455,18 +10462,18 @@ function instance$L($$self, $$props, $$invalidate) {
10455
10462
  class Countdown extends SvelteComponent {
10456
10463
  constructor(options) {
10457
10464
  super();
10458
- init(this, options, instance$L, create_fragment$L, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$i);
10465
+ init(this, options, instance$M, create_fragment$M, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$j);
10459
10466
  }
10460
10467
  }
10461
10468
 
10462
10469
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
10463
10470
 
10464
- function add_css$h(target) {
10465
- 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}");
10471
+ function add_css$i(target) {
10472
+ 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}");
10466
10473
  }
10467
10474
 
10468
10475
  // (24:2) <Button {onClick} style={_style} {eventName}>
10469
- function create_default_slot$2(ctx) {
10476
+ function create_default_slot$7(ctx) {
10470
10477
  let current;
10471
10478
  const default_slot_template = /*#slots*/ ctx[3].default;
10472
10479
  const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[4], null);
@@ -10516,7 +10523,7 @@ function create_default_slot$2(ctx) {
10516
10523
  };
10517
10524
  }
10518
10525
 
10519
- function create_fragment$K(ctx) {
10526
+ function create_fragment$L(ctx) {
10520
10527
  let div;
10521
10528
  let button;
10522
10529
  let current;
@@ -10526,7 +10533,7 @@ function create_fragment$K(ctx) {
10526
10533
  onClick: /*onClick*/ ctx[0],
10527
10534
  style: /*_style*/ ctx[2],
10528
10535
  eventName: /*eventName*/ ctx[1],
10529
- $$slots: { default: [create_default_slot$2] },
10536
+ $$slots: { default: [create_default_slot$7] },
10530
10537
  $$scope: { ctx }
10531
10538
  }
10532
10539
  });
@@ -10545,7 +10552,7 @@ function create_fragment$K(ctx) {
10545
10552
  this.h();
10546
10553
  },
10547
10554
  h() {
10548
- attr(div, "class", "box svelte-1c91vpe");
10555
+ attr(div, "class", "box svelte-1ccydfy");
10549
10556
  },
10550
10557
  m(target, anchor) {
10551
10558
  insert_hydration(target, div, anchor);
@@ -10580,7 +10587,7 @@ function create_fragment$K(ctx) {
10580
10587
  };
10581
10588
  }
10582
10589
 
10583
- function instance$K($$self, $$props, $$invalidate) {
10590
+ function instance$L($$self, $$props, $$invalidate) {
10584
10591
  let { $$slots: slots = {}, $$scope } = $$props;
10585
10592
  let { onClick = { operation: 'none', args: [] } } = $$props;
10586
10593
  let { eventName = '' } = $$props;
@@ -10599,18 +10606,18 @@ function instance$K($$self, $$props, $$invalidate) {
10599
10606
  class Box extends SvelteComponent {
10600
10607
  constructor(options) {
10601
10608
  super();
10602
- init(this, options, instance$K, create_fragment$K, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$h);
10609
+ init(this, options, instance$L, create_fragment$L, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$i);
10603
10610
  }
10604
10611
  }
10605
10612
 
10606
10613
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
10607
10614
 
10608
- function add_css$g(target) {
10609
- 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)}");
10615
+ function add_css$h(target) {
10616
+ 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)}");
10610
10617
  }
10611
10618
 
10612
10619
  // (56:4) {#if svg}
10613
- function create_if_block$6(ctx) {
10620
+ function create_if_block$7(ctx) {
10614
10621
  let html_tag;
10615
10622
  let html_anchor;
10616
10623
 
@@ -10643,9 +10650,9 @@ function create_if_block$6(ctx) {
10643
10650
  }
10644
10651
 
10645
10652
  // (55:2) <Button {onClick} {style} {eventName}>
10646
- function create_default_slot$1(ctx) {
10653
+ function create_default_slot$6(ctx) {
10647
10654
  let if_block_anchor;
10648
- let if_block = /*svg*/ ctx[3] && create_if_block$6(ctx);
10655
+ let if_block = /*svg*/ ctx[3] && create_if_block$7(ctx);
10649
10656
 
10650
10657
  return {
10651
10658
  c() {
@@ -10665,7 +10672,7 @@ function create_default_slot$1(ctx) {
10665
10672
  if (if_block) {
10666
10673
  if_block.p(ctx, dirty);
10667
10674
  } else {
10668
- if_block = create_if_block$6(ctx);
10675
+ if_block = create_if_block$7(ctx);
10669
10676
  if_block.c();
10670
10677
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
10671
10678
  }
@@ -10681,7 +10688,7 @@ function create_default_slot$1(ctx) {
10681
10688
  };
10682
10689
  }
10683
10690
 
10684
- function create_fragment$J(ctx) {
10691
+ function create_fragment$K(ctx) {
10685
10692
  let div;
10686
10693
  let button;
10687
10694
  let current;
@@ -10691,7 +10698,7 @@ function create_fragment$J(ctx) {
10691
10698
  onClick: /*onClick*/ ctx[0],
10692
10699
  style: /*style*/ ctx[2],
10693
10700
  eventName: /*eventName*/ ctx[1],
10694
- $$slots: { default: [create_default_slot$1] },
10701
+ $$slots: { default: [create_default_slot$6] },
10695
10702
  $$scope: { ctx }
10696
10703
  }
10697
10704
  });
@@ -10710,7 +10717,7 @@ function create_fragment$J(ctx) {
10710
10717
  this.h();
10711
10718
  },
10712
10719
  h() {
10713
- attr(div, "class", "icon svelte-1mk6wi4");
10720
+ attr(div, "class", "icon svelte-1mkvcuo");
10714
10721
  },
10715
10722
  m(target, anchor) {
10716
10723
  insert_hydration(target, div, anchor);
@@ -10752,7 +10759,7 @@ function parseData(dataUrl) {
10752
10759
  return decodeURIComponent(data).replaceAll('\'', '"');
10753
10760
  }
10754
10761
 
10755
- function instance$J($$self, $$props, $$invalidate) {
10762
+ function instance$K($$self, $$props, $$invalidate) {
10756
10763
  let svg;
10757
10764
  let styleVariables;
10758
10765
  let style;
@@ -10800,8 +10807,8 @@ class IconElement extends SvelteComponent {
10800
10807
  init(
10801
10808
  this,
10802
10809
  options,
10803
- instance$J,
10804
- create_fragment$J,
10810
+ instance$K,
10811
+ create_fragment$K,
10805
10812
  safe_not_equal,
10806
10813
  {
10807
10814
  icon: 4,
@@ -10811,18 +10818,18 @@ class IconElement extends SvelteComponent {
10811
10818
  color: 6,
10812
10819
  _style: 7
10813
10820
  },
10814
- add_css$g
10821
+ add_css$h
10815
10822
  );
10816
10823
  }
10817
10824
  }
10818
10825
 
10819
10826
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
10820
10827
 
10821
- function add_css$f(target) {
10822
- append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10828
+ function add_css$g(target) {
10829
+ append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10823
10830
  }
10824
10831
 
10825
- function create_fragment$I(ctx) {
10832
+ function create_fragment$J(ctx) {
10826
10833
  let div;
10827
10834
  let switch_instance;
10828
10835
  let current;
@@ -10855,7 +10862,7 @@ function create_fragment$I(ctx) {
10855
10862
  this.h();
10856
10863
  },
10857
10864
  h() {
10858
- attr(div, "class", "codeElement svelte-1ng2n51");
10865
+ attr(div, "class", "codeElement svelte-ymsb9l");
10859
10866
  attr(div, "style", /*style*/ ctx[3]);
10860
10867
  },
10861
10868
  m(target, anchor) {
@@ -10912,7 +10919,7 @@ function create_fragment$I(ctx) {
10912
10919
  };
10913
10920
  }
10914
10921
 
10915
- function instance$I($$self, $$props, $$invalidate) {
10922
+ function instance$J($$self, $$props, $$invalidate) {
10916
10923
  let $data,
10917
10924
  $$unsubscribe_data = noop,
10918
10925
  $$subscribe_data = () => ($$unsubscribe_data(), $$unsubscribe_data = subscribe(data, $$value => $$invalidate(4, $data = $$value)), data);
@@ -10937,17 +10944,17 @@ function instance$I($$self, $$props, $$invalidate) {
10937
10944
  class CodeElement extends SvelteComponent {
10938
10945
  constructor(options) {
10939
10946
  super();
10940
- init(this, options, instance$I, create_fragment$I, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$f);
10947
+ init(this, options, instance$J, create_fragment$J, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$g);
10941
10948
  }
10942
10949
  }
10943
10950
 
10944
10951
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
10945
10952
 
10946
- function add_css$e(target) {
10947
- append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
10953
+ function add_css$f(target) {
10954
+ append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
10948
10955
  }
10949
10956
 
10950
- function create_fragment$H(ctx) {
10957
+ function create_fragment$I(ctx) {
10951
10958
  let div;
10952
10959
  let div_style_value;
10953
10960
  let current;
@@ -10968,7 +10975,7 @@ function create_fragment$H(ctx) {
10968
10975
  this.h();
10969
10976
  },
10970
10977
  h() {
10971
- attr(div, "class", "flex svelte-9v2qdg");
10978
+ attr(div, "class", "flex svelte-1e71ejc");
10972
10979
  attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
10973
10980
  },
10974
10981
  m(target, anchor) {
@@ -11022,7 +11029,7 @@ function getFlexContext() {
11022
11029
  return getContext(FlexContextKey);
11023
11030
  }
11024
11031
 
11025
- function instance$H($$self, $$props, $$invalidate) {
11032
+ function instance$I($$self, $$props, $$invalidate) {
11026
11033
  let { $$slots: slots = {}, $$scope } = $$props;
11027
11034
  let { direction = 'row' } = $$props;
11028
11035
  let { width = '100%' } = $$props;
@@ -11048,8 +11055,8 @@ class Flex extends SvelteComponent {
11048
11055
  init(
11049
11056
  this,
11050
11057
  options,
11051
- instance$H,
11052
- create_fragment$H,
11058
+ instance$I,
11059
+ create_fragment$I,
11053
11060
  safe_not_equal,
11054
11061
  {
11055
11062
  direction: 0,
@@ -11057,18 +11064,18 @@ class Flex extends SvelteComponent {
11057
11064
  height: 2,
11058
11065
  _style: 3
11059
11066
  },
11060
- add_css$e
11067
+ add_css$f
11061
11068
  );
11062
11069
  }
11063
11070
  }
11064
11071
 
11065
11072
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
11066
11073
 
11067
- function add_css$d(target) {
11068
- append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
11074
+ function add_css$e(target) {
11075
+ append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
11069
11076
  }
11070
11077
 
11071
- function create_fragment$G(ctx) {
11078
+ function create_fragment$H(ctx) {
11072
11079
  let div;
11073
11080
  let current;
11074
11081
  const default_slot_template = /*#slots*/ ctx[4].default;
@@ -11088,7 +11095,7 @@ function create_fragment$G(ctx) {
11088
11095
  this.h();
11089
11096
  },
11090
11097
  h() {
11091
- attr(div, "class", "flex-item svelte-164ah5d");
11098
+ attr(div, "class", "flex-item svelte-1p0bk1x");
11092
11099
  attr(div, "style", /*style*/ ctx[0]);
11093
11100
  },
11094
11101
  m(target, anchor) {
@@ -11136,7 +11143,7 @@ function create_fragment$G(ctx) {
11136
11143
  };
11137
11144
  }
11138
11145
 
11139
- function instance$G($$self, $$props, $$invalidate) {
11146
+ function instance$H($$self, $$props, $$invalidate) {
11140
11147
  let { $$slots: slots = {}, $$scope } = $$props;
11141
11148
  let { length } = $$props;
11142
11149
  let { _style = '' } = $$props;
@@ -11179,7 +11186,7 @@ function instance$G($$self, $$props, $$invalidate) {
11179
11186
  class FlexItem extends SvelteComponent {
11180
11187
  constructor(options) {
11181
11188
  super();
11182
- init(this, options, instance$G, create_fragment$G, safe_not_equal, { length: 1, _style: 2 }, add_css$d);
11189
+ init(this, options, instance$H, create_fragment$H, safe_not_equal, { length: 1, _style: 2 }, add_css$e);
11183
11190
  }
11184
11191
  }
11185
11192
 
@@ -11295,7 +11302,7 @@ function create_default_slot_1(ctx) {
11295
11302
  }
11296
11303
 
11297
11304
  // (106:0) <StateItem {path}>
11298
- function create_default_slot(ctx) {
11305
+ function create_default_slot$5(ctx) {
11299
11306
  let modal;
11300
11307
  let current;
11301
11308
 
@@ -11363,14 +11370,14 @@ function create_default_slot(ctx) {
11363
11370
  };
11364
11371
  }
11365
11372
 
11366
- function create_fragment$F(ctx) {
11373
+ function create_fragment$G(ctx) {
11367
11374
  let stateitem;
11368
11375
  let current;
11369
11376
 
11370
11377
  stateitem = new StateItem({
11371
11378
  props: {
11372
11379
  path: /*path*/ ctx[0],
11373
- $$slots: { default: [create_default_slot] },
11380
+ $$slots: { default: [create_default_slot$5] },
11374
11381
  $$scope: { ctx }
11375
11382
  }
11376
11383
  });
@@ -11411,7 +11418,7 @@ function create_fragment$F(ctx) {
11411
11418
  };
11412
11419
  }
11413
11420
 
11414
- function instance$F($$self, $$props, $$invalidate) {
11421
+ function instance$G($$self, $$props, $$invalidate) {
11415
11422
  let { $$slots: slots = {}, $$scope } = $$props;
11416
11423
  let { path } = $$props;
11417
11424
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -11482,7 +11489,7 @@ class GridModalState extends SvelteComponent {
11482
11489
  constructor(options) {
11483
11490
  super();
11484
11491
 
11485
- init(this, options, instance$F, create_fragment$F, safe_not_equal, {
11492
+ init(this, options, instance$G, create_fragment$G, safe_not_equal, {
11486
11493
  path: 0,
11487
11494
  onClick: 1,
11488
11495
  clickEventName: 2,
@@ -11507,11 +11514,11 @@ class GridModalState extends SvelteComponent {
11507
11514
 
11508
11515
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
11509
11516
 
11510
- function add_css$c(target) {
11511
- 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%}");
11517
+ function add_css$d(target) {
11518
+ 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%}");
11512
11519
  }
11513
11520
 
11514
- function create_fragment$E(ctx) {
11521
+ function create_fragment$F(ctx) {
11515
11522
  let div1;
11516
11523
  let div0;
11517
11524
  let rendertext;
@@ -11537,8 +11544,8 @@ function create_fragment$E(ctx) {
11537
11544
  this.h();
11538
11545
  },
11539
11546
  h() {
11540
- attr(div0, "class", "text-block-inner svelte-akic2e");
11541
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"));
11547
+ attr(div0, "class", "text-block-inner svelte-15pej1m");
11548
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
11542
11549
  attr(div1, "style", /*style*/ ctx[2]);
11543
11550
  },
11544
11551
  m(target, anchor) {
@@ -11552,7 +11559,7 @@ function create_fragment$E(ctx) {
11552
11559
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
11553
11560
  rendertext.$set(rendertext_changes);
11554
11561
 
11555
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"))) {
11562
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
11556
11563
  attr(div1, "class", div1_class_value);
11557
11564
  }
11558
11565
 
@@ -11576,7 +11583,7 @@ function create_fragment$E(ctx) {
11576
11583
  };
11577
11584
  }
11578
11585
 
11579
- function instance$E($$self, $$props, $$invalidate) {
11586
+ function instance$F($$self, $$props, $$invalidate) {
11580
11587
  let style;
11581
11588
  let { text = 'サンプルSample' } = $$props;
11582
11589
  let { font = SYSTEM_FONT } = $$props;
@@ -11612,8 +11619,8 @@ class TextBlock extends SvelteComponent {
11612
11619
  init(
11613
11620
  this,
11614
11621
  options,
11615
- instance$E,
11616
- create_fragment$E,
11622
+ instance$F,
11623
+ create_fragment$F,
11617
11624
  safe_not_equal,
11618
11625
  {
11619
11626
  text: 0,
@@ -11622,18 +11629,18 @@ class TextBlock extends SvelteComponent {
11622
11629
  textDirection: 1,
11623
11630
  _style: 5
11624
11631
  },
11625
- add_css$c
11632
+ add_css$d
11626
11633
  );
11627
11634
  }
11628
11635
  }
11629
11636
 
11630
11637
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
11631
11638
 
11632
- function add_css$b(target) {
11633
- 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)}");
11639
+ function add_css$c(target) {
11640
+ 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)}");
11634
11641
  }
11635
11642
 
11636
- function create_fragment$D(ctx) {
11643
+ function create_fragment$E(ctx) {
11637
11644
  let div;
11638
11645
  let button;
11639
11646
  let rendertext;
@@ -11660,9 +11667,9 @@ function create_fragment$D(ctx) {
11660
11667
  this.h();
11661
11668
  },
11662
11669
  h() {
11663
- attr(button, "class", "text-button svelte-1c34p4n");
11670
+ attr(button, "class", "text-button svelte-ff0k6r");
11664
11671
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
11665
- attr(div, "class", "text-button-block svelte-1c34p4n");
11672
+ attr(div, "class", "text-button-block svelte-ff0k6r");
11666
11673
  attr(div, "style", /*_style*/ ctx[2]);
11667
11674
  },
11668
11675
  m(target, anchor) {
@@ -11707,7 +11714,7 @@ function create_fragment$D(ctx) {
11707
11714
  };
11708
11715
  }
11709
11716
 
11710
- function instance$D($$self, $$props, $$invalidate) {
11717
+ function instance$E($$self, $$props, $$invalidate) {
11711
11718
  let { text = 'ボタンラベル' } = $$props;
11712
11719
  let { onClick = { operation: 'none', args: [] } } = $$props;
11713
11720
 
@@ -11749,8 +11756,8 @@ class TextButtonBlock extends SvelteComponent {
11749
11756
  init(
11750
11757
  this,
11751
11758
  options,
11752
- instance$D,
11753
- create_fragment$D,
11759
+ instance$E,
11760
+ create_fragment$E,
11754
11761
  safe_not_equal,
11755
11762
  {
11756
11763
  text: 0,
@@ -11760,18 +11767,18 @@ class TextButtonBlock extends SvelteComponent {
11760
11767
  _buttonStyle: 1,
11761
11768
  _style: 2
11762
11769
  },
11763
- add_css$b
11770
+ add_css$c
11764
11771
  );
11765
11772
  }
11766
11773
  }
11767
11774
 
11768
11775
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
11769
11776
 
11770
- function add_css$a(target) {
11771
- 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)}");
11777
+ function add_css$b(target) {
11778
+ 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)}");
11772
11779
  }
11773
11780
 
11774
- function create_fragment$C(ctx) {
11781
+ function create_fragment$D(ctx) {
11775
11782
  let div;
11776
11783
  let img;
11777
11784
  let img_style_value;
@@ -11804,14 +11811,14 @@ function create_fragment$C(ctx) {
11804
11811
  this.h();
11805
11812
  },
11806
11813
  h() {
11807
- attr(img, "class", "image svelte-1jus6sx");
11814
+ attr(img, "class", "image svelte-1pdw891");
11808
11815
  attr(img, "loading", "lazy");
11809
11816
  attr(img, "width", "auto");
11810
11817
  attr(img, "height", "auto");
11811
11818
  attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
11812
11819
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
11813
11820
  attr(img, "alt", /*alt*/ ctx[1]);
11814
- attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"));
11821
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
11815
11822
  attr(div, "style", /*_style*/ ctx[5]);
11816
11823
  },
11817
11824
  m(target, anchor) {
@@ -11836,7 +11843,7 @@ function create_fragment$C(ctx) {
11836
11843
  attr(img, "alt", /*alt*/ ctx[1]);
11837
11844
  }
11838
11845
 
11839
- if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"))) {
11846
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
11840
11847
  attr(div, "class", div_class_value);
11841
11848
  }
11842
11849
 
@@ -11854,7 +11861,7 @@ function create_fragment$C(ctx) {
11854
11861
  };
11855
11862
  }
11856
11863
 
11857
- function instance$C($$self, $$props, $$invalidate) {
11864
+ function instance$D($$self, $$props, $$invalidate) {
11858
11865
  let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
11859
11866
  let { alt = 'No Image' } = $$props;
11860
11867
  let { transport = false } = $$props;
@@ -11894,8 +11901,8 @@ class ImageBlock extends SvelteComponent {
11894
11901
  init(
11895
11902
  this,
11896
11903
  options,
11897
- instance$C,
11898
- create_fragment$C,
11904
+ instance$D,
11905
+ create_fragment$D,
11899
11906
  safe_not_equal,
11900
11907
  {
11901
11908
  src: 0,
@@ -11907,24 +11914,24 @@ class ImageBlock extends SvelteComponent {
11907
11914
  _imageStyle: 4,
11908
11915
  _style: 5
11909
11916
  },
11910
- add_css$a
11917
+ add_css$b
11911
11918
  );
11912
11919
  }
11913
11920
  }
11914
11921
 
11915
- const COMPONENT_PARAMETER_TYPES = {
11916
- TEXT: 'text',
11917
- MULTILINE_TEXT: 'multiline_text',
11918
- SELECT: 'select',
11919
- RADIO: 'radio',
11920
- CHECKBOX: 'checkbox',
11921
- BOOLEAN: 'boolean',
11922
- IMAGE: 'image',
11923
- NUMBER: 'number',
11924
- WIDTH: 'width',
11925
- ASPECT: 'aspect',
11926
- COLOR: 'color',
11927
- ICON: 'icon',
11922
+ const SHADOW_VARIANT = {
11923
+ extra_small: 'XSmall',
11924
+ small: 'Small',
11925
+ medium: 'Medium',
11926
+ large: 'Large',
11927
+ };
11928
+ const ROUND_VARIANT = {
11929
+ extra_small: 'XSmall (2px)',
11930
+ small: 'Small (4px)',
11931
+ medium: 'Medium (8px)',
11932
+ large: 'Large (16px)',
11933
+ extra_large: 'Large (24px)',
11934
+ fulled: 'Full (100%)',
11928
11935
  };
11929
11936
 
11930
11937
  const toHyphenCase = (str) => {
@@ -11958,6 +11965,7 @@ const toCssCommon = (p) => {
11958
11965
  };
11959
11966
  };
11960
11967
  const toCssBorder = (p) => {
11968
+ console.log(p);
11961
11969
  const borderWidth = p?.borderTopWidth ?? p?.borderRightWidth ?? p?.borderLeftWidth ?? p?.borderBottomWidth ?? null;
11962
11970
  if (borderWidth === null)
11963
11971
  return {};
@@ -12004,101 +12012,564 @@ const toCssShadow = (p) => {
12004
12012
  };
12005
12013
  };
12006
12014
 
12007
- /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
12015
+ /* src/components-flex/shared/elements/Clickable.svelte generated by Svelte v3.53.1 */
12008
12016
 
12009
- function add_css$9(target) {
12010
- append_styles(target, "svelte-jnsixl", ".avatar.svelte-jnsixl{display:flex;align-items:center;overflow:hidden;flex-shrink:0}");
12017
+ function add_css$a(target) {
12018
+ append_styles(target, "svelte-uxu0y3", ".clickable.svelte-uxu0y3{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.clickable.svelte-uxu0y3:link,.clickable.svelte-uxu0y3:visited,.clickable.svelte-uxu0y3:active,.clickable.svelte-uxu0y3:hover{color:inherit}");
12011
12019
  }
12012
12020
 
12013
- function create_fragment$B(ctx) {
12014
- let div;
12015
- let img;
12016
- let img_src_value;
12017
- let img_alt_value;
12021
+ // (35:0) {:else}
12022
+ function create_else_block$1(ctx) {
12023
+ let button;
12024
+ let current;
12025
+ let mounted;
12026
+ let dispose;
12027
+ const default_slot_template = /*#slots*/ ctx[6].default;
12028
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[5], null);
12029
+
12030
+ let button_levels = [
12031
+ { class: CLICKABLE_CLASS },
12032
+ { style: /*style*/ ctx[1] },
12033
+ dataAttrStopPropagation('click')
12034
+ ];
12035
+
12036
+ let button_data = {};
12037
+
12038
+ for (let i = 0; i < button_levels.length; i += 1) {
12039
+ button_data = assign(button_data, button_levels[i]);
12040
+ }
12018
12041
 
12019
12042
  return {
12020
12043
  c() {
12021
- div = element("div");
12022
- img = element("img");
12044
+ button = element("button");
12045
+ if (default_slot) default_slot.c();
12023
12046
  this.h();
12024
12047
  },
12025
12048
  l(nodes) {
12026
- div = claim_element(nodes, "DIV", {
12027
- class: true,
12028
- "data-layer-id": true,
12029
- style: true
12030
- });
12031
-
12032
- var div_nodes = children(div);
12033
- img = claim_element(div_nodes, "IMG", { src: true, alt: true, style: true });
12034
- div_nodes.forEach(detach);
12049
+ button = claim_element(nodes, "BUTTON", { class: true, style: true });
12050
+ var button_nodes = children(button);
12051
+ if (default_slot) default_slot.l(button_nodes);
12052
+ button_nodes.forEach(detach);
12035
12053
  this.h();
12036
12054
  },
12037
12055
  h() {
12038
- if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
12039
- attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
12040
- attr(img, "style", /*imgStyle*/ ctx[2]);
12041
- attr(div, "class", "avatar svelte-jnsixl");
12042
- attr(div, "data-layer-id", /*layerId*/ ctx[1]);
12043
- attr(div, "style", /*style*/ ctx[3]);
12056
+ set_attributes(button, button_data);
12057
+ toggle_class(button, "svelte-uxu0y3", true);
12044
12058
  },
12045
12059
  m(target, anchor) {
12046
- insert_hydration(target, div, anchor);
12047
- append_hydration(div, img);
12048
- },
12049
- p(ctx, [dirty]) {
12050
- if (dirty & /*props*/ 1 && !src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) {
12051
- attr(img, "src", img_src_value);
12052
- }
12060
+ insert_hydration(target, button, anchor);
12053
12061
 
12054
- if (dirty & /*props*/ 1 && img_alt_value !== (img_alt_value = /*props*/ ctx[0].alt)) {
12055
- attr(img, "alt", img_alt_value);
12062
+ if (default_slot) {
12063
+ default_slot.m(button, null);
12056
12064
  }
12057
12065
 
12058
- if (dirty & /*imgStyle*/ 4) {
12059
- attr(img, "style", /*imgStyle*/ ctx[2]);
12060
- }
12066
+ if (button.autofocus) button.focus();
12067
+ current = true;
12061
12068
 
12062
- if (dirty & /*layerId*/ 2) {
12063
- attr(div, "data-layer-id", /*layerId*/ ctx[1]);
12069
+ if (!mounted) {
12070
+ dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[2]));
12071
+ mounted = true;
12064
12072
  }
12065
-
12066
- if (dirty & /*style*/ 8) {
12067
- attr(div, "style", /*style*/ ctx[3]);
12073
+ },
12074
+ p(ctx, dirty) {
12075
+ if (default_slot) {
12076
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 32)) {
12077
+ update_slot_base(
12078
+ default_slot,
12079
+ default_slot_template,
12080
+ ctx,
12081
+ /*$$scope*/ ctx[5],
12082
+ !current
12083
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[5])
12084
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[5], dirty, null),
12085
+ null
12086
+ );
12087
+ }
12068
12088
  }
12089
+
12090
+ set_attributes(button, button_data = get_spread_update(button_levels, [
12091
+ { class: CLICKABLE_CLASS },
12092
+ (!current || dirty & /*style*/ 2) && { style: /*style*/ ctx[1] },
12093
+ dataAttrStopPropagation('click')
12094
+ ]));
12095
+
12096
+ toggle_class(button, "svelte-uxu0y3", true);
12097
+ },
12098
+ i(local) {
12099
+ if (current) return;
12100
+ transition_in(default_slot, local);
12101
+ current = true;
12102
+ },
12103
+ o(local) {
12104
+ transition_out(default_slot, local);
12105
+ current = false;
12069
12106
  },
12070
- i: noop,
12071
- o: noop,
12072
12107
  d(detaching) {
12073
- if (detaching) detach(div);
12108
+ if (detaching) detach(button);
12109
+ if (default_slot) default_slot.d(detaching);
12110
+ mounted = false;
12111
+ dispose();
12074
12112
  }
12075
12113
  };
12076
12114
  }
12077
12115
 
12078
- function instance$B($$self, $$props, $$invalidate) {
12079
- let style;
12080
- let imgStyle;
12081
- let { props = {} } = $$props;
12082
- let { layerId = '' } = $$props;
12083
-
12084
- const VARIANTS = {
12085
- shape: {
12086
- circle: { borderRadius: '100%' },
12087
- square: { borderRadius: '4px' }
12088
- }
12089
- };
12116
+ // (28:39)
12117
+ function create_if_block_1$1(ctx) {
12118
+ let div;
12119
+ let current;
12120
+ const default_slot_template = /*#slots*/ ctx[6].default;
12121
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[5], null);
12090
12122
 
12091
- const size = props.size ?? 64;
12123
+ return {
12124
+ c() {
12125
+ div = element("div");
12126
+ if (default_slot) default_slot.c();
12127
+ this.h();
12128
+ },
12129
+ l(nodes) {
12130
+ div = claim_element(nodes, "DIV", { class: true, style: true });
12131
+ var div_nodes = children(div);
12132
+ if (default_slot) default_slot.l(div_nodes);
12133
+ div_nodes.forEach(detach);
12134
+ this.h();
12135
+ },
12136
+ h() {
12137
+ attr(div, "class", "" + (null_to_empty(CLICKABLE_CLASS) + " svelte-uxu0y3"));
12138
+ attr(div, "style", /*style*/ ctx[1]);
12139
+ },
12140
+ m(target, anchor) {
12141
+ insert_hydration(target, div, anchor);
12092
12142
 
12093
- $$self.$$set = $$props => {
12094
- if ('props' in $$props) $$invalidate(0, props = $$props.props);
12095
- if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
12096
- };
12143
+ if (default_slot) {
12144
+ default_slot.m(div, null);
12145
+ }
12097
12146
 
12098
- $$self.$$.update = () => {
12099
- if ($$self.$$.dirty & /*props*/ 1) {
12100
- $$invalidate(3, style = objToStyle({
12101
- width: `${size}px`,
12147
+ current = true;
12148
+ },
12149
+ p(ctx, dirty) {
12150
+ if (default_slot) {
12151
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 32)) {
12152
+ update_slot_base(
12153
+ default_slot,
12154
+ default_slot_template,
12155
+ ctx,
12156
+ /*$$scope*/ ctx[5],
12157
+ !current
12158
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[5])
12159
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[5], dirty, null),
12160
+ null
12161
+ );
12162
+ }
12163
+ }
12164
+
12165
+ if (!current || dirty & /*style*/ 2) {
12166
+ attr(div, "style", /*style*/ ctx[1]);
12167
+ }
12168
+ },
12169
+ i(local) {
12170
+ if (current) return;
12171
+ transition_in(default_slot, local);
12172
+ current = true;
12173
+ },
12174
+ o(local) {
12175
+ transition_out(default_slot, local);
12176
+ current = false;
12177
+ },
12178
+ d(detaching) {
12179
+ if (detaching) detach(div);
12180
+ if (default_slot) default_slot.d(detaching);
12181
+ }
12182
+ };
12183
+ }
12184
+
12185
+ // (17:0) {#if onClick.operation === 'linkTo'}
12186
+ function create_if_block$6(ctx) {
12187
+ let a;
12188
+ let a_href_value;
12189
+ let a_target_value;
12190
+ let current;
12191
+ let mounted;
12192
+ let dispose;
12193
+ const default_slot_template = /*#slots*/ ctx[6].default;
12194
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[5], null);
12195
+
12196
+ let a_levels = [
12197
+ { class: CLICKABLE_CLASS },
12198
+ { style: /*style*/ ctx[1] },
12199
+ {
12200
+ href: a_href_value = /*onClick*/ ctx[0].args[2]
12201
+ ? decodeURI(/*onClick*/ ctx[0].args[0])
12202
+ : /*onClick*/ ctx[0].args[0]
12203
+ },
12204
+ {
12205
+ target: a_target_value = /*onClick*/ ctx[0].args[1] === true ? '_blank' : null
12206
+ },
12207
+ dataAttrStopPropagation('click')
12208
+ ];
12209
+
12210
+ let a_data = {};
12211
+
12212
+ for (let i = 0; i < a_levels.length; i += 1) {
12213
+ a_data = assign(a_data, a_levels[i]);
12214
+ }
12215
+
12216
+ return {
12217
+ c() {
12218
+ a = element("a");
12219
+ if (default_slot) default_slot.c();
12220
+ this.h();
12221
+ },
12222
+ l(nodes) {
12223
+ a = claim_element(nodes, "A", {
12224
+ class: true,
12225
+ style: true,
12226
+ href: true,
12227
+ target: true
12228
+ });
12229
+
12230
+ var a_nodes = children(a);
12231
+ if (default_slot) default_slot.l(a_nodes);
12232
+ a_nodes.forEach(detach);
12233
+ this.h();
12234
+ },
12235
+ h() {
12236
+ set_attributes(a, a_data);
12237
+ toggle_class(a, "svelte-uxu0y3", true);
12238
+ },
12239
+ m(target, anchor) {
12240
+ insert_hydration(target, a, anchor);
12241
+
12242
+ if (default_slot) {
12243
+ default_slot.m(a, null);
12244
+ }
12245
+
12246
+ current = true;
12247
+
12248
+ if (!mounted) {
12249
+ dispose = listen(a, "click", prevent_default(checkStopPropagation('click', /*handleClick*/ ctx[2])));
12250
+ mounted = true;
12251
+ }
12252
+ },
12253
+ p(ctx, dirty) {
12254
+ if (default_slot) {
12255
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 32)) {
12256
+ update_slot_base(
12257
+ default_slot,
12258
+ default_slot_template,
12259
+ ctx,
12260
+ /*$$scope*/ ctx[5],
12261
+ !current
12262
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[5])
12263
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[5], dirty, null),
12264
+ null
12265
+ );
12266
+ }
12267
+ }
12268
+
12269
+ set_attributes(a, a_data = get_spread_update(a_levels, [
12270
+ { class: CLICKABLE_CLASS },
12271
+ (!current || dirty & /*style*/ 2) && { style: /*style*/ ctx[1] },
12272
+ (!current || dirty & /*onClick*/ 1 && a_href_value !== (a_href_value = /*onClick*/ ctx[0].args[2]
12273
+ ? decodeURI(/*onClick*/ ctx[0].args[0])
12274
+ : /*onClick*/ ctx[0].args[0])) && { href: a_href_value },
12275
+ (!current || dirty & /*onClick*/ 1 && a_target_value !== (a_target_value = /*onClick*/ ctx[0].args[1] === true ? '_blank' : null)) && { target: a_target_value },
12276
+ dataAttrStopPropagation('click')
12277
+ ]));
12278
+
12279
+ toggle_class(a, "svelte-uxu0y3", true);
12280
+ },
12281
+ i(local) {
12282
+ if (current) return;
12283
+ transition_in(default_slot, local);
12284
+ current = true;
12285
+ },
12286
+ o(local) {
12287
+ transition_out(default_slot, local);
12288
+ current = false;
12289
+ },
12290
+ d(detaching) {
12291
+ if (detaching) detach(a);
12292
+ if (default_slot) default_slot.d(detaching);
12293
+ mounted = false;
12294
+ dispose();
12295
+ }
12296
+ };
12297
+ }
12298
+
12299
+ function create_fragment$C(ctx) {
12300
+ let current_block_type_index;
12301
+ let if_block;
12302
+ let if_block_anchor;
12303
+ let current;
12304
+ const if_block_creators = [create_if_block$6, create_if_block_1$1, create_else_block$1];
12305
+ const if_blocks = [];
12306
+
12307
+ function select_block_type(ctx, dirty) {
12308
+ if (/*onClick*/ ctx[0].operation === 'linkTo') return 0;
12309
+ if (/*onClick*/ ctx[0].operation === 'none') return 1;
12310
+ return 2;
12311
+ }
12312
+
12313
+ current_block_type_index = select_block_type(ctx);
12314
+ if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
12315
+
12316
+ return {
12317
+ c() {
12318
+ if_block.c();
12319
+ if_block_anchor = empty();
12320
+ },
12321
+ l(nodes) {
12322
+ if_block.l(nodes);
12323
+ if_block_anchor = empty();
12324
+ },
12325
+ m(target, anchor) {
12326
+ if_blocks[current_block_type_index].m(target, anchor);
12327
+ insert_hydration(target, if_block_anchor, anchor);
12328
+ current = true;
12329
+ },
12330
+ p(ctx, [dirty]) {
12331
+ let previous_block_index = current_block_type_index;
12332
+ current_block_type_index = select_block_type(ctx);
12333
+
12334
+ if (current_block_type_index === previous_block_index) {
12335
+ if_blocks[current_block_type_index].p(ctx, dirty);
12336
+ } else {
12337
+ group_outros();
12338
+
12339
+ transition_out(if_blocks[previous_block_index], 1, 1, () => {
12340
+ if_blocks[previous_block_index] = null;
12341
+ });
12342
+
12343
+ check_outros();
12344
+ if_block = if_blocks[current_block_type_index];
12345
+
12346
+ if (!if_block) {
12347
+ if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
12348
+ if_block.c();
12349
+ } else {
12350
+ if_block.p(ctx, dirty);
12351
+ }
12352
+
12353
+ transition_in(if_block, 1);
12354
+ if_block.m(if_block_anchor.parentNode, if_block_anchor);
12355
+ }
12356
+ },
12357
+ i(local) {
12358
+ if (current) return;
12359
+ transition_in(if_block);
12360
+ current = true;
12361
+ },
12362
+ o(local) {
12363
+ transition_out(if_block);
12364
+ current = false;
12365
+ },
12366
+ d(detaching) {
12367
+ if_blocks[current_block_type_index].d(detaching);
12368
+ if (detaching) detach(if_block_anchor);
12369
+ }
12370
+ };
12371
+ }
12372
+
12373
+ const CLICKABLE_CLASS = 'clickable';
12374
+
12375
+ function instance$C($$self, $$props, $$invalidate) {
12376
+ let { $$slots: slots = {}, $$scope } = $$props;
12377
+ let { onClick = { operation: 'none', args: [] } } = $$props;
12378
+ let { eventName = '' } = $$props;
12379
+ let { eventValue = undefined } = $$props;
12380
+ let { style = '' } = $$props;
12381
+
12382
+ function handleClick() {
12383
+ if (eventName) {
12384
+ send_event(eventName, eventValue);
12385
+ }
12386
+
12387
+ execOnClickOperation(onClick);
12388
+ }
12389
+
12390
+ $$self.$$set = $$props => {
12391
+ if ('onClick' in $$props) $$invalidate(0, onClick = $$props.onClick);
12392
+ if ('eventName' in $$props) $$invalidate(3, eventName = $$props.eventName);
12393
+ if ('eventValue' in $$props) $$invalidate(4, eventValue = $$props.eventValue);
12394
+ if ('style' in $$props) $$invalidate(1, style = $$props.style);
12395
+ if ('$$scope' in $$props) $$invalidate(5, $$scope = $$props.$$scope);
12396
+ };
12397
+
12398
+ return [onClick, style, handleClick, eventName, eventValue, $$scope, slots];
12399
+ }
12400
+
12401
+ class Clickable extends SvelteComponent {
12402
+ constructor(options) {
12403
+ super();
12404
+
12405
+ init(
12406
+ this,
12407
+ options,
12408
+ instance$C,
12409
+ create_fragment$C,
12410
+ safe_not_equal,
12411
+ {
12412
+ onClick: 0,
12413
+ eventName: 3,
12414
+ eventValue: 4,
12415
+ style: 1
12416
+ },
12417
+ add_css$a
12418
+ );
12419
+ }
12420
+ }
12421
+
12422
+ /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
12423
+
12424
+ function add_css$9(target) {
12425
+ append_styles(target, "svelte-17xar9h", ".avatar.svelte-17xar9h{display:flex;align-items:center;overflow:hidden;flex-shrink:0}");
12426
+ }
12427
+
12428
+ // (34:2) <CLICKABLE onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue} >
12429
+ function create_default_slot$4(ctx) {
12430
+ let img;
12431
+ let img_src_value;
12432
+ let img_alt_value;
12433
+
12434
+ return {
12435
+ c() {
12436
+ img = element("img");
12437
+ this.h();
12438
+ },
12439
+ l(nodes) {
12440
+ img = claim_element(nodes, "IMG", { src: true, alt: true, style: true });
12441
+ this.h();
12442
+ },
12443
+ h() {
12444
+ if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
12445
+ attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
12446
+ attr(img, "style", /*imgStyle*/ ctx[2]);
12447
+ },
12448
+ m(target, anchor) {
12449
+ insert_hydration(target, img, anchor);
12450
+ },
12451
+ p(ctx, dirty) {
12452
+ if (dirty & /*props*/ 1 && !src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) {
12453
+ attr(img, "src", img_src_value);
12454
+ }
12455
+
12456
+ if (dirty & /*props*/ 1 && img_alt_value !== (img_alt_value = /*props*/ ctx[0].alt)) {
12457
+ attr(img, "alt", img_alt_value);
12458
+ }
12459
+
12460
+ if (dirty & /*imgStyle*/ 4) {
12461
+ attr(img, "style", /*imgStyle*/ ctx[2]);
12462
+ }
12463
+ },
12464
+ d(detaching) {
12465
+ if (detaching) detach(img);
12466
+ }
12467
+ };
12468
+ }
12469
+
12470
+ function create_fragment$B(ctx) {
12471
+ let div;
12472
+ let clickable;
12473
+ let current;
12474
+
12475
+ clickable = new Clickable({
12476
+ props: {
12477
+ onClick: /*props*/ ctx[0].onClick,
12478
+ eventName: /*props*/ ctx[0].eventName,
12479
+ eventValue: /*props*/ ctx[0].eventValue,
12480
+ $$slots: { default: [create_default_slot$4] },
12481
+ $$scope: { ctx }
12482
+ }
12483
+ });
12484
+
12485
+ return {
12486
+ c() {
12487
+ div = element("div");
12488
+ create_component(clickable.$$.fragment);
12489
+ this.h();
12490
+ },
12491
+ l(nodes) {
12492
+ div = claim_element(nodes, "DIV", {
12493
+ class: true,
12494
+ "data-layer-id": true,
12495
+ style: true
12496
+ });
12497
+
12498
+ var div_nodes = children(div);
12499
+ claim_component(clickable.$$.fragment, div_nodes);
12500
+ div_nodes.forEach(detach);
12501
+ this.h();
12502
+ },
12503
+ h() {
12504
+ attr(div, "class", "avatar svelte-17xar9h");
12505
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
12506
+ attr(div, "style", /*style*/ ctx[3]);
12507
+ },
12508
+ m(target, anchor) {
12509
+ insert_hydration(target, div, anchor);
12510
+ mount_component(clickable, div, null);
12511
+ current = true;
12512
+ },
12513
+ p(ctx, [dirty]) {
12514
+ const clickable_changes = {};
12515
+ if (dirty & /*props*/ 1) clickable_changes.onClick = /*props*/ ctx[0].onClick;
12516
+ if (dirty & /*props*/ 1) clickable_changes.eventName = /*props*/ ctx[0].eventName;
12517
+ if (dirty & /*props*/ 1) clickable_changes.eventValue = /*props*/ ctx[0].eventValue;
12518
+
12519
+ if (dirty & /*$$scope, props, imgStyle*/ 69) {
12520
+ clickable_changes.$$scope = { dirty, ctx };
12521
+ }
12522
+
12523
+ clickable.$set(clickable_changes);
12524
+
12525
+ if (!current || dirty & /*layerId*/ 2) {
12526
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
12527
+ }
12528
+
12529
+ if (!current || dirty & /*style*/ 8) {
12530
+ attr(div, "style", /*style*/ ctx[3]);
12531
+ }
12532
+ },
12533
+ i(local) {
12534
+ if (current) return;
12535
+ transition_in(clickable.$$.fragment, local);
12536
+ current = true;
12537
+ },
12538
+ o(local) {
12539
+ transition_out(clickable.$$.fragment, local);
12540
+ current = false;
12541
+ },
12542
+ d(detaching) {
12543
+ if (detaching) detach(div);
12544
+ destroy_component(clickable);
12545
+ }
12546
+ };
12547
+ }
12548
+
12549
+ function instance$B($$self, $$props, $$invalidate) {
12550
+ let style;
12551
+ let imgStyle;
12552
+ let { props = {} } = $$props;
12553
+ let { layerId = '' } = $$props;
12554
+
12555
+ const VARIANTS = {
12556
+ shape: {
12557
+ circle: { borderRadius: '100%' },
12558
+ square: { borderRadius: '4px' }
12559
+ }
12560
+ };
12561
+
12562
+ const size = props.size ?? 64;
12563
+
12564
+ $$self.$$set = $$props => {
12565
+ if ('props' in $$props) $$invalidate(0, props = $$props.props);
12566
+ if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
12567
+ };
12568
+
12569
+ $$self.$$.update = () => {
12570
+ if ($$self.$$.dirty & /*props*/ 1) {
12571
+ $$invalidate(3, style = objToStyle({
12572
+ width: `${size}px`,
12102
12573
  height: `${size}px`,
12103
12574
  ...VARIANTS.shape[props.shape ?? 'square'],
12104
12575
  ...props.bordered && { border: `1px solid #dbdbdb` },
@@ -12135,6 +12606,41 @@ const AVATAR_SHAPE = {
12135
12606
  square: 'スクエア',
12136
12607
  };
12137
12608
 
12609
+ const BUTTON_SIZE = {
12610
+ extra_small: 'XSmall',
12611
+ small: 'Small',
12612
+ medium: 'Medium',
12613
+ large: 'Large',
12614
+ extra_large: 'XLarge',
12615
+ };
12616
+ const BUTTON_THEME = {
12617
+ default: 'デフォルト',
12618
+ theme: 'テーマカラー',
12619
+ alert: 'アラート',
12620
+ transparent: '背景なし',
12621
+ };
12622
+ const BUTTON_ROUND = {
12623
+ default: 'デフォルト',
12624
+ none: 'なし',
12625
+ fulled: '円形',
12626
+ };
12627
+ const BUTTON_LINK_TARGET = {
12628
+ _self: '画面内遷移',
12629
+ _blank: '別タブで開く',
12630
+ };
12631
+ const BUTTON_ICON_ANGLE = {
12632
+ row: '左側',
12633
+ 'row-reverse': '右側',
12634
+ };
12635
+ const buttonPropsDefault = {
12636
+ label: 'ボタン',
12637
+ size: 'medium',
12638
+ theme: 'default',
12639
+ round: 'default',
12640
+ width: 'auto',
12641
+ wrap: 'nowrap',
12642
+ };
12643
+
12138
12644
  /* src/components-flex/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
12139
12645
 
12140
12646
  function create_fragment$A(ctx) {
@@ -13950,56 +14456,33 @@ const ICON_VARIANTS = {
13950
14456
  users: IconUsers,
13951
14457
  x_mark: IconXMark,
13952
14458
  };
13953
- // @ts-ignore
13954
- const ICON_PARAMS = [
13955
- {
13956
- id: 'variant',
13957
- name: 'アイコン',
13958
- type: 'icon',
13959
- },
13960
- {
13961
- id: 'color',
13962
- name: 'カラー',
13963
- type: 'color',
13964
- },
13965
- {
13966
- id: 'size',
13967
- name: 'サイズ',
13968
- type: 'select',
13969
- options: Object.keys(ICON_SIZE).map(key => ({
13970
- label: ICON_SIZE[key].label,
13971
- value: ICON_SIZE[key].value,
13972
- })),
13973
- },
13974
- ];
13975
14459
 
13976
14460
  /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
13977
14461
 
13978
14462
  function add_css$8(target) {
13979
- append_styles(target, "svelte-u5222d", ".icon.svelte-u5222d{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
14463
+ append_styles(target, "svelte-1ou0ruz", ".icon.svelte-1ou0ruz{display:flex;align-items:center;overflow:hidden;width:auto}");
13980
14464
  }
13981
14465
 
13982
14466
  // (21:0) {#if (IconComponent)}
13983
14467
  function create_if_block$5(ctx) {
13984
14468
  let div;
13985
- let switch_instance;
14469
+ let clickable;
13986
14470
  let current;
13987
- var switch_value = /*IconComponent*/ ctx[2];
13988
-
13989
- function switch_props(ctx) {
13990
- return {
13991
- props: { color: /*props*/ ctx[0].color ?? '#333' }
13992
- };
13993
- }
13994
14471
 
13995
- if (switch_value) {
13996
- switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
13997
- }
14472
+ clickable = new Clickable({
14473
+ props: {
14474
+ onClick: /*props*/ ctx[0].onClick,
14475
+ eventName: /*props*/ ctx[0].eventName,
14476
+ eventValue: /*props*/ ctx[0].eventValue,
14477
+ $$slots: { default: [create_default_slot$3] },
14478
+ $$scope: { ctx }
14479
+ }
14480
+ });
13998
14481
 
13999
14482
  return {
14000
14483
  c() {
14001
14484
  div = element("div");
14002
- if (switch_instance) create_component(switch_instance.$$.fragment);
14485
+ create_component(clickable.$$.fragment);
14003
14486
  this.h();
14004
14487
  },
14005
14488
  l(nodes) {
@@ -14010,23 +14493,92 @@ function create_if_block$5(ctx) {
14010
14493
  });
14011
14494
 
14012
14495
  var div_nodes = children(div);
14013
- if (switch_instance) claim_component(switch_instance.$$.fragment, div_nodes);
14496
+ claim_component(clickable.$$.fragment, div_nodes);
14014
14497
  div_nodes.forEach(detach);
14015
14498
  this.h();
14016
14499
  },
14017
14500
  h() {
14018
14501
  attr(div, "data-layer-id", /*layerId*/ ctx[1]);
14019
- attr(div, "class", "icon svelte-u5222d");
14502
+ attr(div, "class", "icon svelte-1ou0ruz");
14020
14503
  attr(div, "style", /*style*/ ctx[3]);
14021
14504
  },
14022
14505
  m(target, anchor) {
14023
14506
  insert_hydration(target, div, anchor);
14024
- if (switch_instance) mount_component(switch_instance, div, null);
14507
+ mount_component(clickable, div, null);
14508
+ current = true;
14509
+ },
14510
+ p(ctx, dirty) {
14511
+ const clickable_changes = {};
14512
+ if (dirty & /*props*/ 1) clickable_changes.onClick = /*props*/ ctx[0].onClick;
14513
+ if (dirty & /*props*/ 1) clickable_changes.eventName = /*props*/ ctx[0].eventName;
14514
+ if (dirty & /*props*/ 1) clickable_changes.eventValue = /*props*/ ctx[0].eventValue;
14515
+
14516
+ if (dirty & /*$$scope, IconComponent, props*/ 37) {
14517
+ clickable_changes.$$scope = { dirty, ctx };
14518
+ }
14519
+
14520
+ clickable.$set(clickable_changes);
14521
+
14522
+ if (!current || dirty & /*layerId*/ 2) {
14523
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
14524
+ }
14525
+
14526
+ if (!current || dirty & /*style*/ 8) {
14527
+ attr(div, "style", /*style*/ ctx[3]);
14528
+ }
14529
+ },
14530
+ i(local) {
14531
+ if (current) return;
14532
+ transition_in(clickable.$$.fragment, local);
14533
+ current = true;
14534
+ },
14535
+ o(local) {
14536
+ transition_out(clickable.$$.fragment, local);
14537
+ current = false;
14538
+ },
14539
+ d(detaching) {
14540
+ if (detaching) detach(div);
14541
+ destroy_component(clickable);
14542
+ }
14543
+ };
14544
+ }
14545
+
14546
+ // (23:4) <CLICKABLE onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue}>
14547
+ function create_default_slot$3(ctx) {
14548
+ let switch_instance;
14549
+ let switch_instance_anchor;
14550
+ let current;
14551
+ var switch_value = /*IconComponent*/ ctx[2];
14552
+
14553
+ function switch_props(ctx) {
14554
+ return {
14555
+ props: {
14556
+ color: /*props*/ ctx[0].color ?? 'currentColor'
14557
+ }
14558
+ };
14559
+ }
14560
+
14561
+ if (switch_value) {
14562
+ switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
14563
+ }
14564
+
14565
+ return {
14566
+ c() {
14567
+ if (switch_instance) create_component(switch_instance.$$.fragment);
14568
+ switch_instance_anchor = empty();
14569
+ },
14570
+ l(nodes) {
14571
+ if (switch_instance) claim_component(switch_instance.$$.fragment, nodes);
14572
+ switch_instance_anchor = empty();
14573
+ },
14574
+ m(target, anchor) {
14575
+ if (switch_instance) mount_component(switch_instance, target, anchor);
14576
+ insert_hydration(target, switch_instance_anchor, anchor);
14025
14577
  current = true;
14026
14578
  },
14027
14579
  p(ctx, dirty) {
14028
14580
  const switch_instance_changes = {};
14029
- if (dirty & /*props*/ 1) switch_instance_changes.color = /*props*/ ctx[0].color ?? '#333';
14581
+ if (dirty & /*props*/ 1) switch_instance_changes.color = /*props*/ ctx[0].color ?? 'currentColor';
14030
14582
 
14031
14583
  if (switch_value !== (switch_value = /*IconComponent*/ ctx[2])) {
14032
14584
  if (switch_instance) {
@@ -14044,21 +14596,13 @@ function create_if_block$5(ctx) {
14044
14596
  switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
14045
14597
  create_component(switch_instance.$$.fragment);
14046
14598
  transition_in(switch_instance.$$.fragment, 1);
14047
- mount_component(switch_instance, div, null);
14599
+ mount_component(switch_instance, switch_instance_anchor.parentNode, switch_instance_anchor);
14048
14600
  } else {
14049
14601
  switch_instance = null;
14050
14602
  }
14051
14603
  } else if (switch_value) {
14052
14604
  switch_instance.$set(switch_instance_changes);
14053
14605
  }
14054
-
14055
- if (!current || dirty & /*layerId*/ 2) {
14056
- attr(div, "data-layer-id", /*layerId*/ ctx[1]);
14057
- }
14058
-
14059
- if (!current || dirty & /*style*/ 8) {
14060
- attr(div, "style", /*style*/ ctx[3]);
14061
- }
14062
14606
  },
14063
14607
  i(local) {
14064
14608
  if (current) return;
@@ -14070,8 +14614,8 @@ function create_if_block$5(ctx) {
14070
14614
  current = false;
14071
14615
  },
14072
14616
  d(detaching) {
14073
- if (detaching) detach(div);
14074
- if (switch_instance) destroy_component(switch_instance);
14617
+ if (detaching) detach(switch_instance_anchor);
14618
+ if (switch_instance) destroy_component(switch_instance, detaching);
14075
14619
  }
14076
14620
  };
14077
14621
  }
@@ -14155,8 +14699,6 @@ function instance$8($$self, $$props, $$invalidate) {
14155
14699
  };
14156
14700
  };
14157
14701
 
14158
- console.log(props.color);
14159
-
14160
14702
  $$self.$$set = $$props => {
14161
14703
  if ('props' in $$props) $$invalidate(0, props = $$props.props);
14162
14704
  if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
@@ -14182,6 +14724,87 @@ class Icon extends SvelteComponent {
14182
14724
  }
14183
14725
  }
14184
14726
 
14727
+ const BUTTON_SIZE_STYLES = {
14728
+ extra_small: {
14729
+ minHeight: '32px',
14730
+ paddingInline: '12px',
14731
+ fontSize: '12px',
14732
+ paddingBlock: '8px',
14733
+ lineHeight: 1.5,
14734
+ borderRadius: '4px',
14735
+ },
14736
+ small: {
14737
+ minHeight: '36px',
14738
+ paddingInline: '16px',
14739
+ fontSize: '13px',
14740
+ paddingBlock: '8px',
14741
+ lineHeight: 1.5,
14742
+ borderRadius: '4px',
14743
+ },
14744
+ medium: {
14745
+ minHeight: '40px',
14746
+ paddingInline: '24px',
14747
+ fontSize: '14px',
14748
+ paddingBlock: '8px',
14749
+ lineHeight: 1.5,
14750
+ borderRadius: '4px',
14751
+ },
14752
+ large: {
14753
+ minHeight: '48px',
14754
+ paddingInline: '32px',
14755
+ fontSize: '14px',
14756
+ paddingBlock: '10px',
14757
+ lineHeight: 1.5,
14758
+ borderRadius: '4px',
14759
+ },
14760
+ extra_large: {
14761
+ minHeight: '56px',
14762
+ paddingInline: '40px',
14763
+ fontSize: '17px',
14764
+ paddingBlock: '12px',
14765
+ lineHeight: 1.5,
14766
+ borderRadius: '4px',
14767
+ },
14768
+ };
14769
+ const BUTTON_THEME_STYLES = {
14770
+ theme: {
14771
+ backgroundColor: 'rgba(18,160,160,1)',
14772
+ color: '#FFFFFF',
14773
+ fontWeight: 'bold',
14774
+ },
14775
+ default: {
14776
+ backgroundColor: '#33403e',
14777
+ color: '#FFFFFF',
14778
+ fontWeight: 'bold',
14779
+ },
14780
+ transparent: {
14781
+ backgroundColor: 'rgba(255, 255, 255, 0)',
14782
+ color: '#00100ea1',
14783
+ fontWeight: 'bold',
14784
+ },
14785
+ alert: {
14786
+ backgroundColor: 'rgb(242,83,32,1)',
14787
+ color: '#FFFFFF',
14788
+ fontWeight: 'bold',
14789
+ },
14790
+ };
14791
+ const BUTTON_ROUND_STYLES = {
14792
+ none: {
14793
+ borderRadius: 0,
14794
+ },
14795
+ default: {},
14796
+ fulled: {
14797
+ borderRadius: '56px',
14798
+ },
14799
+ };
14800
+ const BUTTON_WRAP_STYLES = {
14801
+ nowrap: {
14802
+ whiteSpace: 'nowrap',
14803
+ },
14804
+ wrap: {
14805
+ whiteSpace: 'pre-wrap',
14806
+ },
14807
+ };
14185
14808
  const BUTTON_VARIANTS = {
14186
14809
  size: {
14187
14810
  extra_small: {
@@ -14272,10 +14895,10 @@ const BUTTON_VARIANTS = {
14272
14895
  /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
14273
14896
 
14274
14897
  function add_css$7(target) {
14275
- append_styles(target, "svelte-15m50q3", ".button.svelte-15m50q3{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.button-icon.svelte-15m50q3{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
14898
+ append_styles(target, "svelte-cmn44g", ".button.svelte-cmn44g{display:inline-flex;align-content:center;justify-content:center;gap:0.8em;cursor:pointer;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.button-icon.svelte-cmn44g{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
14276
14899
  }
14277
14900
 
14278
- // (49:2) {#if (props.isIcon && props.iconVariant)}
14901
+ // (37:4) {#if props.isIcon && props.iconVariant}
14279
14902
  function create_if_block$4(ctx) {
14280
14903
  let div;
14281
14904
  let icon;
@@ -14285,7 +14908,9 @@ function create_if_block$4(ctx) {
14285
14908
  props: {
14286
14909
  props: {
14287
14910
  variant: /*props*/ ctx[0].iconVariant,
14288
- color: /*props*/ ctx[0].color ?? BUTTON_VARIANTS.theme[/*props*/ ctx[0].theme ?? 'default'].color
14911
+ color: /*props*/ ctx[0].color ?? /*buttonThemeStyle*/ ctx[3].color,
14912
+ width: '1em',
14913
+ height: '1em'
14289
14914
  }
14290
14915
  }
14291
14916
  });
@@ -14304,7 +14929,7 @@ function create_if_block$4(ctx) {
14304
14929
  this.h();
14305
14930
  },
14306
14931
  h() {
14307
- attr(div, "class", "button-icon svelte-15m50q3");
14932
+ attr(div, "class", "button-icon svelte-cmn44g");
14308
14933
  },
14309
14934
  m(target, anchor) {
14310
14935
  insert_hydration(target, div, anchor);
@@ -14316,7 +14941,9 @@ function create_if_block$4(ctx) {
14316
14941
 
14317
14942
  if (dirty & /*props*/ 1) icon_changes.props = {
14318
14943
  variant: /*props*/ ctx[0].iconVariant,
14319
- color: /*props*/ ctx[0].color ?? BUTTON_VARIANTS.theme[/*props*/ ctx[0].theme ?? 'default'].color
14944
+ color: /*props*/ ctx[0].color ?? /*buttonThemeStyle*/ ctx[3].color,
14945
+ width: '1em',
14946
+ height: '1em'
14320
14947
  };
14321
14948
 
14322
14949
  icon.$set(icon_changes);
@@ -14337,62 +14964,38 @@ function create_if_block$4(ctx) {
14337
14964
  };
14338
14965
  }
14339
14966
 
14340
- function create_fragment$7(ctx) {
14341
- let button;
14967
+ // (36:2) <CLICKABLE onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue}>
14968
+ function create_default_slot$2(ctx) {
14342
14969
  let t0;
14343
14970
  let span;
14344
- let t1_value = /*props*/ ctx[0].label + "";
14971
+ let t1_value = (/*props*/ ctx[0].label ?? buttonPropsDefault.label) + "";
14345
14972
  let t1;
14346
14973
  let current;
14347
- let mounted;
14348
- let dispose;
14349
14974
  let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block$4(ctx);
14350
14975
 
14351
14976
  return {
14352
14977
  c() {
14353
- button = element("button");
14354
14978
  if (if_block) if_block.c();
14355
14979
  t0 = space();
14356
14980
  span = element("span");
14357
14981
  t1 = text(t1_value);
14358
- this.h();
14359
14982
  },
14360
14983
  l(nodes) {
14361
- button = claim_element(nodes, "BUTTON", {
14362
- "data-layer-id": true,
14363
- style: true,
14364
- class: true
14365
- });
14366
-
14367
- var button_nodes = children(button);
14368
- if (if_block) if_block.l(button_nodes);
14369
- t0 = claim_space(button_nodes);
14370
- span = claim_element(button_nodes, "SPAN", {});
14984
+ if (if_block) if_block.l(nodes);
14985
+ t0 = claim_space(nodes);
14986
+ span = claim_element(nodes, "SPAN", {});
14371
14987
  var span_nodes = children(span);
14372
14988
  t1 = claim_text(span_nodes, t1_value);
14373
14989
  span_nodes.forEach(detach);
14374
- button_nodes.forEach(detach);
14375
- this.h();
14376
- },
14377
- h() {
14378
- attr(button, "data-layer-id", /*layerId*/ ctx[1]);
14379
- attr(button, "style", /*style*/ ctx[2]);
14380
- attr(button, "class", "button svelte-15m50q3");
14381
14990
  },
14382
14991
  m(target, anchor) {
14383
- insert_hydration(target, button, anchor);
14384
- if (if_block) if_block.m(button, null);
14385
- append_hydration(button, t0);
14386
- append_hydration(button, span);
14992
+ if (if_block) if_block.m(target, anchor);
14993
+ insert_hydration(target, t0, anchor);
14994
+ insert_hydration(target, span, anchor);
14387
14995
  append_hydration(span, t1);
14388
14996
  current = true;
14389
-
14390
- if (!mounted) {
14391
- dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[3]));
14392
- mounted = true;
14393
- }
14394
14997
  },
14395
- p(ctx, [dirty]) {
14998
+ p(ctx, dirty) {
14396
14999
  if (/*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant) {
14397
15000
  if (if_block) {
14398
15001
  if_block.p(ctx, dirty);
@@ -14404,7 +15007,7 @@ function create_fragment$7(ctx) {
14404
15007
  if_block = create_if_block$4(ctx);
14405
15008
  if_block.c();
14406
15009
  transition_in(if_block, 1);
14407
- if_block.m(button, t0);
15010
+ if_block.m(t0.parentNode, t0);
14408
15011
  }
14409
15012
  } else if (if_block) {
14410
15013
  group_outros();
@@ -14416,54 +15019,111 @@ function create_fragment$7(ctx) {
14416
15019
  check_outros();
14417
15020
  }
14418
15021
 
14419
- if ((!current || dirty & /*props*/ 1) && t1_value !== (t1_value = /*props*/ ctx[0].label + "")) set_data(t1, t1_value);
15022
+ if ((!current || dirty & /*props*/ 1) && t1_value !== (t1_value = (/*props*/ ctx[0].label ?? buttonPropsDefault.label) + "")) set_data(t1, t1_value);
15023
+ },
15024
+ i(local) {
15025
+ if (current) return;
15026
+ transition_in(if_block);
15027
+ current = true;
15028
+ },
15029
+ o(local) {
15030
+ transition_out(if_block);
15031
+ current = false;
15032
+ },
15033
+ d(detaching) {
15034
+ if (if_block) if_block.d(detaching);
15035
+ if (detaching) detach(t0);
15036
+ if (detaching) detach(span);
15037
+ }
15038
+ };
15039
+ }
15040
+
15041
+ function create_fragment$7(ctx) {
15042
+ let div;
15043
+ let clickable;
15044
+ let current;
15045
+
15046
+ clickable = new Clickable({
15047
+ props: {
15048
+ onClick: /*props*/ ctx[0].onClick,
15049
+ eventName: /*props*/ ctx[0].eventName,
15050
+ eventValue: /*props*/ ctx[0].eventValue,
15051
+ $$slots: { default: [create_default_slot$2] },
15052
+ $$scope: { ctx }
15053
+ }
15054
+ });
15055
+
15056
+ return {
15057
+ c() {
15058
+ div = element("div");
15059
+ create_component(clickable.$$.fragment);
15060
+ this.h();
15061
+ },
15062
+ l(nodes) {
15063
+ div = claim_element(nodes, "DIV", {
15064
+ class: true,
15065
+ "data-layer-id": true,
15066
+ style: true
15067
+ });
15068
+
15069
+ var div_nodes = children(div);
15070
+ claim_component(clickable.$$.fragment, div_nodes);
15071
+ div_nodes.forEach(detach);
15072
+ this.h();
15073
+ },
15074
+ h() {
15075
+ attr(div, "class", "button svelte-cmn44g");
15076
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
15077
+ attr(div, "style", /*style*/ ctx[2]);
15078
+ },
15079
+ m(target, anchor) {
15080
+ insert_hydration(target, div, anchor);
15081
+ mount_component(clickable, div, null);
15082
+ current = true;
15083
+ },
15084
+ p(ctx, [dirty]) {
15085
+ const clickable_changes = {};
15086
+ if (dirty & /*props*/ 1) clickable_changes.onClick = /*props*/ ctx[0].onClick;
15087
+ if (dirty & /*props*/ 1) clickable_changes.eventName = /*props*/ ctx[0].eventName;
15088
+ if (dirty & /*props*/ 1) clickable_changes.eventValue = /*props*/ ctx[0].eventValue;
15089
+
15090
+ if (dirty & /*$$scope, props*/ 17) {
15091
+ clickable_changes.$$scope = { dirty, ctx };
15092
+ }
15093
+
15094
+ clickable.$set(clickable_changes);
14420
15095
 
14421
15096
  if (!current || dirty & /*layerId*/ 2) {
14422
- attr(button, "data-layer-id", /*layerId*/ ctx[1]);
15097
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
14423
15098
  }
14424
15099
 
14425
15100
  if (!current || dirty & /*style*/ 4) {
14426
- attr(button, "style", /*style*/ ctx[2]);
15101
+ attr(div, "style", /*style*/ ctx[2]);
14427
15102
  }
14428
15103
  },
14429
15104
  i(local) {
14430
15105
  if (current) return;
14431
- transition_in(if_block);
15106
+ transition_in(clickable.$$.fragment, local);
14432
15107
  current = true;
14433
15108
  },
14434
15109
  o(local) {
14435
- transition_out(if_block);
15110
+ transition_out(clickable.$$.fragment, local);
14436
15111
  current = false;
14437
15112
  },
14438
15113
  d(detaching) {
14439
- if (detaching) detach(button);
14440
- if (if_block) if_block.d();
14441
- mounted = false;
14442
- dispose();
15114
+ if (detaching) detach(div);
15115
+ destroy_component(clickable);
14443
15116
  }
14444
15117
  };
14445
15118
  }
14446
15119
 
14447
15120
  function instance$7($$self, $$props, $$invalidate) {
14448
15121
  let style;
14449
- let { onClick = { operation: 'none', args: [] } } = $$props;
14450
- let { eventName = '' } = $$props;
14451
- let { eventValue = undefined } = $$props;
14452
15122
  let { props = {} } = $$props;
14453
15123
  let { layerId = '' } = $$props;
14454
-
14455
- function handleClick() {
14456
- if (eventName) {
14457
- send_event(eventName, eventValue);
14458
- }
14459
-
14460
- execOnClickOperation(onClick);
14461
- }
15124
+ const buttonThemeStyle = BUTTON_THEME_STYLES[props.theme ?? buttonPropsDefault.theme];
14462
15125
 
14463
15126
  $$self.$$set = $$props => {
14464
- if ('onClick' in $$props) $$invalidate(4, onClick = $$props.onClick);
14465
- if ('eventName' in $$props) $$invalidate(5, eventName = $$props.eventName);
14466
- if ('eventValue' in $$props) $$invalidate(6, eventValue = $$props.eventValue);
14467
15127
  if ('props' in $$props) $$invalidate(0, props = $$props.props);
14468
15128
  if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
14469
15129
  };
@@ -14479,76 +15139,35 @@ function instance$7($$self, $$props, $$invalidate) {
14479
15139
  border: 0,
14480
15140
  transition: 'background-color 0.12s, border-color 0.12s, color 0.12s',
14481
15141
  width: props.width,
14482
- backgroundColor: props.backgroundColor ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].backgroundColor,
14483
- color: props.color ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].color,
14484
- fontWeight: props.fontWeight ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].fontWeight,
14485
- ...BUTTON_VARIANTS.size[props.size ?? 'medium'],
14486
- ...BUTTON_VARIANTS.wrap[props.wrap ?? 'nowrap'],
14487
- ...BUTTON_VARIANTS.round[props.round ?? 'default'],
15142
+ backgroundColor: props.backgroundColor ?? buttonThemeStyle.backgroundColor,
15143
+ color: props.color ?? buttonThemeStyle.color,
15144
+ fontWeight: props.fontWeight ?? buttonThemeStyle.fontWeight,
15145
+ ...BUTTON_SIZE_STYLES[props.size ?? buttonPropsDefault.size],
15146
+ ...BUTTON_WRAP_STYLES[props.wrap ?? buttonPropsDefault.wrap],
15147
+ ...BUTTON_ROUND_STYLES[props.round ?? buttonPropsDefault.round],
14488
15148
  ...props.iconAngle
14489
15149
  ? { flexDirection: props.iconAngle }
14490
15150
  : {},
14491
- ...toCssCommon(props)
15151
+ ...toCssCommon(props),
15152
+ ...toCssBorder(props)
14492
15153
  }));
14493
15154
  }
14494
15155
  };
14495
15156
 
14496
- return [props, layerId, style, handleClick, onClick, eventName, eventValue];
15157
+ return [props, layerId, style, buttonThemeStyle];
14497
15158
  }
14498
15159
 
14499
15160
  class Button extends SvelteComponent {
14500
15161
  constructor(options) {
14501
15162
  super();
14502
-
14503
- init(
14504
- this,
14505
- options,
14506
- instance$7,
14507
- create_fragment$7,
14508
- safe_not_equal,
14509
- {
14510
- onClick: 4,
14511
- eventName: 5,
14512
- eventValue: 6,
14513
- props: 0,
14514
- layerId: 1
14515
- },
14516
- add_css$7
14517
- );
15163
+ init(this, options, instance$7, create_fragment$7, safe_not_equal, { props: 0, layerId: 1 }, add_css$7);
14518
15164
  }
14519
15165
  }
14520
15166
 
14521
- const BUTTON_SIZE = {
14522
- extra_small: 'XSmall',
14523
- small: 'Small',
14524
- medium: 'Medium',
14525
- large: 'Large',
14526
- extra_large: 'XLarge',
14527
- };
14528
- const BUTTON_THEME = {
14529
- default: 'デフォルト',
14530
- theme: 'テーマカラー',
14531
- alert: 'アラート',
14532
- transparent: '背景なし',
14533
- };
14534
- const BUTTON_ROUND = {
14535
- default: 'デフォルト',
14536
- none: 'なし',
14537
- fulled: '円形',
14538
- };
14539
- const BUTTON_LINK_TARGET = {
14540
- _self: '画面内遷移',
14541
- _blank: '別タブで開く',
14542
- };
14543
- const BUTTON_ICON_ANGLE = {
14544
- row: '左側',
14545
- 'row-reverse': '右側',
14546
- };
14547
-
14548
15167
  /* src/components-flex/text-button/TextButton.svelte generated by Svelte v3.53.1 */
14549
15168
 
14550
15169
  function add_css$6(target) {
14551
- append_styles(target, "svelte-11jxyiz", ".flex-text-button.svelte-11jxyiz{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;padding:0;text-decoration:underline;background-color:rgba(255, 255, 255, 0);transition:color 0.12s}.flex-text-button.svelte-11jxyiz:hover{text-decoration:none}.flex-text-button-icon.svelte-11jxyiz{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
15170
+ append_styles(target, "svelte-2imv7z", ".flex-text-button.svelte-2imv7z{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;padding:0;text-decoration:underline;background-color:rgba(255, 255, 255, 0);transition:color 0.12s}.flex-text-button.svelte-2imv7z:hover{text-decoration:none}.flex-text-button-icon.svelte-2imv7z{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
14552
15171
  }
14553
15172
 
14554
15173
  // (103:4) {#if props.isIcon && props.iconVariant}
@@ -14580,7 +15199,7 @@ function create_if_block$3(ctx) {
14580
15199
  this.h();
14581
15200
  },
14582
15201
  h() {
14583
- attr(div, "class", "flex-text-button-icon svelte-11jxyiz");
15202
+ attr(div, "class", "flex-text-button-icon svelte-2imv7z");
14584
15203
  },
14585
15204
  m(target, anchor) {
14586
15205
  insert_hydration(target, div, anchor);
@@ -14653,7 +15272,7 @@ function create_fragment$6(ctx) {
14653
15272
  h() {
14654
15273
  attr(button, "data-layer-id", /*layerId*/ ctx[1]);
14655
15274
  attr(button, "style", /*style*/ ctx[2]);
14656
- attr(button, "class", "flex-text-button svelte-11jxyiz");
15275
+ attr(button, "class", "flex-text-button svelte-2imv7z");
14657
15276
  },
14658
15277
  m(target, anchor) {
14659
15278
  insert_hydration(target, button, anchor);
@@ -14890,7 +15509,7 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
14890
15509
  /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
14891
15510
 
14892
15511
  function add_css$5(target) {
14893
- append_styles(target, "svelte-3fbvvp", ".close.svelte-3fbvvp{position:absolute;top:8px;right:8px}.close-button-row.svelte-3fbvvp{display:flex;flex-direction:row;align-items:center;gap:4px}.close-button.svelte-3fbvvp{display:inline-flex;align-items:center;justify-content:center;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.close-button.svelte-3fbvvp:hover{transform:rotate(90deg)}.close-button-order-one.svelte-3fbvvp{order:1}.close-button-order-two.svelte-3fbvvp{order:2}.close-button-label.svelte-3fbvvp{color:var(--close-button-label-color, '#ccc')}");
15512
+ append_styles(target, "svelte-sbhaxh", ".close.svelte-sbhaxh{position:absolute;top:8px;right:8px}.close-button-row.svelte-sbhaxh{display:flex;flex-direction:row;align-items:center;gap:4px}.close-button.svelte-sbhaxh{display:inline-flex;align-items:center;justify-content:center;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s, transform 0.12s}.close-button.svelte-sbhaxh:hover{transform:rotate(90deg)}.close-button-order-one.svelte-sbhaxh{order:1}.close-button-order-two.svelte-sbhaxh{order:2}.close-button-label.svelte-sbhaxh{color:var(--close-button-label-color, '#ccc')}");
14894
15513
  }
14895
15514
 
14896
15515
  // (99:4) {#if hasLabel}
@@ -14916,7 +15535,7 @@ function create_if_block$2(ctx) {
14916
15535
 
14917
15536
  attr(span, "class", "close-button-label " + (/*isLeftLabelPlacement*/ ctx[8]
14918
15537
  ? 'close-button-order-one'
14919
- : '') + " svelte-3fbvvp");
15538
+ : '') + " svelte-sbhaxh");
14920
15539
  },
14921
15540
  m(target, anchor) {
14922
15541
  insert_hydration(target, span, anchor);
@@ -15007,16 +15626,16 @@ function create_fragment$5(ctx) {
15007
15626
  this.h();
15008
15627
  },
15009
15628
  h() {
15010
- 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");
15629
+ attr(path, "d", "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z");
15011
15630
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
15012
15631
  set_style(svg, "width", "75%");
15013
15632
  set_style(svg, "height", "75%");
15014
- attr(svg, "viewBox", "0 0 50 50");
15633
+ attr(svg, "viewBox", "0 0 384 512");
15015
15634
  attr(svg, "fill", /*color*/ ctx[6]);
15016
15635
  set_attributes(button, button_data);
15017
- toggle_class(button, "svelte-3fbvvp", true);
15018
- attr(div0, "class", "close-button-row svelte-3fbvvp");
15019
- attr(div1, "class", "close svelte-3fbvvp");
15636
+ toggle_class(button, "svelte-sbhaxh", true);
15637
+ attr(div0, "class", "close-button-row svelte-sbhaxh");
15638
+ attr(div1, "class", "close svelte-sbhaxh");
15020
15639
  attr(div1, "style", /*rootStyle*/ ctx[3]);
15021
15640
  },
15022
15641
  m(target, anchor) {
@@ -15042,7 +15661,7 @@ function create_fragment$5(ctx) {
15042
15661
  dataAttrStopPropagation('click')
15043
15662
  ]));
15044
15663
 
15045
- toggle_class(button, "svelte-3fbvvp", true);
15664
+ toggle_class(button, "svelte-sbhaxh", true);
15046
15665
 
15047
15666
  if (/*hasLabel*/ ctx[4]) {
15048
15667
  if (if_block) {
@@ -15137,6 +15756,10 @@ function instance$5($$self, $$props, $$invalidate) {
15137
15756
  }));
15138
15757
  }
15139
15758
 
15759
+ if ($$self.$$.dirty & /*props*/ 512) {
15760
+ $$invalidate(2, labelCssVariable = `--close-button-label-color: ${props.labelColor}`);
15761
+ }
15762
+
15140
15763
  if ($$self.$$.dirty & /*props*/ 512) {
15141
15764
  $$invalidate(1, style = objToStyle({
15142
15765
  width: `${size}px`,
@@ -15144,13 +15767,13 @@ function instance$5($$self, $$props, $$invalidate) {
15144
15767
  ...props.bordered && { border: '1px solid #666' },
15145
15768
  backgroundColor: props.backgroundColor ?? 'transparent',
15146
15769
  ...VARIANTS.round[props.round ?? 'default'],
15147
- ...toCssCommon(props)
15770
+ ...toCssCommon(props),
15771
+ ...toCssBorder(props)
15148
15772
  }));
15149
15773
  }
15150
15774
  };
15151
15775
 
15152
15776
  $$invalidate(4, hasLabel = label !== undefined && label !== '');
15153
- $$invalidate(2, labelCssVariable = '--close-button-label-color: {props.labelColor}');
15154
15777
 
15155
15778
  return [
15156
15779
  layerId,
@@ -15193,11 +15816,11 @@ class CloseButton extends SvelteComponent {
15193
15816
  /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
15194
15817
 
15195
15818
  function add_css$4(target) {
15196
- append_styles(target, "svelte-1wv9v10", ".image.svelte-1wv9v10{max-width:100%;overflow:hidden;flex-shrink:0}.image-object.svelte-1wv9v10{width:100%;overflow:hidden}.image-img.svelte-1wv9v10{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none}");
15819
+ append_styles(target, "svelte-180u8ho", ".image.svelte-180u8ho{max-width:100%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.image-object.svelte-180u8ho{width:100%;overflow:hidden}.image-img.svelte-180u8ho{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none}");
15197
15820
  }
15198
15821
 
15199
- function create_fragment$4(ctx) {
15200
- let div;
15822
+ // (16:2) <CLICKABLE onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue}>
15823
+ function create_default_slot$1(ctx) {
15201
15824
  let object;
15202
15825
  let img;
15203
15826
  let img_src_value;
@@ -15205,42 +15828,29 @@ function create_fragment$4(ctx) {
15205
15828
 
15206
15829
  return {
15207
15830
  c() {
15208
- div = element("div");
15209
15831
  object = element("object");
15210
15832
  img = element("img");
15211
15833
  this.h();
15212
15834
  },
15213
15835
  l(nodes) {
15214
- div = claim_element(nodes, "DIV", {
15215
- "data-layer-id": true,
15216
- class: true,
15217
- style: true
15218
- });
15219
-
15220
- var div_nodes = children(div);
15221
- object = claim_element(div_nodes, "OBJECT", { style: true, class: true });
15836
+ object = claim_element(nodes, "OBJECT", { style: true, class: true });
15222
15837
  var object_nodes = children(object);
15223
15838
  img = claim_element(object_nodes, "IMG", { src: true, alt: true, class: true });
15224
15839
  object_nodes.forEach(detach);
15225
- div_nodes.forEach(detach);
15226
15840
  this.h();
15227
15841
  },
15228
15842
  h() {
15229
15843
  if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
15230
15844
  attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
15231
- attr(img, "class", "image-img svelte-1wv9v10");
15845
+ attr(img, "class", "image-img svelte-180u8ho");
15232
15846
  attr(object, "style", /*objectStyle*/ ctx[2]);
15233
- attr(object, "class", "image-object svelte-1wv9v10");
15234
- attr(div, "data-layer-id", /*layerId*/ ctx[1]);
15235
- attr(div, "class", "image svelte-1wv9v10");
15236
- attr(div, "style", /*style*/ ctx[3]);
15847
+ attr(object, "class", "image-object svelte-180u8ho");
15237
15848
  },
15238
15849
  m(target, anchor) {
15239
- insert_hydration(target, div, anchor);
15240
- append_hydration(div, object);
15850
+ insert_hydration(target, object, anchor);
15241
15851
  append_hydration(object, img);
15242
15852
  },
15243
- p(ctx, [dirty]) {
15853
+ p(ctx, dirty) {
15244
15854
  if (dirty & /*props*/ 1 && !src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) {
15245
15855
  attr(img, "src", img_src_value);
15246
15856
  }
@@ -15252,19 +15862,88 @@ function create_fragment$4(ctx) {
15252
15862
  if (dirty & /*objectStyle*/ 4) {
15253
15863
  attr(object, "style", /*objectStyle*/ ctx[2]);
15254
15864
  }
15865
+ },
15866
+ d(detaching) {
15867
+ if (detaching) detach(object);
15868
+ }
15869
+ };
15870
+ }
15871
+
15872
+ function create_fragment$4(ctx) {
15873
+ let div;
15874
+ let clickable;
15875
+ let current;
15876
+
15877
+ clickable = new Clickable({
15878
+ props: {
15879
+ onClick: /*props*/ ctx[0].onClick,
15880
+ eventName: /*props*/ ctx[0].eventName,
15881
+ eventValue: /*props*/ ctx[0].eventValue,
15882
+ $$slots: { default: [create_default_slot$1] },
15883
+ $$scope: { ctx }
15884
+ }
15885
+ });
15886
+
15887
+ return {
15888
+ c() {
15889
+ div = element("div");
15890
+ create_component(clickable.$$.fragment);
15891
+ this.h();
15892
+ },
15893
+ l(nodes) {
15894
+ div = claim_element(nodes, "DIV", {
15895
+ "data-layer-id": true,
15896
+ class: true,
15897
+ style: true
15898
+ });
15899
+
15900
+ var div_nodes = children(div);
15901
+ claim_component(clickable.$$.fragment, div_nodes);
15902
+ div_nodes.forEach(detach);
15903
+ this.h();
15904
+ },
15905
+ h() {
15906
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
15907
+ attr(div, "class", "image svelte-180u8ho");
15908
+ attr(div, "style", /*style*/ ctx[3]);
15909
+ },
15910
+ m(target, anchor) {
15911
+ insert_hydration(target, div, anchor);
15912
+ mount_component(clickable, div, null);
15913
+ current = true;
15914
+ },
15915
+ p(ctx, [dirty]) {
15916
+ const clickable_changes = {};
15917
+ if (dirty & /*props*/ 1) clickable_changes.onClick = /*props*/ ctx[0].onClick;
15918
+ if (dirty & /*props*/ 1) clickable_changes.eventName = /*props*/ ctx[0].eventName;
15919
+ if (dirty & /*props*/ 1) clickable_changes.eventValue = /*props*/ ctx[0].eventValue;
15920
+
15921
+ if (dirty & /*$$scope, objectStyle, props*/ 21) {
15922
+ clickable_changes.$$scope = { dirty, ctx };
15923
+ }
15924
+
15925
+ clickable.$set(clickable_changes);
15255
15926
 
15256
- if (dirty & /*layerId*/ 2) {
15927
+ if (!current || dirty & /*layerId*/ 2) {
15257
15928
  attr(div, "data-layer-id", /*layerId*/ ctx[1]);
15258
15929
  }
15259
15930
 
15260
- if (dirty & /*style*/ 8) {
15931
+ if (!current || dirty & /*style*/ 8) {
15261
15932
  attr(div, "style", /*style*/ ctx[3]);
15262
15933
  }
15263
15934
  },
15264
- i: noop,
15265
- o: noop,
15935
+ i(local) {
15936
+ if (current) return;
15937
+ transition_in(clickable.$$.fragment, local);
15938
+ current = true;
15939
+ },
15940
+ o(local) {
15941
+ transition_out(clickable.$$.fragment, local);
15942
+ current = false;
15943
+ },
15266
15944
  d(detaching) {
15267
15945
  if (detaching) detach(div);
15946
+ destroy_component(clickable);
15268
15947
  }
15269
15948
  };
15270
15949
  }
@@ -15306,19 +15985,79 @@ class Image extends SvelteComponent {
15306
15985
  /* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
15307
15986
 
15308
15987
  function add_css$3(target) {
15309
- append_styles(target, "svelte-19rjtwm", ".layout.svelte-19rjtwm{margin:0}");
15988
+ append_styles(target, "svelte-1g6q4hu", ".layout.svelte-1g6q4hu{margin:0}");
15989
+ }
15990
+
15991
+ // (26:2) <CLICKABLE onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue}>
15992
+ function create_default_slot(ctx) {
15993
+ let current;
15994
+ const default_slot_template = /*#slots*/ ctx[3].default;
15995
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[4], null);
15996
+
15997
+ return {
15998
+ c() {
15999
+ if (default_slot) default_slot.c();
16000
+ },
16001
+ l(nodes) {
16002
+ if (default_slot) default_slot.l(nodes);
16003
+ },
16004
+ m(target, anchor) {
16005
+ if (default_slot) {
16006
+ default_slot.m(target, anchor);
16007
+ }
16008
+
16009
+ current = true;
16010
+ },
16011
+ p(ctx, dirty) {
16012
+ if (default_slot) {
16013
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 16)) {
16014
+ update_slot_base(
16015
+ default_slot,
16016
+ default_slot_template,
16017
+ ctx,
16018
+ /*$$scope*/ ctx[4],
16019
+ !current
16020
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[4])
16021
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[4], dirty, null),
16022
+ null
16023
+ );
16024
+ }
16025
+ }
16026
+ },
16027
+ i(local) {
16028
+ if (current) return;
16029
+ transition_in(default_slot, local);
16030
+ current = true;
16031
+ },
16032
+ o(local) {
16033
+ transition_out(default_slot, local);
16034
+ current = false;
16035
+ },
16036
+ d(detaching) {
16037
+ if (default_slot) default_slot.d(detaching);
16038
+ }
16039
+ };
15310
16040
  }
15311
16041
 
15312
16042
  function create_fragment$3(ctx) {
15313
16043
  let div;
16044
+ let clickable;
15314
16045
  let current;
15315
- const default_slot_template = /*#slots*/ ctx[4].default;
15316
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[3], null);
16046
+
16047
+ clickable = new Clickable({
16048
+ props: {
16049
+ onClick: /*props*/ ctx[0].onClick,
16050
+ eventName: /*props*/ ctx[0].eventName,
16051
+ eventValue: /*props*/ ctx[0].eventValue,
16052
+ $$slots: { default: [create_default_slot] },
16053
+ $$scope: { ctx }
16054
+ }
16055
+ });
15317
16056
 
15318
16057
  return {
15319
16058
  c() {
15320
16059
  div = element("div");
15321
- if (default_slot) default_slot.c();
16060
+ create_component(clickable.$$.fragment);
15322
16061
  this.h();
15323
16062
  },
15324
16063
  l(nodes) {
@@ -15329,60 +16068,52 @@ function create_fragment$3(ctx) {
15329
16068
  });
15330
16069
 
15331
16070
  var div_nodes = children(div);
15332
- if (default_slot) default_slot.l(div_nodes);
16071
+ claim_component(clickable.$$.fragment, div_nodes);
15333
16072
  div_nodes.forEach(detach);
15334
16073
  this.h();
15335
16074
  },
15336
16075
  h() {
15337
- attr(div, "data-layer-id", /*layerId*/ ctx[0]);
15338
- attr(div, "class", "layout svelte-19rjtwm");
15339
- attr(div, "style", /*style*/ ctx[1]);
16076
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
16077
+ attr(div, "class", "layout svelte-1g6q4hu");
16078
+ attr(div, "style", /*style*/ ctx[2]);
15340
16079
  },
15341
16080
  m(target, anchor) {
15342
16081
  insert_hydration(target, div, anchor);
15343
-
15344
- if (default_slot) {
15345
- default_slot.m(div, null);
15346
- }
15347
-
16082
+ mount_component(clickable, div, null);
15348
16083
  current = true;
15349
16084
  },
15350
16085
  p(ctx, [dirty]) {
15351
- if (default_slot) {
15352
- if (default_slot.p && (!current || dirty & /*$$scope*/ 8)) {
15353
- update_slot_base(
15354
- default_slot,
15355
- default_slot_template,
15356
- ctx,
15357
- /*$$scope*/ ctx[3],
15358
- !current
15359
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[3])
15360
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[3], dirty, null),
15361
- null
15362
- );
15363
- }
16086
+ const clickable_changes = {};
16087
+ if (dirty & /*props*/ 1) clickable_changes.onClick = /*props*/ ctx[0].onClick;
16088
+ if (dirty & /*props*/ 1) clickable_changes.eventName = /*props*/ ctx[0].eventName;
16089
+ if (dirty & /*props*/ 1) clickable_changes.eventValue = /*props*/ ctx[0].eventValue;
16090
+
16091
+ if (dirty & /*$$scope*/ 16) {
16092
+ clickable_changes.$$scope = { dirty, ctx };
15364
16093
  }
15365
16094
 
15366
- if (!current || dirty & /*layerId*/ 1) {
15367
- attr(div, "data-layer-id", /*layerId*/ ctx[0]);
16095
+ clickable.$set(clickable_changes);
16096
+
16097
+ if (!current || dirty & /*layerId*/ 2) {
16098
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
15368
16099
  }
15369
16100
 
15370
- if (!current || dirty & /*style*/ 2) {
15371
- attr(div, "style", /*style*/ ctx[1]);
16101
+ if (!current || dirty & /*style*/ 4) {
16102
+ attr(div, "style", /*style*/ ctx[2]);
15372
16103
  }
15373
16104
  },
15374
16105
  i(local) {
15375
16106
  if (current) return;
15376
- transition_in(default_slot, local);
16107
+ transition_in(clickable.$$.fragment, local);
15377
16108
  current = true;
15378
16109
  },
15379
16110
  o(local) {
15380
- transition_out(default_slot, local);
16111
+ transition_out(clickable.$$.fragment, local);
15381
16112
  current = false;
15382
16113
  },
15383
16114
  d(detaching) {
15384
16115
  if (detaching) detach(div);
15385
- if (default_slot) default_slot.d(detaching);
16116
+ destroy_component(clickable);
15386
16117
  }
15387
16118
  };
15388
16119
  }
@@ -15394,14 +16125,14 @@ function instance$3($$self, $$props, $$invalidate) {
15394
16125
  let { layerId = '' } = $$props;
15395
16126
 
15396
16127
  $$self.$$set = $$props => {
15397
- if ('props' in $$props) $$invalidate(2, props = $$props.props);
15398
- if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
15399
- if ('$$scope' in $$props) $$invalidate(3, $$scope = $$props.$$scope);
16128
+ if ('props' in $$props) $$invalidate(0, props = $$props.props);
16129
+ if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
16130
+ if ('$$scope' in $$props) $$invalidate(4, $$scope = $$props.$$scope);
15400
16131
  };
15401
16132
 
15402
16133
  $$self.$$.update = () => {
15403
- if ($$self.$$.dirty & /*props*/ 4) {
15404
- $$invalidate(1, style = objToStyle({
16134
+ if ($$self.$$.dirty & /*props*/ 1) {
16135
+ $$invalidate(2, style = objToStyle({
15405
16136
  display: props.display ?? 'flex',
15406
16137
  flexDirection: props.direction,
15407
16138
  alignItems: props.align,
@@ -15409,6 +16140,7 @@ function instance$3($$self, $$props, $$invalidate) {
15409
16140
  rowGap: props.rowGap,
15410
16141
  columnGap: props.columnGap,
15411
16142
  width: props.width,
16143
+ overflowY: props.overflowY,
15412
16144
  ...toCssShadow(props),
15413
16145
  ...toCssRadius(props),
15414
16146
  ...toCssBackgroundImage(props),
@@ -15420,13 +16152,13 @@ function instance$3($$self, $$props, $$invalidate) {
15420
16152
  }
15421
16153
  };
15422
16154
 
15423
- return [layerId, style, props, $$scope, slots];
16155
+ return [props, layerId, style, slots, $$scope];
15424
16156
  }
15425
16157
 
15426
16158
  class Layout extends SvelteComponent {
15427
16159
  constructor(options) {
15428
16160
  super();
15429
- init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 2, layerId: 0 }, add_css$3);
16161
+ init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 0, layerId: 1 }, add_css$3);
15430
16162
  }
15431
16163
  }
15432
16164
 
@@ -15493,7 +16225,7 @@ const TEXT_VARIANTS = {
15493
16225
  /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
15494
16226
 
15495
16227
  function add_css$2(target) {
15496
- append_styles(target, "svelte-18qq8cj", ".text.svelte-18qq8cj{margin:0;word-break:break-all}");
16228
+ append_styles(target, "svelte-1vl0c87", ".text.svelte-1vl0c87{margin:0;word-break:break-all}");
15497
16229
  }
15498
16230
 
15499
16231
  function create_fragment$2(ctx) {
@@ -15517,7 +16249,7 @@ function create_fragment$2(ctx) {
15517
16249
  },
15518
16250
  h() {
15519
16251
  attr(p, "data-layer-id", /*layerId*/ ctx[0]);
15520
- attr(p, "class", "text svelte-18qq8cj");
16252
+ attr(p, "class", "text svelte-1vl0c87");
15521
16253
  attr(p, "style", /*style*/ ctx[1]);
15522
16254
  },
15523
16255
  m(target, anchor) {
@@ -15593,8 +16325,6 @@ class Text extends SvelteComponent {
15593
16325
  }
15594
16326
  }
15595
16327
 
15596
- const LAYER_TEXT_ALIGN_VALUES = ['center', 'left', 'right'];
15597
- const LAYER_TEXT_FONT_WEIGHT_VALUES = ['bold', 'normal'];
15598
16328
  const LAYER_TEXT_SIZE = {
15599
16329
  extra_small: 'ExtraSmall',
15600
16330
  small: 'Small',
@@ -15611,7 +16341,7 @@ const LAYER_TEXT_SIZE = {
15611
16341
  /* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
15612
16342
 
15613
16343
  function add_css$1(target) {
15614
- append_styles(target, "svelte-ed4ktn", ".v2-background.svelte-ed4ktn{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
16344
+ append_styles(target, "svelte-18nkdjz", ".v2-background.svelte-18nkdjz{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
15615
16345
  }
15616
16346
 
15617
16347
  // (14:0) {#if backgroundOverlay}
@@ -15632,7 +16362,7 @@ function create_if_block$1(ctx) {
15632
16362
  this.h();
15633
16363
  },
15634
16364
  h() {
15635
- attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"));
16365
+ attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
15636
16366
  },
15637
16367
  m(target, anchor) {
15638
16368
  insert_hydration(target, div, anchor);
@@ -15643,7 +16373,7 @@ function create_if_block$1(ctx) {
15643
16373
  }
15644
16374
  },
15645
16375
  p(ctx, dirty) {
15646
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"))) {
16376
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
15647
16377
  attr(div, "class", div_class_value);
15648
16378
  }
15649
16379
  },
@@ -15719,7 +16449,7 @@ class BackgroundOverlay extends SvelteComponent {
15719
16449
  /* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
15720
16450
 
15721
16451
  function add_css(target) {
15722
- append_styles(target, "svelte-1kg29ce", ".modal.svelte-1kg29ce{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1kg29ce > .button{flex:auto;display:flex}@media screen and (min-width: 641px){.modal-bp.svelte-1kg29ce{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-1kg29ce{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}}");
16452
+ append_styles(target, "svelte-45ue06", "*{box-sizing:border-box}.modal.svelte-45ue06{position:fixed;z-index:2147483647;display:flex}.modal.svelte-45ue06 > .button{flex:auto;display:flex}@media screen and (min-width: 641px){.modal-bp.svelte-45ue06{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-45ue06{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
15723
16453
  }
15724
16454
 
15725
16455
  // (253:0) {:else}
@@ -15885,7 +16615,7 @@ function create_if_block(ctx) {
15885
16615
  this.h();
15886
16616
  },
15887
16617
  h() {
15888
- attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-1kg29ce"));
16618
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"));
15889
16619
  attr(div, "role", "dialog");
15890
16620
  attr(div, "aria-modal", "true");
15891
16621
  attr(div, "style", Array.from(/*modalStyles*/ ctx[12]).join(';'));
@@ -15918,7 +16648,7 @@ function create_if_block(ctx) {
15918
16648
  }
15919
16649
  }
15920
16650
 
15921
- if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-1kg29ce"))) {
16651
+ if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"))) {
15922
16652
  attr(div, "class", div_class_value);
15923
16653
  }
15924
16654
  },
@@ -16358,4 +17088,57 @@ class Modal extends SvelteComponent {
16358
17088
  }
16359
17089
  }
16360
17090
 
16361
- export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_SIZE, BUTTON_THEME, BUTTON_VARIANTS, BackgroundSizes, Box, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, COMPONENT_PARAMETER_TYPES, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, Avatar as FlexAvatar, Button as FlexButton, CloseButton as FlexCloseButton, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, Text as FlexText, TextButton as FlexTextButton, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_PARAMS, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_ALIGN_VALUES, LAYER_TEXT_FONT_WEIGHT_VALUES, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_BUTTON_COLOR, TEXT_BUTTON_ICON_ANGLE, TEXT_BUTTON_LINK_TARGET, TEXT_BUTTON_ROUND, TEXT_BUTTON_SIZE, TEXT_VARIANTS, 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 };
17091
+ const SHADOW_STYLES = {
17092
+ extra_small: {
17093
+ boxShadow: '0 1px 2px 0 rgba(0,0,0,0.1)',
17094
+ },
17095
+ small: {
17096
+ boxShadow: '0 2px 4px 1px rgba(0,0,0,0.1)',
17097
+ },
17098
+ medium: {
17099
+ boxShadow: '0px 4px 8px 2px rgba(0,0,0,0.1)',
17100
+ },
17101
+ large: {
17102
+ boxShadow: '0px 8px 16px 4px rgba(0,0,0,0.1)',
17103
+ },
17104
+ };
17105
+ const ROUND_STYLES = {
17106
+ extra_small: {
17107
+ borderTopLeftRadius: '2px',
17108
+ borderTopRightRadius: '2px',
17109
+ borderBottomLeftRadius: '2px',
17110
+ borderBottomRightRadius: '2px',
17111
+ },
17112
+ small: {
17113
+ borderTopLeftRadius: '4px',
17114
+ borderTopRightRadius: '4px',
17115
+ borderBottomLeftRadius: '4px',
17116
+ borderBottomRightRadius: '4px',
17117
+ },
17118
+ medium: {
17119
+ borderTopLeftRadius: '8px',
17120
+ borderTopRightRadius: '8px',
17121
+ borderBottomLeftRadius: '8px',
17122
+ borderBottomRightRadius: '8px',
17123
+ },
17124
+ large: {
17125
+ borderTopLeftRadius: '16px',
17126
+ borderTopRightRadius: '16px',
17127
+ borderBottomLeftRadius: '16px',
17128
+ borderBottomRightRadius: '16px',
17129
+ },
17130
+ extra_large: {
17131
+ borderTopLeftRadius: '24px',
17132
+ borderTopRightRadius: '24px',
17133
+ borderBottomLeftRadius: '24px',
17134
+ borderBottomRightRadius: '24px',
17135
+ },
17136
+ fulled: {
17137
+ borderTopLeftRadius: '100%',
17138
+ borderTopRightRadius: '100%',
17139
+ borderBottomLeftRadius: '100%',
17140
+ borderBottomRightRadius: '100%',
17141
+ },
17142
+ };
17143
+
17144
+ export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_THEME, BUTTON_THEME_STYLES, BUTTON_VARIANTS, BUTTON_WRAP_STYLES, BackgroundSizes, Box, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, Avatar as FlexAvatar, Button as FlexButton, CloseButton as FlexCloseButton, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, Text as FlexText, TextButton as FlexTextButton, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, ROUND_STYLES, ROUND_VARIANT, Repeats, SHADOW_STYLES, SHADOW_VARIANT, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_BUTTON_COLOR, TEXT_BUTTON_ICON_ANGLE, TEXT_BUTTON_LINK_TARGET, TEXT_BUTTON_ROUND, TEXT_BUTTON_SIZE, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, buttonPropsDefault, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };