@plaidev/karte-action-sdk 1.1.207 → 1.1.208-28223127.8251d5b4

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,6 +1,6 @@
1
1
  import { writable, get } from 'svelte/store';
2
2
  import { onMount as onMount$1, onDestroy as onDestroy$1, beforeUpdate as beforeUpdate$1, afterUpdate as afterUpdate$1, tick as tick$1, setContext, getContext, createEventDispatcher } from 'svelte';
3
- import { SvelteComponent, init, safe_not_equal, element, claim_element, children, detach, insert_hydration, noop, component_subscribe, attr, create_slot, create_component, space, claim_component, claim_space, mount_component, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, destroy_component, append_styles, empty, group_outros, check_outros, listen, assign, set_attributes, toggle_class, get_spread_update, null_to_empty, prevent_default, is_function, add_render_callback, create_in_transition, binding_callbacks, set_style, svg_element, claim_svg_element, append_hydration, destroy_each, text, claim_text, set_data, src_url_equal, HtmlTagHydration, claim_html_tag, construct_svelte_component, subscribe } from 'svelte/internal';
3
+ import { SvelteComponent, init, safe_not_equal, element, claim_element, children, detach, insert_hydration, noop, component_subscribe, attr, create_slot, create_component, space, claim_component, claim_space, mount_component, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, destroy_component, append_styles, empty, group_outros, check_outros, null_to_empty, listen, assign, set_attributes, toggle_class, get_spread_update, prevent_default, is_function, add_render_callback, create_in_transition, binding_callbacks, set_style, svg_element, claim_svg_element, append_hydration, destroy_each, text, claim_text, set_data, src_url_equal, HtmlTagHydration, claim_html_tag, construct_svelte_component, subscribe } from 'svelte/internal';
4
4
  import 'svelte/easing';
5
5
 
6
6
  /** @internal */
@@ -15,6 +15,8 @@ const KARTE_ACTION_SHORTEN_ID = 'karte-action-id';
15
15
  const ALL_ACTION_ID = 'KARTE_ALL_ACTION_ID';
16
16
  /** @internal */
17
17
  const ALL_ACTION_SHORTEN_ID = 'KARTE_ALL_ACTION_SHORTEN_ID';
18
+ /** @internal */
19
+ const DEVICE_IDS = ['PC', 'SP'];
18
20
  // -------- The following codes are deprecated --------
19
21
  /**
20
22
  * 非推奨
@@ -96,7 +98,12 @@ const getMarginStyle = (margin) => {
96
98
  };
97
99
  /** @internal */
98
100
  const parseStyle = (style) => {
99
- return Object.fromEntries(style.split(';').map(attr => attr.split(':').map(str => str.trim())));
101
+ return style
102
+ ? Object.fromEntries(style
103
+ .split(';')
104
+ .filter(attr => attr.trim())
105
+ .map(attr => attr.split(':').map(str => str.trim())))
106
+ : {};
100
107
  };
101
108
  /** @internal */
102
109
  const stringifyStyleObj = (styleObj) => {
@@ -104,6 +111,8 @@ const stringifyStyleObj = (styleObj) => {
104
111
  .map(([key, value]) => `${key}:${value}`)
105
112
  .join(';');
106
113
  };
114
+ /** @internal */
115
+ const formatObjectKey = ({ obj, prefix, suffix, }) => Object.fromEntries(Object.entries(obj).map(([key, value]) => [`${prefix ?? ''}${key}${suffix ?? ''}`, value]));
107
116
  /**
108
117
  * スクロール率が達したときに呼び出すコールバックを登録します
109
118
  *
@@ -329,6 +338,8 @@ const ElasticityStyle = {
329
338
  horizontal: 'width: 100%',
330
339
  };
331
340
  /** @internal */
341
+ const DefaultElasticity = 'none';
342
+ /** @internal */
332
343
  const TextDirections = ['horizontal', 'vertical'];
333
344
  /** @internal */
334
345
  const OnClickOperationOptions = [
@@ -567,6 +578,17 @@ const DefaultFormButtonColor = {
567
578
  main: '#2aab9f',
568
579
  sub: '#fff',
569
580
  };
581
+ /** @internal */
582
+ const DefaultModalBreakPoint = {
583
+ PC: {
584
+ placement: DefaultModalPlacement,
585
+ elasticity: DefaultElasticity,
586
+ },
587
+ SP: {
588
+ placement: DefaultModalPlacement,
589
+ elasticity: DefaultElasticity,
590
+ },
591
+ };
570
592
 
571
593
  /**
572
594
  * Store to handle action setting
@@ -2678,7 +2700,7 @@ class State extends SvelteComponent {
2678
2700
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
2679
2701
 
2680
2702
  function add_css$t(target) {
2681
- append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
2703
+ append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
2682
2704
  }
2683
2705
 
2684
2706
  // (23:0) {#if $state === path}
@@ -2705,7 +2727,7 @@ function create_if_block$8(ctx) {
2705
2727
  },
2706
2728
  h() {
2707
2729
  attr(div, "data-state-path", /*path*/ ctx[0]);
2708
- attr(div, "class", "state-item svelte-1amihue");
2730
+ attr(div, "class", "state-item svelte-2qb6dm");
2709
2731
  },
