@plaidev/karte-action-sdk 1.1.207 → 1.1.208-28223142.6bbd2434

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -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
@@ -934,8 +956,6 @@ const variables = writable({});
934
956
  * 変数の一覧を取得する
935
957
  *
936
958
  * @returns 現在の変数の一覧
937
- *
938
- * @internal
939
959
  */
940
960
  function getVariables() {
941
961
  return get(variables);
@@ -947,8 +967,6 @@ function getVariables() {
947
967
  * 設定した変数は、ビジュアルエディタのテキストフォームなどで利用できます。
948
968
  *
949
969
  * @param vars - 変数
950
- *
951
- * @internal
952
970
  */
953
971
  function setVariables(vars) {
954
972
  if (!get(variables)) {
@@ -961,7 +979,6 @@ function setVariables(vars) {
961
979
  }
962
980
  /**
963
981
  * 変数をリセットする
964
- *
965
982
  */
966
983
  function resetVariables() {
967
984
  setVariables({});
@@ -2678,7 +2695,7 @@ class State extends SvelteComponent {
2678
2695
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
2679
2696
 
2680
2697
  function add_css$t(target) {
2681
- append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
2698
+ append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
2682
2699
  }
2683
2700
 
2684
2701
  // (23:0) {#if $state === path}
@@ -2705,7 +2722,7 @@ function create_if_block$8(ctx) {
2705
2722
  },
2706
2723
  h() {
2707
2724
  attr(div, "data-state-path", /*path*/ ctx[0]);
2708
- attr(div, "class", "state-item svelte-1amihue");
2725
+ attr(div, "class", "state-item svelte-2qb6dm");
2709
2726
  },
2710
2727
  m(target, anchor) {
2711
2728
  insert_hydration(target, div, anchor);
@@ -3067,12 +3084,13 @@ function customAnimation(node, { transform, animationStyle, delay = 0, duration
3067
3084
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3068
3085
 
3069
3086
  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}");
3087
+ 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
3088
  }
3072
3089
 
3073
- // (9:0) {#if backgroundOverlay}
3090
+ // (14:0) {#if backgroundOverlay}
3074
3091
  function create_if_block$7(ctx) {
3075
3092
  let div;
3093
+ let div_class_value;
3076
3094
  let mounted;
3077
3095
  let dispose;
3078
3096
 
@@ -3087,17 +3105,21 @@ function create_if_block$7(ctx) {
3087
3105
  this.h();
3088
3106
  },
3089
3107
  h() {
3090
- attr(div, "class", "background svelte-g6ucc2");
3108
+ attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
3091
3109
  },
3092
3110
  m(target, anchor) {
3093
3111
  insert_hydration(target, div, anchor);
3094
3112
 
3095
3113
  if (!mounted) {
3096
- dispose = listen(div, "click", /*click_handler*/ ctx[2]);
3114
+ dispose = listen(div, "click", /*click_handler*/ ctx[3]);
3097
3115
  mounted = true;
3098
3116
  }
3099
3117
  },
3100
- p: noop,
3118
+ p(ctx, dirty) {
3119
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
3120
+ attr(div, "class", div_class_value);
3121
+ }
3122
+ },
3101
3123
  d(detaching) {
3102
3124
  if (detaching) detach(div);
3103
3125
  mounted = false;
@@ -3148,20 +3170,22 @@ function create_fragment$v(ctx) {
3148
3170
 
3149
3171
  function instance$v($$self, $$props, $$invalidate) {
3150
3172
  let { backgroundOverlay = false } = $$props;
3173
+ let { class: className = undefined } = $$props;
3151
3174
  const dispatch = createEventDispatcher();
3152
3175
  const click_handler = () => dispatch('click');
3153
3176
 
3154
3177
  $$self.$$set = $$props => {
3155
3178
  if ('backgroundOverlay' in $$props) $$invalidate(0, backgroundOverlay = $$props.backgroundOverlay);
3179
+ if ('class' in $$props) $$invalidate(1, className = $$props.class);
3156
3180
  };
3157
3181
 
3158
- return [backgroundOverlay, dispatch, click_handler];
3182
+ return [backgroundOverlay, className, dispatch, click_handler];
3159
3183
  }
3160
3184
 
3161
3185
  class BackgroundOverlay extends SvelteComponent {
3162
3186
  constructor(options) {
3163
3187
  super();
3164
- init(this, options, instance$v, create_fragment$v, safe_not_equal, { backgroundOverlay: 0 }, add_css$s);
3188
+ init(this, options, instance$v, create_fragment$v, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$s);
3165
3189
  }
3166
3190
  }
3167
3191
 
@@ -3202,11 +3226,11 @@ function checkStopPropagation(eventName, handler) {
3202
3226
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3203
3227
 
3204
3228
  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}");
3229
+ 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
3230
  }
3207
3231
 
3208
3232
  // (50:0) {:else}
3209
- function create_else_block$3(ctx) {
3233
+ function create_else_block$4(ctx) {
3210
3234
  let button;
3211
3235
  let current;
3212
3236
  let mounted;
@@ -3241,7 +3265,7 @@ function create_else_block$3(ctx) {
3241
3265
  },
3242
3266
  h() {
3243
3267
  set_attributes(button, button_data);
3244
- toggle_class(button, "svelte-1dtbrzj", true);
3268
+ toggle_class(button, "svelte-1tg0tf", true);
3245
3269
  },
3246
3270
  m(target, anchor) {
3247
3271
  insert_hydration(target, button, anchor);
@@ -3280,7 +3304,7 @@ function create_else_block$3(ctx) {
3280
3304
  dataAttrStopPropagation('click')
3281
3305
  ]));
3282
3306
 
3283
- toggle_class(button, "svelte-1dtbrzj", true);
3307
+ toggle_class(button, "svelte-1tg0tf", true);
3284
3308
  },
3285
3309
  i(local) {
3286
3310
  if (current) return;
@@ -3301,7 +3325,7 @@ function create_else_block$3(ctx) {
3301
3325
  }
3302
3326
 
3303
3327
  // (46:39)
3304
- function create_if_block_2(ctx) {
3328
+ function create_if_block_2$1(ctx) {
3305
3329
  let div;
3306
3330
  let current;
3307
3331
  const default_slot_template = /*#slots*/ ctx[9].default;
@@ -3321,7 +3345,7 @@ function create_if_block_2(ctx) {
3321
3345
  this.h();
3322
3346
  },
3323
3347
  h() {
3324
- attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1dtbrzj"));
3348
+ attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1tg0tf"));
3325
3349
  attr(div, "style", /*style*/ ctx[1]);
3326
3350
  },
3327
3351
  m(target, anchor) {
@@ -3421,7 +3445,7 @@ function create_if_block_1$2(ctx) {
3421
3445
  },
3422
3446
  h() {
3423
3447
  set_attributes(a, a_data);
3424
- toggle_class(a, "svelte-1dtbrzj", true);
3448
+ toggle_class(a, "svelte-1tg0tf", true);
3425
3449
  },
3426
3450
  m(target, anchor) {
3427
3451
  insert_hydration(target, a, anchor);
@@ -3463,7 +3487,7 @@ function create_if_block_1$2(ctx) {
3463
3487
  dataAttrStopPropagation('click')
3464
3488
  ]));
3465
3489
 
3466
- toggle_class(a, "svelte-1dtbrzj", true);
3490
+ toggle_class(a, "svelte-1tg0tf", true);
3467
3491
  },
3468
3492
  i(local) {
3469
3493
  if (current) return;
@@ -3504,7 +3528,7 @@ function create_if_block$6(ctx) {
3504
3528
  this.h();
3505
3529
  },
3506
3530
  h() {
3507
- attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1dtbrzj"));
3531
+ attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1tg0tf"));
3508
3532
  attr(div, "style", /*style*/ ctx[1]);
3509
3533
  },
3510
3534
  m(target, anchor) {
@@ -3557,7 +3581,7 @@ function create_fragment$u(ctx) {
3557
3581
  let if_block;
3558
3582
  let if_block_anchor;
3559
3583
  let current;
3560
- const if_block_creators = [create_if_block$6, create_if_block_1$2, create_if_block_2, create_else_block$3];
3584
+ const if_block_creators = [create_if_block$6, create_if_block_1$2, create_if_block_2$1, create_else_block$4];
3561
3585
  const if_blocks = [];
3562
3586
 
3563
3587
  function select_block_type(ctx, dirty) {
@@ -3712,14 +3736,148 @@ class Button extends SvelteComponent {
3712
3736
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
3713
3737
 
3714
3738
  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}");
3739
+ 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
3740
  }
3717
3741
 
3718
- // (145:0) {#if visible}
3742
+ // (265:0) {:else}
3743
+ function create_else_block$3(ctx) {
3744
+ let backgroundoverlay;
3745
+ let current;
3746
+
3747
+ backgroundoverlay = new BackgroundOverlay({
3748
+ props: {
3749
+ backgroundOverlay: /*backgroundOverlay*/ ctx[11]
3750
+ }
3751
+ });
3752
+
3753
+ backgroundoverlay.$on("click", function () {
3754
+ if (is_function(/*backgroundClick*/ ctx[20])) /*backgroundClick*/ ctx[20].apply(this, arguments);
3755
+ });
3756
+
3757
+ return {
3758
+ c() {
3759
+ create_component(backgroundoverlay.$$.fragment);
3760
+ },
3761
+ l(nodes) {
3762
+ claim_component(backgroundoverlay.$$.fragment, nodes);
3763
+ },
3764
+ m(target, anchor) {
3765
+ mount_component(backgroundoverlay, target, anchor);
3766
+ current = true;
3767
+ },
3768
+ p(new_ctx, dirty) {
3769
+ ctx = new_ctx;
3770
+ const backgroundoverlay_changes = {};
3771
+ if (dirty[0] & /*backgroundOverlay*/ 2048) backgroundoverlay_changes.backgroundOverlay = /*backgroundOverlay*/ ctx[11];
3772
+ backgroundoverlay.$set(backgroundoverlay_changes);
3773
+ },
3774
+ i(local) {
3775
+ if (current) return;
3776
+ transition_in(backgroundoverlay.$$.fragment, local);
3777
+ current = true;
3778
+ },
3779
+ o(local) {
3780
+ transition_out(backgroundoverlay.$$.fragment, local);
3781
+ current = false;
3782
+ },
3783
+ d(detaching) {
3784
+ destroy_component(backgroundoverlay, detaching);
3785
+ }
3786
+ };
3787
+ }
3788
+
3789
+ // (254:24)
3790
+ function create_if_block_3(ctx) {
3791
+ let backgroundoverlay0;
3792
+ let t;
3793
+ let backgroundoverlay1;
3794
+ let current;
3795
+
3796
+ backgroundoverlay0 = new BackgroundOverlay({
3797
+ props: {
3798
+ class: "background-bp-pc",
3799
+ backgroundOverlay: /*backgroundOverlayPC*/ ctx[12]
3800
+ }
3801
+ });
3802
+
3803
+ backgroundoverlay0.$on("click", function () {
3804
+ if (is_function(/*backgroundClickPC*/ ctx[19])) /*backgroundClickPC*/ ctx[19].apply(this, arguments);
3805
+ });
3806
+
3807
+ backgroundoverlay1 = new BackgroundOverlay({
3808
+ props: {
3809
+ class: "background-bp-sp ",
3810
+ backgroundOverlay: /*backgroundOverlaySP*/ ctx[13]
3811
+ }
3812
+ });
3813
+
3814
+ backgroundoverlay1.$on("click", function () {
3815
+ if (is_function(/*backgroundClickSP*/ ctx[18])) /*backgroundClickSP*/ ctx[18].apply(this, arguments);
3816
+ });
3817
+
3818
+ return {
3819
+ c() {
3820
+ create_component(backgroundoverlay0.$$.fragment);
3821
+ t = space();
3822
+ create_component(backgroundoverlay1.$$.fragment);
3823
+ },
3824
+ l(nodes) {
3825
+ claim_component(backgroundoverlay0.$$.fragment, nodes);
3826
+ t = claim_space(nodes);
3827
+ claim_component(backgroundoverlay1.$$.fragment, nodes);
3828
+ },
3829
+ m(target, anchor) {
3830
+ mount_component(backgroundoverlay0, target, anchor);
3831
+ insert_hydration(target, t, anchor);
3832
+ mount_component(backgroundoverlay1, target, anchor);
3833
+ current = true;
3834
+ },
3835
+ p(new_ctx, dirty) {
3836
+ ctx = new_ctx;
3837
+ const backgroundoverlay0_changes = {};
3838
+ if (dirty[0] & /*backgroundOverlayPC*/ 4096) backgroundoverlay0_changes.backgroundOverlay = /*backgroundOverlayPC*/ ctx[12];
3839
+ backgroundoverlay0.$set(backgroundoverlay0_changes);
3840
+ const backgroundoverlay1_changes = {};
3841
+ if (dirty[0] & /*backgroundOverlaySP*/ 8192) backgroundoverlay1_changes.backgroundOverlay = /*backgroundOverlaySP*/ ctx[13];
3842
+ backgroundoverlay1.$set(backgroundoverlay1_changes);
3843
+ },
3844
+ i(local) {
3845
+ if (current) return;
3846
+ transition_in(backgroundoverlay0.$$.fragment, local);
3847
+ transition_in(backgroundoverlay1.$$.fragment, local);
3848
+ current = true;
3849
+ },
3850
+ o(local) {
3851
+ transition_out(backgroundoverlay0.$$.fragment, local);
3852
+ transition_out(backgroundoverlay1.$$.fragment, local);
3853
+ current = false;
3854
+ },
3855
+ d(detaching) {
3856
+ destroy_component(backgroundoverlay0, detaching);
3857
+ if (detaching) detach(t);
3858
+ destroy_component(backgroundoverlay1, detaching);
3859
+ }
3860
+ };
3861
+ }
3862
+
3863
+ // (252:0) {#if isPreview()}
3864
+ function create_if_block_2(ctx) {
3865
+ return {
3866
+ c: noop,
3867
+ l: noop,
3868
+ m: noop,
3869
+ p: noop,
3870
+ i: noop,
3871
+ o: noop,
3872
+ d: noop
3873
+ };
3874
+ }
3875
+
3876
+ // (268:0) {#if visible}
3719
3877
  function create_if_block$5(ctx) {
3720
3878
  let div;
3721
3879
  let button;
3722
- let div_style_value;
3880
+ let div_class_value;
3723
3881
  let div_intro;
3724
3882
  let current;
3725
3883
 
@@ -3753,32 +3911,32 @@ function create_if_block$5(ctx) {
3753
3911
  this.h();
3754
3912
  },
3755
3913
  h() {
3756
- attr(div, "class", "modal svelte-1m1do8u");
3914
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1j0m3x1"));
3757
3915
  attr(div, "role", "dialog");
3758
3916
  attr(div, "aria-modal", "true");
3759
- attr(div, "style", div_style_value = "" + /*pos*/ ctx[16] + " " + /*marginStyle*/ ctx[14] + " " + ElasticityStyle[/*overwriteElasticity*/ ctx[17]] + "");
3917
+ attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
3760
3918
  },
3761
3919
  m(target, anchor) {
3762
3920
  insert_hydration(target, div, anchor);
3763
3921
  mount_component(button, div, null);
3764
- /*div_binding*/ ctx[28](div);
3922
+ /*div_binding*/ ctx[32](div);
3765
3923
  current = true;
3766
3924
  },
3767
3925
  p(new_ctx, dirty) {
3768
3926
  ctx = new_ctx;
3769
3927
  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];
3928
+ if (dirty[0] & /*onClick*/ 1) button_changes.onClick = /*onClick*/ ctx[0];
3929
+ if (dirty[0] & /*clickEventName*/ 2) button_changes.eventName = /*clickEventName*/ ctx[1];
3930
+ if (dirty[0] & /*clickEventValue*/ 4) button_changes.eventValue = /*clickEventValue*/ ctx[2];
3773
3931
 
3774
- if (dirty & /*$$scope, _style, $maximumZindex, onClose, _closeStyle, closeEventName, closeEventValue, closeButtonColor, closable*/ 538444784) {
3932
+ if (dirty[0] & /*_style, $maximumZindex, onClose, _closeStyle, closeEventName, closeEventValue, closeButtonColor, closable*/ 6293472 | dirty[1] & /*$$scope*/ 4) {
3775
3933
  button_changes.$$scope = { dirty, ctx };
3776
3934
  }
3777
3935
 
3778
3936
  button.$set(button_changes);
3779
3937
 
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);
3938
+ if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1j0m3x1"))) {
3939
+ attr(div, "class", div_class_value);
3782
3940
  }
3783
3941
  },
3784
3942
  i(local) {
@@ -3788,8 +3946,8 @@ function create_if_block$5(ctx) {
3788
3946
  if (!div_intro) {
3789
3947
  add_render_callback(() => {
3790
3948
  div_intro = create_in_transition(div, customAnimation, {
3791
- transform: /*transform*/ ctx[15],
3792
- animationStyle: /*animation*/ ctx[3]
3949
+ transform: /*transform*/ ctx[14],
3950
+ animationStyle: /*animation*/ ctx[4]
3793
3951
  });
3794
3952
 
3795
3953
  div_intro.start();
@@ -3805,12 +3963,12 @@ function create_if_block$5(ctx) {
3805
3963
  d(detaching) {
3806
3964
  if (detaching) detach(div);
3807
3965
  destroy_component(button);
3808
- /*div_binding*/ ctx[28](null);
3966
+ /*div_binding*/ ctx[32](null);
3809
3967
  }
3810
3968
  };
3811
3969
  }
3812
3970
 
3813
- // (162:6) {#if closable}
3971
+ // (281:6) {#if closable}
3814
3972
  function create_if_block_1$1(ctx) {
3815
3973
  let div;
3816
3974
  let button;
@@ -3818,10 +3976,10 @@ function create_if_block_1$1(ctx) {
3818
3976
 
3819
3977
  button = new Button({
3820
3978
  props: {
3821
- onClick: /*onClose*/ ctx[5],
3822
- style: /*_closeStyle*/ ctx[9],
3823
- eventName: /*closeEventName*/ ctx[6],
3824
- eventValue: /*closeEventValue*/ ctx[7],
3979
+ onClick: /*onClose*/ ctx[6],
3980
+ style: /*_closeStyle*/ ctx[10],
3981
+ eventName: /*closeEventName*/ ctx[7],
3982
+ eventValue: /*closeEventValue*/ ctx[8],
3825
3983
  $$slots: { default: [create_default_slot_1$1] },
3826
3984
  $$scope: { ctx }
3827
3985
  }
@@ -3841,8 +3999,8 @@ function create_if_block_1$1(ctx) {
3841
3999
  this.h();
3842
4000
  },
3843
4001
  h() {
3844
- attr(div, "class", "close svelte-1m1do8u");
3845
- set_style(div, "z-index", /*$maximumZindex*/ ctx[20] + 1);
4002
+ attr(div, "class", "close svelte-1j0m3x1");
4003
+ set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
3846
4004
  },
3847
4005
  m(target, anchor) {
3848
4006
  insert_hydration(target, div, anchor);
@@ -3851,19 +4009,19 @@ function create_if_block_1$1(ctx) {
3851
4009
  },
3852
4010
  p(ctx, dirty) {
3853
4011
  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];
4012
+ if (dirty[0] & /*onClose*/ 64) button_changes.onClick = /*onClose*/ ctx[6];
4013
+ if (dirty[0] & /*_closeStyle*/ 1024) button_changes.style = /*_closeStyle*/ ctx[10];
4014
+ if (dirty[0] & /*closeEventName*/ 128) button_changes.eventName = /*closeEventName*/ ctx[7];
4015
+ if (dirty[0] & /*closeEventValue*/ 256) button_changes.eventValue = /*closeEventValue*/ ctx[8];
3858
4016
 
3859
- if (dirty & /*$$scope, closeButtonColor*/ 536871168) {
4017
+ if (dirty[0] & /*closeButtonColor*/ 512 | dirty[1] & /*$$scope*/ 4) {
3860
4018
  button_changes.$$scope = { dirty, ctx };
3861
4019
  }
3862
4020
 
3863
4021
  button.$set(button_changes);
3864
4022
 
3865
- if (!current || dirty & /*$maximumZindex*/ 1048576) {
3866
- set_style(div, "z-index", /*$maximumZindex*/ ctx[20] + 1);
4023
+ if (!current || dirty[0] & /*$maximumZindex*/ 4194304) {
4024
+ set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
3867
4025
  }
3868
4026
  },
3869
4027
  i(local) {
@@ -3882,7 +4040,7 @@ function create_if_block_1$1(ctx) {
3882
4040
  };
3883
4041
  }
3884
4042
 
3885
- // (164:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue} >
4043
+ // (283:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue} >
3886
4044
  function create_default_slot_1$1(ctx) {
3887
4045
  let svg;
3888
4046
  let path;
@@ -3916,7 +4074,7 @@ function create_default_slot_1$1(ctx) {
3916
4074
  },
3917
4075
  h() {
3918
4076
  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]);
4077
+ attr(path, "fill", /*closeButtonColor*/ ctx[9]);
3920
4078
  attr(path, "fill-opacity", "0.8");
3921
4079
  attr(svg, "width", "100%");
3922
4080
  attr(svg, "height", "100%");
@@ -3929,8 +4087,8 @@ function create_default_slot_1$1(ctx) {
3929
4087
  append_hydration(svg, path);
3930
4088
  },
3931
4089
  p(ctx, dirty) {
3932
- if (dirty & /*closeButtonColor*/ 256) {
3933
- attr(path, "fill", /*closeButtonColor*/ ctx[8]);
4090
+ if (dirty[0] & /*closeButtonColor*/ 512) {
4091
+ attr(path, "fill", /*closeButtonColor*/ ctx[9]);
3934
4092
  }
3935
4093
  },
3936
4094
  d(detaching) {
@@ -3939,14 +4097,14 @@ function create_default_slot_1$1(ctx) {
3939
4097
  };
3940
4098
  }
3941
4099
 
3942
- // (161:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
4100
+ // (280:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
3943
4101
  function create_default_slot$6(ctx) {
3944
4102
  let t;
3945
4103
  let div;
3946
4104
  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);
4105
+ let if_block = /*closable*/ ctx[21] && create_if_block_1$1(ctx);
4106
+ const default_slot_template = /*#slots*/ ctx[31].default;
4107
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[33], null);
3950
4108
 
3951
4109
  return {
3952
4110
  c() {
@@ -3966,8 +4124,8 @@ function create_default_slot$6(ctx) {
3966
4124
  this.h();
3967
4125
  },
3968
4126
  h() {
3969
- attr(div, "class", "modal-content svelte-1m1do8u");
3970
- attr(div, "style", /*_style*/ ctx[4]);
4127
+ attr(div, "class", "modal-content svelte-1j0m3x1");
4128
+ attr(div, "style", /*_style*/ ctx[5]);
3971
4129
  },
3972
4130
  m(target, anchor) {
3973
4131
  if (if_block) if_block.m(target, anchor);
@@ -3981,11 +4139,11 @@ function create_default_slot$6(ctx) {
3981
4139
  current = true;
3982
4140
  },
3983
4141
  p(ctx, dirty) {
3984
- if (/*closable*/ ctx[19]) {
4142
+ if (/*closable*/ ctx[21]) {
3985
4143
  if (if_block) {
3986
4144
  if_block.p(ctx, dirty);
3987
4145
 
3988
- if (dirty & /*closable*/ 524288) {
4146
+ if (dirty[0] & /*closable*/ 2097152) {
3989
4147
  transition_in(if_block, 1);
3990
4148
  }
3991
4149
  } else {
@@ -4005,22 +4163,22 @@ function create_default_slot$6(ctx) {
4005
4163
  }
4006
4164
 
4007
4165
  if (default_slot) {
4008
- if (default_slot.p && (!current || dirty & /*$$scope*/ 536870912)) {
4166
+ if (default_slot.p && (!current || dirty[1] & /*$$scope*/ 4)) {
4009
4167
  update_slot_base(
4010
4168
  default_slot,
4011
4169
  default_slot_template,
4012
4170
  ctx,
4013
- /*$$scope*/ ctx[29],
4171
+ /*$$scope*/ ctx[33],
4014
4172
  !current
4015
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[29])
4016
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[29], dirty, null),
4173
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[33])
4174
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[33], dirty, null),
4017
4175
  null
4018
4176
  );
4019
4177
  }
4020
4178
  }
4021
4179
 
4022
- if (!current || dirty & /*_style*/ 16) {
4023
- attr(div, "style", /*_style*/ ctx[4]);
4180
+ if (!current || dirty[0] & /*_style*/ 32) {
4181
+ attr(div, "style", /*_style*/ ctx[5]);
4024
4182
  }
4025
4183
  },
4026
4184
  i(local) {
@@ -4044,77 +4202,102 @@ function create_default_slot$6(ctx) {
4044
4202
  }
4045
4203
 
4046
4204
  function create_fragment$t(ctx) {
4047
- let backgroundoverlay;
4205
+ let show_if;
4206
+ let current_block_type_index;
4207
+ let if_block0;
4048
4208
  let t;
4049
- let if_block_anchor;
4209
+ let if_block1_anchor;
4050
4210
  let current;
4051
4211
  let mounted;
4052
4212
  let dispose;
4213
+ const if_block_creators = [create_if_block_2, create_if_block_3, create_else_block$3];
4214
+ const if_blocks = [];
4053
4215
 
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
- });
4216
+ function select_block_type(ctx, dirty) {
4217
+ if (show_if == null) show_if = !!isPreview();
4218
+ if (show_if) return 0;
4219
+ if (/*useBreakPoint*/ ctx[3]) return 1;
4220
+ return 2;
4221
+ }
4063
4222
 
4064
- let if_block = /*visible*/ ctx[12] && create_if_block$5(ctx);
4223
+ current_block_type_index = select_block_type(ctx);
4224
+ if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
4225
+ let if_block1 = /*visible*/ ctx[16] && create_if_block$5(ctx);
4065
4226
 
4066
4227
  return {
4067
4228
  c() {
4068
- create_component(backgroundoverlay.$$.fragment);
4229
+ if_block0.c();
4069
4230
  t = space();
4070
- if (if_block) if_block.c();
4071
- if_block_anchor = empty();
4231
+ if (if_block1) if_block1.c();
4232
+ if_block1_anchor = empty();
4072
4233
  },
4073
4234
  l(nodes) {
4074
- claim_component(backgroundoverlay.$$.fragment, nodes);
4235
+ if_block0.l(nodes);
4075
4236
  t = claim_space(nodes);
4076
- if (if_block) if_block.l(nodes);
4077
- if_block_anchor = empty();
4237
+ if (if_block1) if_block1.l(nodes);
4238
+ if_block1_anchor = empty();
4078
4239
  },
4079
4240
  m(target, anchor) {
4080
- mount_component(backgroundoverlay, target, anchor);
4241
+ if_blocks[current_block_type_index].m(target, anchor);
4081
4242
  insert_hydration(target, t, anchor);
4082
- if (if_block) if_block.m(target, anchor);
4083
- insert_hydration(target, if_block_anchor, anchor);
4243
+ if (if_block1) if_block1.m(target, anchor);
4244
+ insert_hydration(target, if_block1_anchor, anchor);
4084
4245
  current = true;
4085
4246
 
4086
4247
  if (!mounted) {
4087
4248
  dispose = listen(window, "keydown", function () {
4088
- if (is_function(/*handle_keydown*/ ctx[13])) /*handle_keydown*/ ctx[13].apply(this, arguments);
4249
+ if (is_function(/*handle_keydown*/ ctx[17])) /*handle_keydown*/ ctx[17].apply(this, arguments);
4089
4250
  });
4090
4251
 
4091
4252
  mounted = true;
4092
4253
  }
4093
4254
  },
4094
- p(new_ctx, [dirty]) {
4255
+ p(new_ctx, dirty) {
4095
4256
  ctx = new_ctx;
4096
- const backgroundoverlay_changes = {};
4097
- if (dirty & /*backgroundOverlay*/ 1024) backgroundoverlay_changes.backgroundOverlay = /*backgroundOverlay*/ ctx[10];
4098
- backgroundoverlay.$set(backgroundoverlay_changes);
4257
+ let previous_block_index = current_block_type_index;
4258
+ current_block_type_index = select_block_type(ctx);
4099
4259
 
4100
- if (/*visible*/ ctx[12]) {
4101
- if (if_block) {
4102
- if_block.p(ctx, dirty);
4260
+ if (current_block_type_index === previous_block_index) {
4261
+ if_blocks[current_block_type_index].p(ctx, dirty);
4262
+ } else {
4263
+ group_outros();
4103
4264
 
4104
- if (dirty & /*visible*/ 4096) {
4105
- transition_in(if_block, 1);
4265
+ transition_out(if_blocks[previous_block_index], 1, 1, () => {
4266
+ if_blocks[previous_block_index] = null;
4267
+ });
4268
+
4269
+ check_outros();
4270
+ if_block0 = if_blocks[current_block_type_index];
4271
+
4272
+ if (!if_block0) {
4273
+ if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
4274
+ if_block0.c();
4275
+ } else {
4276
+ if_block0.p(ctx, dirty);
4277
+ }
4278
+
4279
+ transition_in(if_block0, 1);
4280
+ if_block0.m(t.parentNode, t);
4281
+ }
4282
+
4283
+ if (/*visible*/ ctx[16]) {
4284
+ if (if_block1) {
4285
+ if_block1.p(ctx, dirty);
4286
+
4287
+ if (dirty[0] & /*visible*/ 65536) {
4288
+ transition_in(if_block1, 1);
4106
4289
  }
4107
4290
  } 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);
4291
+ if_block1 = create_if_block$5(ctx);
4292
+ if_block1.c();
4293
+ transition_in(if_block1, 1);
4294
+ if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
4112
4295
  }
4113
- } else if (if_block) {
4296
+ } else if (if_block1) {
4114
4297
  group_outros();
4115
4298
 
4116
- transition_out(if_block, 1, 1, () => {
4117
- if_block = null;
4299
+ transition_out(if_block1, 1, 1, () => {
4300
+ if_block1 = null;
4118
4301
  });
4119
4302
 
4120
4303
  check_outros();
@@ -4122,20 +4305,20 @@ function create_fragment$t(ctx) {
4122
4305
  },
4123
4306
  i(local) {
4124
4307
  if (current) return;
4125
- transition_in(backgroundoverlay.$$.fragment, local);
4126
- transition_in(if_block);
4308
+ transition_in(if_block0);
4309
+ transition_in(if_block1);
4127
4310
  current = true;
4128
4311
  },
4129
4312
  o(local) {
4130
- transition_out(backgroundoverlay.$$.fragment, local);
4131
- transition_out(if_block);
4313
+ transition_out(if_block0);
4314
+ transition_out(if_block1);
4132
4315
  current = false;
4133
4316
  },
4134
4317
  d(detaching) {
4135
- destroy_component(backgroundoverlay, detaching);
4318
+ if_blocks[current_block_type_index].d(detaching);
4136
4319
  if (detaching) detach(t);
4137
- if (if_block) if_block.d(detaching);
4138
- if (detaching) detach(if_block_anchor);
4320
+ if (if_block1) if_block1.d(detaching);
4321
+ if (detaching) detach(if_block1_anchor);
4139
4322
  mounted = false;
4140
4323
  dispose();
4141
4324
  }
@@ -4146,35 +4329,45 @@ function instance$t($$self, $$props, $$invalidate) {
4146
4329
  let close;
4147
4330
  let closable;
4148
4331
  let backgroundClick;
4149
- let overwritePosition;
4150
- let overwriteMargin;
4151
- let overwriteElasticity;
4152
- let pos;
4153
- let transform;
4154
- let marginStyle;
4332
+ let backgroundClickPC;
4333
+ let backgroundClickSP;
4155
4334
  let handle_keydown;
4156
4335
  let visible;
4157
4336
  let $maximumZindex;
4158
- component_subscribe($$self, maximumZindex, $$value => $$invalidate(20, $maximumZindex = $$value));
4337
+ component_subscribe($$self, maximumZindex, $$value => $$invalidate(22, $maximumZindex = $$value));
4159
4338
  let { $$slots: slots = {}, $$scope } = $$props;
4160
4339
  let { onClick = { operation: 'none', args: [] } } = $$props;
4161
4340
  let { clickEventName = '' } = $$props;
4162
4341
  let { clickEventValue = null } = $$props;
4163
- let { placement = DefaultModalPlacement } = $$props;
4342
+ let { useBreakPoint = false } = $$props;
4343
+ let { placement } = $$props;
4344
+ let { breakPoint } = $$props;
4345
+ let { elasticity } = $$props;
4164
4346
  let { animation = 'none' } = $$props;
4165
4347
  let { _style = '' } = $$props;
4166
- let { elasticity = 'none' } = $$props;
4167
4348
  let { onClose = { operation: 'closeApp', args: ['button'] } } = $$props;
4168
4349
  let { closeEventName = '' } = $$props;
4169
4350
  let { closeEventValue = null } = $$props;
4170
4351
  let { closeButtonColor = '#000000' } = $$props;
4171
4352
  let { _closeStyle = '' } = $$props;
4353
+
4354
+ // モーダル背景の設定
4172
4355
  let backgroundOverlay = DefaultModalPlacement.backgroundOverlay;
4356
+
4357
+ let backgroundOverlayPC = DefaultModalPlacement.backgroundOverlay;
4358
+ let backgroundOverlaySP = DefaultModalPlacement.backgroundOverlay;
4359
+
4360
+ // モーダル背景のクリック動作の設定
4173
4361
  let backgroundClickFunction = DefaultModalPlacement.backgroundClick;
4362
+
4363
+ let backgroundClickFunctionPC = DefaultModalPlacement.backgroundClick;
4364
+ let backgroundClickFunctionSP = DefaultModalPlacement.backgroundClick;
4365
+ let modalStyles = new Set([]);
4366
+ let transform = getTransform('center');
4174
4367
  let modal;
4175
4368
 
4176
4369
  onMount$1(() => {
4177
- $$invalidate(12, visible = true);
4370
+ $$invalidate(16, visible = true);
4178
4371
  });
4179
4372
 
4180
4373
  onDestroy$1(() => setPreviousFocus());
@@ -4182,7 +4375,7 @@ function instance$t($$self, $$props, $$invalidate) {
4182
4375
  function div_binding($$value) {
4183
4376
  binding_callbacks[$$value ? 'unshift' : 'push'](() => {
4184
4377
  modal = $$value;
4185
- $$invalidate(11, modal);
4378
+ $$invalidate(15, modal);
4186
4379
  });
4187
4380
  }
4188
4381
 
@@ -4190,21 +4383,23 @@ function instance$t($$self, $$props, $$invalidate) {
4190
4383
  if ('onClick' in $$props) $$invalidate(0, onClick = $$props.onClick);
4191
4384
  if ('clickEventName' in $$props) $$invalidate(1, clickEventName = $$props.clickEventName);
4192
4385
  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);
4386
+ if ('useBreakPoint' in $$props) $$invalidate(3, useBreakPoint = $$props.useBreakPoint);
4387
+ if ('placement' in $$props) $$invalidate(24, placement = $$props.placement);
4388
+ if ('breakPoint' in $$props) $$invalidate(25, breakPoint = $$props.breakPoint);
4389
+ if ('elasticity' in $$props) $$invalidate(26, elasticity = $$props.elasticity);
4390
+ if ('animation' in $$props) $$invalidate(4, animation = $$props.animation);
4391
+ if ('_style' in $$props) $$invalidate(5, _style = $$props._style);
4392
+ if ('onClose' in $$props) $$invalidate(6, onClose = $$props.onClose);
4393
+ if ('closeEventName' in $$props) $$invalidate(7, closeEventName = $$props.closeEventName);
4394
+ if ('closeEventValue' in $$props) $$invalidate(8, closeEventValue = $$props.closeEventValue);
4395
+ if ('closeButtonColor' in $$props) $$invalidate(9, closeButtonColor = $$props.closeButtonColor);
4396
+ if ('_closeStyle' in $$props) $$invalidate(10, _closeStyle = $$props._closeStyle);
4397
+ if ('$$scope' in $$props) $$invalidate(33, $$scope = $$props.$$scope);
4203
4398
  };
4204
4399
 
4205
4400
  $$self.$$.update = () => {
4206
- if ($$self.$$.dirty & /*closeEventName, closeEventValue, onClose*/ 224) {
4207
- $$invalidate(24, close = () => {
4401
+ if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, onClose*/ 448) {
4402
+ $$invalidate(30, close = () => {
4208
4403
  if (closeEventName) {
4209
4404
  send_event(closeEventName, closeEventValue);
4210
4405
  }
@@ -4213,28 +4408,46 @@ function instance$t($$self, $$props, $$invalidate) {
4213
4408
  });
4214
4409
  }
4215
4410
 
4216
- if ($$self.$$.dirty & /*onClose*/ 32) {
4217
- $$invalidate(19, closable = haveFunction(onClose));
4411
+ if ($$self.$$.dirty[0] & /*onClose*/ 64) {
4412
+ $$invalidate(21, closable = haveFunction(onClose));
4218
4413
  }
4219
4414
 
4220
- if ($$self.$$.dirty & /*placement*/ 2097152) {
4415
+ if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 50331656) {
4221
4416
  {
4222
- {
4223
- $$invalidate(10, backgroundOverlay = false);
4417
+
4418
+ if (useBreakPoint) {
4419
+ const pc = breakPoint?.PC?.placement?.backgroundOverlay;
4420
+ $$invalidate(12, backgroundOverlayPC = pc ?? false);
4421
+ const sp = breakPoint?.SP?.placement?.backgroundOverlay;
4422
+ $$invalidate(13, backgroundOverlaySP = sp ?? false);
4224
4423
  }
4225
4424
  }
4226
4425
  }
4227
4426
 
4228
- if ($$self.$$.dirty & /*placement*/ 2097152) {
4427
+ if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 50331656) {
4229
4428
  {
4230
4429
  if (placement && placement.backgroundClick) {
4231
- $$invalidate(23, backgroundClickFunction = placement.backgroundClick);
4430
+ $$invalidate(27, backgroundClickFunction = placement.backgroundClick);
4431
+ }
4432
+
4433
+ if (useBreakPoint) {
4434
+ const pc = breakPoint?.PC?.placement?.backgroundClick;
4435
+
4436
+ if (pc) {
4437
+ $$invalidate(28, backgroundClickFunctionPC = pc);
4438
+ }
4439
+
4440
+ const sp = breakPoint?.SP?.placement?.backgroundClick;
4441
+
4442
+ if (sp) {
4443
+ $$invalidate(29, backgroundClickFunctionSP = sp);
4444
+ }
4232
4445
  }
4233
4446
  }
4234
4447
  }
4235
4448
 
4236
- if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 8388800) {
4237
- $$invalidate(18, backgroundClick = () => {
4449
+ if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunction*/ 134218112) {
4450
+ $$invalidate(20, backgroundClick = () => {
4238
4451
  if (closeEventName) {
4239
4452
  send_event(closeEventName, closeEventValue);
4240
4453
  }
@@ -4243,51 +4456,115 @@ function instance$t($$self, $$props, $$invalidate) {
4243
4456
  });
4244
4457
  }
4245
4458
 
4246
- if ($$self.$$.dirty & /*placement*/ 2097152) {
4247
- $$invalidate(26, overwritePosition = 'center'
4248
- );
4459
+ if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 268435840) {
4460
+ $$invalidate(19, backgroundClickPC = () => {
4461
+ if (closeEventName) {
4462
+ send_event(closeEventName, closeEventValue);
4463
+ }
4464
+
4465
+ execOnClickOperation(backgroundClickFunctionPC);
4466
+ });
4249
4467
  }
4250
4468
 
4251
- if ($$self.$$.dirty & /*placement*/ 2097152) {
4252
- $$invalidate(25, overwriteMargin = {
4253
- left: '0px',
4254
- right: '0px',
4255
- top: '0px',
4256
- bottom: '0px'
4469
+ if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 536871296) {
4470
+ $$invalidate(18, backgroundClickSP = () => {
4471
+ if (closeEventName) {
4472
+ send_event(closeEventName, closeEventValue);
4257
4473
  }
4258
- );
4259
- }
4260
4474
 
4261
- if ($$self.$$.dirty & /*elasticity*/ 4194304) {
4262
- $$invalidate(17, overwriteElasticity = 'none' );
4475
+ execOnClickOperation(backgroundClickFunctionSP);
4476
+ });
4263
4477
  }
4264
4478
 
4265
- if ($$self.$$.dirty & /*overwritePosition*/ 67108864) {
4266
- $$invalidate(16, pos = getPositionStyle(overwritePosition));
4479
+ if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 50331656) {
4480
+ // 表示位置のスタイルとアニメーションの動きを設定
4481
+ {
4482
+ // 表示位置のスタイルの設定
4483
+ let position = DefaultModalPlacement.position;
4484
+
4485
+ let positionStyle = getPositionStyle(position);
4486
+
4487
+ if (!useBreakPoint) {
4488
+ modalStyles.add(positionStyle);
4489
+ }
4490
+
4491
+ DEVICE_IDS.forEach(deviceId => {
4492
+
4493
+ const positionVariables = stringifyStyleObj(formatObjectKey({
4494
+ obj: parseStyle(positionStyle),
4495
+ prefix: '--modal-bp-',
4496
+ suffix: `-${deviceId.toLowerCase()}`
4497
+ }));
4498
+
4499
+ modalStyles.add(positionVariables);
4500
+ });
4501
+
4502
+ // アニメーションの動きの設定
4503
+ $$invalidate(14, transform = getTransform(position));
4504
+ }
4267
4505
  }
4268
4506
 
4269
- if ($$self.$$.dirty & /*overwritePosition*/ 67108864) {
4270
- $$invalidate(15, transform = getTransform(overwritePosition));
4507
+ if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 50331656) {
4508
+ // 表示位置の調整のスタイルを設定
4509
+ {
4510
+ let margin = DefaultModalPlacement.margin;
4511
+
4512
+ let marginStyle = getMarginStyle(margin);
4513
+
4514
+ if (!useBreakPoint) {
4515
+ modalStyles.add(marginStyle);
4516
+ }
4517
+
4518
+ DEVICE_IDS.forEach(deviceId => {
4519
+
4520
+ const marginVariables = stringifyStyleObj(formatObjectKey({
4521
+ obj: parseStyle(marginStyle),
4522
+ prefix: '--modal-bp-',
4523
+ suffix: `-${deviceId.toLowerCase()}`
4524
+ }));
4525
+
4526
+ modalStyles.add(marginVariables);
4527
+ });
4528
+ }
4271
4529
  }
4272
4530
 
4273
- if ($$self.$$.dirty & /*overwriteMargin*/ 33554432) {
4274
- $$invalidate(14, marginStyle = getMarginStyle(overwriteMargin));
4531
+ if ($$self.$$.dirty[0] & /*elasticity, useBreakPoint, breakPoint*/ 100663304) {
4532
+ // 拡大方法のスタイルを設定
4533
+ {
4534
+ let elasticStyle = ElasticityStyle['none' ];
4535
+
4536
+ if (!useBreakPoint) {
4537
+ modalStyles.add(elasticStyle);
4538
+ }
4539
+
4540
+ DEVICE_IDS.forEach(deviceId => {
4541
+
4542
+ const elasticityVariables = stringifyStyleObj(formatObjectKey({
4543
+ obj: parseStyle(elasticStyle),
4544
+ prefix: '--modal-bp-',
4545
+ suffix: `-${deviceId.toLowerCase()}`
4546
+ }));
4547
+
4548
+ modalStyles.add(elasticityVariables);
4549
+ });
4550
+ }
4275
4551
  }
4276
4552
 
4277
- if ($$self.$$.dirty & /*close*/ 16777216) {
4278
- $$invalidate(13, handle_keydown = handleKeydown({ Escape: close }));
4553
+ if ($$self.$$.dirty[0] & /*close*/ 1073741824) {
4554
+ $$invalidate(17, handle_keydown = handleKeydown({ Escape: close }));
4279
4555
  }
4280
4556
  };
4281
4557
 
4282
- $$invalidate(11, modal = null);
4558
+ $$invalidate(15, modal = null);
4283
4559
 
4284
4560
  // svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
4285
- $$invalidate(12, visible = false);
4561
+ $$invalidate(16, visible = false);
4286
4562
 
4287
4563
  return [
4288
4564
  onClick,
4289
4565
  clickEventName,
4290
4566
  clickEventValue,
4567
+ useBreakPoint,
4291
4568
  animation,
4292
4569
  _style,
4293
4570
  onClose,
@@ -4296,22 +4573,25 @@ function instance$t($$self, $$props, $$invalidate) {
4296
4573
  closeButtonColor,
4297
4574
  _closeStyle,
4298
4575
  backgroundOverlay,
4576
+ backgroundOverlayPC,
4577
+ backgroundOverlaySP,
4578
+ transform,
4299
4579
  modal,
4300
4580
  visible,
4301
4581
  handle_keydown,
4302
- marginStyle,
4303
- transform,
4304
- pos,
4305
- overwriteElasticity,
4582
+ backgroundClickSP,
4583
+ backgroundClickPC,
4306
4584
  backgroundClick,
4307
4585
  closable,
4308
4586
  $maximumZindex,
4587
+ modalStyles,
4309
4588
  placement,
4589
+ breakPoint,
4310
4590
  elasticity,
4311
4591
  backgroundClickFunction,
4592
+ backgroundClickFunctionPC,
4593
+ backgroundClickFunctionSP,
4312
4594
  close,
4313
- overwriteMargin,
4314
- overwritePosition,
4315
4595
  slots,
4316
4596
  div_binding,
4317
4597
  $$scope
@@ -4332,17 +4612,20 @@ class Modal extends SvelteComponent {
4332
4612
  onClick: 0,
4333
4613
  clickEventName: 1,
4334
4614
  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
4615
+ useBreakPoint: 3,
4616
+ placement: 24,
4617
+ breakPoint: 25,
4618
+ elasticity: 26,
4619
+ animation: 4,
4620
+ _style: 5,
4621
+ onClose: 6,
4622
+ closeEventName: 7,
4623
+ closeEventValue: 8,
4624
+ closeButtonColor: 9,
4625
+ _closeStyle: 10
4344
4626
  },
4345
- add_css$q
4627
+ add_css$q,
4628
+ [-1, -1]
4346
4629
  );
4347
4630
  }
4348
4631
  }
@@ -4476,7 +4759,7 @@ class Grid extends SvelteComponent {
4476
4759
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
4477
4760
 
4478
4761
  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}");
4762
+ 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
4763
  }
4481
4764
 
4482
4765
  function create_fragment$r(ctx) {
@@ -4510,8 +4793,8 @@ function create_fragment$r(ctx) {
4510
4793
  this.h();
4511
4794
  },
4512
4795
  h() {
4513
- attr(div0, "class", "grid-item-inner svelte-1cryhmb");
4514
- attr(div1, "class", "grid-item svelte-1cryhmb");
4796
+ attr(div0, "class", "grid-item-inner svelte-n7kdl3");
4797
+ attr(div1, "class", "grid-item svelte-n7kdl3");
4515
4798
  attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
4516
4799
  attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
4517
4800
  attr(div1, "style", /*_style*/ ctx[1]);
@@ -4833,7 +5116,7 @@ class RenderText extends SvelteComponent {
4833
5116
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
4834
5117
 
4835
5118
  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}");
5119
+ 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
5120
  }
4838
5121
 
4839
5122
  // (94:2) {:else}
@@ -4863,8 +5146,8 @@ function create_else_block$1(ctx) {
4863
5146
  this.h();
4864
5147
  },
4865
5148
  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"));
5149
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5150
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
4868
5151
  attr(div1, "style", /*style*/ ctx[5]);
4869
5152
  },
4870
5153
  m(target, anchor) {
@@ -4878,7 +5161,7 @@ function create_else_block$1(ctx) {
4878
5161
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
4879
5162
  rendertext.$set(rendertext_changes);
4880
5163
 
4881
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
5164
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
4882
5165
  attr(div1, "class", div1_class_value);
4883
5166
  }
4884
5167
 
@@ -4953,12 +5236,12 @@ function create_if_block$3(ctx) {
4953
5236
  this.h();
4954
5237
  },
4955
5238
  h() {
4956
- attr(div0, "class", "text-element-inner svelte-vz6867");
5239
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
4957
5240
  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"));
5241
+ attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
4959
5242
  attr(a, "style", /*style*/ ctx[5]);
4960
- attr(div1, "class", "tooltip svelte-vz6867");
4961
- attr(div2, "class", "tooltip tooltip-error svelte-vz6867");
5243
+ attr(div1, "class", "tooltip svelte-9ixs0b");
5244
+ attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
4962
5245
  },
4963
5246
  m(target, anchor) {
4964
5247
  insert_hydration(target, a, anchor);
@@ -4984,7 +5267,7 @@ function create_if_block$3(ctx) {
4984
5267
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
4985
5268
  rendertext.$set(rendertext_changes);
4986
5269
 
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"))) {
5270
+ 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
5271
  attr(a, "class", a_class_value);
4989
5272
  }
4990
5273
 
@@ -5046,7 +5329,7 @@ function create_fragment$p(ctx) {
5046
5329
  this.h();
5047
5330
  },
5048
5331
  h() {
5049
- attr(div, "class", "text-element-wrapper svelte-vz6867");
5332
+ attr(div, "class", "text-element-wrapper svelte-9ixs0b");
5050
5333
  },
5051
5334
  m(target, anchor) {
5052
5335
  insert_hydration(target, div, anchor);
@@ -5212,7 +5495,7 @@ class TextElement extends SvelteComponent {
5212
5495
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5213
5496
 
5214
5497
  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)}");
5498
+ 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
5499
  }
5217
5500
 
5218
5501
  // (48:2) <Button {onClick} {style} {eventName}>
@@ -5281,7 +5564,7 @@ function create_fragment$o(ctx) {
5281
5564
  this.h();
5282
5565
  },
5283
5566
  h() {
5284
- attr(div, "class", "text-button-element svelte-ujdxfc");
5567
+ attr(div, "class", "text-button-element svelte-1vg84sc");
5285
5568
  },
5286
5569
  m(target, anchor) {
5287
5570
  insert_hydration(target, div, anchor);
@@ -5373,7 +5656,7 @@ class TextButtonElement extends SvelteComponent {
5373
5656
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5374
5657
 
5375
5658
  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%}");
5659
+ 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
5660
  }
5378
5661
 
5379
5662
  // (44:2) <Button {onClick} style={_style} {eventName}>
@@ -5401,7 +5684,7 @@ function create_default_slot$4(ctx) {
5401
5684
  this.h();
5402
5685
  },
5403
5686
  h() {
5404
- attr(img, "class", "image svelte-1alkh1m");
5687
+ attr(img, "class", "image svelte-t6tu0e");
5405
5688
  attr(img, "loading", "lazy");
5406
5689
  attr(img, "width", "auto");
5407
5690
  attr(img, "height", "auto");
@@ -5473,7 +5756,7 @@ function create_fragment$n(ctx) {
5473
5756
  this.h();
5474
5757
  },
5475
5758
  h() {
5476
- attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m");
5759
+ attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
5477
5760
  },
5478
5761
  m(target, anchor) {
5479
5762
  insert_hydration(target, div, anchor);
@@ -5492,7 +5775,7 @@ function create_fragment$n(ctx) {
5492
5775
 
5493
5776
  button.$set(button_changes);
5494
5777
 
5495
- if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m")) {
5778
+ if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
5496
5779
  attr(div, "class", div_class_value);
5497
5780
  }
5498
5781
  },
@@ -5564,7 +5847,7 @@ class ImageElement extends SvelteComponent {
5564
5847
  /* src/components/List.svelte generated by Svelte v3.53.1 */
5565
5848
 
5566
5849
  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}");
5850
+ 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
5851
  }
5569
5852
 
5570
5853
  function create_fragment$m(ctx) {
@@ -5587,7 +5870,7 @@ function create_fragment$m(ctx) {
5587
5870
  this.h();
5588
5871
  },
5589
5872
  h() {
5590
- attr(div, "class", "list svelte-1t8r9z");
5873
+ attr(div, "class", "list svelte-aquv6z");
5591
5874
  attr(div, "style", /*style*/ ctx[0]);
5592
5875
  },
5593
5876
  m(target, anchor) {
@@ -5721,7 +6004,7 @@ class List extends SvelteComponent {
5721
6004
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
5722
6005
 
5723
6006
  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}");
6007
+ 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
6008
  }
5726
6009
 
5727
6010
  // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
@@ -5804,7 +6087,7 @@ function create_fragment$l(ctx) {
5804
6087
  this.h();
5805
6088
  },
5806
6089
  h() {
5807
- attr(div, "class", "list-item svelte-1lbw8v2");
6090
+ attr(div, "class", "list-item svelte-9n97pe");
5808
6091
  attr(div, "style", /*listItemStyle*/ ctx[3]);
5809
6092
  },
5810
6093
  m(target, anchor) {
@@ -5930,7 +6213,7 @@ class ListItem extends SvelteComponent {
5930
6213
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
5931
6214
 
5932
6215
  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}");
6216
+ 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
6217
  }
5935
6218
 
5936
6219
  function create_fragment$k(ctx) {
@@ -5948,7 +6231,7 @@ function create_fragment$k(ctx) {
5948
6231
  this.h();
5949
6232
  },
5950
6233
  h() {
5951
- attr(div, "class", "embed svelte-w6jkzh");
6234
+ attr(div, "class", "embed svelte-wocq4p");
5952
6235
  attr(div, "style", /*_style*/ ctx[1]);
5953
6236
  },
5954
6237
  m(target, anchor) {
@@ -5991,7 +6274,7 @@ class EmbedElement extends SvelteComponent {
5991
6274
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
5992
6275
 
5993
6276
  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%}");
6277
+ 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
6278
  }
5996
6279
 
5997
6280
  function create_fragment$j(ctx) {
@@ -6014,7 +6297,7 @@ function create_fragment$j(ctx) {
6014
6297
  },
6015
6298
  h() {
6016
6299
  attr(div0, "class", "karte-player");
6017
- attr(div1, "class", "embed svelte-ljxq7x");
6300
+ attr(div1, "class", "embed svelte-vikz49");
6018
6301
  attr(div1, "style", /*_style*/ ctx[0]);
6019
6302
  },
6020
6303
  m(target, anchor) {
@@ -6356,7 +6639,7 @@ class MovieYouTubeElement extends SvelteComponent {
6356
6639
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6357
6640
 
6358
6641
  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%}");
6642
+ 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
6643
  }
6361
6644
 
6362
6645
  function create_fragment$i(ctx) {
@@ -6379,7 +6662,7 @@ function create_fragment$i(ctx) {
6379
6662
  },
6380
6663
  h() {
6381
6664
  attr(div0, "class", "karte-player");
6382
- attr(div1, "class", "embed svelte-ljxq7x");
6665
+ attr(div1, "class", "embed svelte-vikz49");
6383
6666
  attr(div1, "style", /*_style*/ ctx[0]);
6384
6667
  },
6385
6668
  m(target, anchor) {
@@ -6563,7 +6846,7 @@ class MovieVimeoElement extends SvelteComponent {
6563
6846
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
6564
6847
 
6565
6848
  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}");
6849
+ 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
6850
  }
6568
6851
 
6569
6852
  function create_fragment$h(ctx) {
@@ -6593,12 +6876,12 @@ function create_fragment$h(ctx) {
6593
6876
  this.h();
6594
6877
  },
6595
6878
  h() {
6596
- attr(textarea, "class", "textarea svelte-1fjy5oo");
6879
+ attr(textarea, "class", "textarea svelte-zxvkkc");
6597
6880
  textarea.value = /*$value*/ ctx[4];
6598
6881
  textarea.required = /*required*/ ctx[1];
6599
6882
  attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
6600
6883
  attr(textarea, "style", /*style*/ ctx[3]);
6601
- attr(div, "class", "textarea-wrapper svelte-1fjy5oo");
6884
+ attr(div, "class", "textarea-wrapper svelte-zxvkkc");
6602
6885
  attr(div, "style", /*styleVariables*/ ctx[2]);
6603
6886
  },
6604
6887
  m(target, anchor) {
@@ -6750,7 +7033,7 @@ class FormTextarea extends SvelteComponent {
6750
7033
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
6751
7034
 
6752
7035
  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}");
7036
+ 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
7037
  }
6755
7038
 
6756
7039
  function get_each_context$5(ctx, list, i) {
@@ -6807,14 +7090,14 @@ function create_each_block$5(ctx) {
6807
7090
  },
6808
7091
  h() {
6809
7092
  attr(input, "type", "radio");
6810
- attr(input, "class", "radio-button-input svelte-1ntb6j8");
7093
+ attr(input, "class", "radio-button-input svelte-17s08g");
6811
7094
  attr(input, "style", /*buttonStyle*/ ctx[5]);
6812
7095
  attr(input, "name", /*name*/ ctx[0]);
6813
7096
  input.value = input_value_value = /*option*/ ctx[17];
6814
7097
  input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
6815
- attr(span, "class", "radio-button-text svelte-1ntb6j8");
7098
+ attr(span, "class", "radio-button-text svelte-17s08g");
6816
7099
  attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
6817
- attr(label, "class", "radio-button svelte-1ntb6j8");
7100
+ attr(label, "class", "radio-button svelte-17s08g");
6818
7101
  },
6819
7102
  m(target, anchor) {
6820
7103
  insert_hydration(target, label, anchor);
@@ -6893,7 +7176,7 @@ function create_fragment$g(ctx) {
6893
7176
  this.h();
6894
7177
  },
6895
7178
  h() {
6896
- attr(div, "class", "radio-buttons svelte-1ntb6j8");
7179
+ attr(div, "class", "radio-buttons svelte-17s08g");
6897
7180
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
6898
7181
  },
6899
7182
  m(target, anchor) {
@@ -7062,7 +7345,7 @@ class FormRadioButtons extends SvelteComponent {
7062
7345
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
7063
7346
 
7064
7347
  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}");
7348
+ 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
7349
  }
7067
7350
 
7068
7351
  function get_each_context$4(ctx, list, i) {
@@ -7233,10 +7516,10 @@ function create_fragment$f(ctx) {
7233
7516
  this.h();
7234
7517
  },
7235
7518
  h() {
7236
- attr(select, "class", "select-select svelte-iejizj");
7519
+ attr(select, "class", "select-select svelte-t9ynyj");
7237
7520
  attr(select, "style", /*style*/ ctx[3]);
7238
- attr(div0, "class", "select-icon svelte-iejizj");
7239
- attr(div1, "class", "select svelte-iejizj");
7521
+ attr(div0, "class", "select-icon svelte-t9ynyj");
7522
+ attr(div1, "class", "select svelte-t9ynyj");
7240
7523
  attr(div1, "style", /*styleVariables*/ ctx[2]);
7241
7524
  },
7242
7525
  m(target, anchor) {
@@ -7438,7 +7721,7 @@ class FormSelect extends SvelteComponent {
7438
7721
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
7439
7722
 
7440
7723
  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}");
7724
+ 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
7725
  }
7443
7726
 
7444
7727
  function get_each_context$3(ctx, list, i) {
@@ -7500,19 +7783,19 @@ function create_each_block$3(ctx) {
7500
7783
  this.h();
7501
7784
  },
7502
7785
  h() {
7503
- attr(input, "class", "check-box-input svelte-2pz1us");
7786
+ attr(input, "class", "check-box-input svelte-1p65cg8");
7504
7787
  attr(input, "type", "checkbox");
7505
7788
  attr(input, "name", /*name*/ ctx[0]);
7506
7789
  input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
7507
- attr(span0, "class", "check-box-icon svelte-2pz1us");
7790
+ attr(span0, "class", "check-box-icon svelte-1p65cg8");
7508
7791
 
7509
7792
  attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7510
7793
  ? ' _checked'
7511
- : ''}`) + " svelte-2pz1us"));
7794
+ : ''}`) + " svelte-1p65cg8"));
7512
7795
 
7513
- attr(span2, "class", "check-box-text svelte-2pz1us");
7796
+ attr(span2, "class", "check-box-text svelte-1p65cg8");
7514
7797
  attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7515
- attr(label, "class", "check-box svelte-2pz1us");
7798
+ attr(label, "class", "check-box svelte-1p65cg8");
7516
7799
  attr(label, "style", /*styleVariables*/ ctx[5]);
7517
7800
  },
7518
7801
  m(target, anchor) {
@@ -7544,7 +7827,7 @@ function create_each_block$3(ctx) {
7544
7827
 
7545
7828
  if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7546
7829
  ? ' _checked'
7547
- : ''}`) + " svelte-2pz1us"))) {
7830
+ : ''}`) + " svelte-1p65cg8"))) {
7548
7831
  attr(span1, "class", span1_class_value);
7549
7832
  }
7550
7833
 
@@ -7597,7 +7880,7 @@ function create_fragment$e(ctx) {
7597
7880
  this.h();
7598
7881
  },
7599
7882
  h() {
7600
- attr(div, "class", "check-boxes svelte-2pz1us");
7883
+ attr(div, "class", "check-boxes svelte-1p65cg8");
7601
7884
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7602
7885
  },
7603
7886
  m(target, anchor) {
@@ -7772,7 +8055,7 @@ class FormCheckBoxes extends SvelteComponent {
7772
8055
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
7773
8056
 
7774
8057
  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}");
8058
+ 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
8059
  }
7777
8060
 
7778
8061
  function get_each_context$2(ctx, list, i) {
@@ -7807,7 +8090,7 @@ function create_each_block$2(ctx) {
7807
8090
  this.h();
7808
8091
  },
7809
8092
  h() {
7810
- attr(button, "class", "rating-button svelte-18pfy31");
8093
+ attr(button, "class", "rating-button svelte-zy2va9");
7811
8094
  attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]));
7812
8095
  },
7813
8096
  m(target, anchor) {
@@ -7870,7 +8153,7 @@ function create_fragment$d(ctx) {
7870
8153
  this.h();
7871
8154
  },
7872
8155
  h() {
7873
- attr(div, "class", "rating-buttons svelte-18pfy31");
8156
+ attr(div, "class", "rating-buttons svelte-zy2va9");
7874
8157
  },
7875
8158
  m(target, anchor) {
7876
8159
  insert_hydration(target, div, anchor);
@@ -8009,7 +8292,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
8009
8292
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
8010
8293
 
8011
8294
  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%)}");
8295
+ 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
8296
  }
8014
8297
 
8015
8298
  function get_each_context$1(ctx, list, i) {
@@ -8045,9 +8328,9 @@ function create_each_block$1(ctx) {
8045
8328
  },
8046
8329
  h() {
8047
8330
  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"));
8331
+ attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
8049
8332
  attr(img, "alt", "rate" + /*i*/ ctx[10]);
8050
- attr(button, "class", "rating-button svelte-1b5dvzw");
8333
+ attr(button, "class", "rating-button svelte-tbunko");
8051
8334
  attr(button, "style", /*buttonStyle*/ ctx[0]);
8052
8335
  },
8053
8336
  m(target, anchor) {
@@ -8063,7 +8346,7 @@ function create_each_block$1(ctx) {
8063
8346
  p(new_ctx, dirty) {
8064
8347
  ctx = new_ctx;
8065
8348
 
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"))) {
8349
+ 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
8350
  attr(img, "class", img_class_value);
8068
8351
  }
8069
8352
 
@@ -8110,7 +8393,7 @@ function create_fragment$c(ctx) {
8110
8393
  this.h();
8111
8394
  },
8112
8395
  h() {
8113
- attr(div, "class", "rating-buttons svelte-1b5dvzw");
8396
+ attr(div, "class", "rating-buttons svelte-tbunko");
8114
8397
  },
8115
8398
  m(target, anchor) {
8116
8399
  insert_hydration(target, div, anchor);
@@ -8218,7 +8501,7 @@ class FormRatingButtonsFace extends SvelteComponent {
8218
8501
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
8219
8502
 
8220
8503
  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%}");
8504
+ 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
8505
  }
8223
8506
 
8224
8507
  function get_each_context(ctx, list, i) {
@@ -8264,9 +8547,9 @@ function create_if_block_1(ctx) {
8264
8547
  attr(svg, "viewBox", "0 0 10 16");
8265
8548
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8266
8549
  attr(svg, "style", /*prevIconStyle*/ ctx[10]);
8267
- attr(button, "class", "move-button svelte-1qfq79t");
8550
+ attr(button, "class", "move-button svelte-ji1fh");
8268
8551
  attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
8269
- attr(div, "class", "prev-button-container svelte-1qfq79t");
8552
+ attr(div, "class", "prev-button-container svelte-ji1fh");
8270
8553
  },
8271
8554
  m(target, anchor) {
8272
8555
  insert_hydration(target, div, anchor);
@@ -8332,9 +8615,9 @@ function create_if_block$1(ctx) {
8332
8615
  attr(svg, "viewBox", "0 0 10 16");
8333
8616
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8334
8617
  attr(svg, "style", /*nextIconStyle*/ ctx[8]);
8335
- attr(button, "class", "move-button svelte-1qfq79t");
8618
+ attr(button, "class", "move-button svelte-ji1fh");
8336
8619
  attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
8337
- attr(div, "class", "next-button-container svelte-1qfq79t");
8620
+ attr(div, "class", "next-button-container svelte-ji1fh");
8338
8621
  },
8339
8622
  m(target, anchor) {
8340
8623
  insert_hydration(target, div, anchor);
@@ -8394,9 +8677,9 @@ function create_each_block(ctx) {
8394
8677
  this.h();
8395
8678
  },
8396
8679
  h() {
8397
- attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
8680
+ attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
8398
8681
  attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
8399
- attr(button, "class", "navigation-item svelte-1qfq79t");
8682
+ attr(button, "class", "navigation-item svelte-ji1fh");
8400
8683
  attr(button, "style", /*navigationItemStyle*/ ctx[6]);
8401
8684
  },
8402
8685
  m(target, anchor) {
@@ -8502,14 +8785,14 @@ function create_fragment$b(ctx) {
8502
8785
  this.h();
8503
8786
  },
8504
8787
  h() {
8505
- attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
8788
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
8506
8789
  attr(div0, "style", /*slideStyle*/ ctx[14]);
8507
- attr(div1, "class", "container svelte-1qfq79t");
8790
+ attr(div1, "class", "container svelte-ji1fh");
8508
8791
  attr(div1, "style", /*_style*/ ctx[0]);
8509
- attr(div2, "class", "navigation svelte-1qfq79t");
8792
+ attr(div2, "class", "navigation svelte-ji1fh");
8510
8793
  attr(div2, "style", /*navigationStyle*/ ctx[4]);
8511
8794
  set_attributes(div3, div3_data);
8512
- toggle_class(div3, "svelte-1qfq79t", true);
8795
+ toggle_class(div3, "svelte-ji1fh", true);
8513
8796
  },
8514
8797
  m(target, anchor) {
8515
8798
  insert_hydration(target, div3, anchor);
@@ -8551,7 +8834,7 @@ function create_fragment$b(ctx) {
8551
8834
  }
8552
8835
  }
8553
8836
 
8554
- if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
8837
+ if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
8555
8838
  attr(div0, "class", div0_class_value);
8556
8839
  }
8557
8840
 
@@ -8617,7 +8900,7 @@ function create_fragment$b(ctx) {
8617
8900
  }
8618
8901
 
8619
8902
  set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
8620
- toggle_class(div3, "svelte-1qfq79t", true);
8903
+ toggle_class(div3, "svelte-ji1fh", true);
8621
8904
  },
8622
8905
  i(local) {
8623
8906
  if (current) return;
@@ -9129,7 +9412,7 @@ class Slide extends SvelteComponent {
9129
9412
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
9130
9413
 
9131
9414
  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}");
9415
+ 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
9416
  }
9134
9417
 
9135
9418
  function create_fragment$a(ctx) {
@@ -9157,9 +9440,9 @@ function create_fragment$a(ctx) {
9157
9440
  this.h();
9158
9441
  },
9159
9442
  h() {
9160
- attr(div0, "class", "item-inner svelte-1rv0qgo");
9443
+ attr(div0, "class", "item-inner svelte-9ygf1w");
9161
9444
  attr(div0, "style", /*_style*/ ctx[0]);
9162
- attr(div1, "class", "item svelte-1rv0qgo");
9445
+ attr(div1, "class", "item svelte-9ygf1w");
9163
9446
  attr(div1, "style", /*itemStyle*/ ctx[1]);
9164
9447
  },
9165
9448
  m(target, anchor) {
@@ -9285,7 +9568,7 @@ class SlideItem extends SvelteComponent {
9285
9568
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
9286
9569
 
9287
9570
  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}");
9571
+ 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
9572
  }
9290
9573
 
9291
9574
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
@@ -9316,9 +9599,9 @@ function create_fragment$9(ctx) {
9316
9599
  this.h();
9317
9600
  },
9318
9601
  h() {
9319
- attr(div0, "class", "countdown-inner svelte-t87l6f");
9602
+ attr(div0, "class", "countdown-inner svelte-rroxiz");
9320
9603
  attr(div0, "style", /*_style*/ ctx[0]);
9321
- attr(div1, "class", "countdown svelte-t87l6f");
9604
+ attr(div1, "class", "countdown svelte-rroxiz");
9322
9605
  },
9323
9606
  m(target, anchor) {
9324
9607
  insert_hydration(target, div1, anchor);
@@ -9448,7 +9731,7 @@ class Countdown extends SvelteComponent {
9448
9731
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
9449
9732
 
9450
9733
  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}");
9734
+ 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
9735
  }
9453
9736
 
9454
9737
  // (24:2) <Button {onClick} style={_style} {eventName}>
@@ -9531,7 +9814,7 @@ function create_fragment$8(ctx) {
9531
9814
  this.h();
9532
9815
  },
9533
9816
  h() {
9534
- attr(div, "class", "box svelte-1c91vpe");
9817
+ attr(div, "class", "box svelte-1ccydfy");
9535
9818
  },
9536
9819
  m(target, anchor) {
9537
9820
  insert_hydration(target, div, anchor);
@@ -9592,7 +9875,7 @@ class Box extends SvelteComponent {
9592
9875
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
9593
9876
 
9594
9877
  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)}");
9878
+ 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
9879
  }
9597
9880
 
9598
9881
  // (56:4) {#if svg}
@@ -9696,7 +9979,7 @@ function create_fragment$7(ctx) {
9696
9979
  this.h();
9697
9980
  },
9698
9981
  h() {
9699
- attr(div, "class", "icon svelte-1mk6wi4");
9982
+ attr(div, "class", "icon svelte-1mkvcuo");
9700
9983
  },
9701
9984
  m(target, anchor) {
9702
9985
  insert_hydration(target, div, anchor);
@@ -9805,7 +10088,7 @@ class IconElement extends SvelteComponent {
9805
10088
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
9806
10089
 
9807
10090
  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%}");
10091
+ append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
9809
10092
  }
9810
10093
 
9811
10094
  function create_fragment$6(ctx) {
@@ -9841,7 +10124,7 @@ function create_fragment$6(ctx) {
9841
10124
  this.h();
9842
10125
  },
9843
10126
  h() {
9844
- attr(div, "class", "codeElement svelte-1ng2n51");
10127
+ attr(div, "class", "codeElement svelte-ymsb9l");
9845
10128
  attr(div, "style", /*style*/ ctx[3]);
9846
10129
  },
9847
10130
  m(target, anchor) {
@@ -9930,7 +10213,7 @@ class CodeElement extends SvelteComponent {
9930
10213
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
9931
10214
 
9932
10215
  function add_css$4(target) {
9933
- append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
10216
+ append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
9934
10217
  }
9935
10218
 
9936
10219
  function create_fragment$5(ctx) {
@@ -9954,7 +10237,7 @@ function create_fragment$5(ctx) {
9954
10237
  this.h();
9955
10238
  },
9956
10239
  h() {
9957
- attr(div, "class", "flex svelte-9v2qdg");
10240
+ attr(div, "class", "flex svelte-1e71ejc");
9958
10241
  attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
9959
10242
  },
9960
10243
  m(target, anchor) {
@@ -10051,7 +10334,7 @@ class Flex extends SvelteComponent {
10051
10334
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
10052
10335
 
10053
10336
  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}");
10337
+ append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
10055
10338
  }
10056
10339
 
10057
10340
  function create_fragment$4(ctx) {
@@ -10074,7 +10357,7 @@ function create_fragment$4(ctx) {
10074
10357
  this.h();
10075
10358
  },
10076
10359
  h() {
10077
- attr(div, "class", "flex-item svelte-164ah5d");
10360
+ attr(div, "class", "flex-item svelte-1p0bk1x");
10078
10361
  attr(div, "style", /*style*/ ctx[0]);
10079
10362
  },
10080
10363
  m(target, anchor) {
@@ -10494,7 +10777,7 @@ class GridModalState extends SvelteComponent {
10494
10777
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
10495
10778
 
10496
10779
  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%}");
10780
+ 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
10781
  }
10499
10782
 
10500
10783
  function create_fragment$2(ctx) {
@@ -10523,8 +10806,8 @@ function create_fragment$2(ctx) {
10523
10806
  this.h();
10524
10807
  },
10525
10808
  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"));
10809
+ attr(div0, "class", "text-block-inner svelte-15pej1m");
10810
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
10528
10811
  attr(div1, "style", /*style*/ ctx[2]);
10529
10812
  },
10530
10813
  m(target, anchor) {
@@ -10538,7 +10821,7 @@ function create_fragment$2(ctx) {
10538
10821
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
10539
10822
  rendertext.$set(rendertext_changes);
10540
10823
 
10541
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"))) {
10824
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
10542
10825
  attr(div1, "class", div1_class_value);
10543
10826
  }
10544
10827
 
@@ -10616,7 +10899,7 @@ class TextBlock extends SvelteComponent {
10616
10899
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
10617
10900
 
10618
10901
  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)}");
10902
+ 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
10903
  }
10621
10904
 
10622
10905
  function create_fragment$1(ctx) {
@@ -10646,9 +10929,9 @@ function create_fragment$1(ctx) {
10646
10929
  this.h();
10647
10930
  },
10648
10931
  h() {
10649
- attr(button, "class", "text-button svelte-1c34p4n");
10932
+ attr(button, "class", "text-button svelte-ff0k6r");
10650
10933
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
10651
- attr(div, "class", "text-button-block svelte-1c34p4n");
10934
+ attr(div, "class", "text-button-block svelte-ff0k6r");
10652
10935
  attr(div, "style", /*_style*/ ctx[2]);
10653
10936
  },
10654
10937
  m(target, anchor) {
@@ -10754,7 +11037,7 @@ class TextButtonBlock extends SvelteComponent {
10754
11037
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
10755
11038
 
10756
11039
  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)}");
11040
+ 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
11041
  }
10759
11042
 
10760
11043
  function create_fragment(ctx) {
@@ -10790,14 +11073,14 @@ function create_fragment(ctx) {
10790
11073
  this.h();
10791
11074
  },
10792
11075
  h() {
10793
- attr(img, "class", "image svelte-1jus6sx");
11076
+ attr(img, "class", "image svelte-1pdw891");
10794
11077
  attr(img, "loading", "lazy");
10795
11078
  attr(img, "width", "auto");
10796
11079
  attr(img, "height", "auto");
10797
11080
  attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
10798
11081
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
10799
11082
  attr(img, "alt", /*alt*/ ctx[1]);
10800
- attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"));
11083
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
10801
11084
  attr(div, "style", /*_style*/ ctx[5]);
10802
11085
  },
10803
11086
  m(target, anchor) {
@@ -10822,7 +11105,7 @@ function create_fragment(ctx) {
10822
11105
  attr(img, "alt", /*alt*/ ctx[1]);
10823
11106
  }
10824
11107
 
10825
- if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"))) {
11108
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
10826
11109
  attr(div, "class", div_class_value);
10827
11110
  }
10828
11111
 
@@ -10898,4 +11181,4 @@ class ImageBlock extends SvelteComponent {
10898
11181
  }
10899
11182
  }
10900
11183
 
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 };
11184
+ 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 };