@plaidev/karte-action-sdk 1.1.242 → 1.1.243-28729600.27e5cdcd

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 +2 -2
  6. package/meta/karte-action-sdk.api.json +0 -8155
package/dist/index.es.js CHANGED
@@ -335,7 +335,7 @@ const DefaultModalPlacement = {
335
335
  top: '0px',
336
336
  bottom: '0px',
337
337
  },
338
- backgroundOverlay: false,
338
+ backgroundOverlay: true,
339
339
  backgroundClick: { operation: 'closeApp', args: ['overlay'] },
340
340
  };
341
341
  /** @internal */
@@ -1825,6 +1825,11 @@ function createModal(App, options = {
1825
1825
  publish: options.publish,
1826
1826
  data,
1827
1827
  };
1828
+ const sendErrorIfMessageOpenEventNotSent = () => {
1829
+ if (!hasAlreadySentMessageOpenEvent) {
1830
+ options.send('_error', { type: 'action', error_type: 'action_message_open_event_not_sent' });
1831
+ }
1832
+ };
1828
1833
  const close = (trigger = 'none') => {
1829
1834
  if (!app) {
1830
1835
  return NOOP;
@@ -1833,6 +1838,7 @@ function createModal(App, options = {
1833
1838
  options.send('message_close', { trigger, state: getState$1() });
1834
1839
  hasAlreadySentMessageCloseEvent = true;
1835
1840
  }
1841
+ sendErrorIfMessageOpenEventNotSent();
1836
1842
  options.send('_message_state_changed', {
1837
1843
  trigger,
1838
1844
  oldState: getState$1(),
@@ -1874,6 +1880,7 @@ function createModal(App, options = {
1874
1880
  options.send('message_open', { state: getState$1() });
1875
1881
  hasAlreadySentMessageOpenEvent = true;
1876
1882
  }
1883
+ sendErrorIfMessageOpenEventNotSent();
1877
1884
  options.send('_message_state_changed', {
1878
1885
  trigger,
1879
1886
  oldState: '',
@@ -2898,7 +2905,7 @@ const LAYOUT_COMPONENT_NAMES = [
2898
2905
 
2899
2906
  /* src/components/Header.svelte generated by Svelte v3.53.1 */
2900
2907
 
2901
- function create_if_block$f(ctx) {
2908
+ function create_if_block$g(ctx) {
2902
2909
  let link;
2903
2910
 
2904
2911
  return {
@@ -2922,9 +2929,9 @@ function create_if_block$f(ctx) {
2922
2929
  };
2923
2930
  }
2924
2931
 
2925
- function create_fragment$1a(ctx) {
2932
+ function create_fragment$1b(ctx) {
2926
2933
  let head;
2927
- let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$f(ctx);
2934
+ let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$g(ctx);
2928
2935
 
2929
2936
  return {
2930
2937
  c() {
@@ -2940,7 +2947,7 @@ function create_fragment$1a(ctx) {
2940
2947
  if (if_block) {
2941
2948
  if_block.p(ctx, dirty);
2942
2949
  } else {
2943
- if_block = create_if_block$f(ctx);
2950
+ if_block = create_if_block$g(ctx);
2944
2951
  if_block.c();
2945
2952
  if_block.m(head, null);
2946
2953
  }
@@ -2958,7 +2965,7 @@ function create_fragment$1a(ctx) {
2958
2965
  };
2959
2966
  }
2960
2967
 
2961
- function instance$1a($$self, $$props, $$invalidate) {
2968
+ function instance$1b($$self, $$props, $$invalidate) {
2962
2969
  let $fonts;
2963
2970
  component_subscribe($$self, fonts, $$value => $$invalidate(1, $fonts = $$value));
2964
2971
  let googleFontUrl = '';
@@ -2987,13 +2994,13 @@ function instance$1a($$self, $$props, $$invalidate) {
2987
2994
  class Header extends SvelteComponent {
2988
2995
  constructor(options) {
2989
2996
  super();
2990
- init(this, options, instance$1a, create_fragment$1a, safe_not_equal, {});
2997
+ init(this, options, instance$1b, create_fragment$1b, safe_not_equal, {});
2991
2998
  }
2992
2999
  }
2993
3000
 
2994
3001
  /* src/components/State.svelte generated by Svelte v3.53.1 */
2995
3002
 
2996
- function create_fragment$19(ctx) {
3003
+ function create_fragment$1a(ctx) {
2997
3004
  let header;
2998
3005
  let t;
2999
3006
  let current;
@@ -3052,7 +3059,7 @@ function create_fragment$19(ctx) {
3052
3059
  };
3053
3060
  }
3054
3061
 
3055
- function instance$19($$self, $$props, $$invalidate) {
3062
+ function instance$1a($$self, $$props, $$invalidate) {
3056
3063
  let { $$slots: slots = {}, $$scope } = $$props;
3057
3064
 
3058
3065
  $$self.$$set = $$props => {
@@ -3065,18 +3072,18 @@ function instance$19($$self, $$props, $$invalidate) {
3065
3072
  class State extends SvelteComponent {
3066
3073
  constructor(options) {
3067
3074
  super();
3068
- init(this, options, instance$19, create_fragment$19, safe_not_equal, {});
3075
+ init(this, options, instance$1a, create_fragment$1a, safe_not_equal, {});
3069
3076
  }
3070
3077
  }
3071
3078
 
3072
3079
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
3073
3080
 
3074
- function add_css$F(target) {
3075
- append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
3081
+ function add_css$G(target) {
3082
+ append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
3076
3083
  }
3077
3084
 
3078
3085
  // (23:0) {#if $state === path}
3079
- function create_if_block$e(ctx) {
3086
+ function create_if_block$f(ctx) {
3080
3087
  let div;
3081
3088
  let t;
3082
3089
  let current;
@@ -3089,7 +3096,7 @@ function create_if_block$e(ctx) {
3089
3096
  t = space();
3090
3097
  if (default_slot) default_slot.c();
3091
3098
  attr(div, "data-state-path", /*path*/ ctx[0]);
3092
- attr(div, "class", "state-item svelte-1amihue");
3099
+ attr(div, "class", "state-item svelte-2qb6dm");
3093
3100
  },
3094
3101
  m(target, anchor) {
3095
3102
  insert(target, div, anchor);
@@ -3138,10 +3145,10 @@ function create_if_block$e(ctx) {
3138
3145
  };
3139
3146
  }
3140
3147
 
3141
- function create_fragment$18(ctx) {
3148
+ function create_fragment$19(ctx) {
3142
3149
  let if_block_anchor;
3143
3150
  let current;
3144
- let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$e(ctx);
3151
+ let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$f(ctx);
3145
3152
 
3146
3153
  return {
3147
3154
  c() {
@@ -3162,7 +3169,7 @@ function create_fragment$18(ctx) {
3162
3169
  transition_in(if_block, 1);
3163
3170
  }
3164
3171
  } else {
3165
- if_block = create_if_block$e(ctx);
3172
+ if_block = create_if_block$f(ctx);
3166
3173
  if_block.c();
3167
3174
  transition_in(if_block, 1);
3168
3175
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -3199,7 +3206,7 @@ function getStateItemContext() {
3199
3206
  return getContext(STATE_ITEM_CONTEXT_KEY);
3200
3207
  }
3201
3208
 
3202
- function instance$18($$self, $$props, $$invalidate) {
3209
+ function instance$19($$self, $$props, $$invalidate) {
3203
3210
  let $state;
3204
3211
  component_subscribe($$self, state, $$value => $$invalidate(1, $state = $$value));
3205
3212
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -3225,7 +3232,7 @@ function instance$18($$self, $$props, $$invalidate) {
3225
3232
  class StateItem extends SvelteComponent {
3226
3233
  constructor(options) {
3227
3234
  super();
3228
- init(this, options, instance$18, create_fragment$18, safe_not_equal, { path: 0 }, add_css$F);
3235
+ init(this, options, instance$19, create_fragment$19, safe_not_equal, { path: 0 }, add_css$G);
3229
3236
  }
3230
3237
  }
3231
3238
 
@@ -3410,12 +3417,12 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
3410
3417
 
3411
3418
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3412
3419
 
3413
- function add_css$E(target) {
3414
- 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}");
3420
+ function add_css$F(target) {
3421
+ 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}");
3415
3422
  }
3416
3423
 
3417
3424
  // (14:0) {#if backgroundOverlay}
3418
- function create_if_block$d(ctx) {
3425
+ function create_if_block$e(ctx) {
3419
3426
  let div;
3420
3427
  let div_class_value;
3421
3428
  let mounted;
@@ -3424,7 +3431,7 @@ function create_if_block$d(ctx) {
3424
3431
  return {
3425
3432
  c() {
3426
3433
  div = element("div");
3427
- attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"));
3434
+ attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
3428
3435
  },
3429
3436
  m(target, anchor) {
3430
3437
  insert(target, div, anchor);
@@ -3435,7 +3442,7 @@ function create_if_block$d(ctx) {
3435
3442
  }
3436
3443
  },
3437
3444
  p(ctx, dirty) {
3438
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"))) {
3445
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
3439
3446
  attr(div, "class", div_class_value);
3440
3447
  }
3441
3448
  },
@@ -3447,9 +3454,9 @@ function create_if_block$d(ctx) {
3447
3454
  };
3448
3455
  }
3449
3456
 
3450
- function create_fragment$17(ctx) {
3457
+ function create_fragment$18(ctx) {
3451
3458
  let if_block_anchor;
3452
- let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$d(ctx);
3459
+ let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$e(ctx);
3453
3460
 
3454
3461
  return {
3455
3462
  c() {
@@ -3465,7 +3472,7 @@ function create_fragment$17(ctx) {
3465
3472
  if (if_block) {
3466
3473
  if_block.p(ctx, dirty);
3467
3474
  } else {
3468
- if_block = create_if_block$d(ctx);
3475
+ if_block = create_if_block$e(ctx);
3469
3476
  if_block.c();
3470
3477
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
3471
3478
  }
@@ -3483,7 +3490,7 @@ function create_fragment$17(ctx) {
3483
3490
  };
3484
3491
  }
3485
3492
 
3486
- function instance$17($$self, $$props, $$invalidate) {
3493
+ function instance$18($$self, $$props, $$invalidate) {
3487
3494
  let { backgroundOverlay = false } = $$props;
3488
3495
  let { class: className = undefined } = $$props;
3489
3496
  const dispatch = createEventDispatcher();
@@ -3500,7 +3507,7 @@ function instance$17($$self, $$props, $$invalidate) {
3500
3507
  let BackgroundOverlay$1 = class BackgroundOverlay extends SvelteComponent {
3501
3508
  constructor(options) {
3502
3509
  super();
3503
- init(this, options, instance$17, create_fragment$17, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$E);
3510
+ init(this, options, instance$18, create_fragment$18, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$F);
3504
3511
  }
3505
3512
  };
3506
3513
 
@@ -3540,12 +3547,12 @@ function checkStopPropagation(eventName, handler) {
3540
3547
 
3541
3548
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3542
3549
 
3543
- function add_css$D(target) {
3544
- 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}");
3550
+ function add_css$E(target) {
3551
+ 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}");
3545
3552
  }
3546
3553
 
3547
3554
  // (50:0) {:else}
3548
- function create_else_block$5(ctx) {
3555
+ function create_else_block$6(ctx) {
3549
3556
  let button;
3550
3557
  let current;
3551
3558
  let mounted;
@@ -3570,7 +3577,7 @@ function create_else_block$5(ctx) {
3570
3577
  button = element("button");
3571
3578
  if (default_slot) default_slot.c();
3572
3579
  set_attributes(button, button_data);
3573
- toggle_class(button, "svelte-1kmu8zp", true);
3580
+ toggle_class(button, "svelte-15k4deh", true);
3574
3581
  },
3575
3582
  m(target, anchor) {
3576
3583
  insert(target, button, anchor);
@@ -3609,7 +3616,7 @@ function create_else_block$5(ctx) {
3609
3616
  dataAttrStopPropagation('click')
3610
3617
  ]));
3611
3618
 
3612
- toggle_class(button, "svelte-1kmu8zp", true);
3619
+ toggle_class(button, "svelte-15k4deh", true);
3613
3620
  },
3614
3621
  i(local) {
3615
3622
  if (current) return;
@@ -3640,7 +3647,7 @@ function create_if_block_2$2(ctx) {
3640
3647
  c() {
3641
3648
  div = element("div");
3642
3649
  if (default_slot) default_slot.c();
3643
- attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1kmu8zp"));
3650
+ attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-15k4deh"));
3644
3651
  attr(div, "style", /*style*/ ctx[1]);
3645
3652
  },
3646
3653
  m(target, anchor) {
@@ -3689,7 +3696,7 @@ function create_if_block_2$2(ctx) {
3689
3696
  }
3690
3697
 
3691
3698
  // (35:41)
3692
- function create_if_block_1$3(ctx) {
3699
+ function create_if_block_1$4(ctx) {
3693
3700
  let a;
3694
3701
  let a_href_value;
3695
3702
  let a_target_value;
@@ -3724,7 +3731,7 @@ function create_if_block_1$3(ctx) {
3724
3731
  a = element("a");
3725
3732
  if (default_slot) default_slot.c();
3726
3733
  set_attributes(a, a_data);
3727
- toggle_class(a, "svelte-1kmu8zp", true);
3734
+ toggle_class(a, "svelte-15k4deh", true);
3728
3735
  },
3729
3736
  m(target, anchor) {
3730
3737
  insert(target, a, anchor);
@@ -3766,7 +3773,7 @@ function create_if_block_1$3(ctx) {
3766
3773
  dataAttrStopPropagation('click')
3767
3774
  ]));
3768
3775
 
3769
- toggle_class(a, "svelte-1kmu8zp", true);
3776
+ toggle_class(a, "svelte-15k4deh", true);
3770
3777
  },
3771
3778
  i(local) {
3772
3779
  if (current) return;
@@ -3787,7 +3794,7 @@ function create_if_block_1$3(ctx) {
3787
3794
  }
3788
3795
 
3789
3796
  // (31:0) {#if disabled}
3790
- function create_if_block$c(ctx) {
3797
+ function create_if_block$d(ctx) {
3791
3798
  let div;
3792
3799
  let current;
3793
3800
  const default_slot_template = /*#slots*/ ctx[9].default;
@@ -3797,7 +3804,7 @@ function create_if_block$c(ctx) {
3797
3804
  c() {
3798
3805
  div = element("div");
3799
3806
  if (default_slot) default_slot.c();
3800
- attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1kmu8zp"));
3807
+ attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-15k4deh"));
3801
3808
  attr(div, "style", /*style*/ ctx[1]);
3802
3809
  },
3803
3810
  m(target, anchor) {
@@ -3845,12 +3852,12 @@ function create_if_block$c(ctx) {
3845
3852
  };
3846
3853
  }
3847
3854
 
3848
- function create_fragment$16(ctx) {
3855
+ function create_fragment$17(ctx) {
3849
3856
  let current_block_type_index;
3850
3857
  let if_block;
3851
3858
  let if_block_anchor;
3852
3859
  let current;
3853
- const if_block_creators = [create_if_block$c, create_if_block_1$3, create_if_block_2$2, create_else_block$5];
3860
+ const if_block_creators = [create_if_block$d, create_if_block_1$4, create_if_block_2$2, create_else_block$6];
3854
3861
  const if_blocks = [];
3855
3862
 
3856
3863
  function select_block_type(ctx, dirty) {
@@ -3918,7 +3925,7 @@ function create_fragment$16(ctx) {
3918
3925
 
3919
3926
  const BUTTON_CLASS = 'button';
3920
3927
 
3921
- function instance$16($$self, $$props, $$invalidate) {
3928
+ function instance$17($$self, $$props, $$invalidate) {
3922
3929
  let disabled;
3923
3930
  let $valuesAreValid;
3924
3931
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -3984,8 +3991,8 @@ let Button$1 = class Button extends SvelteComponent {
3984
3991
  init(
3985
3992
  this,
3986
3993
  options,
3987
- instance$16,
3988
- create_fragment$16,
3994
+ instance$17,
3995
+ create_fragment$17,
3989
3996
  safe_not_equal,
3990
3997
  {
3991
3998
  onClick: 0,
@@ -3993,19 +4000,19 @@ let Button$1 = class Button extends SvelteComponent {
3993
4000
  eventValue: 6,
3994
4001
  style: 1
3995
4002
  },
3996
- add_css$D
4003
+ add_css$E
3997
4004
  );
3998
4005
  }
3999
4006
  };
4000
4007
 
4001
4008
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
4002
4009
 
4003
- function add_css$C(target) {
4004
- 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}}");
4010
+ function add_css$D(target) {
4011
+ 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}}");
4005
4012
  }
4006
4013
 
4007
4014
  // (277:0) {:else}
4008
- function create_else_block$4(ctx) {
4015
+ function create_else_block$5(ctx) {
4009
4016
  let backgroundoverlay;
4010
4017
  let current;
4011
4018
 
@@ -4130,7 +4137,7 @@ function create_if_block_2$1(ctx) {
4130
4137
  }
4131
4138
 
4132
4139
  // (280:0) {#if visible}
4133
- function create_if_block$b(ctx) {
4140
+ function create_if_block$c(ctx) {
4134
4141
  let div;
4135
4142
  let button;
4136
4143
  let div_class_value;
@@ -4142,7 +4149,7 @@ function create_if_block$b(ctx) {
4142
4149
  onClick: /*onClick*/ ctx[0],
4143
4150
  eventName: /*clickEventName*/ ctx[1],
4144
4151
  eventValue: /*clickEventValue*/ ctx[2],
4145
- $$slots: { default: [create_default_slot$6] },
4152
+ $$slots: { default: [create_default_slot$b] },
4146
4153
  $$scope: { ctx }
4147
4154
  }
4148
4155
  });
@@ -4151,7 +4158,7 @@ function create_if_block$b(ctx) {
4151
4158
  c() {
4152
4159
  div = element("div");
4153
4160
  create_component(button.$$.fragment);
4154
- attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"));
4161
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"));
4155
4162
  attr(div, "role", "dialog");
4156
4163
  attr(div, "aria-modal", "true");
4157
4164
  attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
@@ -4175,7 +4182,7 @@ function create_if_block$b(ctx) {
4175
4182
 
4176
4183
  button.$set(button_changes);
4177
4184
 
4178
- if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"))) {
4185
+ if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"))) {
4179
4186
  attr(div, "class", div_class_value);
4180
4187
  }
4181
4188
  },
@@ -4209,7 +4216,7 @@ function create_if_block$b(ctx) {
4209
4216
  }
4210
4217
 
4211
4218
  // (293:6) {#if closable}
4212
- function create_if_block_1$2(ctx) {
4219
+ function create_if_block_1$3(ctx) {
4213
4220
  let div;
4214
4221
  let button;
4215
4222
  let current;
@@ -4229,7 +4236,7 @@ function create_if_block_1$2(ctx) {
4229
4236
  c() {
4230
4237
  div = element("div");
4231
4238
  create_component(button.$$.fragment);
4232
- attr(div, "class", "close svelte-1i2vo31");
4239
+ attr(div, "class", "close svelte-1ijkyzl");
4233
4240
  set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
4234
4241
  },
4235
4242
  m(target, anchor) {
@@ -4304,11 +4311,11 @@ function create_default_slot_1$1(ctx) {
4304
4311
  }
4305
4312
 
4306
4313
  // (292:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
4307
- function create_default_slot$6(ctx) {
4314
+ function create_default_slot$b(ctx) {
4308
4315
  let t;
4309
4316
  let div;
4310
4317
  let current;
4311
- let if_block = /*closable*/ ctx[21] && create_if_block_1$2(ctx);
4318
+ let if_block = /*closable*/ ctx[21] && create_if_block_1$3(ctx);
4312
4319
  const default_slot_template = /*#slots*/ ctx[31].default;
4313
4320
  const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[33], null);
4314
4321
 
@@ -4318,7 +4325,7 @@ function create_default_slot$6(ctx) {
4318
4325
  t = space();
4319
4326
  div = element("div");
4320
4327
  if (default_slot) default_slot.c();
4321
- attr(div, "class", "modal-content svelte-1i2vo31");
4328
+ attr(div, "class", "modal-content svelte-1ijkyzl");
4322
4329
  attr(div, "style", /*_style*/ ctx[5]);
4323
4330
  },
4324
4331
  m(target, anchor) {
@@ -4341,7 +4348,7 @@ function create_default_slot$6(ctx) {
4341
4348
  transition_in(if_block, 1);
4342
4349
  }
4343
4350
  } else {
4344
- if_block = create_if_block_1$2(ctx);
4351
+ if_block = create_if_block_1$3(ctx);
4345
4352
  if_block.c();
4346
4353
  transition_in(if_block, 1);
4347
4354
  if_block.m(t.parentNode, t);
@@ -4395,7 +4402,7 @@ function create_default_slot$6(ctx) {
4395
4402
  };
4396
4403
  }
4397
4404
 
4398
- function create_fragment$15(ctx) {
4405
+ function create_fragment$16(ctx) {
4399
4406
  let show_if;
4400
4407
  let current_block_type_index;
4401
4408
  let if_block0;
@@ -4404,7 +4411,7 @@ function create_fragment$15(ctx) {
4404
4411
  let current;
4405
4412
  let mounted;
4406
4413
  let dispose;
4407
- const if_block_creators = [create_if_block_2$1, create_if_block_3, create_else_block$4];
4414
+ const if_block_creators = [create_if_block_2$1, create_if_block_3, create_else_block$5];
4408
4415
  const if_blocks = [];
4409
4416
 
4410
4417
  function select_block_type(ctx, dirty) {
@@ -4416,7 +4423,7 @@ function create_fragment$15(ctx) {
4416
4423
 
4417
4424
  current_block_type_index = select_block_type(ctx);
4418
4425
  if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
4419
- let if_block1 = /*visible*/ ctx[16] && create_if_block$b(ctx);
4426
+ let if_block1 = /*visible*/ ctx[16] && create_if_block$c(ctx);
4420
4427
 
4421
4428
  return {
4422
4429
  c() {
@@ -4476,7 +4483,7 @@ function create_fragment$15(ctx) {
4476
4483
  transition_in(if_block1, 1);
4477
4484
  }
4478
4485
  } else {
4479
- if_block1 = create_if_block$b(ctx);
4486
+ if_block1 = create_if_block$c(ctx);
4480
4487
  if_block1.c();
4481
4488
  transition_in(if_block1, 1);
4482
4489
  if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
@@ -4513,7 +4520,7 @@ function create_fragment$15(ctx) {
4513
4520
  };
4514
4521
  }
4515
4522
 
4516
- function instance$15($$self, $$props, $$invalidate) {
4523
+ function instance$16($$self, $$props, $$invalidate) {
4517
4524
  let close;
4518
4525
  let closable;
4519
4526
  let backgroundClick;
@@ -4824,8 +4831,8 @@ let Modal$1 = class Modal extends SvelteComponent {
4824
4831
  init(
4825
4832
  this,
4826
4833
  options,
4827
- instance$15,
4828
- create_fragment$15,
4834
+ instance$16,
4835
+ create_fragment$16,
4829
4836
  safe_not_equal,
4830
4837
  {
4831
4838
  onClick: 0,
@@ -4843,7 +4850,7 @@ let Modal$1 = class Modal extends SvelteComponent {
4843
4850
  closeButtonColor: 9,
4844
4851
  _closeStyle: 10
4845
4852
  },
4846
- add_css$C,
4853
+ add_css$D,
4847
4854
  [-1, -1]
4848
4855
  );
4849
4856
  }
@@ -4851,7 +4858,7 @@ let Modal$1 = class Modal extends SvelteComponent {
4851
4858
 
4852
4859
  /* src/components/Grid.svelte generated by Svelte v3.53.1 */
4853
4860
 
4854
- function create_fragment$14(ctx) {
4861
+ function create_fragment$15(ctx) {
4855
4862
  let div;
4856
4863
  let current;
4857
4864
  const default_slot_template = /*#slots*/ ctx[8].default;
@@ -4909,7 +4916,7 @@ function create_fragment$14(ctx) {
4909
4916
  };
4910
4917
  }
4911
4918
 
4912
- function instance$14($$self, $$props, $$invalidate) {
4919
+ function instance$15($$self, $$props, $$invalidate) {
4913
4920
  let _style;
4914
4921
  let { $$slots: slots = {}, $$scope } = $$props;
4915
4922
  let { width = '512px' } = $$props;
@@ -4954,7 +4961,7 @@ class Grid extends SvelteComponent {
4954
4961
  constructor(options) {
4955
4962
  super();
4956
4963
 
4957
- init(this, options, instance$14, create_fragment$14, safe_not_equal, {
4964
+ init(this, options, instance$15, create_fragment$15, safe_not_equal, {
4958
4965
  width: 1,
4959
4966
  height: 2,
4960
4967
  rows: 3,
@@ -4967,11 +4974,11 @@ class Grid extends SvelteComponent {
4967
4974
 
4968
4975
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
4969
4976
 
4970
- function add_css$B(target) {
4971
- append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
4977
+ function add_css$C(target) {
4978
+ append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
4972
4979
  }
4973
4980
 
4974
- function create_fragment$13(ctx) {
4981
+ function create_fragment$14(ctx) {
4975
4982
  let div1;
4976
4983
  let div0;
4977
4984
  let current;
@@ -4983,8 +4990,8 @@ function create_fragment$13(ctx) {
4983
4990
  div1 = element("div");
4984
4991
  div0 = element("div");
4985
4992
  if (default_slot) default_slot.c();
4986
- attr(div0, "class", "grid-item-inner svelte-1cryhmb");
4987
- attr(div1, "class", "grid-item svelte-1cryhmb");
4993
+ attr(div0, "class", "grid-item-inner svelte-n7kdl3");
4994
+ attr(div1, "class", "grid-item svelte-n7kdl3");
4988
4995
  attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
4989
4996
  attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
4990
4997
  attr(div1, "style", /*_style*/ ctx[1]);
@@ -5045,7 +5052,7 @@ function create_fragment$13(ctx) {
5045
5052
 
5046
5053
  const GRID_ITEM_CONTEXT_KEY = 'GRID_ITEM';
5047
5054
 
5048
- function instance$13($$self, $$props, $$invalidate) {
5055
+ function instance$14($$self, $$props, $$invalidate) {
5049
5056
  let _style;
5050
5057
  let { $$slots: slots = {}, $$scope } = $$props;
5051
5058
  let { x1 } = $$props;
@@ -5094,8 +5101,8 @@ class GridItem extends SvelteComponent {
5094
5101
  init(
5095
5102
  this,
5096
5103
  options,
5097
- instance$13,
5098
- create_fragment$13,
5104
+ instance$14,
5105
+ create_fragment$14,
5099
5106
  safe_not_equal,
5100
5107
  {
5101
5108
  x1: 2,
@@ -5106,7 +5113,7 @@ class GridItem extends SvelteComponent {
5106
5113
  background: 7,
5107
5114
  gridItemId: 0
5108
5115
  },
5109
- add_css$B
5116
+ add_css$C
5110
5117
  );
5111
5118
  }
5112
5119
  }
@@ -5120,7 +5127,7 @@ function get_each_context$6(ctx, list, i) {
5120
5127
  }
5121
5128
 
5122
5129
  // (13:2) {:else}
5123
- function create_else_block$3(ctx) {
5130
+ function create_else_block$4(ctx) {
5124
5131
  let t_value = /*item*/ ctx[2] + "";
5125
5132
  let t;
5126
5133
 
@@ -5141,7 +5148,7 @@ function create_else_block$3(ctx) {
5141
5148
  }
5142
5149
 
5143
5150
  // (11:2) {#if item.match(regexp)}
5144
- function create_if_block$a(ctx) {
5151
+ function create_if_block$b(ctx) {
5145
5152
  let br;
5146
5153
 
5147
5154
  return {
@@ -5166,8 +5173,8 @@ function create_each_block$6(ctx) {
5166
5173
  function select_block_type(ctx, dirty) {
5167
5174
  if (dirty & /*items*/ 1) show_if = null;
5168
5175
  if (show_if == null) show_if = !!/*item*/ ctx[2].match(regexp);
5169
- if (show_if) return create_if_block$a;
5170
- return create_else_block$3;
5176
+ if (show_if) return create_if_block$b;
5177
+ return create_else_block$4;
5171
5178
  }
5172
5179
 
5173
5180
  let current_block_type = select_block_type(ctx, -1);
@@ -5202,7 +5209,7 @@ function create_each_block$6(ctx) {
5202
5209
  };
5203
5210
  }
5204
5211
 
5205
- function create_fragment$12(ctx) {
5212
+ function create_fragment$13(ctx) {
5206
5213
  let each_1_anchor;
5207
5214
  let each_value = /*items*/ ctx[0];
5208
5215
  let each_blocks = [];
@@ -5261,7 +5268,7 @@ function create_fragment$12(ctx) {
5261
5268
 
5262
5269
  const regexp = /(\r?\n)/;
5263
5270
 
5264
- function instance$12($$self, $$props, $$invalidate) {
5271
+ function instance$13($$self, $$props, $$invalidate) {
5265
5272
  let items;
5266
5273
  let { text = 'サンプルSample' } = $$props;
5267
5274
 
@@ -5282,18 +5289,18 @@ function instance$12($$self, $$props, $$invalidate) {
5282
5289
  class RenderText extends SvelteComponent {
5283
5290
  constructor(options) {
5284
5291
  super();
5285
- init(this, options, instance$12, create_fragment$12, safe_not_equal, { text: 1 });
5292
+ init(this, options, instance$13, create_fragment$13, safe_not_equal, { text: 1 });
5286
5293
  }
5287
5294
  }
5288
5295
 
5289
5296
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
5290
5297
 
5291
- function add_css$A(target) {
5292
- 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}");
5298
+ function add_css$B(target) {
5299
+ 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}");
5293
5300
  }
5294
5301
 
5295
5302
  // (94:2) {:else}
5296
- function create_else_block$2(ctx) {
5303
+ function create_else_block$3(ctx) {
5297
5304
  let div1;
5298
5305
  let div0;
5299
5306
  let rendertext;
@@ -5306,8 +5313,8 @@ function create_else_block$2(ctx) {
5306
5313
  div1 = element("div");
5307
5314
  div0 = element("div");
5308
5315
  create_component(rendertext.$$.fragment);
5309
- attr(div0, "class", "text-element-inner svelte-vz6867");
5310
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5316
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5317
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5311
5318
  attr(div1, "style", /*style*/ ctx[5]);
5312
5319
  },
5313
5320
  m(target, anchor) {
@@ -5321,7 +5328,7 @@ function create_else_block$2(ctx) {
5321
5328
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5322
5329
  rendertext.$set(rendertext_changes);
5323
5330
 
5324
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
5331
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
5325
5332
  attr(div1, "class", div1_class_value);
5326
5333
  }
5327
5334
 
@@ -5346,7 +5353,7 @@ function create_else_block$2(ctx) {
5346
5353
  }
5347
5354
 
5348
5355
  // (80:2) {#if enableCopy}
5349
- function create_if_block$9(ctx) {
5356
+ function create_if_block$a(ctx) {
5350
5357
  let a;
5351
5358
  let div0;
5352
5359
  let rendertext;
@@ -5371,12 +5378,12 @@ function create_if_block$9(ctx) {
5371
5378
  t2 = space();
5372
5379
  div2 = element("div");
5373
5380
  div2.textContent = "コピーできませんでした";
5374
- attr(div0, "class", "text-element-inner svelte-vz6867");
5381
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5375
5382
  attr(a, "href", '');
5376
- attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5383
+ attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5377
5384
  attr(a, "style", /*style*/ ctx[5]);
5378
- attr(div1, "class", "tooltip svelte-vz6867");
5379
- attr(div2, "class", "tooltip tooltip-error svelte-vz6867");
5385
+ attr(div1, "class", "tooltip svelte-9ixs0b");
5386
+ attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
5380
5387
  },
5381
5388
  m(target, anchor) {
5382
5389
  insert(target, a, anchor);
@@ -5400,7 +5407,7 @@ function create_if_block$9(ctx) {
5400
5407
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5401
5408
  rendertext.$set(rendertext_changes);
5402
5409
 
5403
- 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"))) {
5410
+ 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"))) {
5404
5411
  attr(a, "class", a_class_value);
5405
5412
  }
5406
5413
 
@@ -5432,12 +5439,12 @@ function create_if_block$9(ctx) {
5432
5439
  };
5433
5440
  }
5434
5441
 
5435
- function create_fragment$11(ctx) {
5442
+ function create_fragment$12(ctx) {
5436
5443
  let div;
5437
5444
  let current_block_type_index;
5438
5445
  let if_block;
5439
5446
  let current;
5440
- const if_block_creators = [create_if_block$9, create_else_block$2];
5447
+ const if_block_creators = [create_if_block$a, create_else_block$3];
5441
5448
  const if_blocks = [];
5442
5449
 
5443
5450
  function select_block_type(ctx, dirty) {
@@ -5452,7 +5459,7 @@ function create_fragment$11(ctx) {
5452
5459
  c() {
5453
5460
  div = element("div");
5454
5461
  if_block.c();
5455
- attr(div, "class", "text-element-wrapper svelte-vz6867");
5462
+ attr(div, "class", "text-element-wrapper svelte-9ixs0b");
5456
5463
  },
5457
5464
  m(target, anchor) {
5458
5465
  insert(target, div, anchor);
@@ -5502,7 +5509,7 @@ function create_fragment$11(ctx) {
5502
5509
  };
5503
5510
  }
5504
5511
 
5505
- function instance$11($$self, $$props, $$invalidate) {
5512
+ function instance$12($$self, $$props, $$invalidate) {
5506
5513
  let style;
5507
5514
  let { text = 'テキストのコンテンツ' } = $$props;
5508
5515
  let { font = SYSTEM_FONT } = $$props;
@@ -5598,8 +5605,8 @@ class TextElement extends SvelteComponent {
5598
5605
  init(
5599
5606
  this,
5600
5607
  options,
5601
- instance$11,
5602
- create_fragment$11,
5608
+ instance$12,
5609
+ create_fragment$12,
5603
5610
  safe_not_equal,
5604
5611
  {
5605
5612
  text: 0,
@@ -5610,19 +5617,19 @@ class TextElement extends SvelteComponent {
5610
5617
  enableCopy: 2,
5611
5618
  eventName: 10
5612
5619
  },
5613
- add_css$A
5620
+ add_css$B
5614
5621
  );
5615
5622
  }
5616
5623
  }
5617
5624
 
5618
5625
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5619
5626
 
5620
- function add_css$z(target) {
5621
- 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)}");
5627
+ function add_css$A(target) {
5628
+ 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)}");
5622
5629
  }
5623
5630
 
5624
5631
  // (48:2) <Button {onClick} {style} {eventName}>
5625
- function create_default_slot$5(ctx) {
5632
+ function create_default_slot$a(ctx) {
5626
5633
  let rendertext;
5627
5634
  let current;
5628
5635
  rendertext = new RenderText({ props: { text: /*text*/ ctx[0] } });
@@ -5655,7 +5662,7 @@ function create_default_slot$5(ctx) {
5655
5662
  };
5656
5663
  }
5657
5664
 
5658
- function create_fragment$10(ctx) {
5665
+ function create_fragment$11(ctx) {
5659
5666
  let div;
5660
5667
  let button;
5661
5668
  let current;
@@ -5665,7 +5672,7 @@ function create_fragment$10(ctx) {
5665
5672
  onClick: /*onClick*/ ctx[1],
5666
5673
  style: /*style*/ ctx[3],
5667
5674
  eventName: /*eventName*/ ctx[2],
5668
- $$slots: { default: [create_default_slot$5] },
5675
+ $$slots: { default: [create_default_slot$a] },
5669
5676
  $$scope: { ctx }
5670
5677
  }
5671
5678
  });
@@ -5674,7 +5681,7 @@ function create_fragment$10(ctx) {
5674
5681
  c() {
5675
5682
  div = element("div");
5676
5683
  create_component(button.$$.fragment);
5677
- attr(div, "class", "text-button-element svelte-ujdxfc");
5684
+ attr(div, "class", "text-button-element svelte-1vg84sc");
5678
5685
  },
5679
5686
  m(target, anchor) {
5680
5687
  insert(target, div, anchor);
@@ -5709,7 +5716,7 @@ function create_fragment$10(ctx) {
5709
5716
  };
5710
5717
  }
5711
5718
 
5712
- function instance$10($$self, $$props, $$invalidate) {
5719
+ function instance$11($$self, $$props, $$invalidate) {
5713
5720
  let style;
5714
5721
  let { text = 'ボタンのラベル' } = $$props;
5715
5722
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -5747,8 +5754,8 @@ class TextButtonElement extends SvelteComponent {
5747
5754
  init(
5748
5755
  this,
5749
5756
  options,
5750
- instance$10,
5751
- create_fragment$10,
5757
+ instance$11,
5758
+ create_fragment$11,
5752
5759
  safe_not_equal,
5753
5760
  {
5754
5761
  text: 0,
@@ -5758,19 +5765,19 @@ class TextButtonElement extends SvelteComponent {
5758
5765
  _buttonStyle: 5,
5759
5766
  _style: 6
5760
5767
  },
5761
- add_css$z
5768
+ add_css$A
5762
5769
  );
5763
5770
  }
5764
5771
  }
5765
5772
 
5766
5773
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5767
5774
 
5768
- function add_css$y(target) {
5769
- 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%}");
5775
+ function add_css$z(target) {
5776
+ 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%}");
5770
5777
  }
5771
5778
 
5772
5779
  // (44:2) <Button {onClick} style={_style} {eventName}>
5773
- function create_default_slot$4(ctx) {
5780
+ function create_default_slot$9(ctx) {
5774
5781
  let img;
5775
5782
  let img_style_value;
5776
5783
  let img_src_value;
@@ -5778,7 +5785,7 @@ function create_default_slot$4(ctx) {
5778
5785
  return {
5779
5786
  c() {
5780
5787
  img = element("img");
5781
- attr(img, "class", "image svelte-1alkh1m");
5788
+ attr(img, "class", "image svelte-t6tu0e");
5782
5789
  attr(img, "loading", "lazy");
5783
5790
  attr(img, "width", "auto");
5784
5791
  attr(img, "height", "auto");
@@ -5820,7 +5827,7 @@ function create_default_slot$4(ctx) {
5820
5827
  };
5821
5828
  }
5822
5829
 
5823
- function create_fragment$$(ctx) {
5830
+ function create_fragment$10(ctx) {
5824
5831
  let div;
5825
5832
  let button;
5826
5833
  let div_class_value;
@@ -5831,7 +5838,7 @@ function create_fragment$$(ctx) {
5831
5838
  onClick: /*onClick*/ ctx[4],
5832
5839
  style: /*_style*/ ctx[7],
5833
5840
  eventName: /*eventName*/ ctx[5],
5834
- $$slots: { default: [create_default_slot$4] },
5841
+ $$slots: { default: [create_default_slot$9] },
5835
5842
  $$scope: { ctx }
5836
5843
  }
5837
5844
  });
@@ -5840,7 +5847,7 @@ function create_fragment$$(ctx) {
5840
5847
  c() {
5841
5848
  div = element("div");
5842
5849
  create_component(button.$$.fragment);
5843
- attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m");
5850
+ attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
5844
5851
  },
5845
5852
  m(target, anchor) {
5846
5853
  insert(target, div, anchor);
@@ -5859,7 +5866,7 @@ function create_fragment$$(ctx) {
5859
5866
 
5860
5867
  button.$set(button_changes);
5861
5868
 
5862
- if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m")) {
5869
+ if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
5863
5870
  attr(div, "class", div_class_value);
5864
5871
  }
5865
5872
  },
@@ -5879,7 +5886,7 @@ function create_fragment$$(ctx) {
5879
5886
  };
5880
5887
  }
5881
5888
 
5882
- function instance$$($$self, $$props, $$invalidate) {
5889
+ function instance$10($$self, $$props, $$invalidate) {
5883
5890
  let { src = '' } = $$props;
5884
5891
  let { alt = '画像の説明' } = $$props;
5885
5892
  let { transport = false } = $$props;
@@ -5910,8 +5917,8 @@ class ImageElement extends SvelteComponent {
5910
5917
  init(
5911
5918
  this,
5912
5919
  options,
5913
- instance$$,
5914
- create_fragment$$,
5920
+ instance$10,
5921
+ create_fragment$10,
5915
5922
  safe_not_equal,
5916
5923
  {
5917
5924
  src: 0,
@@ -5923,18 +5930,18 @@ class ImageElement extends SvelteComponent {
5923
5930
  _imageStyle: 6,
5924
5931
  _style: 7
5925
5932
  },
5926
- add_css$y
5933
+ add_css$z
5927
5934
  );
5928
5935
  }
5929
5936
  }
5930
5937
 
5931
5938
  /* src/components/List.svelte generated by Svelte v3.53.1 */
5932
5939
 
5933
- function add_css$x(target) {
5934
- 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}");
5940
+ function add_css$y(target) {
5941
+ 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}");
5935
5942
  }
5936
5943
 
5937
- function create_fragment$_(ctx) {
5944
+ function create_fragment$$(ctx) {
5938
5945
  let div;
5939
5946
  let current;
5940
5947
  const default_slot_template = /*#slots*/ ctx[6].default;
@@ -5944,7 +5951,7 @@ function create_fragment$_(ctx) {
5944
5951
  c() {
5945
5952
  div = element("div");
5946
5953
  if (default_slot) default_slot.c();
5947
- attr(div, "class", "list svelte-1t8r9z");
5954
+ attr(div, "class", "list svelte-aquv6z");
5948
5955
  attr(div, "style", /*style*/ ctx[0]);
5949
5956
  },
5950
5957
  m(target, anchor) {
@@ -5994,7 +6001,7 @@ function create_fragment$_(ctx) {
5994
6001
 
5995
6002
  const LIST_CONTEXT_KEY = Symbol();
5996
6003
 
5997
- function instance$_($$self, $$props, $$invalidate) {
6004
+ function instance$$($$self, $$props, $$invalidate) {
5998
6005
  let style;
5999
6006
  let { $$slots: slots = {}, $$scope } = $$props;
6000
6007
  let { direction = 'vertical' } = $$props;
@@ -6061,8 +6068,8 @@ class List extends SvelteComponent {
6061
6068
  init(
6062
6069
  this,
6063
6070
  options,
6064
- instance$_,
6065
- create_fragment$_,
6071
+ instance$$,
6072
+ create_fragment$$,
6066
6073
  safe_not_equal,
6067
6074
  {
6068
6075
  direction: 1,
@@ -6070,19 +6077,19 @@ class List extends SvelteComponent {
6070
6077
  background: 3,
6071
6078
  _style: 4
6072
6079
  },
6073
- add_css$x
6080
+ add_css$y
6074
6081
  );
6075
6082
  }
6076
6083
  }
6077
6084
 
6078
6085
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
6079
6086
 
6080
- function add_css$w(target) {
6081
- 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}");
6087
+ function add_css$x(target) {
6088
+ 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}");
6082
6089
  }
6083
6090
 
6084
6091
  // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
6085
- function create_default_slot$3(ctx) {
6092
+ function create_default_slot$8(ctx) {
6086
6093
  let current;
6087
6094
  const default_slot_template = /*#slots*/ ctx[5].default;
6088
6095
  const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[6], null);
@@ -6129,7 +6136,7 @@ function create_default_slot$3(ctx) {
6129
6136
  };
6130
6137
  }
6131
6138
 
6132
- function create_fragment$Z(ctx) {
6139
+ function create_fragment$_(ctx) {
6133
6140
  let div;
6134
6141
  let button;
6135
6142
  let current;
@@ -6139,7 +6146,7 @@ function create_fragment$Z(ctx) {
6139
6146
  onClick: /*onClick*/ ctx[0],
6140
6147
  style: /*_style*/ ctx[2],
6141
6148
  eventName: /*clickEventName*/ ctx[1],
6142
- $$slots: { default: [create_default_slot$3] },
6149
+ $$slots: { default: [create_default_slot$8] },
6143
6150
  $$scope: { ctx }
6144
6151
  }
6145
6152
  });
@@ -6148,7 +6155,7 @@ function create_fragment$Z(ctx) {
6148
6155
  c() {
6149
6156
  div = element("div");
6150
6157
  create_component(button.$$.fragment);
6151
- attr(div, "class", "list-item svelte-1lbw8v2");
6158
+ attr(div, "class", "list-item svelte-9n97pe");
6152
6159
  attr(div, "style", /*listItemStyle*/ ctx[3]);
6153
6160
  },
6154
6161
  m(target, anchor) {
@@ -6188,7 +6195,7 @@ function create_fragment$Z(ctx) {
6188
6195
  };
6189
6196
  }
6190
6197
 
6191
- function instance$Z($$self, $$props, $$invalidate) {
6198
+ function instance$_($$self, $$props, $$invalidate) {
6192
6199
  let listItemStyle;
6193
6200
  let { $$slots: slots = {}, $$scope } = $$props;
6194
6201
  const { separator, background, direction, registerItem, unregisterItem } = getContext(LIST_CONTEXT_KEY);
@@ -6267,23 +6274,23 @@ function instance$Z($$self, $$props, $$invalidate) {
6267
6274
  class ListItem extends SvelteComponent {
6268
6275
  constructor(options) {
6269
6276
  super();
6270
- init(this, options, instance$Z, create_fragment$Z, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$w);
6277
+ init(this, options, instance$_, create_fragment$_, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$x);
6271
6278
  }
6272
6279
  }
6273
6280
 
6274
6281
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
6275
6282
 
6276
- function add_css$v(target) {
6277
- 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}");
6283
+ function add_css$w(target) {
6284
+ 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}");
6278
6285
  }
6279
6286
 
6280
- function create_fragment$Y(ctx) {
6287
+ function create_fragment$Z(ctx) {
6281
6288
  let div;
6282
6289
 
6283
6290
  return {
6284
6291
  c() {
6285
6292
  div = element("div");
6286
- attr(div, "class", "embed svelte-w6jkzh");
6293
+ attr(div, "class", "embed svelte-wocq4p");
6287
6294
  attr(div, "style", /*_style*/ ctx[1]);
6288
6295
  },
6289
6296
  m(target, anchor) {
@@ -6304,7 +6311,7 @@ function create_fragment$Y(ctx) {
6304
6311
  };
6305
6312
  }
6306
6313
 
6307
- function instance$Y($$self, $$props, $$invalidate) {
6314
+ function instance$Z($$self, $$props, $$invalidate) {
6308
6315
  let { code } = $$props;
6309
6316
  let { _style = '' } = $$props;
6310
6317
 
@@ -6319,17 +6326,17 @@ function instance$Y($$self, $$props, $$invalidate) {
6319
6326
  class EmbedElement extends SvelteComponent {
6320
6327
  constructor(options) {
6321
6328
  super();
6322
- init(this, options, instance$Y, create_fragment$Y, safe_not_equal, { code: 0, _style: 1 }, add_css$v);
6329
+ init(this, options, instance$Z, create_fragment$Z, safe_not_equal, { code: 0, _style: 1 }, add_css$w);
6323
6330
  }
6324
6331
  }
6325
6332
 
6326
6333
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
6327
6334
 
6328
- function add_css$u(target) {
6329
- 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%}");
6335
+ function add_css$v(target) {
6336
+ 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%}");
6330
6337
  }
6331
6338
 
6332
- function create_fragment$X(ctx) {
6339
+ function create_fragment$Y(ctx) {
6333
6340
  let div1;
6334
6341
  let div0;
6335
6342
 
@@ -6338,7 +6345,7 @@ function create_fragment$X(ctx) {
6338
6345
  div1 = element("div");
6339
6346
  div0 = element("div");
6340
6347
  attr(div0, "class", "karte-player");
6341
- attr(div1, "class", "embed svelte-ljxq7x");
6348
+ attr(div1, "class", "embed svelte-vikz49");
6342
6349
  attr(div1, "style", /*_style*/ ctx[0]);
6343
6350
  },
6344
6351
  m(target, anchor) {
@@ -6370,7 +6377,7 @@ function _setValue(obj, key, value) {
6370
6377
  }
6371
6378
  }
6372
6379
 
6373
- function instance$X($$self, $$props, $$invalidate) {
6380
+ function instance$Y($$self, $$props, $$invalidate) {
6374
6381
  let $system;
6375
6382
  component_subscribe($$self, system, $$value => $$invalidate(31, $system = $$value));
6376
6383
  let { videoId = 'wt0OjOeX-JA' } = $$props;
@@ -6641,8 +6648,8 @@ class MovieYouTubeElement extends SvelteComponent {
6641
6648
  init(
6642
6649
  this,
6643
6650
  options,
6644
- instance$X,
6645
- create_fragment$X,
6651
+ instance$Y,
6652
+ create_fragment$Y,
6646
6653
  safe_not_equal,
6647
6654
  {
6648
6655
  videoId: 2,
@@ -6671,7 +6678,7 @@ class MovieYouTubeElement extends SvelteComponent {
6671
6678
  mute: 25,
6672
6679
  _style: 0
6673
6680
  },
6674
- add_css$u,
6681
+ add_css$v,
6675
6682
  [-1, -1]
6676
6683
  );
6677
6684
  }
@@ -6679,11 +6686,11 @@ class MovieYouTubeElement extends SvelteComponent {
6679
6686
 
6680
6687
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6681
6688
 
6682
- function add_css$t(target) {
6683
- 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%}");
6689
+ function add_css$u(target) {
6690
+ 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%}");
6684
6691
  }
6685
6692
 
6686
- function create_fragment$W(ctx) {
6693
+ function create_fragment$X(ctx) {
6687
6694
  let div1;
6688
6695
  let div0;
6689
6696
 
@@ -6692,7 +6699,7 @@ function create_fragment$W(ctx) {
6692
6699
  div1 = element("div");
6693
6700
  div0 = element("div");
6694
6701
  attr(div0, "class", "karte-player");
6695
- attr(div1, "class", "embed svelte-ljxq7x");
6702
+ attr(div1, "class", "embed svelte-vikz49");
6696
6703
  attr(div1, "style", /*_style*/ ctx[0]);
6697
6704
  },
6698
6705
  m(target, anchor) {
@@ -6714,7 +6721,7 @@ function create_fragment$W(ctx) {
6714
6721
  };
6715
6722
  }
6716
6723
 
6717
- function instance$W($$self, $$props, $$invalidate) {
6724
+ function instance$X($$self, $$props, $$invalidate) {
6718
6725
  let $system;
6719
6726
  component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
6720
6727
  let { videoId = "201239468" } = $$props;
@@ -6857,8 +6864,8 @@ class MovieVimeoElement extends SvelteComponent {
6857
6864
  init(
6858
6865
  this,
6859
6866
  options,
6860
- instance$W,
6861
- create_fragment$W,
6867
+ instance$X,
6868
+ create_fragment$X,
6862
6869
  safe_not_equal,
6863
6870
  {
6864
6871
  videoId: 2,
@@ -6868,18 +6875,18 @@ class MovieVimeoElement extends SvelteComponent {
6868
6875
  mute: 6,
6869
6876
  _style: 0
6870
6877
  },
6871
- add_css$t
6878
+ add_css$u
6872
6879
  );
6873
6880
  }
6874
6881
  }
6875
6882
 
6876
6883
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
6877
6884
 
6878
- function add_css$s(target) {
6879
- 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}");
6885
+ function add_css$t(target) {
6886
+ 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}");
6880
6887
  }
6881
6888
 
6882
- function create_fragment$V(ctx) {
6889
+ function create_fragment$W(ctx) {
6883
6890
  let div;
6884
6891
  let textarea;
6885
6892
  let mounted;
@@ -6889,12 +6896,12 @@ function create_fragment$V(ctx) {
6889
6896
  c() {
6890
6897
  div = element("div");
6891
6898
  textarea = element("textarea");
6892
- attr(textarea, "class", "textarea svelte-1fjy5oo");
6899
+ attr(textarea, "class", "textarea svelte-zxvkkc");
6893
6900
  textarea.value = /*$value*/ ctx[4];
6894
6901
  textarea.required = /*required*/ ctx[1];
6895
6902
  attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
6896
6903
  attr(textarea, "style", /*style*/ ctx[3]);
6897
- attr(div, "class", "textarea-wrapper svelte-1fjy5oo");
6904
+ attr(div, "class", "textarea-wrapper svelte-zxvkkc");
6898
6905
  attr(div, "style", /*styleVariables*/ ctx[2]);
6899
6906
  },
6900
6907
  m(target, anchor) {
@@ -6937,7 +6944,7 @@ function create_fragment$V(ctx) {
6937
6944
  };
6938
6945
  }
6939
6946
 
6940
- function instance$V($$self, $$props, $$invalidate) {
6947
+ function instance$W($$self, $$props, $$invalidate) {
6941
6948
  let style;
6942
6949
  let styleVariables;
6943
6950
  let $value;
@@ -7025,8 +7032,8 @@ class FormTextarea extends SvelteComponent {
7025
7032
  init(
7026
7033
  this,
7027
7034
  options,
7028
- instance$V,
7029
- create_fragment$V,
7035
+ instance$W,
7036
+ create_fragment$W,
7030
7037
  safe_not_equal,
7031
7038
  {
7032
7039
  name: 7,
@@ -7038,15 +7045,15 @@ class FormTextarea extends SvelteComponent {
7038
7045
  _textStyle: 11,
7039
7046
  _placeholderStyle: 12
7040
7047
  },
7041
- add_css$s
7048
+ add_css$t
7042
7049
  );
7043
7050
  }
7044
7051
  }
7045
7052
 
7046
7053
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
7047
7054
 
7048
- function add_css$r(target) {
7049
- 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}");
7055
+ function add_css$s(target) {
7056
+ 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}");
7050
7057
  }
7051
7058
 
7052
7059
  function get_each_context$5(ctx, list, i) {
@@ -7080,14 +7087,14 @@ function create_each_block$5(ctx) {
7080
7087
  t1 = text(t1_value);
7081
7088
  t2 = space();
7082
7089
  attr(input, "type", "radio");
7083
- attr(input, "class", "radio-button-input svelte-1ntb6j8");
7090
+ attr(input, "class", "radio-button-input svelte-17s08g");
7084
7091
  attr(input, "style", /*buttonStyle*/ ctx[5]);
7085
7092
  attr(input, "name", /*name*/ ctx[0]);
7086
7093
  input.value = input_value_value = /*option*/ ctx[17];
7087
7094
  input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
7088
- attr(span, "class", "radio-button-text svelte-1ntb6j8");
7095
+ attr(span, "class", "radio-button-text svelte-17s08g");
7089
7096
  attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7090
- attr(label, "class", "radio-button svelte-1ntb6j8");
7097
+ attr(label, "class", "radio-button svelte-17s08g");
7091
7098
  },
7092
7099
  m(target, anchor) {
7093
7100
  insert(target, label, anchor);
@@ -7135,7 +7142,7 @@ function create_each_block$5(ctx) {
7135
7142
  };
7136
7143
  }
7137
7144
 
7138
- function create_fragment$U(ctx) {
7145
+ function create_fragment$V(ctx) {
7139
7146
  let div;
7140
7147
  let each_value = /*_options*/ ctx[4];
7141
7148
  let each_blocks = [];
@@ -7152,7 +7159,7 @@ function create_fragment$U(ctx) {
7152
7159
  each_blocks[i].c();
7153
7160
  }
7154
7161
 
7155
- attr(div, "class", "radio-buttons svelte-1ntb6j8");
7162
+ attr(div, "class", "radio-buttons svelte-17s08g");
7156
7163
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7157
7164
  },
7158
7165
  m(target, anchor) {
@@ -7199,7 +7206,7 @@ function create_fragment$U(ctx) {
7199
7206
  };
7200
7207
  }
7201
7208
 
7202
- function instance$U($$self, $$props, $$invalidate) {
7209
+ function instance$V($$self, $$props, $$invalidate) {
7203
7210
  let _options;
7204
7211
  let buttonStyle;
7205
7212
  let _value;
@@ -7299,8 +7306,8 @@ class FormRadioButtons extends SvelteComponent {
7299
7306
  init(
7300
7307
  this,
7301
7308
  options,
7302
- instance$U,
7303
- create_fragment$U,
7309
+ instance$V,
7310
+ create_fragment$V,
7304
7311
  safe_not_equal,
7305
7312
  {
7306
7313
  name: 0,
@@ -7313,15 +7320,15 @@ class FormRadioButtons extends SvelteComponent {
7313
7320
  buttonColor: 13,
7314
7321
  buttonColorActive: 14
7315
7322
  },
7316
- add_css$r
7323
+ add_css$s
7317
7324
  );
7318
7325
  }
7319
7326
  }
7320
7327
 
7321
7328
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
7322
7329
 
7323
- function add_css$q(target) {
7324
- 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}");
7330
+ function add_css$r(target) {
7331
+ 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}");
7325
7332
  }
7326
7333
 
7327
7334
  function get_each_context$4(ctx, list, i) {
@@ -7332,7 +7339,7 @@ function get_each_context$4(ctx, list, i) {
7332
7339
  }
7333
7340
 
7334
7341
  // (107:10) {:else}
7335
- function create_else_block$1(ctx) {
7342
+ function create_else_block$2(ctx) {
7336
7343
  let t;
7337
7344
 
7338
7345
  return {
@@ -7352,7 +7359,7 @@ function create_else_block$1(ctx) {
7352
7359
  }
7353
7360
 
7354
7361
  // (105:10) {#if option}
7355
- function create_if_block$8(ctx) {
7362
+ function create_if_block$9(ctx) {
7356
7363
  let t_value = /*option*/ ctx[19] + "";
7357
7364
  let t;
7358
7365
 
@@ -7380,8 +7387,8 @@ function create_each_block$4(ctx) {
7380
7387
  let option_selected_value;
7381
7388
 
7382
7389
  function select_block_type(ctx, dirty) {
7383
- if (/*option*/ ctx[19]) return create_if_block$8;
7384
- return create_else_block$1;
7390
+ if (/*option*/ ctx[19]) return create_if_block$9;
7391
+ return create_else_block$2;
7385
7392
  }
7386
7393
 
7387
7394
  let current_block_type = select_block_type(ctx);
@@ -7430,7 +7437,7 @@ function create_each_block$4(ctx) {
7430
7437
  };
7431
7438
  }
7432
7439
 
7433
- function create_fragment$T(ctx) {
7440
+ function create_fragment$U(ctx) {
7434
7441
  let div1;
7435
7442
  let select;
7436
7443
  let t;
@@ -7455,10 +7462,10 @@ function create_fragment$T(ctx) {
7455
7462
 
7456
7463
  t = space();
7457
7464
  div0 = element("div");
7458
- attr(select, "class", "select-select svelte-iejizj");
7465
+ attr(select, "class", "select-select svelte-t9ynyj");
7459
7466
  attr(select, "style", /*style*/ ctx[3]);
7460
- attr(div0, "class", "select-icon svelte-iejizj");
7461
- attr(div1, "class", "select svelte-iejizj");
7467
+ attr(div0, "class", "select-icon svelte-t9ynyj");
7468
+ attr(div1, "class", "select svelte-t9ynyj");
7462
7469
  attr(div1, "style", /*styleVariables*/ ctx[2]);
7463
7470
  },
7464
7471
  m(target, anchor) {
@@ -7520,7 +7527,7 @@ function create_fragment$T(ctx) {
7520
7527
  };
7521
7528
  }
7522
7529
 
7523
- function instance$T($$self, $$props, $$invalidate) {
7530
+ function instance$U($$self, $$props, $$invalidate) {
7524
7531
  let _options;
7525
7532
  let style;
7526
7533
  let styleVariables;
@@ -7636,8 +7643,8 @@ class FormSelect extends SvelteComponent {
7636
7643
  init(
7637
7644
  this,
7638
7645
  options,
7639
- instance$T,
7640
- create_fragment$T,
7646
+ instance$U,
7647
+ create_fragment$U,
7641
7648
  safe_not_equal,
7642
7649
  {
7643
7650
  name: 7,
@@ -7652,15 +7659,15 @@ class FormSelect extends SvelteComponent {
7652
7659
  iconColor: 15,
7653
7660
  iconSize: 16
7654
7661
  },
7655
- add_css$q
7662
+ add_css$r
7656
7663
  );
7657
7664
  }
7658
7665
  }
7659
7666
 
7660
7667
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
7661
7668
 
7662
- function add_css$p(target) {
7663
- 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}");
7669
+ function add_css$q(target) {
7670
+ 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}");
7664
7671
  }
7665
7672
 
7666
7673
  function get_each_context$3(ctx, list, i) {
@@ -7699,19 +7706,19 @@ function create_each_block$3(ctx) {
7699
7706
  span2 = element("span");
7700
7707
  t2 = text(t2_value);
7701
7708
  t3 = space();
7702
- attr(input, "class", "check-box-input svelte-2pz1us");
7709
+ attr(input, "class", "check-box-input svelte-1p65cg8");
7703
7710
  attr(input, "type", "checkbox");
7704
7711
  attr(input, "name", /*name*/ ctx[0]);
7705
7712
  input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
7706
- attr(span0, "class", "check-box-icon svelte-2pz1us");
7713
+ attr(span0, "class", "check-box-icon svelte-1p65cg8");
7707
7714
 
7708
7715
  attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7709
7716
  ? ' _checked'
7710
- : ''}`) + " svelte-2pz1us"));
7717
+ : ''}`) + " svelte-1p65cg8"));
7711
7718
 
7712
- attr(span2, "class", "check-box-text svelte-2pz1us");
7719
+ attr(span2, "class", "check-box-text svelte-1p65cg8");
7713
7720
  attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7714
- attr(label, "class", "check-box svelte-2pz1us");
7721
+ attr(label, "class", "check-box svelte-1p65cg8");
7715
7722
  attr(label, "style", /*styleVariables*/ ctx[5]);
7716
7723
  },
7717
7724
  m(target, anchor) {
@@ -7743,7 +7750,7 @@ function create_each_block$3(ctx) {
7743
7750
 
7744
7751
  if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7745
7752
  ? ' _checked'
7746
- : ''}`) + " svelte-2pz1us"))) {
7753
+ : ''}`) + " svelte-1p65cg8"))) {
7747
7754
  attr(span1, "class", span1_class_value);
7748
7755
  }
7749
7756
 
@@ -7765,7 +7772,7 @@ function create_each_block$3(ctx) {
7765
7772
  };
7766
7773
  }
7767
7774
 
7768
- function create_fragment$S(ctx) {
7775
+ function create_fragment$T(ctx) {
7769
7776
  let div;
7770
7777
  let each_value = /*_options*/ ctx[3];
7771
7778
  let each_blocks = [];
@@ -7782,7 +7789,7 @@ function create_fragment$S(ctx) {
7782
7789
  each_blocks[i].c();
7783
7790
  }
7784
7791
 
7785
- attr(div, "class", "check-boxes svelte-2pz1us");
7792
+ attr(div, "class", "check-boxes svelte-1p65cg8");
7786
7793
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7787
7794
  },
7788
7795
  m(target, anchor) {
@@ -7829,7 +7836,7 @@ function create_fragment$S(ctx) {
7829
7836
  };
7830
7837
  }
7831
7838
 
7832
- function instance$S($$self, $$props, $$invalidate) {
7839
+ function instance$T($$self, $$props, $$invalidate) {
7833
7840
  let _options;
7834
7841
  let styleVariables;
7835
7842
  let isCheckedArray;
@@ -7935,8 +7942,8 @@ class FormCheckBoxes extends SvelteComponent {
7935
7942
  init(
7936
7943
  this,
7937
7944
  options,
7938
- instance$S,
7939
- create_fragment$S,
7945
+ instance$T,
7946
+ create_fragment$T,
7940
7947
  safe_not_equal,
7941
7948
  {
7942
7949
  name: 0,
@@ -7949,15 +7956,15 @@ class FormCheckBoxes extends SvelteComponent {
7949
7956
  buttonColor: 13,
7950
7957
  buttonColorActive: 14
7951
7958
  },
7952
- add_css$p
7959
+ add_css$q
7953
7960
  );
7954
7961
  }
7955
7962
  }
7956
7963
 
7957
7964
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
7958
7965
 
7959
- function add_css$o(target) {
7960
- 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}");
7966
+ function add_css$p(target) {
7967
+ 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}");
7961
7968
  }
7962
7969
 
7963
7970
  function get_each_context$2(ctx, list, i) {
@@ -7981,7 +7988,7 @@ function create_each_block$2(ctx) {
7981
7988
  button = element("button");
7982
7989
  t0 = text(t0_value);
7983
7990
  t1 = space();
7984
- attr(button, "class", "rating-button svelte-9idbf1");
7991
+ attr(button, "class", "rating-button svelte-1iqf36p");
7985
7992
  attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
7986
7993
  },
7987
7994
  m(target, anchor) {
@@ -8013,7 +8020,7 @@ function create_each_block$2(ctx) {
8013
8020
  };
8014
8021
  }
8015
8022
 
8016
- function create_fragment$R(ctx) {
8023
+ function create_fragment$S(ctx) {
8017
8024
  let div;
8018
8025
  let each_value = [...Array(/*count*/ ctx[0]).keys()].map(/*func*/ ctx[12]);
8019
8026
  let each_blocks = [];
@@ -8030,7 +8037,7 @@ function create_fragment$R(ctx) {
8030
8037
  each_blocks[i].c();
8031
8038
  }
8032
8039
 
8033
- attr(div, "class", "rating-buttons svelte-9idbf1");
8040
+ attr(div, "class", "rating-buttons svelte-1iqf36p");
8034
8041
  },
8035
8042
  m(target, anchor) {
8036
8043
  insert(target, div, anchor);
@@ -8072,7 +8079,7 @@ function create_fragment$R(ctx) {
8072
8079
  };
8073
8080
  }
8074
8081
 
8075
- function instance$R($$self, $$props, $$invalidate) {
8082
+ function instance$S($$self, $$props, $$invalidate) {
8076
8083
  let _value;
8077
8084
  let $value;
8078
8085
  let { name = '' } = $$props;
@@ -8154,8 +8161,8 @@ class FormRatingButtonsNumber extends SvelteComponent {
8154
8161
  init(
8155
8162
  this,
8156
8163
  options,
8157
- instance$R,
8158
- create_fragment$R,
8164
+ instance$S,
8165
+ create_fragment$S,
8159
8166
  safe_not_equal,
8160
8167
  {
8161
8168
  name: 6,
@@ -8166,15 +8173,15 @@ class FormRatingButtonsNumber extends SvelteComponent {
8166
8173
  buttonStyle: 9,
8167
8174
  buttonActiveStyle: 10
8168
8175
  },
8169
- add_css$o
8176
+ add_css$p
8170
8177
  );
8171
8178
  }
8172
8179
  }
8173
8180
 
8174
8181
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
8175
8182
 
8176
- function add_css$n(target) {
8177
- 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%)}");
8183
+ function add_css$o(target) {
8184
+ 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%)}");
8178
8185
  }
8179
8186
 
8180
8187
  function get_each_context$1(ctx, list, i) {
@@ -8199,9 +8206,9 @@ function create_each_block$1(ctx) {
8199
8206
  img = element("img");
8200
8207
  t = space();
8201
8208
  if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
8202
- attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"));
8209
+ attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
8203
8210
  attr(img, "alt", "rate" + /*i*/ ctx[10]);
8204
- attr(button, "class", "rating-button svelte-1b5dvzw");
8211
+ attr(button, "class", "rating-button svelte-tbunko");
8205
8212
  attr(button, "style", /*buttonStyle*/ ctx[0]);
8206
8213
  },
8207
8214
  m(target, anchor) {
@@ -8217,7 +8224,7 @@ function create_each_block$1(ctx) {
8217
8224
  p(new_ctx, dirty) {
8218
8225
  ctx = new_ctx;
8219
8226
 
8220
- 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"))) {
8227
+ 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"))) {
8221
8228
  attr(img, "class", img_class_value);
8222
8229
  }
8223
8230
 
@@ -8233,7 +8240,7 @@ function create_each_block$1(ctx) {
8233
8240
  };
8234
8241
  }
8235
8242
 
8236
- function create_fragment$Q(ctx) {
8243
+ function create_fragment$R(ctx) {
8237
8244
  let div;
8238
8245
  let each_value = [...Array(count).keys()].reverse().map(func);
8239
8246
  let each_blocks = [];
@@ -8250,7 +8257,7 @@ function create_fragment$Q(ctx) {
8250
8257
  each_blocks[i].c();
8251
8258
  }
8252
8259
 
8253
- attr(div, "class", "rating-buttons svelte-1b5dvzw");
8260
+ attr(div, "class", "rating-buttons svelte-tbunko");
8254
8261
  },
8255
8262
  m(target, anchor) {
8256
8263
  insert(target, div, anchor);
@@ -8295,7 +8302,7 @@ function create_fragment$Q(ctx) {
8295
8302
  const count = 5;
8296
8303
  const func = i => i + 1;
8297
8304
 
8298
- function instance$Q($$self, $$props, $$invalidate) {
8305
+ function instance$R($$self, $$props, $$invalidate) {
8299
8306
  let _value;
8300
8307
  let buttonStyle;
8301
8308
  let $value;
@@ -8351,17 +8358,17 @@ function instance$Q($$self, $$props, $$invalidate) {
8351
8358
  class FormRatingButtonsFace extends SvelteComponent {
8352
8359
  constructor(options) {
8353
8360
  super();
8354
- init(this, options, instance$Q, create_fragment$Q, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$n);
8361
+ init(this, options, instance$R, create_fragment$R, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$o);
8355
8362
  }
8356
8363
  }
8357
8364
 
8358
8365
  /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
8359
8366
 
8360
- function add_css$m(target) {
8361
- 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}");
8367
+ function add_css$n(target) {
8368
+ 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}");
8362
8369
  }
8363
8370
 
8364
- function create_fragment$P(ctx) {
8371
+ function create_fragment$Q(ctx) {
8365
8372
  let div;
8366
8373
  let input;
8367
8374
  let input_class_value;
@@ -8372,13 +8379,13 @@ function create_fragment$P(ctx) {
8372
8379
  c() {
8373
8380
  div = element("div");
8374
8381
  input = element("input");
8375
- attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"));
8382
+ attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"));
8376
8383
  attr(input, "type", "text");
8377
8384
  input.value = /*$value*/ ctx[2];
8378
8385
  input.required = /*required*/ ctx[0];
8379
8386
  attr(input, "placeholder", /*placeholder*/ ctx[1]);
8380
8387
  attr(input, "style", /*style*/ ctx[5]);
8381
- attr(div, "class", "input-wrapper svelte-f14zo5");
8388
+ attr(div, "class", "input-wrapper svelte-h8fqwx");
8382
8389
  attr(div, "style", /*styleVariables*/ ctx[4]);
8383
8390
  },
8384
8391
  m(target, anchor) {
@@ -8391,7 +8398,7 @@ function create_fragment$P(ctx) {
8391
8398
  }
8392
8399
  },
8393
8400
  p(ctx, [dirty]) {
8394
- if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"))) {
8401
+ if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"))) {
8395
8402
  attr(input, "class", input_class_value);
8396
8403
  }
8397
8404
 
@@ -8425,7 +8432,7 @@ function create_fragment$P(ctx) {
8425
8432
  };
8426
8433
  }
8427
8434
 
8428
- function instance$P($$self, $$props, $$invalidate) {
8435
+ function instance$Q($$self, $$props, $$invalidate) {
8429
8436
  let style;
8430
8437
  let styleVariables;
8431
8438
  let isValidForUI;
@@ -8556,8 +8563,8 @@ class FormIdentifyInput extends SvelteComponent {
8556
8563
  init(
8557
8564
  this,
8558
8565
  options,
8559
- instance$P,
8560
- create_fragment$P,
8566
+ instance$Q,
8567
+ create_fragment$Q,
8561
8568
  safe_not_equal,
8562
8569
  {
8563
8570
  field: 9,
@@ -8571,18 +8578,18 @@ class FormIdentifyInput extends SvelteComponent {
8571
8578
  _textStyle: 15,
8572
8579
  _placeholderStyle: 16
8573
8580
  },
8574
- add_css$m
8581
+ add_css$n
8575
8582
  );
8576
8583
  }
8577
8584
  }
8578
8585
 
8579
8586
  /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
8580
8587
 
8581
- function add_css$l(target) {
8582
- 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}");
8588
+ function add_css$m(target) {
8589
+ 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}");
8583
8590
  }
8584
8591
 
8585
- function create_fragment$O(ctx) {
8592
+ function create_fragment$P(ctx) {
8586
8593
  let div;
8587
8594
  let label0;
8588
8595
  let input0;
@@ -8617,20 +8624,20 @@ function create_fragment$O(ctx) {
8617
8624
  span1 = element("span");
8618
8625
  t4 = text("いいえ");
8619
8626
  attr(input0, "type", "radio");
8620
- attr(input0, "class", "radio-button-input svelte-pzrwlo");
8627
+ attr(input0, "class", "radio-button-input svelte-8zbmyo");
8621
8628
  attr(input0, "style", /*buttonStyle*/ ctx[2]);
8622
8629
  input0.checked = input0_checked_value = /*$value*/ ctx[3] === true;
8623
- attr(span0, "class", "radio-button-text svelte-pzrwlo");
8630
+ attr(span0, "class", "radio-button-text svelte-8zbmyo");
8624
8631
  attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
8625
- attr(label0, "class", "radio-button svelte-pzrwlo");
8632
+ attr(label0, "class", "radio-button svelte-8zbmyo");
8626
8633
  attr(input1, "type", "radio");
8627
- attr(input1, "class", "radio-button-input svelte-pzrwlo");
8634
+ attr(input1, "class", "radio-button-input svelte-8zbmyo");
8628
8635
  attr(input1, "style", /*buttonStyle*/ ctx[2]);
8629
8636
  input1.checked = input1_checked_value = /*$value*/ ctx[3] === false;
8630
- attr(span1, "class", "radio-button-text svelte-pzrwlo");
8637
+ attr(span1, "class", "radio-button-text svelte-8zbmyo");
8631
8638
  attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
8632
- attr(label1, "class", "radio-button svelte-pzrwlo");
8633
- attr(div, "class", "radio-buttons svelte-pzrwlo");
8639
+ attr(label1, "class", "radio-button svelte-8zbmyo");
8640
+ attr(div, "class", "radio-buttons svelte-8zbmyo");
8634
8641
  attr(div, "style", /*_layoutStyle*/ ctx[0]);
8635
8642
  },
8636
8643
  m(target, anchor) {
@@ -8695,7 +8702,7 @@ function create_fragment$O(ctx) {
8695
8702
  };
8696
8703
  }
8697
8704
 
8698
- function instance$O($$self, $$props, $$invalidate) {
8705
+ function instance$P($$self, $$props, $$invalidate) {
8699
8706
  let buttonStyle;
8700
8707
  let $value;
8701
8708
  let { field = 'subscription' } = $$props;
@@ -8777,8 +8784,8 @@ class FormIdentifyChoices extends SvelteComponent {
8777
8784
  init(
8778
8785
  this,
8779
8786
  options,
8780
- instance$O,
8781
- create_fragment$O,
8787
+ instance$P,
8788
+ create_fragment$P,
8782
8789
  safe_not_equal,
8783
8790
  {
8784
8791
  field: 6,
@@ -8790,15 +8797,15 @@ class FormIdentifyChoices extends SvelteComponent {
8790
8797
  buttonColor: 10,
8791
8798
  buttonColorActive: 11
8792
8799
  },
8793
- add_css$l
8800
+ add_css$m
8794
8801
  );
8795
8802
  }
8796
8803
  }
8797
8804
 
8798
8805
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
8799
8806
 
8800
- function add_css$k(target) {
8801
- 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%}");
8807
+ function add_css$l(target) {
8808
+ 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%}");
8802
8809
  }
8803
8810
 
8804
8811
  function get_each_context(ctx, list, i) {
@@ -8809,7 +8816,7 @@ function get_each_context(ctx, list, i) {
8809
8816
  }
8810
8817
 
8811
8818
  // (371:2) {#if isVisiblePrevButton}
8812
- function create_if_block_1$1(ctx) {
8819
+ function create_if_block_1$2(ctx) {
8813
8820
  let div;
8814
8821
  let button;
8815
8822
  let svg;
@@ -8827,9 +8834,9 @@ function create_if_block_1$1(ctx) {
8827
8834
  attr(svg, "viewBox", "0 0 10 16");
8828
8835
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8829
8836
  attr(svg, "style", /*prevIconStyle*/ ctx[10]);
8830
- attr(button, "class", "move-button svelte-1qfq79t");
8837
+ attr(button, "class", "move-button svelte-ji1fh");
8831
8838
  attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
8832
- attr(div, "class", "prev-button-container svelte-1qfq79t");
8839
+ attr(div, "class", "prev-button-container svelte-ji1fh");
8833
8840
  },
8834
8841
  m(target, anchor) {
8835
8842
  insert(target, div, anchor);
@@ -8860,7 +8867,7 @@ function create_if_block_1$1(ctx) {
8860
8867
  }
8861
8868
 
8862
8869
  // (380:2) {#if isVisibleNextButton}
8863
- function create_if_block$7(ctx) {
8870
+ function create_if_block$8(ctx) {
8864
8871
  let div;
8865
8872
  let button;
8866
8873
  let svg;
@@ -8878,9 +8885,9 @@ function create_if_block$7(ctx) {
8878
8885
  attr(svg, "viewBox", "0 0 10 16");
8879
8886
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8880
8887
  attr(svg, "style", /*nextIconStyle*/ ctx[8]);
8881
- attr(button, "class", "move-button svelte-1qfq79t");
8888
+ attr(button, "class", "move-button svelte-ji1fh");
8882
8889
  attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
8883
- attr(div, "class", "next-button-container svelte-1qfq79t");
8890
+ attr(div, "class", "next-button-container svelte-ji1fh");
8884
8891
  },
8885
8892
  m(target, anchor) {
8886
8893
  insert(target, div, anchor);
@@ -8928,9 +8935,9 @@ function create_each_block(ctx) {
8928
8935
  button = element("button");
8929
8936
  div = element("div");
8930
8937
  t = space();
8931
- attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
8938
+ attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
8932
8939
  attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
8933
- attr(button, "class", "navigation-item svelte-1qfq79t");
8940
+ attr(button, "class", "navigation-item svelte-ji1fh");
8934
8941
  attr(button, "style", /*navigationItemStyle*/ ctx[6]);
8935
8942
  },
8936
8943
  m(target, anchor) {
@@ -8962,7 +8969,7 @@ function create_each_block(ctx) {
8962
8969
  };
8963
8970
  }
8964
8971
 
8965
- function create_fragment$N(ctx) {
8972
+ function create_fragment$O(ctx) {
8966
8973
  let div3;
8967
8974
  let div1;
8968
8975
  let div0;
@@ -8974,8 +8981,8 @@ function create_fragment$N(ctx) {
8974
8981
  let current;
8975
8982
  const default_slot_template = /*#slots*/ ctx[32].default;
8976
8983
  const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[31], null);
8977
- let if_block0 = /*isVisiblePrevButton*/ ctx[12] && create_if_block_1$1(ctx);
8978
- let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$7(ctx);
8984
+ let if_block0 = /*isVisiblePrevButton*/ ctx[12] && create_if_block_1$2(ctx);
8985
+ let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$8(ctx);
8979
8986
  let each_value = /*items*/ ctx[1];
8980
8987
  let each_blocks = [];
8981
8988
 
@@ -9007,14 +9014,14 @@ function create_fragment$N(ctx) {
9007
9014
  each_blocks[i].c();
9008
9015
  }
9009
9016
 
9010
- attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
9017
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
9011
9018
  attr(div0, "style", /*slideStyle*/ ctx[14]);
9012
- attr(div1, "class", "container svelte-1qfq79t");
9019
+ attr(div1, "class", "container svelte-ji1fh");
9013
9020
  attr(div1, "style", /*_style*/ ctx[0]);
9014
- attr(div2, "class", "navigation svelte-1qfq79t");
9021
+ attr(div2, "class", "navigation svelte-ji1fh");
9015
9022
  attr(div2, "style", /*navigationStyle*/ ctx[4]);
9016
9023
  set_attributes(div3, div3_data);
9017
- toggle_class(div3, "svelte-1qfq79t", true);
9024
+ toggle_class(div3, "svelte-ji1fh", true);
9018
9025
  },
9019
9026
  m(target, anchor) {
9020
9027
  insert(target, div3, anchor);
@@ -9056,7 +9063,7 @@ function create_fragment$N(ctx) {
9056
9063
  }
9057
9064
  }
9058
9065
 
9059
- if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
9066
+ if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
9060
9067
  attr(div0, "class", div0_class_value);
9061
9068
  }
9062
9069
 
@@ -9072,7 +9079,7 @@ function create_fragment$N(ctx) {
9072
9079
  if (if_block0) {
9073
9080
  if_block0.p(ctx, dirty);
9074
9081
  } else {
9075
- if_block0 = create_if_block_1$1(ctx);
9082
+ if_block0 = create_if_block_1$2(ctx);
9076
9083
  if_block0.c();
9077
9084
  if_block0.m(div3, t1);
9078
9085
  }
@@ -9085,7 +9092,7 @@ function create_fragment$N(ctx) {
9085
9092
  if (if_block1) {
9086
9093
  if_block1.p(ctx, dirty);
9087
9094
  } else {
9088
- if_block1 = create_if_block$7(ctx);
9095
+ if_block1 = create_if_block$8(ctx);
9089
9096
  if_block1.c();
9090
9097
  if_block1.m(div3, t2);
9091
9098
  }
@@ -9122,7 +9129,7 @@ function create_fragment$N(ctx) {
9122
9129
  }
9123
9130
 
9124
9131
  set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
9125
- toggle_class(div3, "svelte-1qfq79t", true);
9132
+ toggle_class(div3, "svelte-ji1fh", true);
9126
9133
  },
9127
9134
  i(local) {
9128
9135
  if (current) return;
@@ -9157,7 +9164,7 @@ function calcPositionIndex(shift, index, length) {
9157
9164
  }
9158
9165
  }
9159
9166
 
9160
- function instance$N($$self, $$props, $$invalidate) {
9167
+ function instance$O($$self, $$props, $$invalidate) {
9161
9168
  let slideStyle;
9162
9169
  let slideClass;
9163
9170
  let _loop;
@@ -9610,8 +9617,8 @@ class Slide extends SvelteComponent {
9610
9617
  init(
9611
9618
  this,
9612
9619
  options,
9613
- instance$N,
9614
- create_fragment$N,
9620
+ instance$O,
9621
+ create_fragment$O,
9615
9622
  safe_not_equal,
9616
9623
  {
9617
9624
  loop: 18,
@@ -9625,7 +9632,7 @@ class Slide extends SvelteComponent {
9625
9632
  navigationButton: 25,
9626
9633
  navigationEdgePosition: 26
9627
9634
  },
9628
- add_css$k,
9635
+ add_css$l,
9629
9636
  [-1, -1, -1]
9630
9637
  );
9631
9638
  }
@@ -9633,11 +9640,11 @@ class Slide extends SvelteComponent {
9633
9640
 
9634
9641
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
9635
9642
 
9636
- function add_css$j(target) {
9637
- 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}");
9643
+ function add_css$k(target) {
9644
+ 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}");
9638
9645
  }
9639
9646
 
9640
- function create_fragment$M(ctx) {
9647
+ function create_fragment$N(ctx) {
9641
9648
  let div1;
9642
9649
  let div0;
9643
9650
  let current;
@@ -9649,9 +9656,9 @@ function create_fragment$M(ctx) {
9649
9656
  div1 = element("div");
9650
9657
  div0 = element("div");
9651
9658
  if (default_slot) default_slot.c();
9652
- attr(div0, "class", "item-inner svelte-1rv0qgo");
9659
+ attr(div0, "class", "item-inner svelte-9ygf1w");
9653
9660
  attr(div0, "style", /*_style*/ ctx[0]);
9654
- attr(div1, "class", "item svelte-1rv0qgo");
9661
+ attr(div1, "class", "item svelte-9ygf1w");
9655
9662
  attr(div1, "style", /*itemStyle*/ ctx[1]);
9656
9663
  },
9657
9664
  m(target, anchor) {
@@ -9704,7 +9711,7 @@ function create_fragment$M(ctx) {
9704
9711
  };
9705
9712
  }
9706
9713
 
9707
- function instance$M($$self, $$props, $$invalidate) {
9714
+ function instance$N($$self, $$props, $$invalidate) {
9708
9715
  let itemStyle;
9709
9716
  let { $$slots: slots = {}, $$scope } = $$props;
9710
9717
  const { registerItem, unregisterItem } = getContext('SLIDE');
@@ -9770,20 +9777,20 @@ function instance$M($$self, $$props, $$invalidate) {
9770
9777
  class SlideItem extends SvelteComponent {
9771
9778
  constructor(options) {
9772
9779
  super();
9773
- init(this, options, instance$M, create_fragment$M, safe_not_equal, { _style: 0 }, add_css$j);
9780
+ init(this, options, instance$N, create_fragment$N, safe_not_equal, { _style: 0 }, add_css$k);
9774
9781
  }
9775
9782
  }
9776
9783
 
9777
9784
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
9778
9785
 
9779
- function add_css$i(target) {
9780
- 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}");
9786
+ function add_css$j(target) {
9787
+ 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}");
9781
9788
  }
9782
9789
 
9783
9790
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
9784
9791
  const get_default_slot_context = ctx => ({ countdown: /*countdown*/ ctx[1] });
9785
9792
 
9786
- function create_fragment$L(ctx) {
9793
+ function create_fragment$M(ctx) {
9787
9794
  let div1;
9788
9795
  let div0;
9789
9796
  let current;
@@ -9795,9 +9802,9 @@ function create_fragment$L(ctx) {
9795
9802
  div1 = element("div");
9796
9803
  div0 = element("div");
9797
9804
  if (default_slot) default_slot.c();
9798
- attr(div0, "class", "countdown-inner svelte-t87l6f");
9805
+ attr(div0, "class", "countdown-inner svelte-rroxiz");
9799
9806
  attr(div0, "style", /*_style*/ ctx[0]);
9800
- attr(div1, "class", "countdown svelte-t87l6f");
9807
+ attr(div1, "class", "countdown svelte-rroxiz");
9801
9808
  },
9802
9809
  m(target, anchor) {
9803
9810
  insert(target, div1, anchor);
@@ -9863,7 +9870,7 @@ function formatTimeDiff(ms) {
9863
9870
  };
9864
9871
  }
9865
9872
 
9866
- function instance$L($$self, $$props, $$invalidate) {
9873
+ function instance$M($$self, $$props, $$invalidate) {
9867
9874
  let countdown;
9868
9875
  let { $$slots: slots = {}, $$scope } = $$props;
9869
9876
  let { timeLimit = '2023/12/31 23:59:59' } = $$props;
@@ -9924,18 +9931,18 @@ function instance$L($$self, $$props, $$invalidate) {
9924
9931
  class Countdown extends SvelteComponent {
9925
9932
  constructor(options) {
9926
9933
  super();
9927
- init(this, options, instance$L, create_fragment$L, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$i);
9934
+ init(this, options, instance$M, create_fragment$M, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$j);
9928
9935
  }
9929
9936
  }
9930
9937
 
9931
9938
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
9932
9939
 
9933
- function add_css$h(target) {
9934
- 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}");
9940
+ function add_css$i(target) {
9941
+ 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}");
9935
9942
  }
9936
9943
 
9937
9944
  // (24:2) <Button {onClick} style={_style} {eventName}>
9938
- function create_default_slot$2(ctx) {
9945
+ function create_default_slot$7(ctx) {
9939
9946
  let current;
9940
9947
  const default_slot_template = /*#slots*/ ctx[3].default;
9941
9948
  const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[4], null);
@@ -9982,7 +9989,7 @@ function create_default_slot$2(ctx) {
9982
9989
  };
9983
9990
  }
9984
9991
 
9985
- function create_fragment$K(ctx) {
9992
+ function create_fragment$L(ctx) {
9986
9993
  let div;
9987
9994
  let button;
9988
9995
  let current;
@@ -9992,7 +9999,7 @@ function create_fragment$K(ctx) {
9992
9999
  onClick: /*onClick*/ ctx[0],
9993
10000
  style: /*_style*/ ctx[2],
9994
10001
  eventName: /*eventName*/ ctx[1],
9995
- $$slots: { default: [create_default_slot$2] },
10002
+ $$slots: { default: [create_default_slot$7] },
9996
10003
  $$scope: { ctx }
9997
10004
  }
9998
10005
  });
@@ -10001,7 +10008,7 @@ function create_fragment$K(ctx) {
10001
10008
  c() {
10002
10009
  div = element("div");
10003
10010
  create_component(button.$$.fragment);
10004
- attr(div, "class", "box svelte-1c91vpe");
10011
+ attr(div, "class", "box svelte-1ccydfy");
10005
10012
  },
10006
10013
  m(target, anchor) {
10007
10014
  insert(target, div, anchor);
@@ -10036,7 +10043,7 @@ function create_fragment$K(ctx) {
10036
10043
  };
10037
10044
  }
10038
10045
 
10039
- function instance$K($$self, $$props, $$invalidate) {
10046
+ function instance$L($$self, $$props, $$invalidate) {
10040
10047
  let { $$slots: slots = {}, $$scope } = $$props;
10041
10048
  let { onClick = { operation: 'none', args: [] } } = $$props;
10042
10049
  let { eventName = '' } = $$props;
@@ -10055,18 +10062,18 @@ function instance$K($$self, $$props, $$invalidate) {
10055
10062
  class Box extends SvelteComponent {
10056
10063
  constructor(options) {
10057
10064
  super();
10058
- init(this, options, instance$K, create_fragment$K, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$h);
10065
+ init(this, options, instance$L, create_fragment$L, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$i);
10059
10066
  }
10060
10067
  }
10061
10068
 
10062
10069
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
10063
10070
 
10064
- function add_css$g(target) {
10065
- 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)}");
10071
+ function add_css$h(target) {
10072
+ 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)}");
10066
10073
  }
10067
10074
 
10068
10075
  // (56:4) {#if svg}
10069
- function create_if_block$6(ctx) {
10076
+ function create_if_block$7(ctx) {
10070
10077
  let html_tag;
10071
10078
  let html_anchor;
10072
10079
 
@@ -10091,9 +10098,9 @@ function create_if_block$6(ctx) {
10091
10098
  }
10092
10099
 
10093
10100
  // (55:2) <Button {onClick} {style} {eventName}>
10094
- function create_default_slot$1(ctx) {
10101
+ function create_default_slot$6(ctx) {
10095
10102
  let if_block_anchor;
10096
- let if_block = /*svg*/ ctx[3] && create_if_block$6(ctx);
10103
+ let if_block = /*svg*/ ctx[3] && create_if_block$7(ctx);
10097
10104
 
10098
10105
  return {
10099
10106
  c() {
@@ -10109,7 +10116,7 @@ function create_default_slot$1(ctx) {
10109
10116
  if (if_block) {
10110
10117
  if_block.p(ctx, dirty);
10111
10118
  } else {
10112
- if_block = create_if_block$6(ctx);
10119
+ if_block = create_if_block$7(ctx);
10113
10120
  if_block.c();
10114
10121
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
10115
10122
  }
@@ -10125,7 +10132,7 @@ function create_default_slot$1(ctx) {
10125
10132
  };
10126
10133
  }
10127
10134
 
10128
- function create_fragment$J(ctx) {
10135
+ function create_fragment$K(ctx) {
10129
10136
  let div;
10130
10137
  let button;
10131
10138
  let current;
@@ -10135,7 +10142,7 @@ function create_fragment$J(ctx) {
10135
10142
  onClick: /*onClick*/ ctx[0],
10136
10143
  style: /*style*/ ctx[2],
10137
10144
  eventName: /*eventName*/ ctx[1],
10138
- $$slots: { default: [create_default_slot$1] },
10145
+ $$slots: { default: [create_default_slot$6] },
10139
10146
  $$scope: { ctx }
10140
10147
  }
10141
10148
  });
@@ -10144,7 +10151,7 @@ function create_fragment$J(ctx) {
10144
10151
  c() {
10145
10152
  div = element("div");
10146
10153
  create_component(button.$$.fragment);
10147
- attr(div, "class", "icon svelte-1mk6wi4");
10154
+ attr(div, "class", "icon svelte-1mkvcuo");
10148
10155
  },
10149
10156
  m(target, anchor) {
10150
10157
  insert(target, div, anchor);
@@ -10186,7 +10193,7 @@ function parseData(dataUrl) {
10186
10193
  return decodeURIComponent(data).replaceAll('\'', '"');
10187
10194
  }
10188
10195
 
10189
- function instance$J($$self, $$props, $$invalidate) {
10196
+ function instance$K($$self, $$props, $$invalidate) {
10190
10197
  let svg;
10191
10198
  let styleVariables;
10192
10199
  let style;
@@ -10234,8 +10241,8 @@ class IconElement extends SvelteComponent {
10234
10241
  init(
10235
10242
  this,
10236
10243
  options,
10237
- instance$J,
10238
- create_fragment$J,
10244
+ instance$K,
10245
+ create_fragment$K,
10239
10246
  safe_not_equal,
10240
10247
  {
10241
10248
  icon: 4,
@@ -10245,18 +10252,18 @@ class IconElement extends SvelteComponent {
10245
10252
  color: 6,
10246
10253
  _style: 7
10247
10254
  },
10248
- add_css$g
10255
+ add_css$h
10249
10256
  );
10250
10257
  }
10251
10258
  }
10252
10259
 
10253
10260
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
10254
10261
 
10255
- function add_css$f(target) {
10256
- append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10262
+ function add_css$g(target) {
10263
+ append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10257
10264
  }
10258
10265
 
10259
- function create_fragment$I(ctx) {
10266
+ function create_fragment$J(ctx) {
10260
10267
  let div;
10261
10268
  let switch_instance;
10262
10269
  let current;
@@ -10279,7 +10286,7 @@ function create_fragment$I(ctx) {
10279
10286
  c() {
10280
10287
  div = element("div");
10281
10288
  if (switch_instance) create_component(switch_instance.$$.fragment);
10282
- attr(div, "class", "codeElement svelte-1ng2n51");
10289
+ attr(div, "class", "codeElement svelte-ymsb9l");
10283
10290
  attr(div, "style", /*style*/ ctx[3]);
10284
10291
  },
10285
10292
  m(target, anchor) {
@@ -10336,7 +10343,7 @@ function create_fragment$I(ctx) {
10336
10343
  };
10337
10344
  }
10338
10345
 
10339
- function instance$I($$self, $$props, $$invalidate) {
10346
+ function instance$J($$self, $$props, $$invalidate) {
10340
10347
  let $data,
10341
10348
  $$unsubscribe_data = noop,
10342
10349
  $$subscribe_data = () => ($$unsubscribe_data(), $$unsubscribe_data = subscribe(data, $$value => $$invalidate(4, $data = $$value)), data);
@@ -10361,17 +10368,17 @@ function instance$I($$self, $$props, $$invalidate) {
10361
10368
  class CodeElement extends SvelteComponent {
10362
10369
  constructor(options) {
10363
10370
  super();
10364
- init(this, options, instance$I, create_fragment$I, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$f);
10371
+ init(this, options, instance$J, create_fragment$J, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$g);
10365
10372
  }
10366
10373
  }
10367
10374
 
10368
10375
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
10369
10376
 
10370
- function add_css$e(target) {
10371
- append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
10377
+ function add_css$f(target) {
10378
+ append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
10372
10379
  }
10373
10380
 
10374
- function create_fragment$H(ctx) {
10381
+ function create_fragment$I(ctx) {
10375
10382
  let div;
10376
10383
  let div_style_value;
10377
10384
  let current;
@@ -10382,7 +10389,7 @@ function create_fragment$H(ctx) {
10382
10389
  c() {
10383
10390
  div = element("div");
10384
10391
  if (default_slot) default_slot.c();
10385
- attr(div, "class", "flex svelte-9v2qdg");
10392
+ attr(div, "class", "flex svelte-1e71ejc");
10386
10393
  attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
10387
10394
  },
10388
10395
  m(target, anchor) {
@@ -10436,7 +10443,7 @@ function getFlexContext() {
10436
10443
  return getContext(FlexContextKey);
10437
10444
  }
10438
10445
 
10439
- function instance$H($$self, $$props, $$invalidate) {
10446
+ function instance$I($$self, $$props, $$invalidate) {
10440
10447
  let { $$slots: slots = {}, $$scope } = $$props;
10441
10448
  let { direction = 'row' } = $$props;
10442
10449
  let { width = '100%' } = $$props;
@@ -10462,8 +10469,8 @@ class Flex extends SvelteComponent {
10462
10469
  init(
10463
10470
  this,
10464
10471
  options,
10465
- instance$H,
10466
- create_fragment$H,
10472
+ instance$I,
10473
+ create_fragment$I,
10467
10474
  safe_not_equal,
10468
10475
  {
10469
10476
  direction: 0,
@@ -10471,18 +10478,18 @@ class Flex extends SvelteComponent {
10471
10478
  height: 2,
10472
10479
  _style: 3
10473
10480
  },
10474
- add_css$e
10481
+ add_css$f
10475
10482
  );
10476
10483
  }
10477
10484
  }
10478
10485
 
10479
10486
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
10480
10487
 
10481
- function add_css$d(target) {
10482
- append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
10488
+ function add_css$e(target) {
10489
+ append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
10483
10490
  }
10484
10491
 
10485
- function create_fragment$G(ctx) {
10492
+ function create_fragment$H(ctx) {
10486
10493
  let div;
10487
10494
  let current;
10488
10495
  const default_slot_template = /*#slots*/ ctx[4].default;
@@ -10492,7 +10499,7 @@ function create_fragment$G(ctx) {
10492
10499
  c() {
10493
10500
  div = element("div");
10494
10501
  if (default_slot) default_slot.c();
10495
- attr(div, "class", "flex-item svelte-164ah5d");
10502
+ attr(div, "class", "flex-item svelte-1p0bk1x");
10496
10503
  attr(div, "style", /*style*/ ctx[0]);
10497
10504
  },
10498
10505
  m(target, anchor) {
@@ -10540,7 +10547,7 @@ function create_fragment$G(ctx) {
10540
10547
  };
10541
10548
  }
10542
10549
 
10543
- function instance$G($$self, $$props, $$invalidate) {
10550
+ function instance$H($$self, $$props, $$invalidate) {
10544
10551
  let { $$slots: slots = {}, $$scope } = $$props;
10545
10552
  let { length } = $$props;
10546
10553
  let { _style = '' } = $$props;
@@ -10583,7 +10590,7 @@ function instance$G($$self, $$props, $$invalidate) {
10583
10590
  class FlexItem extends SvelteComponent {
10584
10591
  constructor(options) {
10585
10592
  super();
10586
- init(this, options, instance$G, create_fragment$G, safe_not_equal, { length: 1, _style: 2 }, add_css$d);
10593
+ init(this, options, instance$H, create_fragment$H, safe_not_equal, { length: 1, _style: 2 }, add_css$e);
10587
10594
  }
10588
10595
  }
10589
10596
 
@@ -10693,7 +10700,7 @@ function create_default_slot_1(ctx) {
10693
10700
  }
10694
10701
 
10695
10702
  // (106:0) <StateItem {path}>
10696
- function create_default_slot(ctx) {
10703
+ function create_default_slot$5(ctx) {
10697
10704
  let modal;
10698
10705
  let current;
10699
10706
 
@@ -10758,14 +10765,14 @@ function create_default_slot(ctx) {
10758
10765
  };
10759
10766
  }
10760
10767
 
10761
- function create_fragment$F(ctx) {
10768
+ function create_fragment$G(ctx) {
10762
10769
  let stateitem;
10763
10770
  let current;
10764
10771
 
10765
10772
  stateitem = new StateItem({
10766
10773
  props: {
10767
10774
  path: /*path*/ ctx[0],
10768
- $$slots: { default: [create_default_slot] },
10775
+ $$slots: { default: [create_default_slot$5] },
10769
10776
  $$scope: { ctx }
10770
10777
  }
10771
10778
  });
@@ -10803,7 +10810,7 @@ function create_fragment$F(ctx) {
10803
10810
  };
10804
10811
  }
10805
10812
 
10806
- function instance$F($$self, $$props, $$invalidate) {
10813
+ function instance$G($$self, $$props, $$invalidate) {
10807
10814
  let { $$slots: slots = {}, $$scope } = $$props;
10808
10815
  let { path } = $$props;
10809
10816
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -10874,7 +10881,7 @@ class GridModalState extends SvelteComponent {
10874
10881
  constructor(options) {
10875
10882
  super();
10876
10883
 
10877
- init(this, options, instance$F, create_fragment$F, safe_not_equal, {
10884
+ init(this, options, instance$G, create_fragment$G, safe_not_equal, {
10878
10885
  path: 0,
10879
10886
  onClick: 1,
10880
10887
  clickEventName: 2,
@@ -10899,11 +10906,11 @@ class GridModalState extends SvelteComponent {
10899
10906
 
10900
10907
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
10901
10908
 
10902
- function add_css$c(target) {
10903
- 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%}");
10909
+ function add_css$d(target) {
10910
+ 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%}");
10904
10911
  }
10905
10912
 
10906
- function create_fragment$E(ctx) {
10913
+ function create_fragment$F(ctx) {
10907
10914
  let div1;
10908
10915
  let div0;
10909
10916
  let rendertext;
@@ -10916,8 +10923,8 @@ function create_fragment$E(ctx) {
10916
10923
  div1 = element("div");
10917
10924
  div0 = element("div");
10918
10925
  create_component(rendertext.$$.fragment);
10919
- attr(div0, "class", "text-block-inner svelte-akic2e");
10920
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"));
10926
+ attr(div0, "class", "text-block-inner svelte-15pej1m");
10927
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
10921
10928
  attr(div1, "style", /*style*/ ctx[2]);
10922
10929
  },
10923
10930
  m(target, anchor) {
@@ -10931,7 +10938,7 @@ function create_fragment$E(ctx) {
10931
10938
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
10932
10939
  rendertext.$set(rendertext_changes);
10933
10940
 
10934
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"))) {
10941
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
10935
10942
  attr(div1, "class", div1_class_value);
10936
10943
  }
10937
10944
 
@@ -10955,7 +10962,7 @@ function create_fragment$E(ctx) {
10955
10962
  };
10956
10963
  }
10957
10964
 
10958
- function instance$E($$self, $$props, $$invalidate) {
10965
+ function instance$F($$self, $$props, $$invalidate) {
10959
10966
  let style;
10960
10967
  let { text = 'サンプルSample' } = $$props;
10961
10968
  let { font = SYSTEM_FONT } = $$props;
@@ -10991,8 +10998,8 @@ class TextBlock extends SvelteComponent {
10991
10998
  init(
10992
10999
  this,
10993
11000
  options,
10994
- instance$E,
10995
- create_fragment$E,
11001
+ instance$F,
11002
+ create_fragment$F,
10996
11003
  safe_not_equal,
10997
11004
  {
10998
11005
  text: 0,
@@ -11001,18 +11008,18 @@ class TextBlock extends SvelteComponent {
11001
11008
  textDirection: 1,
11002
11009
  _style: 5
11003
11010
  },
11004
- add_css$c
11011
+ add_css$d
11005
11012
  );
11006
11013
  }
11007
11014
  }
11008
11015
 
11009
11016
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
11010
11017
 
11011
- function add_css$b(target) {
11012
- 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)}");
11018
+ function add_css$c(target) {
11019
+ 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)}");
11013
11020
  }
11014
11021
 
11015
- function create_fragment$D(ctx) {
11022
+ function create_fragment$E(ctx) {
11016
11023
  let div;
11017
11024
  let button;
11018
11025
  let rendertext;
@@ -11026,9 +11033,9 @@ function create_fragment$D(ctx) {
11026
11033
  div = element("div");
11027
11034
  button = element("button");
11028
11035
  create_component(rendertext.$$.fragment);
11029
- attr(button, "class", "text-button svelte-1c34p4n");
11036
+ attr(button, "class", "text-button svelte-ff0k6r");
11030
11037
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
11031
- attr(div, "class", "text-button-block svelte-1c34p4n");
11038
+ attr(div, "class", "text-button-block svelte-ff0k6r");
11032
11039
  attr(div, "style", /*_style*/ ctx[2]);
11033
11040
  },
11034
11041
  m(target, anchor) {
@@ -11073,7 +11080,7 @@ function create_fragment$D(ctx) {
11073
11080
  };
11074
11081
  }
11075
11082
 
11076
- function instance$D($$self, $$props, $$invalidate) {
11083
+ function instance$E($$self, $$props, $$invalidate) {
11077
11084
  let { text = 'ボタンラベル' } = $$props;
11078
11085
  let { onClick = { operation: 'none', args: [] } } = $$props;
11079
11086
 
@@ -11115,8 +11122,8 @@ class TextButtonBlock extends SvelteComponent {
11115
11122
  init(
11116
11123
  this,
11117
11124
  options,
11118
- instance$D,
11119
- create_fragment$D,
11125
+ instance$E,
11126
+ create_fragment$E,
11120
11127
  safe_not_equal,
11121
11128
  {
11122
11129
  text: 0,
@@ -11126,18 +11133,18 @@ class TextButtonBlock extends SvelteComponent {
11126
11133
  _buttonStyle: 1,
11127
11134
  _style: 2
11128
11135
  },
11129
- add_css$b
11136
+ add_css$c
11130
11137
  );
11131
11138
  }
11132
11139
  }
11133
11140
 
11134
11141
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
11135
11142
 
11136
- function add_css$a(target) {
11137
- 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)}");
11143
+ function add_css$b(target) {
11144
+ 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)}");
11138
11145
  }
11139
11146
 
11140
- function create_fragment$C(ctx) {
11147
+ function create_fragment$D(ctx) {
11141
11148
  let div;
11142
11149
  let img;
11143
11150
  let img_style_value;
@@ -11150,14 +11157,14 @@ function create_fragment$C(ctx) {
11150
11157
  c() {
11151
11158
  div = element("div");
11152
11159
  img = element("img");
11153
- attr(img, "class", "image svelte-1jus6sx");
11160
+ attr(img, "class", "image svelte-1pdw891");
11154
11161
  attr(img, "loading", "lazy");
11155
11162
  attr(img, "width", "auto");
11156
11163
  attr(img, "height", "auto");
11157
11164
  attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
11158
11165
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
11159
11166
  attr(img, "alt", /*alt*/ ctx[1]);
11160
- attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"));
11167
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
11161
11168
  attr(div, "style", /*_style*/ ctx[5]);
11162
11169
  },
11163
11170
  m(target, anchor) {
@@ -11182,7 +11189,7 @@ function create_fragment$C(ctx) {
11182
11189
  attr(img, "alt", /*alt*/ ctx[1]);
11183
11190
  }
11184
11191
 
11185
- if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"))) {
11192
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
11186
11193
  attr(div, "class", div_class_value);
11187
11194
  }
11188
11195
 
@@ -11200,7 +11207,7 @@ function create_fragment$C(ctx) {
11200
11207
  };
11201
11208
  }
11202
11209
 
11203
- function instance$C($$self, $$props, $$invalidate) {
11210
+ function instance$D($$self, $$props, $$invalidate) {
11204
11211
  let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
11205
11212
  let { alt = 'No Image' } = $$props;
11206
11213
  let { transport = false } = $$props;
@@ -11240,8 +11247,8 @@ class ImageBlock extends SvelteComponent {
11240
11247
  init(
11241
11248
  this,
11242
11249
  options,
11243
- instance$C,
11244
- create_fragment$C,
11250
+ instance$D,
11251
+ create_fragment$D,
11245
11252
  safe_not_equal,
11246
11253
  {
11247
11254
  src: 0,
@@ -11253,24 +11260,24 @@ class ImageBlock extends SvelteComponent {
11253
11260
  _imageStyle: 4,
11254
11261
  _style: 5
11255
11262
  },
11256
- add_css$a
11263
+ add_css$b
11257
11264
  );
11258
11265
  }
11259
11266
  }
11260
11267
 
11261
- const COMPONENT_PARAMETER_TYPES = {
11262
- TEXT: 'text',
11263
- MULTILINE_TEXT: 'multiline_text',
11264
- SELECT: 'select',
11265
- RADIO: 'radio',
11266
- CHECKBOX: 'checkbox',
11267
- BOOLEAN: 'boolean',
11268
- IMAGE: 'image',
11269
- NUMBER: 'number',
11270
- WIDTH: 'width',
11271
- ASPECT: 'aspect',
11272
- COLOR: 'color',
11273
- ICON: 'icon',
11268
+ const SHADOW_VARIANT = {
11269
+ extra_small: 'XSmall',
11270
+ small: 'Small',
11271
+ medium: 'Medium',
11272
+ large: 'Large',
11273
+ };
11274
+ const ROUND_VARIANT = {
11275
+ extra_small: 'XSmall (2px)',
11276
+ small: 'Small (4px)',
11277
+ medium: 'Medium (8px)',
11278
+ large: 'Large (16px)',
11279
+ extra_large: 'Large (24px)',
11280
+ fulled: 'Full (100%)',
11274
11281
  };
11275
11282
 
11276
11283
  const toHyphenCase = (str) => {
@@ -11304,6 +11311,7 @@ const toCssCommon = (p) => {
11304
11311
  };
11305
11312
  };
11306
11313
  const toCssBorder = (p) => {
11314
+ console.log(p);
11307
11315
  const borderWidth = p?.borderTopWidth ?? p?.borderRightWidth ?? p?.borderLeftWidth ?? p?.borderBottomWidth ?? null;
11308
11316
  if (borderWidth === null)
11309
11317
  return {};
@@ -11350,92 +11358,508 @@ const toCssShadow = (p) => {
11350
11358
  };
11351
11359
  };
11352
11360
 
11353
- /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
11361
+ /* src/components-flex/shared/elements/Clickable.svelte generated by Svelte v3.53.1 */
11354
11362
 
11355
- function add_css$9(target) {
11356
- append_styles(target, "svelte-jnsixl", ".avatar.svelte-jnsixl{display:flex;align-items:center;overflow:hidden;flex-shrink:0}");
11363
+ function add_css$a(target) {
11364
+ 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}");
11357
11365
  }
11358
11366
 
11359
- function create_fragment$B(ctx) {
11360
- let div;
11361
- let img;
11362
- let img_src_value;
11363
- let img_alt_value;
11367
+ // (35:0) {:else}
11368
+ function create_else_block$1(ctx) {
11369
+ let button;
11370
+ let current;
11371
+ let mounted;
11372
+ let dispose;
11373
+ const default_slot_template = /*#slots*/ ctx[6].default;
11374
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[5], null);
11375
+
11376
+ let button_levels = [
11377
+ { class: CLICKABLE_CLASS },
11378
+ { style: /*style*/ ctx[1] },
11379
+ dataAttrStopPropagation('click')
11380
+ ];
11381
+
11382
+ let button_data = {};
11383
+
11384
+ for (let i = 0; i < button_levels.length; i += 1) {
11385
+ button_data = assign(button_data, button_levels[i]);
11386
+ }
11364
11387
 
11365
11388
  return {
11366
11389
  c() {
11367
- div = element("div");
11368
- img = element("img");
11369
- if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
11370
- attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
11371
- attr(img, "style", /*imgStyle*/ ctx[2]);
11372
- attr(div, "class", "avatar svelte-jnsixl");
11373
- attr(div, "data-layer-id", /*layerId*/ ctx[1]);
11374
- attr(div, "style", /*style*/ ctx[3]);
11390
+ button = element("button");
11391
+ if (default_slot) default_slot.c();
11392
+ set_attributes(button, button_data);
11393
+ toggle_class(button, "svelte-uxu0y3", true);
11375
11394
  },
11376
11395
  m(target, anchor) {
11377
- insert(target, div, anchor);
11378
- append(div, img);
11379
- },
11380
- p(ctx, [dirty]) {
11381
- if (dirty & /*props*/ 1 && !src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) {
11382
- attr(img, "src", img_src_value);
11383
- }
11396
+ insert(target, button, anchor);
11384
11397
 
11385
- if (dirty & /*props*/ 1 && img_alt_value !== (img_alt_value = /*props*/ ctx[0].alt)) {
11386
- attr(img, "alt", img_alt_value);
11398
+ if (default_slot) {
11399
+ default_slot.m(button, null);
11387
11400
  }
11388
11401
 
11389
- if (dirty & /*imgStyle*/ 4) {
11390
- attr(img, "style", /*imgStyle*/ ctx[2]);
11391
- }
11402
+ if (button.autofocus) button.focus();
11403
+ current = true;
11392
11404
 
11393
- if (dirty & /*layerId*/ 2) {
11394
- attr(div, "data-layer-id", /*layerId*/ ctx[1]);
11405
+ if (!mounted) {
11406
+ dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[2]));
11407
+ mounted = true;
11395
11408
  }
11396
-
11397
- if (dirty & /*style*/ 8) {
11398
- attr(div, "style", /*style*/ ctx[3]);
11409
+ },
11410
+ p(ctx, dirty) {
11411
+ if (default_slot) {
11412
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 32)) {
11413
+ update_slot_base(
11414
+ default_slot,
11415
+ default_slot_template,
11416
+ ctx,
11417
+ /*$$scope*/ ctx[5],
11418
+ !current
11419
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[5])
11420
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[5], dirty, null),
11421
+ null
11422
+ );
11423
+ }
11399
11424
  }
11425
+
11426
+ set_attributes(button, button_data = get_spread_update(button_levels, [
11427
+ { class: CLICKABLE_CLASS },
11428
+ (!current || dirty & /*style*/ 2) && { style: /*style*/ ctx[1] },
11429
+ dataAttrStopPropagation('click')
11430
+ ]));
11431
+
11432
+ toggle_class(button, "svelte-uxu0y3", true);
11433
+ },
11434
+ i(local) {
11435
+ if (current) return;
11436
+ transition_in(default_slot, local);
11437
+ current = true;
11438
+ },
11439
+ o(local) {
11440
+ transition_out(default_slot, local);
11441
+ current = false;
11400
11442
  },
11401
- i: noop,
11402
- o: noop,
11403
11443
  d(detaching) {
11404
- if (detaching) detach(div);
11444
+ if (detaching) detach(button);
11445
+ if (default_slot) default_slot.d(detaching);
11446
+ mounted = false;
11447
+ dispose();
11405
11448
  }
11406
11449
  };
11407
11450
  }
11408
11451
 
11409
- function instance$B($$self, $$props, $$invalidate) {
11410
- let style;
11411
- let imgStyle;
11412
- let { props = {} } = $$props;
11413
- let { layerId = '' } = $$props;
11452
+ // (28:39)
11453
+ function create_if_block_1$1(ctx) {
11454
+ let div;
11455
+ let current;
11456
+ const default_slot_template = /*#slots*/ ctx[6].default;
11457
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[5], null);
11414
11458
 
11415
- const VARIANTS = {
11416
- shape: {
11417
- circle: { borderRadius: '100%' },
11418
- square: { borderRadius: '4px' }
11419
- }
11420
- };
11459
+ return {
11460
+ c() {
11461
+ div = element("div");
11462
+ if (default_slot) default_slot.c();
11463
+ attr(div, "class", "" + (null_to_empty(CLICKABLE_CLASS) + " svelte-uxu0y3"));
11464
+ attr(div, "style", /*style*/ ctx[1]);
11465
+ },
11466
+ m(target, anchor) {
11467
+ insert(target, div, anchor);
11421
11468
 
11422
- const size = props.size ?? 64;
11469
+ if (default_slot) {
11470
+ default_slot.m(div, null);
11471
+ }
11423
11472
 
11424
- $$self.$$set = $$props => {
11425
- if ('props' in $$props) $$invalidate(0, props = $$props.props);
11426
- if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
11427
- };
11473
+ current = true;
11474
+ },
11475
+ p(ctx, dirty) {
11476
+ if (default_slot) {
11477
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 32)) {
11478
+ update_slot_base(
11479
+ default_slot,
11480
+ default_slot_template,
11481
+ ctx,
11482
+ /*$$scope*/ ctx[5],
11483
+ !current
11484
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[5])
11485
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[5], dirty, null),
11486
+ null
11487
+ );
11488
+ }
11489
+ }
11428
11490
 
11429
- $$self.$$.update = () => {
11430
- if ($$self.$$.dirty & /*props*/ 1) {
11431
- $$invalidate(3, style = objToStyle({
11432
- width: `${size}px`,
11433
- height: `${size}px`,
11434
- ...VARIANTS.shape[props.shape ?? 'square'],
11435
- ...props.bordered && { border: `1px solid #dbdbdb` },
11436
- ...toCssCommon(props)
11437
- }));
11438
- }
11491
+ if (!current || dirty & /*style*/ 2) {
11492
+ attr(div, "style", /*style*/ ctx[1]);
11493
+ }
11494
+ },
11495
+ i(local) {
11496
+ if (current) return;
11497
+ transition_in(default_slot, local);
11498
+ current = true;
11499
+ },
11500
+ o(local) {
11501
+ transition_out(default_slot, local);
11502
+ current = false;
11503
+ },
11504
+ d(detaching) {
11505
+ if (detaching) detach(div);
11506
+ if (default_slot) default_slot.d(detaching);
11507
+ }
11508
+ };
11509
+ }
11510
+
11511
+ // (17:0) {#if onClick.operation === 'linkTo'}
11512
+ function create_if_block$6(ctx) {
11513
+ let a;
11514
+ let a_href_value;
11515
+ let a_target_value;
11516
+ let current;
11517
+ let mounted;
11518
+ let dispose;
11519
+ const default_slot_template = /*#slots*/ ctx[6].default;
11520
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[5], null);
11521
+
11522
+ let a_levels = [
11523
+ { class: CLICKABLE_CLASS },
11524
+ { style: /*style*/ ctx[1] },
11525
+ {
11526
+ href: a_href_value = /*onClick*/ ctx[0].args[2]
11527
+ ? decodeURI(/*onClick*/ ctx[0].args[0])
11528
+ : /*onClick*/ ctx[0].args[0]
11529
+ },
11530
+ {
11531
+ target: a_target_value = /*onClick*/ ctx[0].args[1] === true ? '_blank' : null
11532
+ },
11533
+ dataAttrStopPropagation('click')
11534
+ ];
11535
+
11536
+ let a_data = {};
11537
+
11538
+ for (let i = 0; i < a_levels.length; i += 1) {
11539
+ a_data = assign(a_data, a_levels[i]);
11540
+ }
11541
+
11542
+ return {
11543
+ c() {
11544
+ a = element("a");
11545
+ if (default_slot) default_slot.c();
11546
+ set_attributes(a, a_data);
11547
+ toggle_class(a, "svelte-uxu0y3", true);
11548
+ },
11549
+ m(target, anchor) {
11550
+ insert(target, a, anchor);
11551
+
11552
+ if (default_slot) {
11553
+ default_slot.m(a, null);
11554
+ }
11555
+
11556
+ current = true;
11557
+
11558
+ if (!mounted) {
11559
+ dispose = listen(a, "click", prevent_default(checkStopPropagation('click', /*handleClick*/ ctx[2])));
11560
+ mounted = true;
11561
+ }
11562
+ },
11563
+ p(ctx, dirty) {
11564
+ if (default_slot) {
11565
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 32)) {
11566
+ update_slot_base(
11567
+ default_slot,
11568
+ default_slot_template,
11569
+ ctx,
11570
+ /*$$scope*/ ctx[5],
11571
+ !current
11572
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[5])
11573
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[5], dirty, null),
11574
+ null
11575
+ );
11576
+ }
11577
+ }
11578
+
11579
+ set_attributes(a, a_data = get_spread_update(a_levels, [
11580
+ { class: CLICKABLE_CLASS },
11581
+ (!current || dirty & /*style*/ 2) && { style: /*style*/ ctx[1] },
11582
+ (!current || dirty & /*onClick*/ 1 && a_href_value !== (a_href_value = /*onClick*/ ctx[0].args[2]
11583
+ ? decodeURI(/*onClick*/ ctx[0].args[0])
11584
+ : /*onClick*/ ctx[0].args[0])) && { href: a_href_value },
11585
+ (!current || dirty & /*onClick*/ 1 && a_target_value !== (a_target_value = /*onClick*/ ctx[0].args[1] === true ? '_blank' : null)) && { target: a_target_value },
11586
+ dataAttrStopPropagation('click')
11587
+ ]));
11588
+
11589
+ toggle_class(a, "svelte-uxu0y3", true);
11590
+ },
11591
+ i(local) {
11592
+ if (current) return;
11593
+ transition_in(default_slot, local);
11594
+ current = true;
11595
+ },
11596
+ o(local) {
11597
+ transition_out(default_slot, local);
11598
+ current = false;
11599
+ },
11600
+ d(detaching) {
11601
+ if (detaching) detach(a);
11602
+ if (default_slot) default_slot.d(detaching);
11603
+ mounted = false;
11604
+ dispose();
11605
+ }
11606
+ };
11607
+ }
11608
+
11609
+ function create_fragment$C(ctx) {
11610
+ let current_block_type_index;
11611
+ let if_block;
11612
+ let if_block_anchor;
11613
+ let current;
11614
+ const if_block_creators = [create_if_block$6, create_if_block_1$1, create_else_block$1];
11615
+ const if_blocks = [];
11616
+
11617
+ function select_block_type(ctx, dirty) {
11618
+ if (/*onClick*/ ctx[0].operation === 'linkTo') return 0;
11619
+ if (/*onClick*/ ctx[0].operation === 'none') return 1;
11620
+ return 2;
11621
+ }
11622
+
11623
+ current_block_type_index = select_block_type(ctx);
11624
+ if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
11625
+
11626
+ return {
11627
+ c() {
11628
+ if_block.c();
11629
+ if_block_anchor = empty();
11630
+ },
11631
+ m(target, anchor) {
11632
+ if_blocks[current_block_type_index].m(target, anchor);
11633
+ insert(target, if_block_anchor, anchor);
11634
+ current = true;
11635
+ },
11636
+ p(ctx, [dirty]) {
11637
+ let previous_block_index = current_block_type_index;
11638
+ current_block_type_index = select_block_type(ctx);
11639
+
11640
+ if (current_block_type_index === previous_block_index) {
11641
+ if_blocks[current_block_type_index].p(ctx, dirty);
11642
+ } else {
11643
+ group_outros();
11644
+
11645
+ transition_out(if_blocks[previous_block_index], 1, 1, () => {
11646
+ if_blocks[previous_block_index] = null;
11647
+ });
11648
+
11649
+ check_outros();
11650
+ if_block = if_blocks[current_block_type_index];
11651
+
11652
+ if (!if_block) {
11653
+ if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
11654
+ if_block.c();
11655
+ } else {
11656
+ if_block.p(ctx, dirty);
11657
+ }
11658
+
11659
+ transition_in(if_block, 1);
11660
+ if_block.m(if_block_anchor.parentNode, if_block_anchor);
11661
+ }
11662
+ },
11663
+ i(local) {
11664
+ if (current) return;
11665
+ transition_in(if_block);
11666
+ current = true;
11667
+ },
11668
+ o(local) {
11669
+ transition_out(if_block);
11670
+ current = false;
11671
+ },
11672
+ d(detaching) {
11673
+ if_blocks[current_block_type_index].d(detaching);
11674
+ if (detaching) detach(if_block_anchor);
11675
+ }
11676
+ };
11677
+ }
11678
+
11679
+ const CLICKABLE_CLASS = 'clickable';
11680
+
11681
+ function instance$C($$self, $$props, $$invalidate) {
11682
+ let { $$slots: slots = {}, $$scope } = $$props;
11683
+ let { onClick = { operation: 'none', args: [] } } = $$props;
11684
+ let { eventName = '' } = $$props;
11685
+ let { eventValue = undefined } = $$props;
11686
+ let { style = '' } = $$props;
11687
+
11688
+ function handleClick() {
11689
+ if (eventName) {
11690
+ send_event(eventName, eventValue);
11691
+ }
11692
+
11693
+ execOnClickOperation(onClick);
11694
+ }
11695
+
11696
+ $$self.$$set = $$props => {
11697
+ if ('onClick' in $$props) $$invalidate(0, onClick = $$props.onClick);
11698
+ if ('eventName' in $$props) $$invalidate(3, eventName = $$props.eventName);
11699
+ if ('eventValue' in $$props) $$invalidate(4, eventValue = $$props.eventValue);
11700
+ if ('style' in $$props) $$invalidate(1, style = $$props.style);
11701
+ if ('$$scope' in $$props) $$invalidate(5, $$scope = $$props.$$scope);
11702
+ };
11703
+
11704
+ return [onClick, style, handleClick, eventName, eventValue, $$scope, slots];
11705
+ }
11706
+
11707
+ class Clickable extends SvelteComponent {
11708
+ constructor(options) {
11709
+ super();
11710
+
11711
+ init(
11712
+ this,
11713
+ options,
11714
+ instance$C,
11715
+ create_fragment$C,
11716
+ safe_not_equal,
11717
+ {
11718
+ onClick: 0,
11719
+ eventName: 3,
11720
+ eventValue: 4,
11721
+ style: 1
11722
+ },
11723
+ add_css$a
11724
+ );
11725
+ }
11726
+ }
11727
+
11728
+ /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
11729
+
11730
+ function add_css$9(target) {
11731
+ append_styles(target, "svelte-17xar9h", ".avatar.svelte-17xar9h{display:flex;align-items:center;overflow:hidden;flex-shrink:0}");
11732
+ }
11733
+
11734
+ // (34:2) <CLICKABLE onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue} >
11735
+ function create_default_slot$4(ctx) {
11736
+ let img;
11737
+ let img_src_value;
11738
+ let img_alt_value;
11739
+
11740
+ return {
11741
+ c() {
11742
+ img = element("img");
11743
+ if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
11744
+ attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
11745
+ attr(img, "style", /*imgStyle*/ ctx[2]);
11746
+ },
11747
+ m(target, anchor) {
11748
+ insert(target, img, anchor);
11749
+ },
11750
+ p(ctx, dirty) {
11751
+ if (dirty & /*props*/ 1 && !src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) {
11752
+ attr(img, "src", img_src_value);
11753
+ }
11754
+
11755
+ if (dirty & /*props*/ 1 && img_alt_value !== (img_alt_value = /*props*/ ctx[0].alt)) {
11756
+ attr(img, "alt", img_alt_value);
11757
+ }
11758
+
11759
+ if (dirty & /*imgStyle*/ 4) {
11760
+ attr(img, "style", /*imgStyle*/ ctx[2]);
11761
+ }
11762
+ },
11763
+ d(detaching) {
11764
+ if (detaching) detach(img);
11765
+ }
11766
+ };
11767
+ }
11768
+
11769
+ function create_fragment$B(ctx) {
11770
+ let div;
11771
+ let clickable;
11772
+ let current;
11773
+
11774
+ clickable = new Clickable({
11775
+ props: {
11776
+ onClick: /*props*/ ctx[0].onClick,
11777
+ eventName: /*props*/ ctx[0].eventName,
11778
+ eventValue: /*props*/ ctx[0].eventValue,
11779
+ $$slots: { default: [create_default_slot$4] },
11780
+ $$scope: { ctx }
11781
+ }
11782
+ });
11783
+
11784
+ return {
11785
+ c() {
11786
+ div = element("div");
11787
+ create_component(clickable.$$.fragment);
11788
+ attr(div, "class", "avatar svelte-17xar9h");
11789
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
11790
+ attr(div, "style", /*style*/ ctx[3]);
11791
+ },
11792
+ m(target, anchor) {
11793
+ insert(target, div, anchor);
11794
+ mount_component(clickable, div, null);
11795
+ current = true;
11796
+ },
11797
+ p(ctx, [dirty]) {
11798
+ const clickable_changes = {};
11799
+ if (dirty & /*props*/ 1) clickable_changes.onClick = /*props*/ ctx[0].onClick;
11800
+ if (dirty & /*props*/ 1) clickable_changes.eventName = /*props*/ ctx[0].eventName;
11801
+ if (dirty & /*props*/ 1) clickable_changes.eventValue = /*props*/ ctx[0].eventValue;
11802
+
11803
+ if (dirty & /*$$scope, props, imgStyle*/ 69) {
11804
+ clickable_changes.$$scope = { dirty, ctx };
11805
+ }
11806
+
11807
+ clickable.$set(clickable_changes);
11808
+
11809
+ if (!current || dirty & /*layerId*/ 2) {
11810
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
11811
+ }
11812
+
11813
+ if (!current || dirty & /*style*/ 8) {
11814
+ attr(div, "style", /*style*/ ctx[3]);
11815
+ }
11816
+ },
11817
+ i(local) {
11818
+ if (current) return;
11819
+ transition_in(clickable.$$.fragment, local);
11820
+ current = true;
11821
+ },
11822
+ o(local) {
11823
+ transition_out(clickable.$$.fragment, local);
11824
+ current = false;
11825
+ },
11826
+ d(detaching) {
11827
+ if (detaching) detach(div);
11828
+ destroy_component(clickable);
11829
+ }
11830
+ };
11831
+ }
11832
+
11833
+ function instance$B($$self, $$props, $$invalidate) {
11834
+ let style;
11835
+ let imgStyle;
11836
+ let { props = {} } = $$props;
11837
+ let { layerId = '' } = $$props;
11838
+
11839
+ const VARIANTS = {
11840
+ shape: {
11841
+ circle: { borderRadius: '100%' },
11842
+ square: { borderRadius: '4px' }
11843
+ }
11844
+ };
11845
+
11846
+ const size = props.size ?? 64;
11847
+
11848
+ $$self.$$set = $$props => {
11849
+ if ('props' in $$props) $$invalidate(0, props = $$props.props);
11850
+ if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
11851
+ };
11852
+
11853
+ $$self.$$.update = () => {
11854
+ if ($$self.$$.dirty & /*props*/ 1) {
11855
+ $$invalidate(3, style = objToStyle({
11856
+ width: `${size}px`,
11857
+ height: `${size}px`,
11858
+ ...VARIANTS.shape[props.shape ?? 'square'],
11859
+ ...props.bordered && { border: `1px solid #dbdbdb` },
11860
+ ...toCssCommon(props)
11861
+ }));
11862
+ }
11439
11863
  };
11440
11864
 
11441
11865
  $$invalidate(2, imgStyle = objToStyle({
@@ -11466,6 +11890,41 @@ const AVATAR_SHAPE = {
11466
11890
  square: 'スクエア',
11467
11891
  };
11468
11892
 
11893
+ const BUTTON_SIZE = {
11894
+ extra_small: 'XSmall',
11895
+ small: 'Small',
11896
+ medium: 'Medium',
11897
+ large: 'Large',
11898
+ extra_large: 'XLarge',
11899
+ };
11900
+ const BUTTON_THEME = {
11901
+ default: 'デフォルト',
11902
+ theme: 'テーマカラー',
11903
+ alert: 'アラート',
11904
+ transparent: '背景なし',
11905
+ };
11906
+ const BUTTON_ROUND = {
11907
+ default: 'デフォルト',
11908
+ none: 'なし',
11909
+ fulled: '円形',
11910
+ };
11911
+ const BUTTON_LINK_TARGET = {
11912
+ _self: '画面内遷移',
11913
+ _blank: '別タブで開く',
11914
+ };
11915
+ const BUTTON_ICON_ANGLE = {
11916
+ row: '左側',
11917
+ 'row-reverse': '右側',
11918
+ };
11919
+ const buttonPropsDefault = {
11920
+ label: 'ボタン',
11921
+ size: 'medium',
11922
+ theme: 'default',
11923
+ round: 'default',
11924
+ width: 'auto',
11925
+ wrap: 'nowrap',
11926
+ };
11927
+
11469
11928
  /* src/components-flex/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
11470
11929
 
11471
11930
  function create_fragment$A(ctx) {
@@ -12955,45 +13414,90 @@ const ICON_VARIANTS = {
12955
13414
  users: IconUsers,
12956
13415
  x_mark: IconXMark,
12957
13416
  };
12958
- // @ts-ignore
12959
- const ICON_PARAMS = [
12960
- {
12961
- id: 'variant',
12962
- name: 'アイコン',
12963
- type: 'icon',
12964
- },
12965
- {
12966
- id: 'color',
12967
- name: 'カラー',
12968
- type: 'color',
12969
- },
12970
- {
12971
- id: 'size',
12972
- name: 'サイズ',
12973
- type: 'select',
12974
- options: Object.keys(ICON_SIZE).map(key => ({
12975
- label: ICON_SIZE[key].label,
12976
- value: ICON_SIZE[key].value,
12977
- })),
12978
- },
12979
- ];
12980
13417
 
12981
13418
  /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
12982
13419
 
12983
13420
  function add_css$8(target) {
12984
- append_styles(target, "svelte-u5222d", ".icon.svelte-u5222d{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
13421
+ append_styles(target, "svelte-1ou0ruz", ".icon.svelte-1ou0ruz{display:flex;align-items:center;overflow:hidden;width:auto}");
12985
13422
  }
12986
13423
 
12987
13424
  // (21:0) {#if (IconComponent)}
12988
13425
  function create_if_block$5(ctx) {
12989
13426
  let div;
13427
+ let clickable;
13428
+ let current;
13429
+
13430
+ clickable = new Clickable({
13431
+ props: {
13432
+ onClick: /*props*/ ctx[0].onClick,
13433
+ eventName: /*props*/ ctx[0].eventName,
13434
+ eventValue: /*props*/ ctx[0].eventValue,
13435
+ $$slots: { default: [create_default_slot$3] },
13436
+ $$scope: { ctx }
13437
+ }
13438
+ });
13439
+
13440
+ return {
13441
+ c() {
13442
+ div = element("div");
13443
+ create_component(clickable.$$.fragment);
13444
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
13445
+ attr(div, "class", "icon svelte-1ou0ruz");
13446
+ attr(div, "style", /*style*/ ctx[3]);
13447
+ },
13448
+ m(target, anchor) {
13449
+ insert(target, div, anchor);
13450
+ mount_component(clickable, div, null);
13451
+ current = true;
13452
+ },
13453
+ p(ctx, dirty) {
13454
+ const clickable_changes = {};
13455
+ if (dirty & /*props*/ 1) clickable_changes.onClick = /*props*/ ctx[0].onClick;
13456
+ if (dirty & /*props*/ 1) clickable_changes.eventName = /*props*/ ctx[0].eventName;
13457
+ if (dirty & /*props*/ 1) clickable_changes.eventValue = /*props*/ ctx[0].eventValue;
13458
+
13459
+ if (dirty & /*$$scope, IconComponent, props*/ 37) {
13460
+ clickable_changes.$$scope = { dirty, ctx };
13461
+ }
13462
+
13463
+ clickable.$set(clickable_changes);
13464
+
13465
+ if (!current || dirty & /*layerId*/ 2) {
13466
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
13467
+ }
13468
+
13469
+ if (!current || dirty & /*style*/ 8) {
13470
+ attr(div, "style", /*style*/ ctx[3]);
13471
+ }
13472
+ },
13473
+ i(local) {
13474
+ if (current) return;
13475
+ transition_in(clickable.$$.fragment, local);
13476
+ current = true;
13477
+ },
13478
+ o(local) {
13479
+ transition_out(clickable.$$.fragment, local);
13480
+ current = false;
13481
+ },
13482
+ d(detaching) {
13483
+ if (detaching) detach(div);
13484
+ destroy_component(clickable);
13485
+ }
13486
+ };
13487
+ }
13488
+
13489
+ // (23:4) <CLICKABLE onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue}>
13490
+ function create_default_slot$3(ctx) {
12990
13491
  let switch_instance;
13492
+ let switch_instance_anchor;
12991
13493
  let current;
12992
13494
  var switch_value = /*IconComponent*/ ctx[2];
12993
13495
 
12994
13496
  function switch_props(ctx) {
12995
13497
  return {
12996
- props: { color: /*props*/ ctx[0].color ?? '#333' }
13498
+ props: {
13499
+ color: /*props*/ ctx[0].color ?? 'currentColor'
13500
+ }
12997
13501
  };
12998
13502
  }
12999
13503
 
@@ -13003,20 +13507,17 @@ function create_if_block$5(ctx) {
13003
13507
 
13004
13508
  return {
13005
13509
  c() {
13006
- div = element("div");
13007
13510
  if (switch_instance) create_component(switch_instance.$$.fragment);
13008
- attr(div, "data-layer-id", /*layerId*/ ctx[1]);
13009
- attr(div, "class", "icon svelte-u5222d");
13010
- attr(div, "style", /*style*/ ctx[3]);
13511
+ switch_instance_anchor = empty();
13011
13512
  },
13012
13513
  m(target, anchor) {
13013
- insert(target, div, anchor);
13014
- if (switch_instance) mount_component(switch_instance, div, null);
13514
+ if (switch_instance) mount_component(switch_instance, target, anchor);
13515
+ insert(target, switch_instance_anchor, anchor);
13015
13516
  current = true;
13016
13517
  },
13017
13518
  p(ctx, dirty) {
13018
13519
  const switch_instance_changes = {};
13019
- if (dirty & /*props*/ 1) switch_instance_changes.color = /*props*/ ctx[0].color ?? '#333';
13520
+ if (dirty & /*props*/ 1) switch_instance_changes.color = /*props*/ ctx[0].color ?? 'currentColor';
13020
13521
 
13021
13522
  if (switch_value !== (switch_value = /*IconComponent*/ ctx[2])) {
13022
13523
  if (switch_instance) {
@@ -13034,21 +13535,13 @@ function create_if_block$5(ctx) {
13034
13535
  switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
13035
13536
  create_component(switch_instance.$$.fragment);
13036
13537
  transition_in(switch_instance.$$.fragment, 1);
13037
- mount_component(switch_instance, div, null);
13538
+ mount_component(switch_instance, switch_instance_anchor.parentNode, switch_instance_anchor);
13038
13539
  } else {
13039
13540
  switch_instance = null;
13040
13541
  }
13041
13542
  } else if (switch_value) {
13042
13543
  switch_instance.$set(switch_instance_changes);
13043
13544
  }
13044
-
13045
- if (!current || dirty & /*layerId*/ 2) {
13046
- attr(div, "data-layer-id", /*layerId*/ ctx[1]);
13047
- }
13048
-
13049
- if (!current || dirty & /*style*/ 8) {
13050
- attr(div, "style", /*style*/ ctx[3]);
13051
- }
13052
13545
  },
13053
13546
  i(local) {
13054
13547
  if (current) return;
@@ -13060,8 +13553,8 @@ function create_if_block$5(ctx) {
13060
13553
  current = false;
13061
13554
  },
13062
13555
  d(detaching) {
13063
- if (detaching) detach(div);
13064
- if (switch_instance) destroy_component(switch_instance);
13556
+ if (detaching) detach(switch_instance_anchor);
13557
+ if (switch_instance) destroy_component(switch_instance, detaching);
13065
13558
  }
13066
13559
  };
13067
13560
  }
@@ -13141,8 +13634,6 @@ function instance$8($$self, $$props, $$invalidate) {
13141
13634
  };
13142
13635
  };
13143
13636
 
13144
- console.log(props.color);
13145
-
13146
13637
  $$self.$$set = $$props => {
13147
13638
  if ('props' in $$props) $$invalidate(0, props = $$props.props);
13148
13639
  if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
@@ -13168,6 +13659,87 @@ class Icon extends SvelteComponent {
13168
13659
  }
13169
13660
  }
13170
13661
 
13662
+ const BUTTON_SIZE_STYLES = {
13663
+ extra_small: {
13664
+ minHeight: '32px',
13665
+ paddingInline: '12px',
13666
+ fontSize: '12px',
13667
+ paddingBlock: '8px',
13668
+ lineHeight: 1.5,
13669
+ borderRadius: '4px',
13670
+ },
13671
+ small: {
13672
+ minHeight: '36px',
13673
+ paddingInline: '16px',
13674
+ fontSize: '13px',
13675
+ paddingBlock: '8px',
13676
+ lineHeight: 1.5,
13677
+ borderRadius: '4px',
13678
+ },
13679
+ medium: {
13680
+ minHeight: '40px',
13681
+ paddingInline: '24px',
13682
+ fontSize: '14px',
13683
+ paddingBlock: '8px',
13684
+ lineHeight: 1.5,
13685
+ borderRadius: '4px',
13686
+ },
13687
+ large: {
13688
+ minHeight: '48px',
13689
+ paddingInline: '32px',
13690
+ fontSize: '14px',
13691
+ paddingBlock: '10px',
13692
+ lineHeight: 1.5,
13693
+ borderRadius: '4px',
13694
+ },
13695
+ extra_large: {
13696
+ minHeight: '56px',
13697
+ paddingInline: '40px',
13698
+ fontSize: '17px',
13699
+ paddingBlock: '12px',
13700
+ lineHeight: 1.5,
13701
+ borderRadius: '4px',
13702
+ },
13703
+ };
13704
+ const BUTTON_THEME_STYLES = {
13705
+ theme: {
13706
+ backgroundColor: 'rgba(18,160,160,1)',
13707
+ color: '#FFFFFF',
13708
+ fontWeight: 'bold',
13709
+ },
13710
+ default: {
13711
+ backgroundColor: '#33403e',
13712
+ color: '#FFFFFF',
13713
+ fontWeight: 'bold',
13714
+ },
13715
+ transparent: {
13716
+ backgroundColor: 'rgba(255, 255, 255, 0)',
13717
+ color: '#00100ea1',
13718
+ fontWeight: 'bold',
13719
+ },
13720
+ alert: {
13721
+ backgroundColor: 'rgb(242,83,32,1)',
13722
+ color: '#FFFFFF',
13723
+ fontWeight: 'bold',
13724
+ },
13725
+ };
13726
+ const BUTTON_ROUND_STYLES = {
13727
+ none: {
13728
+ borderRadius: 0,
13729
+ },
13730
+ default: {},
13731
+ fulled: {
13732
+ borderRadius: '56px',
13733
+ },
13734
+ };
13735
+ const BUTTON_WRAP_STYLES = {
13736
+ nowrap: {
13737
+ whiteSpace: 'nowrap',
13738
+ },
13739
+ wrap: {
13740
+ whiteSpace: 'pre-wrap',
13741
+ },
13742
+ };
13171
13743
  const BUTTON_VARIANTS = {
13172
13744
  size: {
13173
13745
  extra_small: {
@@ -13258,10 +13830,10 @@ const BUTTON_VARIANTS = {
13258
13830
  /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
13259
13831
 
13260
13832
  function add_css$7(target) {
13261
- 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}");
13833
+ 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}");
13262
13834
  }
13263
13835
 
13264
- // (49:2) {#if (props.isIcon && props.iconVariant)}
13836
+ // (37:4) {#if props.isIcon && props.iconVariant}
13265
13837
  function create_if_block$4(ctx) {
13266
13838
  let div;
13267
13839
  let icon;
@@ -13271,7 +13843,9 @@ function create_if_block$4(ctx) {
13271
13843
  props: {
13272
13844
  props: {
13273
13845
  variant: /*props*/ ctx[0].iconVariant,
13274
- color: /*props*/ ctx[0].color ?? BUTTON_VARIANTS.theme[/*props*/ ctx[0].theme ?? 'default'].color
13846
+ color: /*props*/ ctx[0].color ?? /*buttonThemeStyle*/ ctx[3].color,
13847
+ width: '1em',
13848
+ height: '1em'
13275
13849
  }
13276
13850
  }
13277
13851
  });
@@ -13280,7 +13854,7 @@ function create_if_block$4(ctx) {
13280
13854
  c() {
13281
13855
  div = element("div");
13282
13856
  create_component(icon.$$.fragment);
13283
- attr(div, "class", "button-icon svelte-15m50q3");
13857
+ attr(div, "class", "button-icon svelte-cmn44g");
13284
13858
  },
13285
13859
  m(target, anchor) {
13286
13860
  insert(target, div, anchor);
@@ -13292,7 +13866,9 @@ function create_if_block$4(ctx) {
13292
13866
 
13293
13867
  if (dirty & /*props*/ 1) icon_changes.props = {
13294
13868
  variant: /*props*/ ctx[0].iconVariant,
13295
- color: /*props*/ ctx[0].color ?? BUTTON_VARIANTS.theme[/*props*/ ctx[0].theme ?? 'default'].color
13869
+ color: /*props*/ ctx[0].color ?? /*buttonThemeStyle*/ ctx[3].color,
13870
+ width: '1em',
13871
+ height: '1em'
13296
13872
  };
13297
13873
 
13298
13874
  icon.$set(icon_changes);
@@ -13313,113 +13889,143 @@ function create_if_block$4(ctx) {
13313
13889
  };
13314
13890
  }
13315
13891
 
13316
- function create_fragment$7(ctx) {
13317
- let button;
13892
+ // (36:2) <CLICKABLE onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue}>
13893
+ function create_default_slot$2(ctx) {
13318
13894
  let t0;
13319
13895
  let span;
13320
- let t1_value = /*props*/ ctx[0].label + "";
13896
+ let t1_value = (/*props*/ ctx[0].label ?? buttonPropsDefault.label) + "";
13321
13897
  let t1;
13322
13898
  let current;
13323
- let mounted;
13324
- let dispose;
13325
13899
  let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block$4(ctx);
13326
13900
 
13327
13901
  return {
13328
13902
  c() {
13329
- button = element("button");
13330
13903
  if (if_block) if_block.c();
13331
13904
  t0 = space();
13332
13905
  span = element("span");
13333
13906
  t1 = text(t1_value);
13334
- attr(button, "data-layer-id", /*layerId*/ ctx[1]);
13335
- attr(button, "style", /*style*/ ctx[2]);
13336
- attr(button, "class", "button svelte-15m50q3");
13337
13907
  },
13338
13908
  m(target, anchor) {
13339
- insert(target, button, anchor);
13340
- if (if_block) if_block.m(button, null);
13341
- append(button, t0);
13342
- append(button, span);
13343
- append(span, t1);
13909
+ if (if_block) if_block.m(target, anchor);
13910
+ insert(target, t0, anchor);
13911
+ insert(target, span, anchor);
13912
+ append(span, t1);
13913
+ current = true;
13914
+ },
13915
+ p(ctx, dirty) {
13916
+ if (/*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant) {
13917
+ if (if_block) {
13918
+ if_block.p(ctx, dirty);
13919
+
13920
+ if (dirty & /*props*/ 1) {
13921
+ transition_in(if_block, 1);
13922
+ }
13923
+ } else {
13924
+ if_block = create_if_block$4(ctx);
13925
+ if_block.c();
13926
+ transition_in(if_block, 1);
13927
+ if_block.m(t0.parentNode, t0);
13928
+ }
13929
+ } else if (if_block) {
13930
+ group_outros();
13931
+
13932
+ transition_out(if_block, 1, 1, () => {
13933
+ if_block = null;
13934
+ });
13935
+
13936
+ check_outros();
13937
+ }
13938
+
13939
+ if ((!current || dirty & /*props*/ 1) && t1_value !== (t1_value = (/*props*/ ctx[0].label ?? buttonPropsDefault.label) + "")) set_data(t1, t1_value);
13940
+ },
13941
+ i(local) {
13942
+ if (current) return;
13943
+ transition_in(if_block);
13944
+ current = true;
13945
+ },
13946
+ o(local) {
13947
+ transition_out(if_block);
13948
+ current = false;
13949
+ },
13950
+ d(detaching) {
13951
+ if (if_block) if_block.d(detaching);
13952
+ if (detaching) detach(t0);
13953
+ if (detaching) detach(span);
13954
+ }
13955
+ };
13956
+ }
13957
+
13958
+ function create_fragment$7(ctx) {
13959
+ let div;
13960
+ let clickable;
13961
+ let current;
13962
+
13963
+ clickable = new Clickable({
13964
+ props: {
13965
+ onClick: /*props*/ ctx[0].onClick,
13966
+ eventName: /*props*/ ctx[0].eventName,
13967
+ eventValue: /*props*/ ctx[0].eventValue,
13968
+ $$slots: { default: [create_default_slot$2] },
13969
+ $$scope: { ctx }
13970
+ }
13971
+ });
13972
+
13973
+ return {
13974
+ c() {
13975
+ div = element("div");
13976
+ create_component(clickable.$$.fragment);
13977
+ attr(div, "class", "button svelte-cmn44g");
13978
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
13979
+ attr(div, "style", /*style*/ ctx[2]);
13980
+ },
13981
+ m(target, anchor) {
13982
+ insert(target, div, anchor);
13983
+ mount_component(clickable, div, null);
13344
13984
  current = true;
13345
-
13346
- if (!mounted) {
13347
- dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[3]));
13348
- mounted = true;
13349
- }
13350
13985
  },
13351
13986
  p(ctx, [dirty]) {
13352
- if (/*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant) {
13353
- if (if_block) {
13354
- if_block.p(ctx, dirty);
13355
-
13356
- if (dirty & /*props*/ 1) {
13357
- transition_in(if_block, 1);
13358
- }
13359
- } else {
13360
- if_block = create_if_block$4(ctx);
13361
- if_block.c();
13362
- transition_in(if_block, 1);
13363
- if_block.m(button, t0);
13364
- }
13365
- } else if (if_block) {
13366
- group_outros();
13367
-
13368
- transition_out(if_block, 1, 1, () => {
13369
- if_block = null;
13370
- });
13987
+ const clickable_changes = {};
13988
+ if (dirty & /*props*/ 1) clickable_changes.onClick = /*props*/ ctx[0].onClick;
13989
+ if (dirty & /*props*/ 1) clickable_changes.eventName = /*props*/ ctx[0].eventName;
13990
+ if (dirty & /*props*/ 1) clickable_changes.eventValue = /*props*/ ctx[0].eventValue;
13371
13991
 
13372
- check_outros();
13992
+ if (dirty & /*$$scope, props*/ 17) {
13993
+ clickable_changes.$$scope = { dirty, ctx };
13373
13994
  }
13374
13995
 
13375
- if ((!current || dirty & /*props*/ 1) && t1_value !== (t1_value = /*props*/ ctx[0].label + "")) set_data(t1, t1_value);
13996
+ clickable.$set(clickable_changes);
13376
13997
 
13377
13998
  if (!current || dirty & /*layerId*/ 2) {
13378
- attr(button, "data-layer-id", /*layerId*/ ctx[1]);
13999
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
13379
14000
  }
13380
14001
 
13381
14002
  if (!current || dirty & /*style*/ 4) {
13382
- attr(button, "style", /*style*/ ctx[2]);
14003
+ attr(div, "style", /*style*/ ctx[2]);
13383
14004
  }
13384
14005
  },
13385
14006
  i(local) {
13386
14007
  if (current) return;
13387
- transition_in(if_block);
14008
+ transition_in(clickable.$$.fragment, local);
13388
14009
  current = true;
13389
14010
  },
13390
14011
  o(local) {
13391
- transition_out(if_block);
14012
+ transition_out(clickable.$$.fragment, local);
13392
14013
  current = false;
13393
14014
  },
13394
14015
  d(detaching) {
13395
- if (detaching) detach(button);
13396
- if (if_block) if_block.d();
13397
- mounted = false;
13398
- dispose();
14016
+ if (detaching) detach(div);
14017
+ destroy_component(clickable);
13399
14018
  }
13400
14019
  };
13401
14020
  }
13402
14021
 
13403
14022
  function instance$7($$self, $$props, $$invalidate) {
13404
14023
  let style;
13405
- let { onClick = { operation: 'none', args: [] } } = $$props;
13406
- let { eventName = '' } = $$props;
13407
- let { eventValue = undefined } = $$props;
13408
14024
  let { props = {} } = $$props;
13409
14025
  let { layerId = '' } = $$props;
13410
-
13411
- function handleClick() {
13412
- if (eventName) {
13413
- send_event(eventName, eventValue);
13414
- }
13415
-
13416
- execOnClickOperation(onClick);
13417
- }
14026
+ const buttonThemeStyle = BUTTON_THEME_STYLES[props.theme ?? buttonPropsDefault.theme];
13418
14027
 
13419
14028
  $$self.$$set = $$props => {
13420
- if ('onClick' in $$props) $$invalidate(4, onClick = $$props.onClick);
13421
- if ('eventName' in $$props) $$invalidate(5, eventName = $$props.eventName);
13422
- if ('eventValue' in $$props) $$invalidate(6, eventValue = $$props.eventValue);
13423
14029
  if ('props' in $$props) $$invalidate(0, props = $$props.props);
13424
14030
  if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
13425
14031
  };
@@ -13435,76 +14041,35 @@ function instance$7($$self, $$props, $$invalidate) {
13435
14041
  border: 0,
13436
14042
  transition: 'background-color 0.12s, border-color 0.12s, color 0.12s',
13437
14043
  width: props.width,
13438
- backgroundColor: props.backgroundColor ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].backgroundColor,
13439
- color: props.color ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].color,
13440
- fontWeight: props.fontWeight ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].fontWeight,
13441
- ...BUTTON_VARIANTS.size[props.size ?? 'medium'],
13442
- ...BUTTON_VARIANTS.wrap[props.wrap ?? 'nowrap'],
13443
- ...BUTTON_VARIANTS.round[props.round ?? 'default'],
14044
+ backgroundColor: props.backgroundColor ?? buttonThemeStyle.backgroundColor,
14045
+ color: props.color ?? buttonThemeStyle.color,
14046
+ fontWeight: props.fontWeight ?? buttonThemeStyle.fontWeight,
14047
+ ...BUTTON_SIZE_STYLES[props.size ?? buttonPropsDefault.size],
14048
+ ...BUTTON_WRAP_STYLES[props.wrap ?? buttonPropsDefault.wrap],
14049
+ ...BUTTON_ROUND_STYLES[props.round ?? buttonPropsDefault.round],
13444
14050
  ...props.iconAngle
13445
14051
  ? { flexDirection: props.iconAngle }
13446
14052
  : {},
13447
- ...toCssCommon(props)
14053
+ ...toCssCommon(props),
14054
+ ...toCssBorder(props)
13448
14055
  }));
13449
14056
  }
13450
14057
  };
13451
14058
 
13452
- return [props, layerId, style, handleClick, onClick, eventName, eventValue];
14059
+ return [props, layerId, style, buttonThemeStyle];
13453
14060
  }
13454
14061
 
13455
14062
  class Button extends SvelteComponent {
13456
14063
  constructor(options) {
13457
14064
  super();
13458
-
13459
- init(
13460
- this,
13461
- options,
13462
- instance$7,
13463
- create_fragment$7,
13464
- safe_not_equal,
13465
- {
13466
- onClick: 4,
13467
- eventName: 5,
13468
- eventValue: 6,
13469
- props: 0,
13470
- layerId: 1
13471
- },
13472
- add_css$7
13473
- );
14065
+ init(this, options, instance$7, create_fragment$7, safe_not_equal, { props: 0, layerId: 1 }, add_css$7);
13474
14066
  }
13475
14067
  }
13476
14068
 
13477
- const BUTTON_SIZE = {
13478
- extra_small: 'XSmall',
13479
- small: 'Small',
13480
- medium: 'Medium',
13481
- large: 'Large',
13482
- extra_large: 'XLarge',
13483
- };
13484
- const BUTTON_THEME = {
13485
- default: 'デフォルト',
13486
- theme: 'テーマカラー',
13487
- alert: 'アラート',
13488
- transparent: '背景なし',
13489
- };
13490
- const BUTTON_ROUND = {
13491
- default: 'デフォルト',
13492
- none: 'なし',
13493
- fulled: '円形',
13494
- };
13495
- const BUTTON_LINK_TARGET = {
13496
- _self: '画面内遷移',
13497
- _blank: '別タブで開く',
13498
- };
13499
- const BUTTON_ICON_ANGLE = {
13500
- row: '左側',
13501
- 'row-reverse': '右側',
13502
- };
13503
-
13504
14069
  /* src/components-flex/text-button/TextButton.svelte generated by Svelte v3.53.1 */
13505
14070
 
13506
14071
  function add_css$6(target) {
13507
- 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}");
14072
+ append_styles(target, "svelte-2imv7z", ".flex-text-button.svelte-2imv7z{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;padding:0;text-decoration:underline;background-color:rgba(255, 255, 255, 0);transition:color 0.12s}.flex-text-button.svelte-2imv7z:hover{text-decoration:none}.flex-text-button-icon.svelte-2imv7z{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
13508
14073
  }
13509
14074
 
13510
14075
  // (103:4) {#if props.isIcon && props.iconVariant}
@@ -13526,7 +14091,7 @@ function create_if_block$3(ctx) {
13526
14091
  c() {
13527
14092
  div = element("div");
13528
14093
  create_component(icon.$$.fragment);
13529
- attr(div, "class", "flex-text-button-icon svelte-11jxyiz");
14094
+ attr(div, "class", "flex-text-button-icon svelte-2imv7z");
13530
14095
  },
13531
14096
  m(target, anchor) {
13532
14097
  insert(target, div, anchor);
@@ -13579,7 +14144,7 @@ function create_fragment$6(ctx) {
13579
14144
  t1 = text(t1_value);
13580
14145
  attr(button, "data-layer-id", /*layerId*/ ctx[1]);
13581
14146
  attr(button, "style", /*style*/ ctx[2]);
13582
- attr(button, "class", "flex-text-button svelte-11jxyiz");
14147
+ attr(button, "class", "flex-text-button svelte-2imv7z");
13583
14148
  },
13584
14149
  m(target, anchor) {
13585
14150
  insert(target, button, anchor);
@@ -13816,7 +14381,7 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
13816
14381
  /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
13817
14382
 
13818
14383
  function add_css$5(target) {
13819
- 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')}");
14384
+ 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')}");
13820
14385
  }
13821
14386
 
13822
14387
  // (99:4) {#if hasLabel}
@@ -13832,7 +14397,7 @@ function create_if_block$2(ctx) {
13832
14397
 
13833
14398
  attr(span, "class", "close-button-label " + (/*isLeftLabelPlacement*/ ctx[8]
13834
14399
  ? 'close-button-order-one'
13835
- : '') + " svelte-3fbvvp");
14400
+ : '') + " svelte-sbhaxh");
13836
14401
  },
13837
14402
  m(target, anchor) {
13838
14403
  insert(target, span, anchor);
@@ -13888,16 +14453,16 @@ function create_fragment$5(ctx) {
13888
14453
  path = svg_element("path");
13889
14454
  t = space();
13890
14455
  if (if_block) if_block.c();
13891
- 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");
14456
+ 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");
13892
14457
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
13893
14458
  set_style(svg, "width", "75%");
13894
14459
  set_style(svg, "height", "75%");
13895
- attr(svg, "viewBox", "0 0 50 50");
14460
+ attr(svg, "viewBox", "0 0 384 512");
13896
14461
  attr(svg, "fill", /*color*/ ctx[6]);
13897
14462
  set_attributes(button, button_data);
13898
- toggle_class(button, "svelte-3fbvvp", true);
13899
- attr(div0, "class", "close-button-row svelte-3fbvvp");
13900
- attr(div1, "class", "close svelte-3fbvvp");
14463
+ toggle_class(button, "svelte-sbhaxh", true);
14464
+ attr(div0, "class", "close-button-row svelte-sbhaxh");
14465
+ attr(div1, "class", "close svelte-sbhaxh");
13901
14466
  attr(div1, "style", /*rootStyle*/ ctx[3]);
13902
14467
  },
13903
14468
  m(target, anchor) {
@@ -13923,7 +14488,7 @@ function create_fragment$5(ctx) {
13923
14488
  dataAttrStopPropagation('click')
13924
14489
  ]));
13925
14490
 
13926
- toggle_class(button, "svelte-3fbvvp", true);
14491
+ toggle_class(button, "svelte-sbhaxh", true);
13927
14492
 
13928
14493
  if (/*hasLabel*/ ctx[4]) {
13929
14494
  if (if_block) {
@@ -14018,6 +14583,10 @@ function instance$5($$self, $$props, $$invalidate) {
14018
14583
  }));
14019
14584
  }
14020
14585
 
14586
+ if ($$self.$$.dirty & /*props*/ 512) {
14587
+ $$invalidate(2, labelCssVariable = `--close-button-label-color: ${props.labelColor}`);
14588
+ }
14589
+
14021
14590
  if ($$self.$$.dirty & /*props*/ 512) {
14022
14591
  $$invalidate(1, style = objToStyle({
14023
14592
  width: `${size}px`,
@@ -14025,13 +14594,13 @@ function instance$5($$self, $$props, $$invalidate) {
14025
14594
  ...props.bordered && { border: '1px solid #666' },
14026
14595
  backgroundColor: props.backgroundColor ?? 'transparent',
14027
14596
  ...VARIANTS.round[props.round ?? 'default'],
14028
- ...toCssCommon(props)
14597
+ ...toCssCommon(props),
14598
+ ...toCssBorder(props)
14029
14599
  }));
14030
14600
  }
14031
14601
  };
14032
14602
 
14033
14603
  $$invalidate(4, hasLabel = label !== undefined && label !== '');
14034
- $$invalidate(2, labelCssVariable = '--close-button-label-color: {props.labelColor}');
14035
14604
 
14036
14605
  return [
14037
14606
  layerId,
@@ -14074,11 +14643,11 @@ class CloseButton extends SvelteComponent {
14074
14643
  /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
14075
14644
 
14076
14645
  function add_css$4(target) {
14077
- 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}");
14646
+ 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}");
14078
14647
  }
14079
14648
 
14080
- function create_fragment$4(ctx) {
14081
- let div;
14649
+ // (16:2) <CLICKABLE onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue}>
14650
+ function create_default_slot$1(ctx) {
14082
14651
  let object;
14083
14652
  let img;
14084
14653
  let img_src_value;
@@ -14086,24 +14655,19 @@ function create_fragment$4(ctx) {
14086
14655
 
14087
14656
  return {
14088
14657
  c() {
14089
- div = element("div");
14090
14658
  object = element("object");
14091
14659
  img = element("img");
14092
14660
  if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
14093
14661
  attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
14094
- attr(img, "class", "image-img svelte-1wv9v10");
14662
+ attr(img, "class", "image-img svelte-180u8ho");
14095
14663
  attr(object, "style", /*objectStyle*/ ctx[2]);
14096
- attr(object, "class", "image-object svelte-1wv9v10");
14097
- attr(div, "data-layer-id", /*layerId*/ ctx[1]);
14098
- attr(div, "class", "image svelte-1wv9v10");
14099
- attr(div, "style", /*style*/ ctx[3]);
14664
+ attr(object, "class", "image-object svelte-180u8ho");
14100
14665
  },
14101
14666
  m(target, anchor) {
14102
- insert(target, div, anchor);
14103
- append(div, object);
14667
+ insert(target, object, anchor);
14104
14668
  append(object, img);
14105
14669
  },
14106
- p(ctx, [dirty]) {
14670
+ p(ctx, dirty) {
14107
14671
  if (dirty & /*props*/ 1 && !src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) {
14108
14672
  attr(img, "src", img_src_value);
14109
14673
  }
@@ -14115,19 +14679,73 @@ function create_fragment$4(ctx) {
14115
14679
  if (dirty & /*objectStyle*/ 4) {
14116
14680
  attr(object, "style", /*objectStyle*/ ctx[2]);
14117
14681
  }
14682
+ },
14683
+ d(detaching) {
14684
+ if (detaching) detach(object);
14685
+ }
14686
+ };
14687
+ }
14688
+
14689
+ function create_fragment$4(ctx) {
14690
+ let div;
14691
+ let clickable;
14692
+ let current;
14693
+
14694
+ clickable = new Clickable({
14695
+ props: {
14696
+ onClick: /*props*/ ctx[0].onClick,
14697
+ eventName: /*props*/ ctx[0].eventName,
14698
+ eventValue: /*props*/ ctx[0].eventValue,
14699
+ $$slots: { default: [create_default_slot$1] },
14700
+ $$scope: { ctx }
14701
+ }
14702
+ });
14703
+
14704
+ return {
14705
+ c() {
14706
+ div = element("div");
14707
+ create_component(clickable.$$.fragment);
14708
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
14709
+ attr(div, "class", "image svelte-180u8ho");
14710
+ attr(div, "style", /*style*/ ctx[3]);
14711
+ },
14712
+ m(target, anchor) {
14713
+ insert(target, div, anchor);
14714
+ mount_component(clickable, div, null);
14715
+ current = true;
14716
+ },
14717
+ p(ctx, [dirty]) {
14718
+ const clickable_changes = {};
14719
+ if (dirty & /*props*/ 1) clickable_changes.onClick = /*props*/ ctx[0].onClick;
14720
+ if (dirty & /*props*/ 1) clickable_changes.eventName = /*props*/ ctx[0].eventName;
14721
+ if (dirty & /*props*/ 1) clickable_changes.eventValue = /*props*/ ctx[0].eventValue;
14722
+
14723
+ if (dirty & /*$$scope, objectStyle, props*/ 21) {
14724
+ clickable_changes.$$scope = { dirty, ctx };
14725
+ }
14726
+
14727
+ clickable.$set(clickable_changes);
14118
14728
 
14119
- if (dirty & /*layerId*/ 2) {
14729
+ if (!current || dirty & /*layerId*/ 2) {
14120
14730
  attr(div, "data-layer-id", /*layerId*/ ctx[1]);
14121
14731
  }
14122
14732
 
14123
- if (dirty & /*style*/ 8) {
14733
+ if (!current || dirty & /*style*/ 8) {
14124
14734
  attr(div, "style", /*style*/ ctx[3]);
14125
14735
  }
14126
14736
  },
14127
- i: noop,
14128
- o: noop,
14737
+ i(local) {
14738
+ if (current) return;
14739
+ transition_in(clickable.$$.fragment, local);
14740
+ current = true;
14741
+ },
14742
+ o(local) {
14743
+ transition_out(clickable.$$.fragment, local);
14744
+ current = false;
14745
+ },
14129
14746
  d(detaching) {
14130
14747
  if (detaching) detach(div);
14748
+ destroy_component(clickable);
14131
14749
  }
14132
14750
  };
14133
14751
  }
@@ -14169,68 +14787,117 @@ class Image extends SvelteComponent {
14169
14787
  /* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
14170
14788
 
14171
14789
  function add_css$3(target) {
14172
- append_styles(target, "svelte-19rjtwm", ".layout.svelte-19rjtwm{margin:0}");
14790
+ append_styles(target, "svelte-1g6q4hu", ".layout.svelte-1g6q4hu{margin:0}");
14173
14791
  }
14174
14792
 
14175
- function create_fragment$3(ctx) {
14176
- let div;
14793
+ // (26:2) <CLICKABLE onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue}>
14794
+ function create_default_slot(ctx) {
14177
14795
  let current;
14178
- const default_slot_template = /*#slots*/ ctx[4].default;
14179
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[3], null);
14796
+ const default_slot_template = /*#slots*/ ctx[3].default;
14797
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[4], null);
14180
14798
 
14181
14799
  return {
14182
14800
  c() {
14183
- div = element("div");
14184
14801
  if (default_slot) default_slot.c();
14185
- attr(div, "data-layer-id", /*layerId*/ ctx[0]);
14186
- attr(div, "class", "layout svelte-19rjtwm");
14187
- attr(div, "style", /*style*/ ctx[1]);
14188
14802
  },
14189
14803
  m(target, anchor) {
14190
- insert(target, div, anchor);
14191
-
14192
14804
  if (default_slot) {
14193
- default_slot.m(div, null);
14805
+ default_slot.m(target, anchor);
14194
14806
  }
14195
14807
 
14196
14808
  current = true;
14197
14809
  },
14198
- p(ctx, [dirty]) {
14810
+ p(ctx, dirty) {
14199
14811
  if (default_slot) {
14200
- if (default_slot.p && (!current || dirty & /*$$scope*/ 8)) {
14812
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 16)) {
14201
14813
  update_slot_base(
14202
14814
  default_slot,
14203
14815
  default_slot_template,
14204
14816
  ctx,
14205
- /*$$scope*/ ctx[3],
14817
+ /*$$scope*/ ctx[4],
14206
14818
  !current
14207
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[3])
14208
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[3], dirty, null),
14819
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[4])
14820
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[4], dirty, null),
14209
14821
  null
14210
14822
  );
14211
14823
  }
14212
14824
  }
14825
+ },
14826
+ i(local) {
14827
+ if (current) return;
14828
+ transition_in(default_slot, local);
14829
+ current = true;
14830
+ },
14831
+ o(local) {
14832
+ transition_out(default_slot, local);
14833
+ current = false;
14834
+ },
14835
+ d(detaching) {
14836
+ if (default_slot) default_slot.d(detaching);
14837
+ }
14838
+ };
14839
+ }
14840
+
14841
+ function create_fragment$3(ctx) {
14842
+ let div;
14843
+ let clickable;
14844
+ let current;
14845
+
14846
+ clickable = new Clickable({
14847
+ props: {
14848
+ onClick: /*props*/ ctx[0].onClick,
14849
+ eventName: /*props*/ ctx[0].eventName,
14850
+ eventValue: /*props*/ ctx[0].eventValue,
14851
+ $$slots: { default: [create_default_slot] },
14852
+ $$scope: { ctx }
14853
+ }
14854
+ });
14855
+
14856
+ return {
14857
+ c() {
14858
+ div = element("div");
14859
+ create_component(clickable.$$.fragment);
14860
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
14861
+ attr(div, "class", "layout svelte-1g6q4hu");
14862
+ attr(div, "style", /*style*/ ctx[2]);
14863
+ },
14864
+ m(target, anchor) {
14865
+ insert(target, div, anchor);
14866
+ mount_component(clickable, div, null);
14867
+ current = true;
14868
+ },
14869
+ p(ctx, [dirty]) {
14870
+ const clickable_changes = {};
14871
+ if (dirty & /*props*/ 1) clickable_changes.onClick = /*props*/ ctx[0].onClick;
14872
+ if (dirty & /*props*/ 1) clickable_changes.eventName = /*props*/ ctx[0].eventName;
14873
+ if (dirty & /*props*/ 1) clickable_changes.eventValue = /*props*/ ctx[0].eventValue;
14213
14874
 
14214
- if (!current || dirty & /*layerId*/ 1) {
14215
- attr(div, "data-layer-id", /*layerId*/ ctx[0]);
14875
+ if (dirty & /*$$scope*/ 16) {
14876
+ clickable_changes.$$scope = { dirty, ctx };
14216
14877
  }
14217
14878
 
14218
- if (!current || dirty & /*style*/ 2) {
14219
- attr(div, "style", /*style*/ ctx[1]);
14879
+ clickable.$set(clickable_changes);
14880
+
14881
+ if (!current || dirty & /*layerId*/ 2) {
14882
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
14883
+ }
14884
+
14885
+ if (!current || dirty & /*style*/ 4) {
14886
+ attr(div, "style", /*style*/ ctx[2]);
14220
14887
  }
14221
14888
  },
14222
14889
  i(local) {
14223
14890
  if (current) return;
14224
- transition_in(default_slot, local);
14891
+ transition_in(clickable.$$.fragment, local);
14225
14892
  current = true;
14226
14893
  },
14227
14894
  o(local) {
14228
- transition_out(default_slot, local);
14895
+ transition_out(clickable.$$.fragment, local);
14229
14896
  current = false;
14230
14897
  },
14231
14898
  d(detaching) {
14232
14899
  if (detaching) detach(div);
14233
- if (default_slot) default_slot.d(detaching);
14900
+ destroy_component(clickable);
14234
14901
  }
14235
14902
  };
14236
14903
  }
@@ -14242,14 +14909,14 @@ function instance$3($$self, $$props, $$invalidate) {
14242
14909
  let { layerId = '' } = $$props;
14243
14910
 
14244
14911
  $$self.$$set = $$props => {
14245
- if ('props' in $$props) $$invalidate(2, props = $$props.props);
14246
- if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
14247
- if ('$$scope' in $$props) $$invalidate(3, $$scope = $$props.$$scope);
14912
+ if ('props' in $$props) $$invalidate(0, props = $$props.props);
14913
+ if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
14914
+ if ('$$scope' in $$props) $$invalidate(4, $$scope = $$props.$$scope);
14248
14915
  };
14249
14916
 
14250
14917
  $$self.$$.update = () => {
14251
- if ($$self.$$.dirty & /*props*/ 4) {
14252
- $$invalidate(1, style = objToStyle({
14918
+ if ($$self.$$.dirty & /*props*/ 1) {
14919
+ $$invalidate(2, style = objToStyle({
14253
14920
  display: props.display ?? 'flex',
14254
14921
  flexDirection: props.direction,
14255
14922
  alignItems: props.align,
@@ -14257,6 +14924,7 @@ function instance$3($$self, $$props, $$invalidate) {
14257
14924
  rowGap: props.rowGap,
14258
14925
  columnGap: props.columnGap,
14259
14926
  width: props.width,
14927
+ overflowY: props.overflowY,
14260
14928
  ...toCssShadow(props),
14261
14929
  ...toCssRadius(props),
14262
14930
  ...toCssBackgroundImage(props),
@@ -14268,13 +14936,13 @@ function instance$3($$self, $$props, $$invalidate) {
14268
14936
  }
14269
14937
  };
14270
14938
 
14271
- return [layerId, style, props, $$scope, slots];
14939
+ return [props, layerId, style, slots, $$scope];
14272
14940
  }
14273
14941
 
14274
14942
  class Layout extends SvelteComponent {
14275
14943
  constructor(options) {
14276
14944
  super();
14277
- init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 2, layerId: 0 }, add_css$3);
14945
+ init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 0, layerId: 1 }, add_css$3);
14278
14946
  }
14279
14947
  }
14280
14948
 
@@ -14341,7 +15009,7 @@ const TEXT_VARIANTS = {
14341
15009
  /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
14342
15010
 
14343
15011
  function add_css$2(target) {
14344
- append_styles(target, "svelte-18qq8cj", ".text.svelte-18qq8cj{margin:0;word-break:break-all}");
15012
+ append_styles(target, "svelte-1vl0c87", ".text.svelte-1vl0c87{margin:0;word-break:break-all}");
14345
15013
  }
14346
15014
 
14347
15015
  function create_fragment$2(ctx) {
@@ -14351,7 +15019,7 @@ function create_fragment$2(ctx) {
14351
15019
  c() {
14352
15020
  p = element("p");
14353
15021
  attr(p, "data-layer-id", /*layerId*/ ctx[0]);
14354
- attr(p, "class", "text svelte-18qq8cj");
15022
+ attr(p, "class", "text svelte-1vl0c87");
14355
15023
  attr(p, "style", /*style*/ ctx[1]);
14356
15024
  },
14357
15025
  m(target, anchor) {
@@ -14427,8 +15095,6 @@ class Text extends SvelteComponent {
14427
15095
  }
14428
15096
  }
14429
15097
 
14430
- const LAYER_TEXT_ALIGN_VALUES = ['center', 'left', 'right'];
14431
- const LAYER_TEXT_FONT_WEIGHT_VALUES = ['bold', 'normal'];
14432
15098
  const LAYER_TEXT_SIZE = {
14433
15099
  extra_small: 'ExtraSmall',
14434
15100
  small: 'Small',
@@ -14445,7 +15111,7 @@ const LAYER_TEXT_SIZE = {
14445
15111
  /* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
14446
15112
 
14447
15113
  function add_css$1(target) {
14448
- 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}");
15114
+ 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}");
14449
15115
  }
14450
15116
 
14451
15117
  // (14:0) {#if backgroundOverlay}
@@ -14458,7 +15124,7 @@ function create_if_block$1(ctx) {
14458
15124
  return {
14459
15125
  c() {
14460
15126
  div = element("div");
14461
- attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"));
15127
+ attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
14462
15128
  },
14463
15129
  m(target, anchor) {
14464
15130
  insert(target, div, anchor);
@@ -14469,7 +15135,7 @@ function create_if_block$1(ctx) {
14469
15135
  }
14470
15136
  },
14471
15137
  p(ctx, dirty) {
14472
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"))) {
15138
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
14473
15139
  attr(div, "class", div_class_value);
14474
15140
  }
14475
15141
  },
@@ -14541,7 +15207,7 @@ class BackgroundOverlay extends SvelteComponent {
14541
15207
  /* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
14542
15208
 
14543
15209
  function add_css(target) {
14544
- 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}}");
15210
+ 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}}");
14545
15211
  }
14546
15212
 
14547
15213
  // (253:0) {:else}
@@ -14682,7 +15348,7 @@ function create_if_block(ctx) {
14682
15348
  c() {
14683
15349
  div = element("div");
14684
15350
  if (default_slot) default_slot.c();
14685
- attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-1kg29ce"));
15351
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"));
14686
15352
  attr(div, "role", "dialog");
14687
15353
  attr(div, "aria-modal", "true");
14688
15354
  attr(div, "style", Array.from(/*modalStyles*/ ctx[12]).join(';'));
@@ -14715,7 +15381,7 @@ function create_if_block(ctx) {
14715
15381
  }
14716
15382
  }
14717
15383
 
14718
- if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-1kg29ce"))) {
15384
+ if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"))) {
14719
15385
  attr(div, "class", div_class_value);
14720
15386
  }
14721
15387
  },
@@ -15178,4 +15844,57 @@ class Modal extends SvelteComponent {
15178
15844
  }
15179
15845
  }
15180
15846
 
15181
- 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 };
15847
+ const SHADOW_STYLES = {
15848
+ extra_small: {
15849
+ boxShadow: '0 1px 2px 0 rgba(0,0,0,0.1)',
15850
+ },
15851
+ small: {
15852
+ boxShadow: '0 2px 4px 1px rgba(0,0,0,0.1)',
15853
+ },
15854
+ medium: {
15855
+ boxShadow: '0px 4px 8px 2px rgba(0,0,0,0.1)',
15856
+ },
15857
+ large: {
15858
+ boxShadow: '0px 8px 16px 4px rgba(0,0,0,0.1)',
15859
+ },
15860
+ };
15861
+ const ROUND_STYLES = {
15862
+ extra_small: {
15863
+ borderTopLeftRadius: '2px',
15864
+ borderTopRightRadius: '2px',
15865
+ borderBottomLeftRadius: '2px',
15866
+ borderBottomRightRadius: '2px',
15867
+ },
15868
+ small: {
15869
+ borderTopLeftRadius: '4px',
15870
+ borderTopRightRadius: '4px',
15871
+ borderBottomLeftRadius: '4px',
15872
+ borderBottomRightRadius: '4px',
15873
+ },
15874
+ medium: {
15875
+ borderTopLeftRadius: '8px',
15876
+ borderTopRightRadius: '8px',
15877
+ borderBottomLeftRadius: '8px',
15878
+ borderBottomRightRadius: '8px',
15879
+ },
15880
+ large: {
15881
+ borderTopLeftRadius: '16px',
15882
+ borderTopRightRadius: '16px',
15883
+ borderBottomLeftRadius: '16px',
15884
+ borderBottomRightRadius: '16px',
15885
+ },
15886
+ extra_large: {
15887
+ borderTopLeftRadius: '24px',
15888
+ borderTopRightRadius: '24px',
15889
+ borderBottomLeftRadius: '24px',
15890
+ borderBottomRightRadius: '24px',
15891
+ },
15892
+ fulled: {
15893
+ borderTopLeftRadius: '100%',
15894
+ borderTopRightRadius: '100%',
15895
+ borderBottomLeftRadius: '100%',
15896
+ borderBottomRightRadius: '100%',
15897
+ },
15898
+ };
15899
+
15900
+ 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 };