2710
2732
  m(target, anchor) {
2711
2733
  insert_hydration(target, div, anchor);
@@ -3067,12 +3089,13 @@ function customAnimation(node, { transform, animationStyle, delay = 0, duration
3067
3089
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3068
3090
 
3069
3091
  function add_css$s(target) {
3070
- 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}");
3092
+ 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}");
3071
3093
  }
3072
3094
 
3073
- // (9:0) {#if backgroundOverlay}
3095
+ // (14:0) {#if backgroundOverlay}
3074
3096
  function create_if_block$7(ctx) {
3075
3097
  let div;
3098
+ let div_class_value;
3076
3099
  let mounted;
3077
3100
  let dispose;
3078
3101
 
@@ -3087,17 +3110,21 @@ function create_if_block$7(ctx) {
3087
3110
  this.h();
3088
3111
  },
3089
3112
  h() {
3090
- attr(div, "class", "background svelte-g6ucc2");
3113
+ attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
3091
3114
  },
3092
3115
  m(target, anchor) {
3093
3116
  insert_hydration(target, div, anchor);
3094
3117
 
3095
3118
  if (!mounted) {
3096
- dispose = listen(div, "click", /*click_handler*/ ctx[2]);
3119
+ dispose = listen(div, "click", /*click_handler*/ ctx[3]);
3097
3120
  mounted = true;
3098
3121
  }
3099
3122
  },
3100
- p: noop,
3123
+ p(ctx, dirty) {
3124
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
3125
+ attr(div, "class", div_class_value);
3126
+ }
3127
+ },
3101
3128
  d(detaching) {
3102
3129
  if (detaching) detach(div);
3103
3130
  mounted = false;
@@ -3148,20 +3175,22 @@ function create_fragment$v(ctx) {
3148
3175
 
3149
3176
  function instance$v($$self, $$props, $$invalidate) {
3150
3177
  let { backgroundOverlay = false } = $$props;
3178
+ let { class: className = undefined } = $$props;
3151
3179
  const dispatch = createEventDispatcher();
3152
3180
  const click_handler = () => dispatch('click');
3153
3181
 
3154
3182
  $$self.$$set = $$props => {
3155
3183
  if ('backgroundOverlay' in $$props) $$invalidate(0, backgroundOverlay = $$props.backgroundOverlay);
3184
+ if ('class' in $$props) $$invalidate(1, className = $$props.class);
3156
3185
  };
3157
3186
 
3158
- return [backgroundOverlay, dispatch, click_handler];
3187
+ return [backgroundOverlay, className, dispatch, click_handler];
3159
3188
  }
3160
3189
 
3161
3190
  class BackgroundOverlay extends SvelteComponent {
3162
3191
  constructor(options) {
3163
3192
  super();
3164
- init(this, options, instance$v, create_fragment$v, safe_not_equal, { backgroundOverlay: 0 }, add_css$s);
3193
+ init(this, options, instance$v, create_fragment$v, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$s);
3165
3194
  }
3166
3195
  }
3167
3196
 
@@ -3202,11 +3231,11 @@ function checkStopPropagation(eventName, handler) {
3202
3231
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3203
3232
 
3204
3233
  function add_css$r(target) {
3205
- append_styles(target, "svelte-1dtbrzj", ".button.svelte-1dtbrzj{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-1dtbrzj:link,.button.svelte-1dtbrzj:visited,.button.svelte-1dtbrzj:active,.button.svelte-1dtbrzj:hover{color:inherit}");
3234
+ append_styles(target, "svelte-1tg0tf", ".button.svelte-1tg0tf{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-1tg0tf:link,.button.svelte-1tg0tf:visited,.button.svelte-1tg0tf:active,.button.svelte-1tg0tf:hover{color:inherit}");
3206
3235
  }
3207
3236
 
3208
3237
  // (50:0) {:else}
3209
- function create_else_block$3(ctx) {
3238
+ function create_else_block$4(ctx) {
3210
3239
  let button;
3211
3240
  let current;
3212
3241
  let mounted;
@@ -3241,7 +3270,7 @@ function create_else_block$3(ctx) {
3241
3270
  },
3242
3271
  h() {
3243
3272
  set_attributes(button, button_data);
3244
- toggle_class(button, "svelte-1dtbrzj", true);
3273
+ toggle_class(button, "svelte-1tg0tf", true);
3245
3274
  },
3246
3275
  m(target, anchor) {
3247
3276
  insert_hydration(target, button, anchor);
@@ -3280,7 +3309,7 @@ function create_else_block$3(ctx) {
3280
3309
  dataAttrStopPropagation('click')
3281
3310
  ]));
3282
3311
 
3283
- toggle_class(button, "svelte-1dtbrzj", true);
3312
+ toggle_class(button, "svelte-1tg0tf", true);
3284
3313
  },
3285
3314
  i(local) {
3286
3315
  if (current) return;
@@ -3301,7 +3330,7 @@ function create_else_block$3(ctx) {
3301
3330
  }
3302
3331
 
3303
3332
  // (46:39)
3304
- function create_if_block_2(ctx) {
3333
+ function create_if_block_2$1(ctx) {
3305
3334
  let div;
3306
3335
  let current;
3307
3336
  const default_slot_template = /*#slots*/ ctx[9].default;
@@ -3321,7 +3350,7 @@ function create_if_block_2(ctx) {
3321
3350
  this.h();
3322
3351
  },
3323
3352
  h() {
3324
- attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1dtbrzj"));
3353
+ attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1tg0tf"));
3325
3354
  attr(div, "style", /*style*/ ctx[1]);
3326
3355
  },
3327
3356
  m(target, anchor) {
@@ -3421,7 +3450,7 @@ function create_if_block_1$2(ctx) {
3421
3450
  },
3422
3451
  h() {
3423
3452
  set_attributes(a, a_data);
3424
- toggle_class(a, "svelte-1dtbrzj", true);
3453
+ toggle_class(a, "svelte-1tg0tf", true);
3425
3454
  },
3426
3455
  m(target, anchor) {
3427
3456
  insert_hydration(target, a, anchor);
@@ -3463,7 +3492,7 @@ function create_if_block_1$2(ctx) {
3463
3492
  dataAttrStopPropagation('click')
3464
3493
  ]));
3465
3494
 
3466
- toggle_class(a, "svelte-1dtbrzj", true);
3495
+ toggle_class(a, "svelte-1tg0tf", true);
3467
3496
  },
3468
3497
  i(local) {
3469
3498
  if (current) return;
@@ -3504,7 +3533,7 @@ function create_if_block$6(ctx) {
3504
3533
  this.h();
3505
3534
  },
3506
3535
  h() {
3507
- attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1dtbrzj"));
3536
+ attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1tg0tf"));
3508
3537
  attr(div, "style", /*style*/ ctx[1]);
3509
3538
  },
3510
3539
  m(target, anchor) {
@@ -3557,7 +3586,7 @@ function create_fragment$u(ctx) {
3557
3586
  let if_block;
3558
3587
  let if_block_anchor;
3559
3588
  let current;
3560
- const if_block_creators = [create_if_block$6, create_if_block_1$2, create_if_block_2, create_else_block$3];
3589
+ const if_block_creators = [create_if_block$6, create_if_block_1$2, create_if_block_2$1, create_else_block$4];
3561
3590
  const if_blocks = [];
3562
3591
 
3563
3592
  function select_block_type(ctx, dirty) {
@@ -3712,14 +3741,148 @@ class Button extends SvelteComponent {
3712
3741
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
3713
3742
 
3714
3743
  function add_css$q(target) {
3715
- append_styles(target, "svelte-1m1do8u", ".modal.svelte-1m1do8u{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1m1do8u > .button{flex:auto;display:flex}.close.svelte-1m1do8u{position:absolute;top:0;right:0}.close.svelte-1m1do8u > .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-1m1do8u > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1m1do8u{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
3744
+ append_styles(target, "svelte-1j0m3x1", ".modal.svelte-1j0m3x1{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1j0m3x1 > .button{flex:auto;display:flex}.close.svelte-1j0m3x1{position:absolute;top:0;right:0}.close.svelte-1j0m3x1 > .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-1j0m3x1 > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1j0m3x1{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-1j0m3x1{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) !important;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-1j0m3x1{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) !important;margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
3716
3745
  }
3717
3746
 
3718
- // (145:0) {#if visible}
3747
+ // (265:0) {:else}
3748
+ function create_else_block$3(ctx) {
3749
+ let backgroundoverlay;
3750
+ let current;
3751
+
3752
+ backgroundoverlay = new BackgroundOverlay({
3753
+ props: {
3754
+ backgroundOverlay: /*backgroundOverlay*/ ctx[11]
3755
+ }
3756
+ });
3757
+
3758
+ backgroundoverlay.$on("click", function () {
3759
+ if (is_function(/*backgroundClick*/ ctx[20])) /*backgroundClick*/ ctx[20].apply(this, arguments);
3760
+ });
3761
+
3762
+ return {
3763
+ c() {
3764
+ create_component(backgroundoverlay.$$.fragment);
3765
+ },
3766
+ l(nodes) {
3767
+ claim_component(backgroundoverlay.$$.fragment, nodes);
3768
+ },
3769
+ m(target, anchor) {
3770
+ mount_component(backgroundoverlay, target, anchor);
3771
+ current = true;
3772
+ },
3773
+ p(new_ctx, dirty) {
3774
+ ctx = new_ctx;
3775
+ const backgroundoverlay_changes = {};
3776
+ if (dirty[0] & /*backgroundOverlay*/ 2048) backgroundoverlay_changes.backgroundOverlay = /*backgroundOverlay*/ ctx[11];
3777
+ backgroundoverlay.$set(backgroundoverlay_changes);
3778
+ },
3779
+ i(local) {
3780
+ if (current) return;
3781
+ transition_in(backgroundoverlay.$$.fragment, local);
3782
+ current = true;
3783
+ },
3784
+ o(local) {
3785
+ transition_out(backgroundoverlay.$$.fragment, local);
3786
+ current = false;
3787
+ },
3788
+ d(detaching) {
3789
+ destroy_component(backgroundoverlay, detaching);
3790
+ }
3791
+ };
3792
+ }
3793
+
3794
+ // (254:24)
3795
+ function create_if_block_3(ctx) {
3796
+ let backgroundoverlay0;
3797
+ let t;
3798
+ let backgroundoverlay1;
3799
+ let current;
3800
+
3801
+ backgroundoverlay0 = new BackgroundOverlay({
3802
+ props: {
3803
+ class: "background-bp-pc",
3804
+ backgroundOverlay: /*backgroundOverlayPC*/ ctx[12]
3805
+ }
3806
+ });
3807
+
3808
+ backgroundoverlay0.$on("click", function () {
3809
+ if (is_function(/*backgroundClickPC*/ ctx[19])) /*backgroundClickPC*/ ctx[19].apply(this, arguments);
3810
+ });
3811
+
3812
+ backgroundoverlay1 = new BackgroundOverlay({
3813
+ props: {
3814
+ class: "background-bp-sp ",
3815
+ backgroundOverlay: /*backgroundOverlaySP*/ ctx[13]
3816
+ }
3817
+ });
3818
+
3819
+ backgroundoverlay1.$on("click", function () {
3820
+ if (is_function(/*backgroundClickSP*/ ctx[18])) /*backgroundClickSP*/ ctx[18].apply(this, arguments);
3821
+ });
3822
+
3823
+ return {
3824
+ c() {
3825
+ create_component(backgroundoverlay0.$$.fragment);
3826
+ t = space();
3827
+ create_component(backgroundoverlay1.$$.fragment);
3828
+ },
3829
+ l(nodes) {
3830
+ claim_component(backgroundoverlay0.$$.fragment, nodes);
3831
+ t = claim_space(nodes);
3832
+ claim_component(backgroundoverlay1.$$.fragment, nodes);
3833
+ },
3834
+ m(target, anchor) {
3835
+ mount_component(backgroundoverlay0, target, anchor);
3836
+ insert_hydration(target, t, anchor);
3837
+ mount_component(backgroundoverlay1, target, anchor);
3838
+ current = true;
3839
+ },
3840
+ p(new_ctx, dirty) {
3841
+ ctx = new_ctx;
3842
+ const backgroundoverlay0_changes = {};
3843
+ if (dirty[0] & /*backgroundOverlayPC*/ 4096) backgroundoverlay0_changes.backgroundOverlay = /*backgroundOverlayPC*/ ctx[12];
3844
+ backgroundoverlay0.$set(backgroundoverlay0_changes);
3845
+ const backgroundoverlay1_changes = {};
3846
+ if (dirty[0] & /*backgroundOverlaySP*/ 8192) backgroundoverlay1_changes.backgroundOverlay = /*backgroundOverlaySP*/ ctx[13];
3847
+ backgroundoverlay1.$set(backgroundoverlay1_changes);
3848
+ },
3849
+ i(local) {
3850
+ if (current) return;
3851
+ transition_in(backgroundoverlay0.$$.fragment, local);
3852
+ transition_in(backgroundoverlay1.$$.fragment, local);
3853
+ current = true;
3854
+ },
3855
+ o(local) {
3856
+ transition_out(backgroundoverlay0.$$.fragment, local);
3857
+ transition_out(backgroundoverlay1.$$.fragment, local);
3858
+ current = false;
3859
+ },
3860
+ d(detaching) {
3861
+ destroy_component(backgroundoverlay0, detaching);
3862
+ if (detaching) detach(t);
3863
+ destroy_component(backgroundoverlay1, detaching);
3864
+ }
3865
+ };
3866
+ }
3867
+
3868
+ // (252:0) {#if isPreview()}
3869
+ function create_if_block_2(ctx) {
3870
+ return {
3871
+ c: noop,
3872
+ l: noop,
3873
+ m: noop,
3874
+ p: noop,
3875
+ i: noop,
3876
+ o: noop,
3877
+ d: noop
3878
+ };
3879
+ }
3880
+
3881
+ // (268:0) {#if visible}
3719
3882
  function create_if_block$5(ctx) {
3720
3883
  let div;
3721
3884
  let button;
3722
- let div_style_value;
3885
+ let div_class_value;
3723
3886
  let div_intro;
3724
3887
  let current;
3725
3888
 
@@ -3753,32 +3916,32 @@ function create_if_block$5(ctx) {
3753
3916
  this.h();
3754
3917
  },
3755
3918
  h() {
3756
- attr(div, "class", "modal svelte-1m1do8u");
3919
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1j0m3x1"));
3757
3920
  attr(div, "role", "dialog");
3758
3921
  attr(div, "aria-modal", "true");
3759
- attr(div, "style", div_style_value = "" + /*pos*/ ctx[16] + " " + /*marginStyle*/ ctx[14] + " " + ElasticityStyle[/*overwriteElasticity*/ ctx[17]] + "");
3922
+ attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
3760
3923
  },
3761
3924
  m(target, anchor) {
3762
3925
  insert_hydration(target, div, anchor);
3763
3926
  mount_component(button, div, null);
3764
- /*div_binding*/ ctx[28](div);
3927
+ /*div_binding*/ ctx[32](div);
3765
3928
  current = true;
3766
3929
  },
3767
3930
  p(new_ctx, dirty) {
3768
3931
  ctx = new_ctx;
3769
3932
  const button_changes = {};
3770
- if (dirty & /*onClick*/ 1) button_changes.onClick = /*onClick*/ ctx[0];
3771
- if (dirty & /*clickEventName*/ 2) button_changes.eventName = /*clickEventName*/ ctx[1];
3772
- if (dirty & /*clickEventValue*/ 4) button_changes.eventValue = /*clickEventValue*/ ctx[2];
3933
+ if (dirty[0] & /*onClick*/ 1) button_changes.onClick = /*onClick*/ ctx[0];
3934
+ if (dirty[0] & /*clickEventName*/ 2) button_changes.eventName = /*clickEventName*/ ctx[1];
3935
+ if (dirty[0] & /*clickEventValue*/ 4) button_changes.eventValue = /*clickEventValue*/ ctx[2];
3773
3936
 
3774
- if (dirty & /*$$scope, _style, $maximumZindex, onClose, _closeStyle, closeEventName, closeEventValue, closeButtonColor, closable*/ 538444784) {
3937
+ if (dirty[0] & /*_style, $maximumZindex, onClose, _closeStyle, closeEventName, closeEventValue, closeButtonColor, closable*/ 6293472 | dirty[1] & /*$$scope*/ 4) {
3775
3938
  button_changes.$$scope = { dirty, ctx };
3776
3939
  }
3777
3940
 
3778
3941
  button.$set(button_changes);
3779
3942
 
3780
- if (!current || dirty & /*pos, marginStyle, overwriteElasticity*/ 212992 && div_style_value !== (div_style_value = "" + /*pos*/ ctx[16] + " " + /*marginStyle*/ ctx[14] + " " + ElasticityStyle[/*overwriteElasticity*/ ctx[17]] + "")) {
3781
- attr(div, "style", div_style_value);
3943
+ if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1j0m3x1"))) {
3944
+ attr(div, "class", div_class_value);
3782
3945
  }
3783
3946
  },
3784
3947
  i(local) {
@@ -3788,8 +3951,8 @@ function create_if_block$5(ctx) {
3788
3951
  if (!div_intro) {
3789
3952
  add_render_callback(() => {
3790
3953
  div_intro = create_in_transition(div, customAnimation, {
3791
- transform: /*transform*/ ctx[15],
3792
- animationStyle: /*animation*/ ctx[3]
3954
+ transform: /*transform*/ ctx[14],
3955
+ animationStyle: /*animation*/ ctx[4]
3793
3956
  });
3794
3957
 
3795
3958
  div_intro.start();
@@ -3805,12 +3968,12 @@ function create_if_block$5(ctx) {
3805
3968
  d(detaching) {
3806
3969
  if (detaching) detach(div);
3807
3970
  destroy_component(button);
3808
- /*div_binding*/ ctx[28](null);
3971
+ /*div_binding*/ ctx[32](null);
3809
3972
  }
3810
3973
  };
3811
3974
  }
3812
3975
 
3813
- // (162:6) {#if closable}
3976
+ // (281:6) {#if closable}
3814
3977
  function create_if_block_1$1(ctx) {
3815
3978
  let div;
3816
3979
  let button;
@@ -3818,10 +3981,10 @@ function create_if_block_1$1(ctx) {
3818
3981
 
3819
3982
  button = new Button({
3820
3983
  props: {
3821
- onClick: /*onClose*/ ctx[5],
3822
- style: /*_closeStyle*/ ctx[9],
3823
- eventName: /*closeEventName*/ ctx[6],
3824
- eventValue: /*closeEventValue*/ ctx[7],
3984
+ onClick: /*onClose*/ ctx[6],
3985
+ style: /*_closeStyle*/ ctx[10],
3986
+ eventName: /*closeEventName*/ ctx[7],
3987
+ eventValue: /*closeEventValue*/ ctx[8],
3825
3988
  $$slots: { default: [create_default_slot_1$1] },
3826
3989
  $$scope: { ctx }
3827
3990
  }
@@ -3841,8 +4004,8 @@ function create_if_block_1$1(ctx) {
3841
4004
  this.h();
3842
4005
  },
3843
4006
  h() {
3844
- attr(div, "class", "close svelte-1m1do8u");
3845
- set_style(div, "z-index", /*$maximumZindex*/ ctx[20] + 1);
4007
+ attr(div, "class", "close svelte-1j0m3x1");
4008
+ set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
3846
4009
  },
3847
4010
  m(target, anchor) {
3848
4011
  insert_hydration(target, div, anchor);
@@ -3851,19 +4014,19 @@ function create_if_block_1$1(ctx) {
3851
4014
  },
3852
4015
  p(ctx, dirty) {
3853
4016
  const button_changes = {};
3854
- if (dirty & /*onClose*/ 32) button_changes.onClick = /*onClose*/ ctx[5];
3855
- if (dirty & /*_closeStyle*/ 512) button_changes.style = /*_closeStyle*/ ctx[9];
3856
- if (dirty & /*closeEventName*/ 64) button_changes.eventName = /*closeEventName*/ ctx[6];
3857
- if (dirty & /*closeEventValue*/ 128) button_changes.eventValue = /*closeEventValue*/ ctx[7];
4017
+ if (dirty[0] & /*onClose*/ 64) button_changes.onClick = /*onClose*/ ctx[6];
4018
+ if (dirty[0] & /*_closeStyle*/ 1024) button_changes.style = /*_closeStyle*/ ctx[10];
4019
+ if (dirty[0] & /*closeEventName*/ 128) button_changes.eventName = /*closeEventName*/ ctx[7];
4020
+ if (dirty[0] & /*closeEventValue*/ 256) button_changes.eventValue = /*closeEventValue*/ ctx[8];
3858
4021
 
3859
- if (dirty & /*$$scope, closeButtonColor*/ 536871168) {
4022
+ if (dirty[0] & /*closeButtonColor*/ 512 | dirty[1] & /*$$scope*/ 4) {
3860
4023
  button_changes.$$scope = { dirty, ctx };
3861
4024
  }
3862
4025
 
3863
4026
  button.$set(button_changes);
3864
4027
 
3865
- if (!current || dirty & /*$maximumZindex*/ 1048576) {
3866
- set_style(div, "z-index", /*$maximumZindex*/ ctx[20] + 1);
4028
+ if (!current || dirty[0] & /*$maximumZindex*/ 4194304) {
4029
+ set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
3867
4030
  }
3868
4031
  },
3869
4032
  i(local) {
@@ -3882,7 +4045,7 @@ function create_if_block_1$1(ctx) {
3882
4045
  };
3883
4046
  }
3884
4047
 
3885
- // (164:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue} >
4048
+ // (283:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue} >
3886
4049
  function create_default_slot_1$1(ctx) {
3887
4050
  let svg;
3888
4051
  let path;
@@ -3916,7 +4079,7 @@ function create_default_slot_1$1(ctx) {
3916
4079
  },
3917
4080
  h() {
3918
4081
  attr(path, "d", "M5.78516 4.75L8.73828 1.82422C8.90234 1.66016 8.90234 1.35938 8.73828 1.19531L8.05469 0.511719C7.89062 0.347656 7.58984 0.347656 7.42578 0.511719L4.5 3.46484L1.54688 0.511719C1.38281 0.347656 1.08203 0.347656 0.917969 0.511719L0.234375 1.19531C0.0703125 1.35938 0.0703125 1.66016 0.234375 1.82422L3.1875 4.75L0.234375 7.70312C0.0703125 7.86719 0.0703125 8.16797 0.234375 8.33203L0.917969 9.01562C1.08203 9.17969 1.38281 9.17969 1.54688 9.01562L4.5 6.0625L7.42578 9.01562C7.58984 9.17969 7.89062 9.17969 8.05469 9.01562L8.73828 8.33203C8.90234 8.16797 8.90234 7.86719 8.73828 7.70312L5.78516 4.75Z");
3919
- attr(path, "fill", /*closeButtonColor*/ ctx[8]);
4082
+ attr(path, "fill", /*closeButtonColor*/ ctx[9]);
3920
4083
  attr(path, "fill-opacity", "0.8");
3921
4084
  attr(svg, "width", "100%");
3922
4085
  attr(svg, "height", "100%");
@@ -3929,8 +4092,8 @@ function create_default_slot_1$1(ctx) {
3929
4092
  append_hydration(svg, path);
3930
4093
  },
3931
4094
  p(ctx, dirty) {
3932
- if (dirty & /*closeButtonColor*/ 256) {
3933
- attr(path, "fill", /*closeButtonColor*/ ctx[8]);
4095
+ if (dirty[0] & /*closeButtonColor*/ 512) {
4096
+ attr(path, "fill", /*closeButtonColor*/ ctx[9]);
3934
4097
  }
3935
4098
  },
3936
4099
  d(detaching) {
@@ -3939,14 +4102,14 @@ function create_default_slot_1$1(ctx) {
3939
4102
  };
3940
4103
  }
3941
4104
 
3942
- // (161:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
4105
+ // (280:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
3943
4106
  function create_default_slot$6(ctx) {
3944
4107
  let t;
3945
4108
  let div;
3946
4109
  let current;
3947
- let if_block = /*closable*/ ctx[19] && create_if_block_1$1(ctx);
3948
- const default_slot_template = /*#slots*/ ctx[27].default;
3949
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[29], null);
4110
+ let if_block = /*closable*/ ctx[21] && create_if_block_1$1(ctx);
4111
+ const default_slot_template = /*#slots*/ ctx[31].default;
4112
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[33], null);
3950
4113
 
3951
4114
  return {
3952
4115
  c() {
@@ -3966,8 +4129,8 @@ function create_default_slot$6(ctx) {
3966
4129
  this.h();
3967
4130
  },
3968
4131
  h() {
3969
- attr(div, "class", "modal-content svelte-1m1do8u");
3970
- attr(div, "style", /*_style*/ ctx[4]);
4132
+ attr(div, "class", "modal-content svelte-1j0m3x1");
4133
+ attr(div, "style", /*_style*/ ctx[5]);
3971
4134
  },
3972
4135
  m(target, anchor) {
3973
4136
  if (if_block) if_block.m(target, anchor);
@@ -3981,11 +4144,11 @@ function create_default_slot$6(ctx) {
3981
4144
  current = true;
3982
4145
  },
3983
4146
  p(ctx, dirty) {
3984
- if (/*closable*/ ctx[19]) {
4147
+ if (/*closable*/ ctx[21]) {
3985
4148
  if (if_block) {
3986
4149
  if_block.p(ctx, dirty);
3987
4150
 
3988
- if (dirty & /*closable*/ 524288) {
4151
+ if (dirty[0] & /*closable*/ 2097152) {
3989
4152
  transition_in(if_block, 1);
3990
4153
  }
3991
4154
  } else {
@@ -4005,22 +4168,22 @@ function create_default_slot$6(ctx) {
4005
4168
  }
4006
4169
 
4007
4170
  if (default_slot) {
4008
- if (default_slot.p && (!current || dirty & /*$$scope*/ 536870912)) {
4171
+ if (default_slot.p && (!current || dirty[1] & /*$$scope*/ 4)) {
4009
4172
  update_slot_base(
4010
4173
  default_slot,
4011
4174
  default_slot_template,
4012
4175
  ctx,
4013
- /*$$scope*/ ctx[29],
4176
+ /*$$scope*/ ctx[33],
4014
4177
  !current
4015
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[29])
4016
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[29], dirty, null),
4178
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[33])
4179
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[33], dirty, null),
4017
4180
  null
4018
4181
  );
4019
4182
  }
4020
4183
  }
4021
4184
 
4022
- if (!current || dirty & /*_style*/ 16) {
4023
- attr(div, "style", /*_style*/ ctx[4]);
4185
+ if (!current || dirty[0] & /*_style*/ 32) {
4186
+ attr(div, "style", /*_style*/ ctx[5]);
4024
4187
  }
4025
4188
  },
4026
4189
  i(local) {
@@ -4044,77 +4207,102 @@ function create_default_slot$6(ctx) {
4044
4207
  }
4045
4208
 
4046
4209
  function create_fragment$t(ctx) {
4047
- let backgroundoverlay;
4210
+ let show_if;
4211
+ let current_block_type_index;
4212
+ let if_block0;
4048
4213
  let t;
4049
- let if_block_anchor;
4214
+ let if_block1_anchor;
4050
4215
  let current;
4051
4216
  let mounted;
4052
4217
  let dispose;
4218
+ const if_block_creators = [create_if_block_2, create_if_block_3, create_else_block$3];
4219
+ const if_blocks = [];
4053
4220
 
4054
- backgroundoverlay = new BackgroundOverlay({
4055
- props: {
4056
- backgroundOverlay: /*backgroundOverlay*/ ctx[10]
4057
- }
4058
- });
4059
-
4060
- backgroundoverlay.$on("click", function () {
4061
- if (is_function(/*backgroundClick*/ ctx[18])) /*backgroundClick*/ ctx[18].apply(this, arguments);
4062
- });
4221
+ function select_block_type(ctx, dirty) {
4222
+ if (show_if == null) show_if = !!isPreview();
4223
+ if (show_if) return 0;
4224
+ if (/*useBreakPoint*/ ctx[3]) return 1;
4225
+ return 2;
4226
+ }
4063
4227
 
4064
- let if_block = /*visible*/ ctx[12] && create_if_block$5(ctx);
4228
+ current_block_type_index = select_block_type(ctx);
4229
+ if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
4230
+ let if_block1 = /*visible*/ ctx[16] && create_if_block$5(ctx);
4065
4231
 
4066
4232
  return {
4067
4233
  c() {
4068
- create_component(backgroundoverlay.$$.fragment);
4234
+ if_block0.c();
4069
4235
  t = space();
4070
- if (if_block) if_block.c();
4071
- if_block_anchor = empty();
4236
+ if (if_block1) if_block1.c();
4237
+ if_block1_anchor = empty();
4072
4238
  },
4073
4239
  l(nodes) {
4074
- claim_component(backgroundoverlay.$$.fragment, nodes);
4240
+ if_block0.l(nodes);
4075
4241
  t = claim_space(nodes);
4076
- if (if_block) if_block.l(nodes);
4077
- if_block_anchor = empty();
4242
+ if (if_block1) if_block1.l(nodes);
4243
+ if_block1_anchor = empty();
4078
4244
  },
4079
4245
  m(target, anchor) {
4080
- mount_component(backgroundoverlay, target, anchor);
4246
+ if_blocks[current_block_type_index].m(target, anchor);
4081
4247
  insert_hydration(target, t, anchor);
4082
- if (if_block) if_block.m(target, anchor);
4083
- insert_hydration(target, if_block_anchor, anchor);
4248
+ if (if_block1) if_block1.m(target, anchor);
4249
+ insert_hydration(target, if_block1_anchor, anchor);
4084
4250
  current = true;
4085
4251
 
4086
4252
  if (!mounted) {
4087
4253
  dispose = listen(window, "keydown", function () {
4088
- if (is_function(/*handle_keydown*/ ctx[13])) /*handle_keydown*/ ctx[13].apply(this, arguments);
4254
+ if (is_function(/*handle_keydown*/ ctx[17])) /*handle_keydown*/ ctx[17].apply(this, arguments);
4089
4255
  });
4090
4256
 
4091
4257
  mounted = true;
4092
4258
  }
4093
4259
  },
4094
- p(new_ctx, [dirty]) {
4260
+ p(new_ctx, dirty) {
4095
4261
  ctx = new_ctx;
4096
- const backgroundoverlay_changes = {};
4097
- if (dirty & /*backgroundOverlay*/ 1024) backgroundoverlay_changes.backgroundOverlay = /*backgroundOverlay*/ ctx[10];
4098
- backgroundoverlay.$set(backgroundoverlay_changes);
4262
+ let previous_block_index = current_block_type_index;
4263
+ current_block_type_index = select_block_type(ctx);
4099
4264
 
4100
- if (/*visible*/ ctx[12]) {
4101
- if (if_block) {
4102
- if_block.p(ctx, dirty);
4265
+ if (current_block_type_index === previous_block_index) {
4266
+ if_blocks[current_block_type_index].p(ctx, dirty);
4267
+ } else {
4268
+ group_outros();
4103
4269
 
4104
- if (dirty & /*visible*/ 4096) {
4105
- transition_in(if_block, 1);
4270
+ transition_out(if_blocks[previous_block_index], 1, 1, () => {
4271
+ if_blocks[previous_block_index] = null;
4272
+ });
4273
+
4274
+ check_outros();
4275
+ if_block0 = if_blocks[current_block_type_index];
4276
+
4277
+ if (!if_block0) {
4278
+ if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
4279
+ if_block0.c();
4280
+ } else {
4281
+ if_block0.p(ctx, dirty);
4282
+ }
4283
+
4284
+ transition_in(if_block0, 1);
4285
+ if_block0.m(t.parentNode, t);
4286
+ }
4287
+
4288
+ if (/*visible*/ ctx[16]) {
4289
+ if (if_block1) {
4290
+ if_block1.p(ctx, dirty);
4291
+
4292
+ if (dirty[0] & /*visible*/ 65536) {
4293
+ transition_in(if_block1, 1);
4106
4294
  }
4107
4295
  } else {
4108
- if_block = create_if_block$5(ctx);
4109
- if_block.c();
4110
- transition_in(if_block, 1);
4111
- if_block.m(if_block_anchor.parentNode, if_block_anchor);
4296
+ if_block1 = create_if_block$5(ctx);
4297
+ if_block1.c();
4298
+ transition_in(if_block1, 1);
4299
+ if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
4112
4300
  }
4113
- } else if (if_block) {
4301
+ } else if (if_block1) {
4114
4302
  group_outros();
4115
4303
 
4116
- transition_out(if_block, 1, 1, () => {
4117
- if_block = null;
4304
+ transition_out(if_block1, 1, 1, () => {
4305
+ if_block1 = null;
4118
4306
  });
4119
4307
 
4120
4308
  check_outros();
@@ -4122,20 +4310,20 @@ function create_fragment$t(ctx) {
4122
4310
  },
4123
4311
  i(local) {
4124
4312
  if (current) return;
4125
- transition_in(backgroundoverlay.$$.fragment, local);
4126
- transition_in(if_block);
4313
+ transition_in(if_block0);
4314
+ transition_in(if_block1);
4127
4315
  current = true;
4128
4316
  },
4129
4317
  o(local) {
4130
- transition_out(backgroundoverlay.$$.fragment, local);
4131
- transition_out(if_block);
4318
+ transition_out(if_block0);
4319
+ transition_out(if_block1);
4132
4320
  current = false;
4133
4321
  },
4134
4322
  d(detaching) {
4135
- destroy_component(backgroundoverlay, detaching);
4323
+ if_blocks[current_block_type_index].d(detaching);
4136
4324
  if (detaching) detach(t);
4137
- if (if_block) if_block.d(detaching);
4138
- if (detaching) detach(if_block_anchor);
4325
+ if (if_block1) if_block1.d(detaching);
4326
+ if (detaching) detach(if_block1_anchor);
4139
4327
  mounted = false;
4140
4328
  dispose();
4141
4329
  }
@@ -4146,35 +4334,45 @@ function instance$t($$self, $$props, $$invalidate) {
4146
4334
  let close;
4147
4335
  let closable;
4148
4336
  let backgroundClick;
4149
- let overwritePosition;
4150
- let overwriteMargin;
4151
- let overwriteElasticity;
4152
- let pos;
4153
- let transform;
4154
- let marginStyle;
4337
+ let backgroundClickPC;
4338
+ let backgroundClickSP;
4155
4339
  let handle_keydown;
4156
4340
  let visible;
4157
4341
  let $maximumZindex;
4158
- component_subscribe($$self, maximumZindex, $$value => $$invalidate(20, $maximumZindex = $$value));
4342
+ component_subscribe($$self, maximumZindex, $$value => $$invalidate(22, $maximumZindex = $$value));
4159
4343
  let { $$slots: slots = {}, $$scope } = $$props;
4160
4344
  let { onClick = { operation: 'none', args: [] } } = $$props;
4161
4345
  let { clickEventName = '' } = $$props;
4162
4346
  let { clickEventValue = null } = $$props;
4163
- let { placement = DefaultModalPlacement } = $$props;
4347
+ let { useBreakPoint = false } = $$props;
4348
+ let { placement } = $$props;
4349
+ let { breakPoint } = $$props;
4350
+ let { elasticity } = $$props;
4164
4351
  let { animation = 'none' } = $$props;
4165
4352
  let { _style = '' } = $$props;
4166
- let { elasticity = 'none' } = $$props;
4167
4353
  let { onClose = { operation: 'closeApp', args: ['button'] } } = $$props;
4168
4354
  let { closeEventName = '' } = $$props;
4169
4355
  let { closeEventValue = null } = $$props;
4170
4356
  let { closeButtonColor = '#000000' } = $$props;
4171
4357
  let { _closeStyle = '' } = $$props;
4358
+
4359
+ // モーダル背景の設定
4172
4360
  let backgroundOverlay = DefaultModalPlacement.backgroundOverlay;
4361
+
4362
+ let backgroundOverlayPC = DefaultModalPlacement.backgroundOverlay;
4363
+ let backgroundOverlaySP = DefaultModalPlacement.backgroundOverlay;
4364
+
4365
+ // モーダル背景のクリック動作の設定
4173
4366
  let backgroundClickFunction = DefaultModalPlacement.backgroundClick;
4367
+
4368
+ let backgroundClickFunctionPC = DefaultModalPlacement.backgroundClick;
4369
+ let backgroundClickFunctionSP = DefaultModalPlacement.backgroundClick;
4370
+ let modalStyles = new Set([]);
4371
+ let transform = getTransform('center');
4174
4372
  let modal;
4175
4373
 
4176
4374
  onMount$1(() => {
4177
- $$invalidate(12, visible = true);
4375
+ $$invalidate(16, visible = true);
4178
4376
  });
4179
4377
 
4180
4378
  onDestroy$1(() => setPreviousFocus());
@@ -4182,7 +4380,7 @@ function instance$t($$self, $$props, $$invalidate) {
4182
4380
  function div_binding($$value) {
4183
4381
  binding_callbacks[$$value ? 'unshift' : 'push'](() => {
4184
4382
  modal = $$value;
4185
- $$invalidate(11, modal);
4383
+ $$invalidate(15, modal);
4186
4384
  });
4187
4385
  }
4188
4386
 
@@ -4190,21 +4388,23 @@ function instance$t($$self, $$props, $$invalidate) {
4190
4388
  if ('onClick' in $$props) $$invalidate(0, onClick = $$props.onClick);
4191
4389
  if ('clickEventName' in $$props) $$invalidate(1, clickEventName = $$props.clickEventName);
4192
4390
  if ('clickEventValue' in $$props) $$invalidate(2, clickEventValue = $$props.clickEventValue);
4193
- if ('placement' in $$props) $$invalidate(21, placement = $$props.placement);
4194
- if ('animation' in $$props) $$invalidate(3, animation = $$props.animation);
4195
- if ('_style' in $$props) $$invalidate(4, _style = $$props._style);
4196
- if ('elasticity' in $$props) $$invalidate(22, elasticity = $$props.elasticity);
4197
- if ('onClose' in $$props) $$invalidate(5, onClose = $$props.onClose);
4198
- if ('closeEventName' in $$props) $$invalidate(6, closeEventName = $$props.closeEventName);
4199
- if ('closeEventValue' in $$props) $$invalidate(7, closeEventValue = $$props.closeEventValue);
4200
- if ('closeButtonColor' in $$props) $$invalidate(8, closeButtonColor = $$props.closeButtonColor);
4201
- if ('_closeStyle' in $$props) $$invalidate(9, _closeStyle = $$props._closeStyle);
4202
- if ('$$scope' in $$props) $$invalidate(29, $$scope = $$props.$$scope);
4391
+ if ('useBreakPoint' in $$props) $$invalidate(3, useBreakPoint = $$props.useBreakPoint);
4392
+ if ('placement' in $$props) $$invalidate(24, placement = $$props.placement);
4393
+ if ('breakPoint' in $$props) $$invalidate(25, breakPoint = $$props.breakPoint);
4394
+ if ('elasticity' in $$props) $$invalidate(26, elasticity = $$props.elasticity);
4395
+ if ('animation' in $$props) $$invalidate(4, animation = $$props.animation);
4396
+ if ('_style' in $$props) $$invalidate(5, _style = $$props._style);
4397
+ if ('onClose' in $$props) $$invalidate(6, onClose = $$props.onClose);
4398
+ if ('closeEventName' in $$props) $$invalidate(7, closeEventName = $$props.closeEventName);
4399
+ if ('closeEventValue' in $$props) $$invalidate(8, closeEventValue = $$props.closeEventValue);
4400
+ if ('closeButtonColor' in $$props) $$invalidate(9, closeButtonColor = $$props.closeButtonColor);
4401
+ if ('_closeStyle' in $$props) $$invalidate(10, _closeStyle = $$props._closeStyle);
4402
+ if ('$$scope' in $$props) $$invalidate(33, $$scope = $$props.$$scope);
4203
4403
  };
4204
4404
 
4205
4405
  $$self.$$.update = () => {
4206
- if ($$self.$$.dirty & /*closeEventName, closeEventValue, onClose*/ 224) {
4207
- $$invalidate(24, close = () => {
4406
+ if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, onClose*/ 448) {
4407
+ $$invalidate(30, close = () => {
4208
4408
  if (closeEventName) {
4209
4409
  send_event(closeEventName, closeEventValue);
4210
4410
  }
@@ -4213,28 +4413,46 @@ function instance$t($$self, $$props, $$invalidate) {
4213
4413
  });
4214
4414
  }
4215
4415
 
4216
- if ($$self.$$.dirty & /*onClose*/ 32) {
4217
- $$invalidate(19, closable = haveFunction(onClose));
4416
+ if ($$self.$$.dirty[0] & /*onClose*/ 64) {
4417
+ $$invalidate(21, closable = haveFunction(onClose));
4218
4418
  }
4219
4419
 
4220
- if ($$self.$$.dirty & /*placement*/ 2097152) {
4420
+ if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 50331656) {
4221
4421
  {
4222
- {
4223
- $$invalidate(10, backgroundOverlay = false);
4422
+
4423
+ if (useBreakPoint) {
4424
+ const pc = breakPoint?.PC?.placement?.backgroundOverlay;
4425
+ $$invalidate(12, backgroundOverlayPC = pc ?? false);
4426
+ const sp = breakPoint?.SP?.placement?.backgroundOverlay;
4427
+ $$invalidate(13, backgroundOverlaySP = sp ?? false);
4224
4428
  }
4225
4429
  }
4226
4430
  }
4227
4431
 
4228
- if ($$self.$$.dirty & /*placement*/ 2097152) {
4432
+ if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 50331656) {
4229
4433
  {
4230
4434
  if (placement && placement.backgroundClick) {
4231
- $$invalidate(23, backgroundClickFunction = placement.backgroundClick);
4435
+ $$invalidate(27, backgroundClickFunction = placement.backgroundClick);
4436
+ }
4437
+
4438
+ if (useBreakPoint) {
4439
+ const pc = breakPoint?.PC?.placement?.backgroundClick;
4440
+
4441
+ if (pc) {
4442
+ $$invalidate(28, backgroundClickFunctionPC = pc);
4443
+ }
4444
+
4445
+ const sp = breakPoint?.SP?.placement?.backgroundClick;
4446
+
4447
+ if (sp) {
4448
+ $$invalidate(29, backgroundClickFunctionSP = sp);
4449
+ }
4232
4450
  }
4233
4451
  }
4234
4452
  }
4235
4453
 
4236
- if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 8388800) {
4237
- $$invalidate(18, backgroundClick = () => {
4454
+ if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunction*/ 134218112) {
4455
+ $$invalidate(20, backgroundClick = () => {
4238
4456
  if (closeEventName) {
4239
4457
  send_event(closeEventName, closeEventValue);
4240
4458
  }
@@ -4243,51 +4461,115 @@ function instance$t($$self, $$props, $$invalidate) {
4243
4461
  });
4244
4462
  }
4245
4463
 
4246
- if ($$self.$$.dirty & /*placement*/ 2097152) {
4247
- $$invalidate(26, overwritePosition = 'center'
4248
- );
4464
+ if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 268435840) {
4465
+ $$invalidate(19, backgroundClickPC = () => {
4466
+ if (closeEventName) {
4467
+ send_event(closeEventName, closeEventValue);
4468
+ }
4469
+
4470
+ execOnClickOperation(backgroundClickFunctionPC);
4471
+ });
4249
4472
  }
4250
4473
 
4251
- if ($$self.$$.dirty & /*placement*/ 2097152) {
4252
- $$invalidate(25, overwriteMargin = {
4253
- left: '0px',
4254
- right: '0px',
4255
- top: '0px',
4256
- bottom: '0px'
4474
+ if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 536871296) {
4475
+ $$invalidate(18, backgroundClickSP = () => {
4476
+ if (closeEventName) {
4477
+ send_event(closeEventName, closeEventValue);
4257
4478
  }
4258
- );
4259
- }
4260
4479
 
4261
- if ($$self.$$.dirty & /*elasticity*/ 4194304) {
4262
- $$invalidate(17, overwriteElasticity = 'none' );
4480
+ execOnClickOperation(backgroundClickFunctionSP);
4481
+ });
4263
4482
  }
4264
4483
 
4265
- if ($$self.$$.dirty & /*overwritePosition*/ 67108864) {
4266
- $$invalidate(16, pos = getPositionStyle(overwritePosition));
4484
+ if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 50331656) {
4485
+ // 表示位置のスタイルとアニメーションの動きを設定
4486
+ {
4487
+ // 表示位置のスタイルの設定
4488
+ let position = DefaultModalPlacement.position;
4489
+
4490
+ let positionStyle = getPositionStyle(position);
4491
+
4492
+ if (!useBreakPoint) {
4493
+ modalStyles.add(positionStyle);
4494
+ }
4495
+
4496
+ DEVICE_IDS.forEach(deviceId => {
4497
+
4498
+ const positionVariables = stringifyStyleObj(formatObjectKey({
4499
+ obj: parseStyle(positionStyle),
4500
+ prefix: '--modal-bp-',
4501
+ suffix: `-${deviceId.toLowerCase()}`
4502
+ }));
4503
+
4504
+ modalStyles.add(positionVariables);
4505
+ });
4506
+
4507
+ // アニメーションの動きの設定
4508
+ $$invalidate(14, transform = getTransform(position));
4509
+ }
4267
4510
  }
4268
4511
 
4269
- if ($$self.$$.dirty & /*overwritePosition*/ 67108864) {
4270
- $$invalidate(15, transform = getTransform(overwritePosition));
4512
+ if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 50331656) {
4513
+ // 表示位置の調整のスタイルを設定
4514
+ {
4515
+ let margin = DefaultModalPlacement.margin;
4516
+
4517
+ let marginStyle = getMarginStyle(margin);
4518
+
4519
+ if (!useBreakPoint) {
4520
+ modalStyles.add(marginStyle);
4521
+ }
4522
+
4523
+ DEVICE_IDS.forEach(deviceId => {
4524
+
4525
+ const marginVariables = stringifyStyleObj(formatObjectKey({
4526
+ obj: parseStyle(marginStyle),
4527
+ prefix: '--modal-bp-',
4528
+ suffix: `-${deviceId.toLowerCase()}`
4529
+ }));
4530
+
4531
+ modalStyles.add(marginVariables);
4532
+ });
4533
+ }
4271
4534
  }
4272
4535
 
4273
- if ($$self.$$.dirty & /*overwriteMargin*/ 33554432) {
4274
- $$invalidate(14, marginStyle = getMarginStyle(overwriteMargin));
4536
+ if ($$self.$$.dirty[0] & /*elasticity, useBreakPoint, breakPoint*/ 100663304) {
4537
+ // 拡大方法のスタイルを設定
4538
+ {
4539
+ let elasticStyle = ElasticityStyle['none' ];
4540
+
4541
+ if (!useBreakPoint) {
4542
+ modalStyles.add(elasticStyle);
4543
+ }
4544
+
4545
+ DEVICE_IDS.forEach(deviceId => {
4546
+
4547
+ const elasticityVariables = stringifyStyleObj(formatObjectKey({
4548
+ obj: parseStyle(elasticStyle),
4549
+ prefix: '--modal-bp-',
4550
+ suffix: `-${deviceId.toLowerCase()}`
4551
+ }));
4552
+
4553
+ modalStyles.add(elasticityVariables);
4554
+ });
4555
+ }
4275
4556
  }
4276
4557
 
4277
- if ($$self.$$.dirty & /*close*/ 16777216) {
4278
- $$invalidate(13, handle_keydown = handleKeydown({ Escape: close }));
4558
+ if ($$self.$$.dirty[0] & /*close*/ 1073741824) {
4559
+ $$invalidate(17, handle_keydown = handleKeydown({ Escape: close }));
4279
4560
  }
4280
4561
  };
4281
4562
 
4282
- $$invalidate(11, modal = null);
4563
+ $$invalidate(15, modal = null);
4283
4564
 
4284
4565
  // svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
4285
- $$invalidate(12, visible = false);
4566
+ $$invalidate(16, visible = false);
4286
4567
 
4287
4568
  return [
4288
4569
  onClick,
4289
4570
  clickEventName,
4290
4571
  clickEventValue,
4572
+ useBreakPoint,
4291
4573
  animation,
4292
4574
  _style,
4293
4575
  onClose,
@@ -4296,22 +4578,25 @@ function instance$t($$self, $$props, $$invalidate) {
4296
4578
  closeButtonColor,
4297
4579
  _closeStyle,
4298
4580
  backgroundOverlay,
4581
+ backgroundOverlayPC,
4582
+ backgroundOverlaySP,
4583
+ transform,
4299
4584
  modal,
4300
4585
  visible,
4301
4586
  handle_keydown,
4302
- marginStyle,
4303
- transform,
4304
- pos,
4305
- overwriteElasticity,
4587
+ backgroundClickSP,
4588
+ backgroundClickPC,
4306
4589
  backgroundClick,
4307
4590
  closable,
4308
4591
  $maximumZindex,
4592
+ modalStyles,
4309
4593
  placement,
4594
+ breakPoint,
4310
4595
  elasticity,
4311
4596
  backgroundClickFunction,
4597
+ backgroundClickFunctionPC,
4598
+ backgroundClickFunctionSP,
4312
4599
  close,
4313
- overwriteMargin,
4314
- overwritePosition,
4315
4600
  slots,
4316
4601
  div_binding,
4317
4602
  $$scope
@@ -4332,17 +4617,20 @@ class Modal extends SvelteComponent {
4332
4617
  onClick: 0,
4333
4618
  clickEventName: 1,
4334
4619
  clickEventValue: 2,
4335
- placement: 21,
4336
- animation: 3,
4337
- _style: 4,
4338
- elasticity: 22,
4339
- onClose: 5,
4340
- closeEventName: 6,
4341
- closeEventValue: 7,
4342
- closeButtonColor: 8,
4343
- _closeStyle: 9
4620
+ useBreakPoint: 3,
4621
+ placement: 24,
4622
+ breakPoint: 25,
4623
+ elasticity: 26,
4624
+ animation: 4,
4625
+ _style: 5,
4626
+ onClose: 6,
4627
+ closeEventName: 7,
4628
+ closeEventValue: 8,
4629
+ closeButtonColor: 9,
4630
+ _closeStyle: 10
4344
4631
  },
4345
- add_css$q
4632
+ add_css$q,
4633
+ [-1, -1]
4346
4634
  );
4347
4635
  }
4348
4636
  }
@@ -4476,7 +4764,7 @@ class Grid extends SvelteComponent {
4476
4764
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
4477
4765
 
4478
4766
  function add_css$p(target) {
4479
- append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
4767
+ append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
4480
4768
  }
4481
4769
 
4482
4770
  function create_fragment$r(ctx) {
@@ -4510,8 +4798,8 @@ function create_fragment$r(ctx) {
4510
4798
  this.h();
4511
4799
  },
4512
4800
  h() {
4513
- attr(div0, "class", "grid-item-inner svelte-1cryhmb");
4514
- attr(div1, "class", "grid-item svelte-1cryhmb");
4801
+ attr(div0, "class", "grid-item-inner svelte-n7kdl3");
4802
+ attr(div1, "class", "grid-item svelte-n7kdl3");
4515
4803
  attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
4516
4804
  attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
4517
4805
  attr(div1, "style", /*_style*/ ctx[1]);
@@ -4833,7 +5121,7 @@ class RenderText extends SvelteComponent {
4833
5121
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
4834
5122
 
4835
5123
  function add_css$o(target) {
4836
- 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}");
5124
+ 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}");
4837
5125
  }
4838
5126
 
4839
5127
  // (94:2) {:else}
@@ -4863,8 +5151,8 @@ function create_else_block$1(ctx) {
4863
5151
  this.h();
4864
5152
  },
4865
5153
  h() {
4866
- attr(div0, "class", "text-element-inner svelte-vz6867");
4867
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5154
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5155
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
4868
5156
  attr(div1, "style", /*style*/ ctx[5]);
4869
5157
  },
4870
5158
  m(target, anchor) {
@@ -4878,7 +5166,7 @@ function create_else_block$1(ctx) {
4878
5166
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
4879
5167
  rendertext.$set(rendertext_changes);
4880
5168
 
4881
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
5169
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
4882
5170
  attr(div1, "class", div1_class_value);
4883
5171
  }
4884
5172
 
@@ -4953,12 +5241,12 @@ function create_if_block$3(ctx) {
4953
5241
  this.h();
4954
5242
  },
4955
5243
  h() {
4956
- attr(div0, "class", "text-element-inner svelte-vz6867");
5244
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
4957
5245
  attr(a, "href", '');
4958
- attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5246
+ attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
4959
5247
  attr(a, "style", /*style*/ ctx[5]);
4960
- attr(div1, "class", "tooltip svelte-vz6867");
4961
- attr(div2, "class", "tooltip tooltip-error svelte-vz6867");
5248
+ attr(div1, "class", "tooltip svelte-9ixs0b");
5249
+ attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
4962
5250
  },
4963
5251
  m(target, anchor) {
4964
5252
  insert_hydration(target, a, anchor);
@@ -4984,7 +5272,7 @@ function create_if_block$3(ctx) {
4984
5272
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
4985
5273
  rendertext.$set(rendertext_changes);
4986
5274
 
4987
- 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"))) {
5275
+ 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"))) {
4988
5276
  attr(a, "class", a_class_value);
4989
5277
  }
4990
5278
 
@@ -5046,7 +5334,7 @@ function create_fragment$p(ctx) {
5046
5334
  this.h();
5047
5335
  },
5048
5336
  h() {
5049
- attr(div, "class", "text-element-wrapper svelte-vz6867");
5337
+ attr(div, "class", "text-element-wrapper svelte-9ixs0b");
5050
5338
  },
5051
5339
  m(target, anchor) {
5052
5340
  insert_hydration(target, div, anchor);
@@ -5212,7 +5500,7 @@ class TextElement extends SvelteComponent {
5212
5500
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5213
5501
 
5214
5502
  function add_css$n(target) {
5215
- 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)}");
5503
+ 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)}");
5216
5504
  }
5217
5505
 
5218
5506
  // (48:2) <Button {onClick} {style} {eventName}>
@@ -5281,7 +5569,7 @@ function create_fragment$o(ctx) {
5281
5569
  this.h();
5282
5570
  },
5283
5571
  h() {
5284
- attr(div, "class", "text-button-element svelte-ujdxfc");
5572
+ attr(div, "class", "text-button-element svelte-1vg84sc");
5285
5573
  },
5286
5574
  m(target, anchor) {
5287
5575
  insert_hydration(target, div, anchor);
@@ -5373,7 +5661,7 @@ class TextButtonElement extends SvelteComponent {
5373
5661
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5374
5662
 
5375
5663
  function add_css$m(target) {
5376
- 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%}");
5664
+ 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%}");
5377
5665
  }
5378
5666
 
5379
5667
  // (44:2) <Button {onClick} style={_style} {eventName}>
@@ -5401,7 +5689,7 @@ function create_default_slot$4(ctx) {
5401
5689
  this.h();
5402
5690
  },
5403
5691
  h() {
5404
- attr(img, "class", "image svelte-1alkh1m");
5692
+ attr(img, "class", "image svelte-t6tu0e");
5405
5693
  attr(img, "loading", "lazy");
5406
5694
  attr(img, "width", "auto");
5407
5695
  attr(img, "height", "auto");
@@ -5473,7 +5761,7 @@ function create_fragment$n(ctx) {
5473
5761
  this.h();
5474
5762
  },
5475
5763
  h() {
5476
- attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m");
5764
+ attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
5477
5765
  },
5478
5766
  m(target, anchor) {
5479
5767
  insert_hydration(target, div, anchor);
@@ -5492,7 +5780,7 @@ function create_fragment$n(ctx) {
5492
5780
 
5493
5781
  button.$set(button_changes);
5494
5782
 
5495
- if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m")) {
5783
+ if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
5496
5784
  attr(div, "class", div_class_value);
5497
5785
  }
5498
5786
  },
@@ -5564,7 +5852,7 @@ class ImageElement extends SvelteComponent {
5564
5852
  /* src/components/List.svelte generated by Svelte v3.53.1 */
5565
5853
 
5566
5854
  function add_css$l(target) {
5567
- 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}");
5855
+ 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}");
5568
5856
  }
5569
5857
 
5570
5858
  function create_fragment$m(ctx) {
@@ -5587,7 +5875,7 @@ function create_fragment$m(ctx) {
5587
5875
  this.h();
5588
5876
  },
5589
5877
  h() {
5590
- attr(div, "class", "list svelte-1t8r9z");
5878
+ attr(div, "class", "list svelte-aquv6z");
5591
5879
  attr(div, "style", /*style*/ ctx[0]);
5592
5880
  },
5593
5881
  m(target, anchor) {
@@ -5721,7 +6009,7 @@ class List extends SvelteComponent {
5721
6009
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
5722
6010
 
5723
6011
  function add_css$k(target) {
5724
- 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}");
6012
+ 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}");
5725
6013
  }
5726
6014
 
5727
6015
  // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
@@ -5804,7 +6092,7 @@ function create_fragment$l(ctx) {
5804
6092
  this.h();
5805
6093
  },
5806
6094
  h() {
5807
- attr(div, "class", "list-item svelte-1lbw8v2");
6095
+ attr(div, "class", "list-item svelte-9n97pe");
5808
6096
  attr(div, "style", /*listItemStyle*/ ctx[3]);
5809
6097
  },
5810
6098
  m(target, anchor) {
@@ -5930,7 +6218,7 @@ class ListItem extends SvelteComponent {
5930
6218
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
5931
6219
 
5932
6220
  function add_css$j(target) {
5933
- 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}");
6221
+ 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}");
5934
6222
  }
5935
6223
 
5936
6224
  function create_fragment$k(ctx) {
@@ -5948,7 +6236,7 @@ function create_fragment$k(ctx) {
5948
6236
  this.h();
5949
6237
  },
5950
6238
  h() {
5951
- attr(div, "class", "embed svelte-w6jkzh");
6239
+ attr(div, "class", "embed svelte-wocq4p");
5952
6240
  attr(div, "style", /*_style*/ ctx[1]);
5953
6241
  },
5954
6242
  m(target, anchor) {
@@ -5991,7 +6279,7 @@ class EmbedElement extends SvelteComponent {
5991
6279
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
5992
6280
 
5993
6281
  function add_css$i(target) {
5994
- 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%}");
6282
+ 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%}");
5995
6283
  }
5996
6284
 
5997
6285
  function create_fragment$j(ctx) {
@@ -6014,7 +6302,7 @@ function create_fragment$j(ctx) {
6014
6302
  },
6015
6303
  h() {
6016
6304
  attr(div0, "class", "karte-player");
6017
- attr(div1, "class", "embed svelte-ljxq7x");
6305
+ attr(div1, "class", "embed svelte-vikz49");
6018
6306
  attr(div1, "style", /*_style*/ ctx[0]);
6019
6307
  },
6020
6308
  m(target, anchor) {
@@ -6356,7 +6644,7 @@ class MovieYouTubeElement extends SvelteComponent {
6356
6644
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6357
6645
 
6358
6646
  function add_css$h(target) {
6359
- 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%}");
6647
+ 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%}");
6360
6648
  }
6361
6649
 
6362
6650
  function create_fragment$i(ctx) {
@@ -6379,7 +6667,7 @@ function create_fragment$i(ctx) {
6379
6667
  },
6380
6668
  h() {
6381
6669
  attr(div0, "class", "karte-player");
6382
- attr(div1, "class", "embed svelte-ljxq7x");
6670
+ attr(div1, "class", "embed svelte-vikz49");
6383
6671
  attr(div1, "style", /*_style*/ ctx[0]);
6384
6672
  },
6385
6673
  m(target, anchor) {
@@ -6563,7 +6851,7 @@ class MovieVimeoElement extends SvelteComponent {
6563
6851
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
6564
6852
 
6565
6853
  function add_css$g(target) {
6566
- append_styles(target, "svelte-1fjy5oo", ".textarea-wrapper.svelte-1fjy5oo{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-1fjy5oo{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.textarea.svelte-1fjy5oo::placeholder{color:var(--placeholder-color)}.textarea.svelte-1fjy5oo:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
6854
+ 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}");
6567
6855
  }
6568
6856
 
6569
6857
  function create_fragment$h(ctx) {
@@ -6593,12 +6881,12 @@ function create_fragment$h(ctx) {
6593
6881
  this.h();
6594
6882
  },
6595
6883
  h() {
6596
- attr(textarea, "class", "textarea svelte-1fjy5oo");
6884
+ attr(textarea, "class", "textarea svelte-zxvkkc");
6597
6885
  textarea.value = /*$value*/ ctx[4];
6598
6886
  textarea.required = /*required*/ ctx[1];
6599
6887
  attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
6600
6888
  attr(textarea, "style", /*style*/ ctx[3]);
6601
- attr(div, "class", "textarea-wrapper svelte-1fjy5oo");
6889
+ attr(div, "class", "textarea-wrapper svelte-zxvkkc");
6602
6890
  attr(div, "style", /*styleVariables*/ ctx[2]);
6603
6891
  },
6604
6892
  m(target, anchor) {
@@ -6750,7 +7038,7 @@ class FormTextarea extends SvelteComponent {
6750
7038
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
6751
7039
 
6752
7040
  function add_css$f(target) {
6753
- 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}");
7041
+ 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}");
6754
7042
  }
6755
7043
 
6756
7044
  function get_each_context$5(ctx, list, i) {
@@ -6807,14 +7095,14 @@ function create_each_block$5(ctx) {
6807
7095
  },
6808
7096
  h() {
6809
7097
  attr(input, "type", "radio");
6810
- attr(input, "class", "radio-button-input svelte-1ntb6j8");
7098
+ attr(input, "class", "radio-button-input svelte-17s08g");
6811
7099
  attr(input, "style", /*buttonStyle*/ ctx[5]);
6812
7100
  attr(input, "name", /*name*/ ctx[0]);
6813
7101
  input.value = input_value_value = /*option*/ ctx[17];
6814
7102
  input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
6815
- attr(span, "class", "radio-button-text svelte-1ntb6j8");
7103
+ attr(span, "class", "radio-button-text svelte-17s08g");
6816
7104
  attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
6817
- attr(label, "class", "radio-button svelte-1ntb6j8");
7105
+ attr(label, "class", "radio-button svelte-17s08g");
6818
7106
  },
6819
7107
  m(target, anchor) {
6820
7108
  insert_hydration(target, label, anchor);
@@ -6893,7 +7181,7 @@ function create_fragment$g(ctx) {
6893
7181
  this.h();
6894
7182
  },
6895
7183
  h() {
6896
- attr(div, "class", "radio-buttons svelte-1ntb6j8");
7184
+ attr(div, "class", "radio-buttons svelte-17s08g");
6897
7185
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
6898
7186
  },
6899
7187
  m(target, anchor) {
@@ -7062,7 +7350,7 @@ class FormRadioButtons extends SvelteComponent {
7062
7350
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
7063
7351
 
7064
7352
  function add_css$e(target) {
7065
- 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}");
7353
+ 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}");
7066
7354
  }
7067
7355
 
7068
7356
  function get_each_context$4(ctx, list, i) {
@@ -7233,10 +7521,10 @@ function create_fragment$f(ctx) {
7233
7521
  this.h();
7234
7522
  },
7235
7523
  h() {
7236
- attr(select, "class", "select-select svelte-iejizj");
7524
+ attr(select, "class", "select-select svelte-t9ynyj");
7237
7525
  attr(select, "style", /*style*/ ctx[3]);
7238
- attr(div0, "class", "select-icon svelte-iejizj");
7239
- attr(div1, "class", "select svelte-iejizj");
7526
+ attr(div0, "class", "select-icon svelte-t9ynyj");
7527
+ attr(div1, "class", "select svelte-t9ynyj");
7240
7528
  attr(div1, "style", /*styleVariables*/ ctx[2]);
7241
7529
  },
7242
7530
  m(target, anchor) {
@@ -7438,7 +7726,7 @@ class FormSelect extends SvelteComponent {
7438
7726
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
7439
7727
 
7440
7728
  function add_css$d(target) {
7441
- 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}");
7729
+ 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}");
7442
7730
  }
7443
7731
 
7444
7732
  function get_each_context$3(ctx, list, i) {
@@ -7500,19 +7788,19 @@ function create_each_block$3(ctx) {
7500
7788
  this.h();
7501
7789
  },
7502
7790
  h() {
7503
- attr(input, "class", "check-box-input svelte-2pz1us");
7791
+ attr(input, "class", "check-box-input svelte-1p65cg8");
7504
7792
  attr(input, "type", "checkbox");
7505
7793
  attr(input, "name", /*name*/ ctx[0]);
7506
7794
  input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
7507
- attr(span0, "class", "check-box-icon svelte-2pz1us");
7795
+ attr(span0, "class", "check-box-icon svelte-1p65cg8");
7508
7796
 
7509
7797
  attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7510
7798
  ? ' _checked'
7511
- : ''}`) + " svelte-2pz1us"));
7799
+ : ''}`) + " svelte-1p65cg8"));
7512
7800
 
7513
- attr(span2, "class", "check-box-text svelte-2pz1us");
7801
+ attr(span2, "class", "check-box-text svelte-1p65cg8");
7514
7802
  attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7515
- attr(label, "class", "check-box svelte-2pz1us");
7803
+ attr(label, "class", "check-box svelte-1p65cg8");
7516
7804
  attr(label, "style", /*styleVariables*/ ctx[5]);
7517
7805
  },
7518
7806
  m(target, anchor) {
@@ -7544,7 +7832,7 @@ function create_each_block$3(ctx) {
7544
7832
 
7545
7833
  if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7546
7834
  ? ' _checked'
7547
- : ''}`) + " svelte-2pz1us"))) {
7835
+ : ''}`) + " svelte-1p65cg8"))) {
7548
7836
  attr(span1, "class", span1_class_value);
7549
7837
  }
7550
7838
 
@@ -7597,7 +7885,7 @@ function create_fragment$e(ctx) {
7597
7885
  this.h();
7598
7886
  },
7599
7887
  h() {
7600
- attr(div, "class", "check-boxes svelte-2pz1us");
7888
+ attr(div, "class", "check-boxes svelte-1p65cg8");
7601
7889
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7602
7890
  },
7603
7891
  m(target, anchor) {
@@ -7772,7 +8060,7 @@ class FormCheckBoxes extends SvelteComponent {
7772
8060
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
7773
8061
 
7774
8062
  function add_css$c(target) {
7775
- append_styles(target, "svelte-18pfy31", ".rating-buttons.svelte-18pfy31{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-18pfy31{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}");
8063
+ append_styles(target, "svelte-zy2va9", ".rating-buttons.svelte-zy2va9{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-zy2va9{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}");
7776
8064
  }
7777
8065
 
7778
8066
  function get_each_context$2(ctx, list, i) {
@@ -7807,7 +8095,7 @@ function create_each_block$2(ctx) {
7807
8095
  this.h();
7808
8096
  },
7809
8097
  h() {
7810
- attr(button, "class", "rating-button svelte-18pfy31");
8098
+ attr(button, "class", "rating-button svelte-zy2va9");
7811
8099
  attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]));
7812
8100
  },
7813
8101
  m(target, anchor) {
@@ -7870,7 +8158,7 @@ function create_fragment$d(ctx) {
7870
8158
  this.h();
7871
8159
  },
7872
8160
  h() {
7873
- attr(div, "class", "rating-buttons svelte-18pfy31");
8161
+ attr(div, "class", "rating-buttons svelte-zy2va9");
7874
8162
  },
7875
8163
  m(target, anchor) {
7876
8164
  insert_hydration(target, div, anchor);
@@ -8009,7 +8297,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
8009
8297
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
8010
8298
 
8011
8299
  function add_css$b(target) {
8012
- 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%)}");
8300
+ 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%)}");
8013
8301
  }
8014
8302
 
8015
8303
  function get_each_context$1(ctx, list, i) {
@@ -8045,9 +8333,9 @@ function create_each_block$1(ctx) {
8045
8333
  },
8046
8334
  h() {
8047
8335
  if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
8048
- attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"));
8336
+ attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
8049
8337
  attr(img, "alt", "rate" + /*i*/ ctx[10]);
8050
- attr(button, "class", "rating-button svelte-1b5dvzw");
8338
+ attr(button, "class", "rating-button svelte-tbunko");
8051
8339
  attr(button, "style", /*buttonStyle*/ ctx[0]);
8052
8340
  },
8053
8341
  m(target, anchor) {
@@ -8063,7 +8351,7 @@ function create_each_block$1(ctx) {
8063
8351
  p(new_ctx, dirty) {
8064
8352
  ctx = new_ctx;
8065
8353
 
8066
- 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"))) {
8354
+ 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"))) {
8067
8355
  attr(img, "class", img_class_value);
8068
8356
  }
8069
8357
 
@@ -8110,7 +8398,7 @@ function create_fragment$c(ctx) {
8110
8398
  this.h();
8111
8399
  },
8112
8400
  h() {
8113
- attr(div, "class", "rating-buttons svelte-1b5dvzw");
8401
+ attr(div, "class", "rating-buttons svelte-tbunko");
8114
8402
  },
8115
8403
  m(target, anchor) {
8116
8404
  insert_hydration(target, div, anchor);
@@ -8218,7 +8506,7 @@ class FormRatingButtonsFace extends SvelteComponent {
8218
8506
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
8219
8507
 
8220
8508
  function add_css$a(target) {
8221
- 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%}");
8509
+ 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%}");
8222
8510
  }
8223
8511
 
8224
8512
  function get_each_context(ctx, list, i) {
@@ -8264,9 +8552,9 @@ function create_if_block_1(ctx) {
8264
8552
  attr(svg, "viewBox", "0 0 10 16");
8265
8553
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8266
8554
  attr(svg, "style", /*prevIconStyle*/ ctx[10]);
8267
- attr(button, "class", "move-button svelte-1qfq79t");
8555
+ attr(button, "class", "move-button svelte-ji1fh");
8268
8556
  attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
8269
- attr(div, "class", "prev-button-container svelte-1qfq79t");
8557
+ attr(div, "class", "prev-button-container svelte-ji1fh");
8270
8558
  },
8271
8559
  m(target, anchor) {
8272
8560
  insert_hydration(target, div, anchor);
@@ -8332,9 +8620,9 @@ function create_if_block$1(ctx) {
8332
8620
  attr(svg, "viewBox", "0 0 10 16");
8333
8621
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8334
8622
  attr(svg, "style", /*nextIconStyle*/ ctx[8]);
8335
- attr(button, "class", "move-button svelte-1qfq79t");
8623
+ attr(button, "class", "move-button svelte-ji1fh");
8336
8624
  attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
8337
- attr(div, "class", "next-button-container svelte-1qfq79t");
8625
+ attr(div, "class", "next-button-container svelte-ji1fh");
8338
8626
  },
8339
8627
  m(target, anchor) {
8340
8628
  insert_hydration(target, div, anchor);
@@ -8394,9 +8682,9 @@ function create_each_block(ctx) {
8394
8682
  this.h();
8395
8683
  },
8396
8684
  h() {
8397
- attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
8685
+ attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
8398
8686
  attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
8399
- attr(button, "class", "navigation-item svelte-1qfq79t");
8687
+ attr(button, "class", "navigation-item svelte-ji1fh");
8400
8688
  attr(button, "style", /*navigationItemStyle*/ ctx[6]);
8401
8689
  },
8402
8690
  m(target, anchor) {
@@ -8502,14 +8790,14 @@ function create_fragment$b(ctx) {
8502
8790
  this.h();
8503
8791
  },
8504
8792
  h() {
8505
- attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
8793
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
8506
8794
  attr(div0, "style", /*slideStyle*/ ctx[14]);
8507
- attr(div1, "class", "container svelte-1qfq79t");
8795
+ attr(div1, "class", "container svelte-ji1fh");
8508
8796
  attr(div1, "style", /*_style*/ ctx[0]);
8509
- attr(div2, "class", "navigation svelte-1qfq79t");
8797
+ attr(div2, "class", "navigation svelte-ji1fh");
8510
8798
  attr(div2, "style", /*navigationStyle*/ ctx[4]);
8511
8799
  set_attributes(div3, div3_data);
8512
- toggle_class(div3, "svelte-1qfq79t", true);
8800
+ toggle_class(div3, "svelte-ji1fh", true);
8513
8801
  },
8514
8802
  m(target, anchor) {
8515
8803
  insert_hydration(target, div3, anchor);
@@ -8551,7 +8839,7 @@ function create_fragment$b(ctx) {
8551
8839
  }
8552
8840
  }
8553
8841
 
8554
- if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
8842
+ if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
8555
8843
  attr(div0, "class", div0_class_value);
8556
8844
  }
8557
8845
 
@@ -8617,7 +8905,7 @@ function create_fragment$b(ctx) {
8617
8905
  }
8618
8906
 
8619
8907
  set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
8620
- toggle_class(div3, "svelte-1qfq79t", true);
8908
+ toggle_class(div3, "svelte-ji1fh", true);
8621
8909
  },
8622
8910
  i(local) {
8623
8911
  if (current) return;
@@ -9129,7 +9417,7 @@ class Slide extends SvelteComponent {
9129
9417
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
9130
9418
 
9131
9419
  function add_css$9(target) {
9132
- 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}");
9420
+ 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}");
9133
9421
  }
9134
9422
 
9135
9423
  function create_fragment$a(ctx) {
@@ -9157,9 +9445,9 @@ function create_fragment$a(ctx) {
9157
9445
  this.h();
9158
9446
  },
9159
9447
  h() {
9160
- attr(div0, "class", "item-inner svelte-1rv0qgo");
9448
+ attr(div0, "class", "item-inner svelte-9ygf1w");
9161
9449
  attr(div0, "style", /*_style*/ ctx[0]);
9162
- attr(div1, "class", "item svelte-1rv0qgo");
9450
+ attr(div1, "class", "item svelte-9ygf1w");
9163
9451
  attr(div1, "style", /*itemStyle*/ ctx[1]);
9164
9452
  },
9165
9453
  m(target, anchor) {
@@ -9285,7 +9573,7 @@ class SlideItem extends SvelteComponent {
9285
9573
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
9286
9574
 
9287
9575
  function add_css$8(target) {
9288
- 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}");
9576
+ 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}");
9289
9577
  }
9290
9578
 
9291
9579
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
@@ -9316,9 +9604,9 @@ function create_fragment$9(ctx) {
9316
9604
  this.h();
9317
9605
  },
9318
9606
  h() {
9319
- attr(div0, "class", "countdown-inner svelte-t87l6f");
9607
+ attr(div0, "class", "countdown-inner svelte-rroxiz");
9320
9608
  attr(div0, "style", /*_style*/ ctx[0]);
9321
- attr(div1, "class", "countdown svelte-t87l6f");
9609
+ attr(div1, "class", "countdown svelte-rroxiz");
9322
9610
  },
9323
9611
  m(target, anchor) {
9324
9612
  insert_hydration(target, div1, anchor);
@@ -9448,7 +9736,7 @@ class Countdown extends SvelteComponent {
9448
9736
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
9449
9737
 
9450
9738
  function add_css$7(target) {
9451
- 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}");
9739
+ 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}");
9452
9740
  }
9453
9741
 
9454
9742
  // (24:2) <Button {onClick} style={_style} {eventName}>
@@ -9531,7 +9819,7 @@ function create_fragment$8(ctx) {
9531
9819
  this.h();
9532
9820
  },
9533
9821
  h() {
9534
- attr(div, "class", "box svelte-1c91vpe");
9822
+ attr(div, "class", "box svelte-1ccydfy");
9535
9823
  },
9536
9824
  m(target, anchor) {
9537
9825
  insert_hydration(target, div, anchor);
@@ -9592,7 +9880,7 @@ class Box extends SvelteComponent {
9592
9880
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
9593
9881
 
9594
9882
  function add_css$6(target) {
9595
- 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)}");
9883
+ 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)}");
9596
9884
  }
9597
9885
 
9598
9886
  // (56:4) {#if svg}
@@ -9696,7 +9984,7 @@ function create_fragment$7(ctx) {
9696
9984
  this.h();
9697
9985
  },
9698
9986
  h() {
9699
- attr(div, "class", "icon svelte-1mk6wi4");
9987
+ attr(div, "class", "icon svelte-1mkvcuo");
9700
9988
  },
9701
9989
  m(target, anchor) {
9702
9990
  insert_hydration(target, div, anchor);
@@ -9805,7 +10093,7 @@ class IconElement extends SvelteComponent {
9805
10093
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
9806
10094
 
9807
10095
  function add_css$5(target) {
9808
- append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10096
+ append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
9809
10097
  }
9810
10098
 
9811
10099
  function create_fragment$6(ctx) {
@@ -9841,7 +10129,7 @@ function create_fragment$6(ctx) {
9841
10129
  this.h();
9842
10130
  },
9843
10131
  h() {
9844
- attr(div, "class", "codeElement svelte-1ng2n51");
10132
+ attr(div, "class", "codeElement svelte-ymsb9l");
9845
10133
  attr(div, "style", /*style*/ ctx[3]);
9846
10134
  },
9847
10135
  m(target, anchor) {
@@ -9930,7 +10218,7 @@ class CodeElement extends SvelteComponent {
9930
10218
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
9931
10219
 
9932
10220
  function add_css$4(target) {
9933
- append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
10221
+ append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
9934
10222
  }
9935
10223
 
9936
10224
  function create_fragment$5(ctx) {
@@ -9954,7 +10242,7 @@ function create_fragment$5(ctx) {
9954
10242
  this.h();
9955
10243
  },
9956
10244
  h() {
9957
- attr(div, "class", "flex svelte-9v2qdg");
10245
+ attr(div, "class", "flex svelte-1e71ejc");
9958
10246
  attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
9959
10247
  },
9960
10248
  m(target, anchor) {
@@ -10051,7 +10339,7 @@ class Flex extends SvelteComponent {
10051
10339
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
10052
10340
 
10053
10341
  function add_css$3(target) {
10054
- append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
10342
+ append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
10055
10343
  }
10056
10344
 
10057
10345
  function create_fragment$4(ctx) {
@@ -10074,7 +10362,7 @@ function create_fragment$4(ctx) {
10074
10362
  this.h();
10075
10363
  },
10076
10364
  h() {
10077
- attr(div, "class", "flex-item svelte-164ah5d");
10365
+ attr(div, "class", "flex-item svelte-1p0bk1x");
10078
10366
  attr(div, "style", /*style*/ ctx[0]);
10079
10367
  },
10080
10368
  m(target, anchor) {
@@ -10494,7 +10782,7 @@ class GridModalState extends SvelteComponent {
10494
10782
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
10495
10783
 
10496
10784
  function add_css$2(target) {
10497
- 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%}");
10785
+ 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%}");
10498
10786
  }
10499
10787
 
10500
10788
  function create_fragment$2(ctx) {
@@ -10523,8 +10811,8 @@ function create_fragment$2(ctx) {
10523
10811
  this.h();
10524
10812
  },
10525
10813
  h() {
10526
- attr(div0, "class", "text-block-inner svelte-akic2e");
10527
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"));
10814
+ attr(div0, "class", "text-block-inner svelte-15pej1m");
10815
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
10528
10816
  attr(div1, "style", /*style*/ ctx[2]);
10529
10817
  },
10530
10818
  m(target, anchor) {
@@ -10538,7 +10826,7 @@ function create_fragment$2(ctx) {
10538
10826
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
10539
10827
  rendertext.$set(rendertext_changes);
10540
10828
 
10541
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"))) {
10829
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
10542
10830
  attr(div1, "class", div1_class_value);
10543
10831
  }
10544
10832
 
@@ -10616,7 +10904,7 @@ class TextBlock extends SvelteComponent {
10616
10904
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
10617
10905
 
10618
10906
  function add_css$1(target) {
10619
- 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)}");
10907
+ 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)}");
10620
10908
  }
10621
10909
 
10622
10910
  function create_fragment$1(ctx) {
@@ -10646,9 +10934,9 @@ function create_fragment$1(ctx) {
10646
10934
  this.h();
10647
10935
  },
10648
10936
  h() {
10649
- attr(button, "class", "text-button svelte-1c34p4n");
10937
+ attr(button, "class", "text-button svelte-ff0k6r");
10650
10938
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
10651
- attr(div, "class", "text-button-block svelte-1c34p4n");
10939
+ attr(div, "class", "text-button-block svelte-ff0k6r");
10652
10940
  attr(div, "style", /*_style*/ ctx[2]);
10653
10941
  },
10654
10942
  m(target, anchor) {
@@ -10754,7 +11042,7 @@ class TextButtonBlock extends SvelteComponent {
10754
11042
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
10755
11043
 
10756
11044
  function add_css(target) {
10757
- 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)}");
11045
+ 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)}");
10758
11046
  }
10759
11047
 
10760
11048
  function create_fragment(ctx) {
@@ -10790,14 +11078,14 @@ function create_fragment(ctx) {
10790
11078
  this.h();
10791
11079
  },
10792
11080
  h() {
10793
- attr(img, "class", "image svelte-1jus6sx");
11081
+ attr(img, "class", "image svelte-1pdw891");
10794
11082
  attr(img, "loading", "lazy");
10795
11083
  attr(img, "width", "auto");
10796
11084
  attr(img, "height", "auto");
10797
11085
  attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
10798
11086
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
10799
11087
  attr(img, "alt", /*alt*/ ctx[1]);
10800
- attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"));
11088
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
10801
11089
  attr(div, "style", /*_style*/ ctx[5]);
10802
11090
  },
10803
11091
  m(target, anchor) {
@@ -10822,7 +11110,7 @@ function create_fragment(ctx) {
10822
11110
  attr(img, "alt", /*alt*/ ctx[1]);
10823
11111
  }
10824
11112
 
10825
- if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"))) {
11113
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
10826
11114
  attr(div, "class", div_class_value);
10827
11115
  }
10828
11116
 
@@ -10898,4 +11186,4 @@ class ImageBlock extends SvelteComponent {
10898
11186
  }
10899
11187
  }
10900
11188
 
10901
- export { ACTION_HOOK_LABEL, Alignments, AnimationStyles, BackgroundSizes, Box, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultFormButtonColor, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexDirections, FlexItem, Fonts, FormCheckBoxes, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYOUT_COMPONENT_NAMES, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, 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, resetEventHandlers, resetVariables, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };
11189
+ export { ACTION_HOOK_LABEL, Alignments, AnimationStyles, BackgroundSizes, Box, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexDirections, FlexItem, Fonts, FormCheckBoxes, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYOUT_COMPONENT_NAMES, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, 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, resetEventHandlers, resetVariables, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };