@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.
Files changed (5) hide show
  1. package/dist/hydrate/index.es.d.ts +21 -9
  2. package/dist/hydrate/index.es.js +570 -287
  3. package/dist/index.es.d.ts +21 -9
  4. package/dist/index.es.js +581 -281
  5. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -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, insert, noop, detach, component_subscribe, attr, create_slot, create_component, 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, append, destroy_each, text, set_data, src_url_equal, HtmlTag, construct_svelte_component, subscribe } from 'svelte/internal';
3
+ import { SvelteComponent, init, safe_not_equal, element, insert, noop, detach, component_subscribe, attr, create_slot, create_component, 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, append, destroy_each, text, set_data, src_url_equal, HtmlTag, construct_svelte_component, subscribe } from 'svelte/internal';
4
4
  import { linear, elasticOut, cubicOut } from '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
  *
@@ -333,6 +342,8 @@ const ElasticityStyle = {
333
342
  horizontal: 'width: 100%',
334
343
  };
335
344
  /** @internal */
345
+ const DefaultElasticity = 'none';
346
+ /** @internal */
336
347
  const TextDirections = ['horizontal', 'vertical'];
337
348
  /** @internal */
338
349
  const OnClickOperationOptions = [
@@ -571,6 +582,17 @@ const DefaultFormButtonColor = {
571
582
  main: '#2aab9f',
572
583
  sub: '#fff',
573
584
  };
585
+ /** @internal */
586
+ const DefaultModalBreakPoint = {
587
+ PC: {
588
+ placement: DefaultModalPlacement,
589
+ elasticity: DefaultElasticity,
590
+ },
591
+ SP: {
592
+ placement: DefaultModalPlacement,
593
+ elasticity: DefaultElasticity,
594
+ },
595
+ };
574
596
 
575
597
  /**
576
598
  * Store to handle action setting
@@ -936,8 +958,6 @@ const variables = writable({});
936
958
  * 変数の一覧を取得する
937
959
  *
938
960
  * @returns 現在の変数の一覧
939
- *
940
- * @internal
941
961
  */
942
962
  function getVariables() {
943
963
  return get(variables);
@@ -949,8 +969,6 @@ function getVariables() {
949
969
  * 設定した変数は、ビジュアルエディタのテキストフォームなどで利用できます。
950
970
  *
951
971
  * @param vars - 変数
952
- *
953
- * @internal
954
972
  */
955
973
  function setVariables(vars) {
956
974
  if (!get(variables)) {
@@ -963,7 +981,6 @@ function setVariables(vars) {
963
981
  }
964
982
  /**
965
983
  * 変数をリセットする
966
- *
967
984
  */
968
985
  function resetVariables() {
969
986
  setVariables({});
@@ -2716,7 +2733,7 @@ class State extends SvelteComponent {
2716
2733
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
2717
2734
 
2718
2735
  function add_css$t(target) {
2719
- append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
2736
+ append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
2720
2737
  }
2721
2738
 
2722
2739
  // (23:0) {#if $state === path}
@@ -2733,7 +2750,7 @@ function create_if_block$8(ctx) {
2733
2750
  t = space();
2734
2751
  if (default_slot) default_slot.c();
2735
2752
  attr(div, "data-state-path", /*path*/ ctx[0]);
2736
- attr(div, "class", "state-item svelte-1amihue");
2753
+ attr(div, "class", "state-item svelte-2qb6dm");
2737
2754
  },
2738
2755
  m(target, anchor) {
2739
2756
  insert(target, div, anchor);
@@ -3138,29 +3155,34 @@ function customAnimation(node, { transform, animationStyle, delay = 0, duration
3138
3155
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3139
3156
 
3140
3157
  function add_css$s(target) {
3141
- 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}");
3158
+ 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}");
3142
3159
  }
3143
3160
 
3144
- // (9:0) {#if backgroundOverlay}
3161
+ // (14:0) {#if backgroundOverlay}
3145
3162
  function create_if_block$7(ctx) {
3146
3163
  let div;
3164
+ let div_class_value;
3147
3165
  let mounted;
3148
3166
  let dispose;
3149
3167
 
3150
3168
  return {
3151
3169
  c() {
3152
3170
  div = element("div");
3153
- attr(div, "class", "background svelte-g6ucc2");
3171
+ attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
3154
3172
  },
3155
3173
  m(target, anchor) {
3156
3174
  insert(target, div, anchor);
3157
3175
 
3158
3176
  if (!mounted) {
3159
- dispose = listen(div, "click", /*click_handler*/ ctx[2]);
3177
+ dispose = listen(div, "click", /*click_handler*/ ctx[3]);
3160
3178
  mounted = true;
3161
3179
  }
3162
3180
  },
3163
- p: noop,
3181
+ p(ctx, dirty) {
3182
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
3183
+ attr(div, "class", div_class_value);
3184
+ }
3185
+ },
3164
3186
  d(detaching) {
3165
3187
  if (detaching) detach(div);
3166
3188
  mounted = false;
@@ -3207,20 +3229,22 @@ function create_fragment$v(ctx) {
3207
3229
 
3208
3230
  function instance$v($$self, $$props, $$invalidate) {
3209
3231
  let { backgroundOverlay = false } = $$props;
3232
+ let { class: className = undefined } = $$props;
3210
3233
  const dispatch = createEventDispatcher();
3211
3234
  const click_handler = () => dispatch('click');
3212
3235
 
3213
3236
  $$self.$$set = $$props => {
3214
3237
  if ('backgroundOverlay' in $$props) $$invalidate(0, backgroundOverlay = $$props.backgroundOverlay);
3238
+ if ('class' in $$props) $$invalidate(1, className = $$props.class);
3215
3239
  };
3216
3240
 
3217
- return [backgroundOverlay, dispatch, click_handler];
3241
+ return [backgroundOverlay, className, dispatch, click_handler];
3218
3242
  }
3219
3243
 
3220
3244
  class BackgroundOverlay extends SvelteComponent {
3221
3245
  constructor(options) {
3222
3246
  super();
3223
- init(this, options, instance$v, create_fragment$v, safe_not_equal, { backgroundOverlay: 0 }, add_css$s);
3247
+ init(this, options, instance$v, create_fragment$v, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$s);
3224
3248
  }
3225
3249
  }
3226
3250
 
@@ -3261,11 +3285,11 @@ function checkStopPropagation(eventName, handler) {
3261
3285
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3262
3286
 
3263
3287
  function add_css$r(target) {
3264
- 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}");
3288
+ 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}");
3265
3289
  }
3266
3290
 
3267
3291
  // (50:0) {:else}
3268
- function create_else_block$3(ctx) {
3292
+ function create_else_block$4(ctx) {
3269
3293
  let button;
3270
3294
  let current;
3271
3295
  let mounted;
@@ -3290,7 +3314,7 @@ function create_else_block$3(ctx) {
3290
3314
  button = element("button");
3291
3315
  if (default_slot) default_slot.c();
3292
3316
  set_attributes(button, button_data);
3293
- toggle_class(button, "svelte-1dtbrzj", true);
3317
+ toggle_class(button, "svelte-1tg0tf", true);
3294
3318
  },
3295
3319
  m(target, anchor) {
3296
3320
  insert(target, button, anchor);
@@ -3329,7 +3353,7 @@ function create_else_block$3(ctx) {
3329
3353
  dataAttrStopPropagation('click')
3330
3354
  ]));
3331
3355
 
3332
- toggle_class(button, "svelte-1dtbrzj", true);
3356
+ toggle_class(button, "svelte-1tg0tf", true);
3333
3357
  },
3334
3358
  i(local) {
3335
3359
  if (current) return;
@@ -3350,7 +3374,7 @@ function create_else_block$3(ctx) {
3350
3374
  }
3351
3375
 
3352
3376
  // (46:39)
3353
- function create_if_block_2(ctx) {
3377
+ function create_if_block_2$1(ctx) {
3354
3378
  let div;
3355
3379
  let current;
3356
3380
  const default_slot_template = /*#slots*/ ctx[9].default;
@@ -3360,7 +3384,7 @@ function create_if_block_2(ctx) {
3360
3384
  c() {
3361
3385
  div = element("div");
3362
3386
  if (default_slot) default_slot.c();
3363
- attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1dtbrzj"));
3387
+ attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1tg0tf"));
3364
3388
  attr(div, "style", /*style*/ ctx[1]);
3365
3389
  },
3366
3390
  m(target, anchor) {
@@ -3444,7 +3468,7 @@ function create_if_block_1$2(ctx) {
3444
3468
  a = element("a");
3445
3469
  if (default_slot) default_slot.c();
3446
3470
  set_attributes(a, a_data);
3447
- toggle_class(a, "svelte-1dtbrzj", true);
3471
+ toggle_class(a, "svelte-1tg0tf", true);
3448
3472
  },
3449
3473
  m(target, anchor) {
3450
3474
  insert(target, a, anchor);
@@ -3486,7 +3510,7 @@ function create_if_block_1$2(ctx) {
3486
3510
  dataAttrStopPropagation('click')
3487
3511
  ]));
3488
3512
 
3489
- toggle_class(a, "svelte-1dtbrzj", true);
3513
+ toggle_class(a, "svelte-1tg0tf", true);
3490
3514
  },
3491
3515
  i(local) {
3492
3516
  if (current) return;
@@ -3517,7 +3541,7 @@ function create_if_block$6(ctx) {
3517
3541
  c() {
3518
3542
  div = element("div");
3519
3543
  if (default_slot) default_slot.c();
3520
- attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1dtbrzj"));
3544
+ attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1tg0tf"));
3521
3545
  attr(div, "style", /*style*/ ctx[1]);
3522
3546
  },
3523
3547
  m(target, anchor) {
@@ -3570,7 +3594,7 @@ function create_fragment$u(ctx) {
3570
3594
  let if_block;
3571
3595
  let if_block_anchor;
3572
3596
  let current;
3573
- const if_block_creators = [create_if_block$6, create_if_block_1$2, create_if_block_2, create_else_block$3];
3597
+ const if_block_creators = [create_if_block$6, create_if_block_1$2, create_if_block_2$1, create_else_block$4];
3574
3598
  const if_blocks = [];
3575
3599
 
3576
3600
  function select_block_type(ctx, dirty) {
@@ -3721,14 +3745,139 @@ class Button extends SvelteComponent {
3721
3745
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
3722
3746
 
3723
3747
  function add_css$q(target) {
3724
- 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}");
3748
+ 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}}");
3749
+ }
3750
+
3751
+ // (265:0) {:else}
3752
+ function create_else_block$3(ctx) {
3753
+ let backgroundoverlay;
3754
+ let current;
3755
+
3756
+ backgroundoverlay = new BackgroundOverlay({
3757
+ props: {
3758
+ backgroundOverlay: /*backgroundOverlay*/ ctx[11]
3759
+ }
3760
+ });
3761
+
3762
+ backgroundoverlay.$on("click", function () {
3763
+ if (is_function(/*backgroundClick*/ ctx[20])) /*backgroundClick*/ ctx[20].apply(this, arguments);
3764
+ });
3765
+
3766
+ return {
3767
+ c() {
3768
+ create_component(backgroundoverlay.$$.fragment);
3769
+ },
3770
+ m(target, anchor) {
3771
+ mount_component(backgroundoverlay, target, anchor);
3772
+ current = true;
3773
+ },
3774
+ p(new_ctx, dirty) {
3775
+ ctx = new_ctx;
3776
+ const backgroundoverlay_changes = {};
3777
+ if (dirty[0] & /*backgroundOverlay*/ 2048) backgroundoverlay_changes.backgroundOverlay = /*backgroundOverlay*/ ctx[11];
3778
+ backgroundoverlay.$set(backgroundoverlay_changes);
3779
+ },
3780
+ i(local) {
3781
+ if (current) return;
3782
+ transition_in(backgroundoverlay.$$.fragment, local);
3783
+ current = true;
3784
+ },
3785
+ o(local) {
3786
+ transition_out(backgroundoverlay.$$.fragment, local);
3787
+ current = false;
3788
+ },
3789
+ d(detaching) {
3790
+ destroy_component(backgroundoverlay, detaching);
3791
+ }
3792
+ };
3725
3793
  }
3726
3794
 
3727
- // (145:0) {#if visible}
3795
+ // (254:24)
3796
+ function create_if_block_3(ctx) {
3797
+ let backgroundoverlay0;
3798
+ let t;
3799
+ let backgroundoverlay1;
3800
+ let current;
3801
+
3802
+ backgroundoverlay0 = new BackgroundOverlay({
3803
+ props: {
3804
+ class: "background-bp-pc",
3805
+ backgroundOverlay: /*backgroundOverlayPC*/ ctx[12]
3806
+ }
3807
+ });
3808
+
3809
+ backgroundoverlay0.$on("click", function () {
3810
+ if (is_function(/*backgroundClickPC*/ ctx[19])) /*backgroundClickPC*/ ctx[19].apply(this, arguments);
3811
+ });
3812
+
3813
+ backgroundoverlay1 = new BackgroundOverlay({
3814
+ props: {
3815
+ class: "background-bp-sp ",
3816
+ backgroundOverlay: /*backgroundOverlaySP*/ ctx[13]
3817
+ }
3818
+ });
3819
+
3820
+ backgroundoverlay1.$on("click", function () {
3821
+ if (is_function(/*backgroundClickSP*/ ctx[18])) /*backgroundClickSP*/ ctx[18].apply(this, arguments);
3822
+ });
3823
+
3824
+ return {
3825
+ c() {
3826
+ create_component(backgroundoverlay0.$$.fragment);
3827
+ t = space();
3828
+ create_component(backgroundoverlay1.$$.fragment);
3829
+ },
3830
+ m(target, anchor) {
3831
+ mount_component(backgroundoverlay0, target, anchor);
3832
+ insert(target, t, anchor);
3833
+ mount_component(backgroundoverlay1, target, anchor);
3834
+ current = true;
3835
+ },
3836
+ p(new_ctx, dirty) {
3837
+ ctx = new_ctx;
3838
+ const backgroundoverlay0_changes = {};
3839
+ if (dirty[0] & /*backgroundOverlayPC*/ 4096) backgroundoverlay0_changes.backgroundOverlay = /*backgroundOverlayPC*/ ctx[12];
3840
+ backgroundoverlay0.$set(backgroundoverlay0_changes);
3841
+ const backgroundoverlay1_changes = {};
3842
+ if (dirty[0] & /*backgroundOverlaySP*/ 8192) backgroundoverlay1_changes.backgroundOverlay = /*backgroundOverlaySP*/ ctx[13];
3843
+ backgroundoverlay1.$set(backgroundoverlay1_changes);
3844
+ },
3845
+ i(local) {
3846
+ if (current) return;
3847
+ transition_in(backgroundoverlay0.$$.fragment, local);
3848
+ transition_in(backgroundoverlay1.$$.fragment, local);
3849
+ current = true;
3850
+ },
3851
+ o(local) {
3852
+ transition_out(backgroundoverlay0.$$.fragment, local);
3853
+ transition_out(backgroundoverlay1.$$.fragment, local);
3854
+ current = false;
3855
+ },
3856
+ d(detaching) {
3857
+ destroy_component(backgroundoverlay0, detaching);
3858
+ if (detaching) detach(t);
3859
+ destroy_component(backgroundoverlay1, detaching);
3860
+ }
3861
+ };
3862
+ }
3863
+
3864
+ // (252:0) {#if isPreview()}
3865
+ function create_if_block_2(ctx) {
3866
+ return {
3867
+ c: noop,
3868
+ m: noop,
3869
+ p: noop,
3870
+ i: noop,
3871
+ o: noop,
3872
+ d: noop
3873
+ };
3874
+ }
3875
+
3876
+ // (268:0) {#if visible}
3728
3877
  function create_if_block$5(ctx) {
3729
3878
  let div;
3730
3879
  let button;
3731
- let div_style_value;
3880
+ let div_class_value;
3732
3881
  let div_intro;
3733
3882
  let current;
3734
3883
 
@@ -3746,32 +3895,32 @@ function create_if_block$5(ctx) {
3746
3895
  c() {
3747
3896
  div = element("div");
3748
3897
  create_component(button.$$.fragment);
3749
- attr(div, "class", "modal svelte-1m1do8u");
3898
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1j0m3x1"));
3750
3899
  attr(div, "role", "dialog");
3751
3900
  attr(div, "aria-modal", "true");
3752
- attr(div, "style", div_style_value = "" + /*pos*/ ctx[16] + " " + /*marginStyle*/ ctx[14] + " " + ElasticityStyle[/*overwriteElasticity*/ ctx[17]] + "");
3901
+ attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
3753
3902
  },
3754
3903
  m(target, anchor) {
3755
3904
  insert(target, div, anchor);
3756
3905
  mount_component(button, div, null);
3757
- /*div_binding*/ ctx[28](div);
3906
+ /*div_binding*/ ctx[32](div);
3758
3907
  current = true;
3759
3908
  },
3760
3909
  p(new_ctx, dirty) {
3761
3910
  ctx = new_ctx;
3762
3911
  const button_changes = {};
3763
- if (dirty & /*onClick*/ 1) button_changes.onClick = /*onClick*/ ctx[0];
3764
- if (dirty & /*clickEventName*/ 2) button_changes.eventName = /*clickEventName*/ ctx[1];
3765
- if (dirty & /*clickEventValue*/ 4) button_changes.eventValue = /*clickEventValue*/ ctx[2];
3912
+ if (dirty[0] & /*onClick*/ 1) button_changes.onClick = /*onClick*/ ctx[0];
3913
+ if (dirty[0] & /*clickEventName*/ 2) button_changes.eventName = /*clickEventName*/ ctx[1];
3914
+ if (dirty[0] & /*clickEventValue*/ 4) button_changes.eventValue = /*clickEventValue*/ ctx[2];
3766
3915
 
3767
- if (dirty & /*$$scope, _style, $maximumZindex, onClose, _closeStyle, closeEventName, closeEventValue, closeButtonColor, closable*/ 538444784) {
3916
+ if (dirty[0] & /*_style, $maximumZindex, onClose, _closeStyle, closeEventName, closeEventValue, closeButtonColor, closable*/ 6293472 | dirty[1] & /*$$scope*/ 4) {
3768
3917
  button_changes.$$scope = { dirty, ctx };
3769
3918
  }
3770
3919
 
3771
3920
  button.$set(button_changes);
3772
3921
 
3773
- if (!current || dirty & /*pos, marginStyle, overwriteElasticity*/ 212992 && div_style_value !== (div_style_value = "" + /*pos*/ ctx[16] + " " + /*marginStyle*/ ctx[14] + " " + ElasticityStyle[/*overwriteElasticity*/ ctx[17]] + "")) {
3774
- attr(div, "style", div_style_value);
3922
+ if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1j0m3x1"))) {
3923
+ attr(div, "class", div_class_value);
3775
3924
  }
3776
3925
  },
3777
3926
  i(local) {
@@ -3781,8 +3930,8 @@ function create_if_block$5(ctx) {
3781
3930
  if (!div_intro) {
3782
3931
  add_render_callback(() => {
3783
3932
  div_intro = create_in_transition(div, customAnimation, {
3784
- transform: /*transform*/ ctx[15],
3785
- animationStyle: /*animation*/ ctx[3]
3933
+ transform: /*transform*/ ctx[14],
3934
+ animationStyle: /*animation*/ ctx[4]
3786
3935
  });
3787
3936
 
3788
3937
  div_intro.start();
@@ -3798,12 +3947,12 @@ function create_if_block$5(ctx) {
3798
3947
  d(detaching) {
3799
3948
  if (detaching) detach(div);
3800
3949
  destroy_component(button);
3801
- /*div_binding*/ ctx[28](null);
3950
+ /*div_binding*/ ctx[32](null);
3802
3951
  }
3803
3952
  };
3804
3953
  }
3805
3954
 
3806
- // (162:6) {#if closable}
3955
+ // (281:6) {#if closable}
3807
3956
  function create_if_block_1$1(ctx) {
3808
3957
  let div;
3809
3958
  let button;
@@ -3811,10 +3960,10 @@ function create_if_block_1$1(ctx) {
3811
3960
 
3812
3961
  button = new Button({
3813
3962
  props: {
3814
- onClick: /*onClose*/ ctx[5],
3815
- style: /*_closeStyle*/ ctx[9],
3816
- eventName: /*closeEventName*/ ctx[6],
3817
- eventValue: /*closeEventValue*/ ctx[7],
3963
+ onClick: /*onClose*/ ctx[6],
3964
+ style: /*_closeStyle*/ ctx[10],
3965
+ eventName: /*closeEventName*/ ctx[7],
3966
+ eventValue: /*closeEventValue*/ ctx[8],
3818
3967
  $$slots: { default: [create_default_slot_1$1] },
3819
3968
  $$scope: { ctx }
3820
3969
  }
@@ -3824,8 +3973,8 @@ function create_if_block_1$1(ctx) {
3824
3973
  c() {
3825
3974
  div = element("div");
3826
3975
  create_component(button.$$.fragment);
3827
- attr(div, "class", "close svelte-1m1do8u");
3828
- set_style(div, "z-index", /*$maximumZindex*/ ctx[20] + 1);
3976
+ attr(div, "class", "close svelte-1j0m3x1");
3977
+ set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
3829
3978
  },
3830
3979
  m(target, anchor) {
3831
3980
  insert(target, div, anchor);
@@ -3834,19 +3983,19 @@ function create_if_block_1$1(ctx) {
3834
3983
  },
3835
3984
  p(ctx, dirty) {
3836
3985
  const button_changes = {};
3837
- if (dirty & /*onClose*/ 32) button_changes.onClick = /*onClose*/ ctx[5];
3838
- if (dirty & /*_closeStyle*/ 512) button_changes.style = /*_closeStyle*/ ctx[9];
3839
- if (dirty & /*closeEventName*/ 64) button_changes.eventName = /*closeEventName*/ ctx[6];
3840
- if (dirty & /*closeEventValue*/ 128) button_changes.eventValue = /*closeEventValue*/ ctx[7];
3986
+ if (dirty[0] & /*onClose*/ 64) button_changes.onClick = /*onClose*/ ctx[6];
3987
+ if (dirty[0] & /*_closeStyle*/ 1024) button_changes.style = /*_closeStyle*/ ctx[10];
3988
+ if (dirty[0] & /*closeEventName*/ 128) button_changes.eventName = /*closeEventName*/ ctx[7];
3989
+ if (dirty[0] & /*closeEventValue*/ 256) button_changes.eventValue = /*closeEventValue*/ ctx[8];
3841
3990
 
3842
- if (dirty & /*$$scope, closeButtonColor*/ 536871168) {
3991
+ if (dirty[0] & /*closeButtonColor*/ 512 | dirty[1] & /*$$scope*/ 4) {
3843
3992
  button_changes.$$scope = { dirty, ctx };
3844
3993
  }
3845
3994
 
3846
3995
  button.$set(button_changes);
3847
3996
 
3848
- if (!current || dirty & /*$maximumZindex*/ 1048576) {
3849
- set_style(div, "z-index", /*$maximumZindex*/ ctx[20] + 1);
3997
+ if (!current || dirty[0] & /*$maximumZindex*/ 4194304) {
3998
+ set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
3850
3999
  }
3851
4000
  },
3852
4001
  i(local) {
@@ -3865,7 +4014,7 @@ function create_if_block_1$1(ctx) {
3865
4014
  };
3866
4015
  }
3867
4016
 
3868
- // (164:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue} >
4017
+ // (283:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue} >
3869
4018
  function create_default_slot_1$1(ctx) {
3870
4019
  let svg;
3871
4020
  let path;
@@ -3875,7 +4024,7 @@ function create_default_slot_1$1(ctx) {
3875
4024
  svg = svg_element("svg");
3876
4025
  path = svg_element("path");
3877
4026
  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");
3878
- attr(path, "fill", /*closeButtonColor*/ ctx[8]);
4027
+ attr(path, "fill", /*closeButtonColor*/ ctx[9]);
3879
4028
  attr(path, "fill-opacity", "0.8");
3880
4029
  attr(svg, "width", "100%");
3881
4030
  attr(svg, "height", "100%");
@@ -3888,8 +4037,8 @@ function create_default_slot_1$1(ctx) {
3888
4037
  append(svg, path);
3889
4038
  },
3890
4039
  p(ctx, dirty) {
3891
- if (dirty & /*closeButtonColor*/ 256) {
3892
- attr(path, "fill", /*closeButtonColor*/ ctx[8]);
4040
+ if (dirty[0] & /*closeButtonColor*/ 512) {
4041
+ attr(path, "fill", /*closeButtonColor*/ ctx[9]);
3893
4042
  }
3894
4043
  },
3895
4044
  d(detaching) {
@@ -3898,14 +4047,14 @@ function create_default_slot_1$1(ctx) {
3898
4047
  };
3899
4048
  }
3900
4049
 
3901
- // (161:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
4050
+ // (280:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
3902
4051
  function create_default_slot$6(ctx) {
3903
4052
  let t;
3904
4053
  let div;
3905
4054
  let current;
3906
- let if_block = /*closable*/ ctx[19] && create_if_block_1$1(ctx);
3907
- const default_slot_template = /*#slots*/ ctx[27].default;
3908
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[29], null);
4055
+ let if_block = /*closable*/ ctx[21] && create_if_block_1$1(ctx);
4056
+ const default_slot_template = /*#slots*/ ctx[31].default;
4057
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[33], null);
3909
4058
 
3910
4059
  return {
3911
4060
  c() {
@@ -3913,8 +4062,8 @@ function create_default_slot$6(ctx) {
3913
4062
  t = space();
3914
4063
  div = element("div");
3915
4064
  if (default_slot) default_slot.c();
3916
- attr(div, "class", "modal-content svelte-1m1do8u");
3917
- attr(div, "style", /*_style*/ ctx[4]);
4065
+ attr(div, "class", "modal-content svelte-1j0m3x1");
4066
+ attr(div, "style", /*_style*/ ctx[5]);
3918
4067
  },
3919
4068
  m(target, anchor) {
3920
4069
  if (if_block) if_block.m(target, anchor);
@@ -3928,11 +4077,11 @@ function create_default_slot$6(ctx) {
3928
4077
  current = true;
3929
4078
  },
3930
4079
  p(ctx, dirty) {
3931
- if (/*closable*/ ctx[19]) {
4080
+ if (/*closable*/ ctx[21]) {
3932
4081
  if (if_block) {
3933
4082
  if_block.p(ctx, dirty);
3934
4083
 
3935
- if (dirty & /*closable*/ 524288) {
4084
+ if (dirty[0] & /*closable*/ 2097152) {
3936
4085
  transition_in(if_block, 1);
3937
4086
  }
3938
4087
  } else {
@@ -3952,22 +4101,22 @@ function create_default_slot$6(ctx) {
3952
4101
  }
3953
4102
 
3954
4103
  if (default_slot) {
3955
- if (default_slot.p && (!current || dirty & /*$$scope*/ 536870912)) {
4104
+ if (default_slot.p && (!current || dirty[1] & /*$$scope*/ 4)) {
3956
4105
  update_slot_base(
3957
4106
  default_slot,
3958
4107
  default_slot_template,
3959
4108
  ctx,
3960
- /*$$scope*/ ctx[29],
4109
+ /*$$scope*/ ctx[33],
3961
4110
  !current
3962
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[29])
3963
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[29], dirty, null),
4111
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[33])
4112
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[33], dirty, null),
3964
4113
  null
3965
4114
  );
3966
4115
  }
3967
4116
  }
3968
4117
 
3969
- if (!current || dirty & /*_style*/ 16) {
3970
- attr(div, "style", /*_style*/ ctx[4]);
4118
+ if (!current || dirty[0] & /*_style*/ 32) {
4119
+ attr(div, "style", /*_style*/ ctx[5]);
3971
4120
  }
3972
4121
  },
3973
4122
  i(local) {
@@ -3991,71 +4140,96 @@ function create_default_slot$6(ctx) {
3991
4140
  }
3992
4141
 
3993
4142
  function create_fragment$t(ctx) {
3994
- let backgroundoverlay;
4143
+ let show_if;
4144
+ let current_block_type_index;
4145
+ let if_block0;
3995
4146
  let t;
3996
- let if_block_anchor;
4147
+ let if_block1_anchor;
3997
4148
  let current;
3998
4149
  let mounted;
3999
4150
  let dispose;
4151
+ const if_block_creators = [create_if_block_2, create_if_block_3, create_else_block$3];
4152
+ const if_blocks = [];
4000
4153
 
4001
- backgroundoverlay = new BackgroundOverlay({
4002
- props: {
4003
- backgroundOverlay: /*backgroundOverlay*/ ctx[10]
4004
- }
4005
- });
4006
-
4007
- backgroundoverlay.$on("click", function () {
4008
- if (is_function(/*backgroundClick*/ ctx[18])) /*backgroundClick*/ ctx[18].apply(this, arguments);
4009
- });
4154
+ function select_block_type(ctx, dirty) {
4155
+ if (show_if == null) show_if = !!isPreview();
4156
+ if (show_if) return 0;
4157
+ if (/*useBreakPoint*/ ctx[3]) return 1;
4158
+ return 2;
4159
+ }
4010
4160
 
4011
- let if_block = /*visible*/ ctx[12] && create_if_block$5(ctx);
4161
+ current_block_type_index = select_block_type(ctx);
4162
+ if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
4163
+ let if_block1 = /*visible*/ ctx[16] && create_if_block$5(ctx);
4012
4164
 
4013
4165
  return {
4014
4166
  c() {
4015
- create_component(backgroundoverlay.$$.fragment);
4167
+ if_block0.c();
4016
4168
  t = space();
4017
- if (if_block) if_block.c();
4018
- if_block_anchor = empty();
4169
+ if (if_block1) if_block1.c();
4170
+ if_block1_anchor = empty();
4019
4171
  },
4020
4172
  m(target, anchor) {
4021
- mount_component(backgroundoverlay, target, anchor);
4173
+ if_blocks[current_block_type_index].m(target, anchor);
4022
4174
  insert(target, t, anchor);
4023
- if (if_block) if_block.m(target, anchor);
4024
- insert(target, if_block_anchor, anchor);
4175
+ if (if_block1) if_block1.m(target, anchor);
4176
+ insert(target, if_block1_anchor, anchor);
4025
4177
  current = true;
4026
4178
 
4027
4179
  if (!mounted) {
4028
4180
  dispose = listen(window, "keydown", function () {
4029
- if (is_function(/*handle_keydown*/ ctx[13])) /*handle_keydown*/ ctx[13].apply(this, arguments);
4181
+ if (is_function(/*handle_keydown*/ ctx[17])) /*handle_keydown*/ ctx[17].apply(this, arguments);
4030
4182
  });
4031
4183
 
4032
4184
  mounted = true;
4033
4185
  }
4034
4186
  },
4035
- p(new_ctx, [dirty]) {
4187
+ p(new_ctx, dirty) {
4036
4188
  ctx = new_ctx;
4037
- const backgroundoverlay_changes = {};
4038
- if (dirty & /*backgroundOverlay*/ 1024) backgroundoverlay_changes.backgroundOverlay = /*backgroundOverlay*/ ctx[10];
4039
- backgroundoverlay.$set(backgroundoverlay_changes);
4189
+ let previous_block_index = current_block_type_index;
4190
+ current_block_type_index = select_block_type(ctx);
4040
4191
 
4041
- if (/*visible*/ ctx[12]) {
4042
- if (if_block) {
4043
- if_block.p(ctx, dirty);
4192
+ if (current_block_type_index === previous_block_index) {
4193
+ if_blocks[current_block_type_index].p(ctx, dirty);
4194
+ } else {
4195
+ group_outros();
4044
4196
 
4045
- if (dirty & /*visible*/ 4096) {
4046
- transition_in(if_block, 1);
4197
+ transition_out(if_blocks[previous_block_index], 1, 1, () => {
4198
+ if_blocks[previous_block_index] = null;
4199
+ });
4200
+
4201
+ check_outros();
4202
+ if_block0 = if_blocks[current_block_type_index];
4203
+
4204
+ if (!if_block0) {
4205
+ if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
4206
+ if_block0.c();
4207
+ } else {
4208
+ if_block0.p(ctx, dirty);
4209
+ }
4210
+
4211
+ transition_in(if_block0, 1);
4212
+ if_block0.m(t.parentNode, t);
4213
+ }
4214
+
4215
+ if (/*visible*/ ctx[16]) {
4216
+ if (if_block1) {
4217
+ if_block1.p(ctx, dirty);
4218
+
4219
+ if (dirty[0] & /*visible*/ 65536) {
4220
+ transition_in(if_block1, 1);
4047
4221
  }
4048
4222
  } else {
4049
- if_block = create_if_block$5(ctx);
4050
- if_block.c();
4051
- transition_in(if_block, 1);
4052
- if_block.m(if_block_anchor.parentNode, if_block_anchor);
4223
+ if_block1 = create_if_block$5(ctx);
4224
+ if_block1.c();
4225
+ transition_in(if_block1, 1);
4226
+ if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
4053
4227
  }
4054
- } else if (if_block) {
4228
+ } else if (if_block1) {
4055
4229
  group_outros();
4056
4230
 
4057
- transition_out(if_block, 1, 1, () => {
4058
- if_block = null;
4231
+ transition_out(if_block1, 1, 1, () => {
4232
+ if_block1 = null;
4059
4233
  });
4060
4234
 
4061
4235
  check_outros();
@@ -4063,20 +4237,20 @@ function create_fragment$t(ctx) {
4063
4237
  },
4064
4238
  i(local) {
4065
4239
  if (current) return;
4066
- transition_in(backgroundoverlay.$$.fragment, local);
4067
- transition_in(if_block);
4240
+ transition_in(if_block0);
4241
+ transition_in(if_block1);
4068
4242
  current = true;
4069
4243
  },
4070
4244
  o(local) {
4071
- transition_out(backgroundoverlay.$$.fragment, local);
4072
- transition_out(if_block);
4245
+ transition_out(if_block0);
4246
+ transition_out(if_block1);
4073
4247
  current = false;
4074
4248
  },
4075
4249
  d(detaching) {
4076
- destroy_component(backgroundoverlay, detaching);
4250
+ if_blocks[current_block_type_index].d(detaching);
4077
4251
  if (detaching) detach(t);
4078
- if (if_block) if_block.d(detaching);
4079
- if (detaching) detach(if_block_anchor);
4252
+ if (if_block1) if_block1.d(detaching);
4253
+ if (detaching) detach(if_block1_anchor);
4080
4254
  mounted = false;
4081
4255
  dispose();
4082
4256
  }
@@ -4087,35 +4261,45 @@ function instance$t($$self, $$props, $$invalidate) {
4087
4261
  let close;
4088
4262
  let closable;
4089
4263
  let backgroundClick;
4090
- let overwritePosition;
4091
- let overwriteMargin;
4092
- let overwriteElasticity;
4093
- let pos;
4094
- let transform;
4095
- let marginStyle;
4264
+ let backgroundClickPC;
4265
+ let backgroundClickSP;
4096
4266
  let handle_keydown;
4097
4267
  let visible;
4098
4268
  let $maximumZindex;
4099
- component_subscribe($$self, maximumZindex, $$value => $$invalidate(20, $maximumZindex = $$value));
4269
+ component_subscribe($$self, maximumZindex, $$value => $$invalidate(22, $maximumZindex = $$value));
4100
4270
  let { $$slots: slots = {}, $$scope } = $$props;
4101
4271
  let { onClick = { operation: 'none', args: [] } } = $$props;
4102
4272
  let { clickEventName = '' } = $$props;
4103
4273
  let { clickEventValue = null } = $$props;
4104
- let { placement = DefaultModalPlacement } = $$props;
4274
+ let { useBreakPoint = false } = $$props;
4275
+ let { placement } = $$props;
4276
+ let { breakPoint } = $$props;
4277
+ let { elasticity } = $$props;
4105
4278
  let { animation = 'none' } = $$props;
4106
4279
  let { _style = '' } = $$props;
4107
- let { elasticity = 'none' } = $$props;
4108
4280
  let { onClose = { operation: 'closeApp', args: ['button'] } } = $$props;
4109
4281
  let { closeEventName = '' } = $$props;
4110
4282
  let { closeEventValue = null } = $$props;
4111
4283
  let { closeButtonColor = '#000000' } = $$props;
4112
4284
  let { _closeStyle = '' } = $$props;
4285
+
4286
+ // モーダル背景の設定
4113
4287
  let backgroundOverlay = DefaultModalPlacement.backgroundOverlay;
4288
+
4289
+ let backgroundOverlayPC = DefaultModalPlacement.backgroundOverlay;
4290
+ let backgroundOverlaySP = DefaultModalPlacement.backgroundOverlay;
4291
+
4292
+ // モーダル背景のクリック動作の設定
4114
4293
  let backgroundClickFunction = DefaultModalPlacement.backgroundClick;
4294
+
4295
+ let backgroundClickFunctionPC = DefaultModalPlacement.backgroundClick;
4296
+ let backgroundClickFunctionSP = DefaultModalPlacement.backgroundClick;
4297
+ let modalStyles = new Set([]);
4298
+ let transform = getTransform('center');
4115
4299
  let modal;
4116
4300
 
4117
4301
  onMount$1(() => {
4118
- $$invalidate(12, visible = true);
4302
+ $$invalidate(16, visible = true);
4119
4303
  });
4120
4304
 
4121
4305
  onDestroy$1(() => setPreviousFocus());
@@ -4123,7 +4307,7 @@ function instance$t($$self, $$props, $$invalidate) {
4123
4307
  function div_binding($$value) {
4124
4308
  binding_callbacks[$$value ? 'unshift' : 'push'](() => {
4125
4309
  modal = $$value;
4126
- $$invalidate(11, modal);
4310
+ $$invalidate(15, modal);
4127
4311
  });
4128
4312
  }
4129
4313
 
@@ -4131,21 +4315,23 @@ function instance$t($$self, $$props, $$invalidate) {
4131
4315
  if ('onClick' in $$props) $$invalidate(0, onClick = $$props.onClick);
4132
4316
  if ('clickEventName' in $$props) $$invalidate(1, clickEventName = $$props.clickEventName);
4133
4317
  if ('clickEventValue' in $$props) $$invalidate(2, clickEventValue = $$props.clickEventValue);
4134
- if ('placement' in $$props) $$invalidate(21, placement = $$props.placement);
4135
- if ('animation' in $$props) $$invalidate(3, animation = $$props.animation);
4136
- if ('_style' in $$props) $$invalidate(4, _style = $$props._style);
4137
- if ('elasticity' in $$props) $$invalidate(22, elasticity = $$props.elasticity);
4138
- if ('onClose' in $$props) $$invalidate(5, onClose = $$props.onClose);
4139
- if ('closeEventName' in $$props) $$invalidate(6, closeEventName = $$props.closeEventName);
4140
- if ('closeEventValue' in $$props) $$invalidate(7, closeEventValue = $$props.closeEventValue);
4141
- if ('closeButtonColor' in $$props) $$invalidate(8, closeButtonColor = $$props.closeButtonColor);
4142
- if ('_closeStyle' in $$props) $$invalidate(9, _closeStyle = $$props._closeStyle);
4143
- if ('$$scope' in $$props) $$invalidate(29, $$scope = $$props.$$scope);
4318
+ if ('useBreakPoint' in $$props) $$invalidate(3, useBreakPoint = $$props.useBreakPoint);
4319
+ if ('placement' in $$props) $$invalidate(24, placement = $$props.placement);
4320
+ if ('breakPoint' in $$props) $$invalidate(25, breakPoint = $$props.breakPoint);
4321
+ if ('elasticity' in $$props) $$invalidate(26, elasticity = $$props.elasticity);
4322
+ if ('animation' in $$props) $$invalidate(4, animation = $$props.animation);
4323
+ if ('_style' in $$props) $$invalidate(5, _style = $$props._style);
4324
+ if ('onClose' in $$props) $$invalidate(6, onClose = $$props.onClose);
4325
+ if ('closeEventName' in $$props) $$invalidate(7, closeEventName = $$props.closeEventName);
4326
+ if ('closeEventValue' in $$props) $$invalidate(8, closeEventValue = $$props.closeEventValue);
4327
+ if ('closeButtonColor' in $$props) $$invalidate(9, closeButtonColor = $$props.closeButtonColor);
4328
+ if ('_closeStyle' in $$props) $$invalidate(10, _closeStyle = $$props._closeStyle);
4329
+ if ('$$scope' in $$props) $$invalidate(33, $$scope = $$props.$$scope);
4144
4330
  };
4145
4331
 
4146
4332
  $$self.$$.update = () => {
4147
- if ($$self.$$.dirty & /*closeEventName, closeEventValue, onClose*/ 224) {
4148
- $$invalidate(24, close = () => {
4333
+ if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, onClose*/ 448) {
4334
+ $$invalidate(30, close = () => {
4149
4335
  if (closeEventName) {
4150
4336
  send_event(closeEventName, closeEventValue);
4151
4337
  }
@@ -4154,28 +4340,49 @@ function instance$t($$self, $$props, $$invalidate) {
4154
4340
  });
4155
4341
  }
4156
4342
 
4157
- if ($$self.$$.dirty & /*onClose*/ 32) {
4158
- $$invalidate(19, closable = haveFunction(onClose));
4343
+ if ($$self.$$.dirty[0] & /*onClose*/ 64) {
4344
+ $$invalidate(21, closable = haveFunction(onClose));
4159
4345
  }
4160
4346
 
4161
- if ($$self.$$.dirty & /*placement*/ 2097152) {
4347
+ if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 50331656) {
4162
4348
  {
4163
4349
  if (placement && placement.backgroundOverlay) {
4164
- $$invalidate(10, backgroundOverlay = placement.backgroundOverlay);
4350
+ $$invalidate(11, backgroundOverlay = placement.backgroundOverlay);
4351
+ }
4352
+
4353
+ if (useBreakPoint) {
4354
+ const pc = breakPoint?.PC?.placement?.backgroundOverlay;
4355
+ $$invalidate(12, backgroundOverlayPC = pc ?? false);
4356
+ const sp = breakPoint?.SP?.placement?.backgroundOverlay;
4357
+ $$invalidate(13, backgroundOverlaySP = sp ?? false);
4165
4358
  }
4166
4359
  }
4167
4360
  }
4168
4361
 
4169
- if ($$self.$$.dirty & /*placement*/ 2097152) {
4362
+ if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 50331656) {
4170
4363
  {
4171
4364
  if (placement && placement.backgroundClick) {
4172
- $$invalidate(23, backgroundClickFunction = placement.backgroundClick);
4365
+ $$invalidate(27, backgroundClickFunction = placement.backgroundClick);
4366
+ }
4367
+
4368
+ if (useBreakPoint) {
4369
+ const pc = breakPoint?.PC?.placement?.backgroundClick;
4370
+
4371
+ if (pc) {
4372
+ $$invalidate(28, backgroundClickFunctionPC = pc);
4373
+ }
4374
+
4375
+ const sp = breakPoint?.SP?.placement?.backgroundClick;
4376
+
4377
+ if (sp) {
4378
+ $$invalidate(29, backgroundClickFunctionSP = sp);
4379
+ }
4173
4380
  }
4174
4381
  }
4175
4382
  }
4176
4383
 
4177
- if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 8388800) {
4178
- $$invalidate(18, backgroundClick = () => {
4384
+ if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunction*/ 134218112) {
4385
+ $$invalidate(20, backgroundClick = () => {
4179
4386
  if (closeEventName) {
4180
4387
  send_event(closeEventName, closeEventValue);
4181
4388
  }
@@ -4184,48 +4391,135 @@ function instance$t($$self, $$props, $$invalidate) {
4184
4391
  });
4185
4392
  }
4186
4393
 
4187
- if ($$self.$$.dirty & /*placement*/ 2097152) {
4188
- $$invalidate(26, overwritePosition = placement && placement.position != null
4189
- ? placement.position
4190
- : DefaultModalPlacement.position);
4191
- }
4394
+ if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 268435840) {
4395
+ $$invalidate(19, backgroundClickPC = () => {
4396
+ if (closeEventName) {
4397
+ send_event(closeEventName, closeEventValue);
4398
+ }
4192
4399
 
4193
- if ($$self.$$.dirty & /*placement*/ 2097152) {
4194
- $$invalidate(25, overwriteMargin = placement && placement.margin != null
4195
- ? placement.margin
4196
- : DefaultModalPlacement.margin);
4400
+ execOnClickOperation(backgroundClickFunctionPC);
4401
+ });
4197
4402
  }
4198
4403
 
4199
- if ($$self.$$.dirty & /*elasticity*/ 4194304) {
4200
- $$invalidate(17, overwriteElasticity = elasticity);
4404
+ if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 536871296) {
4405
+ $$invalidate(18, backgroundClickSP = () => {
4406
+ if (closeEventName) {
4407
+ send_event(closeEventName, closeEventValue);
4408
+ }
4409
+
4410
+ execOnClickOperation(backgroundClickFunctionSP);
4411
+ });
4201
4412
  }
4202
4413
 
4203
- if ($$self.$$.dirty & /*overwritePosition*/ 67108864) {
4204
- $$invalidate(16, pos = getPositionStyle(overwritePosition));
4414
+ if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 50331656) {
4415
+ // 表示位置のスタイルとアニメーションの動きを設定
4416
+ {
4417
+ // 表示位置のスタイルの設定
4418
+ let position = DefaultModalPlacement.position;
4419
+
4420
+ if (placement && placement.position !== null) {
4421
+ position = placement.position;
4422
+ }
4423
+
4424
+ let positionStyle = getPositionStyle(position);
4425
+
4426
+ if (!useBreakPoint) {
4427
+ modalStyles.add(positionStyle);
4428
+ }
4429
+
4430
+ DEVICE_IDS.forEach(deviceId => {
4431
+ if (useBreakPoint) {
4432
+ const positionWithBp = breakPoint[deviceId]?.placement?.position;
4433
+ positionStyle = getPositionStyle(positionWithBp);
4434
+ }
4435
+
4436
+ const positionVariables = stringifyStyleObj(formatObjectKey({
4437
+ obj: parseStyle(positionStyle),
4438
+ prefix: '--modal-bp-',
4439
+ suffix: `-${deviceId.toLowerCase()}`
4440
+ }));
4441
+
4442
+ modalStyles.add(positionVariables);
4443
+ });
4444
+
4445
+ // アニメーションの動きの設定
4446
+ $$invalidate(14, transform = getTransform(position));
4447
+ }
4205
4448
  }
4206
4449
 
4207
- if ($$self.$$.dirty & /*overwritePosition*/ 67108864) {
4208
- $$invalidate(15, transform = getTransform(overwritePosition));
4450
+ if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 50331656) {
4451
+ // 表示位置の調整のスタイルを設定
4452
+ {
4453
+ let margin = DefaultModalPlacement.margin;
4454
+
4455
+ if (placement && placement.margin !== null) {
4456
+ margin = placement.margin;
4457
+ }
4458
+
4459
+ let marginStyle = getMarginStyle(margin);
4460
+
4461
+ if (!useBreakPoint) {
4462
+ modalStyles.add(marginStyle);
4463
+ }
4464
+
4465
+ DEVICE_IDS.forEach(deviceId => {
4466
+ if (useBreakPoint) {
4467
+ const marginWithBp = breakPoint[deviceId]?.placement?.margin;
4468
+ marginStyle = getMarginStyle(marginWithBp);
4469
+ }
4470
+
4471
+ const marginVariables = stringifyStyleObj(formatObjectKey({
4472
+ obj: parseStyle(marginStyle),
4473
+ prefix: '--modal-bp-',
4474
+ suffix: `-${deviceId.toLowerCase()}`
4475
+ }));
4476
+
4477
+ modalStyles.add(marginVariables);
4478
+ });
4479
+ }
4209
4480
  }
4210
4481
 
4211
- if ($$self.$$.dirty & /*overwriteMargin*/ 33554432) {
4212
- $$invalidate(14, marginStyle = getMarginStyle(overwriteMargin));
4482
+ if ($$self.$$.dirty[0] & /*elasticity, useBreakPoint, breakPoint*/ 100663304) {
4483
+ // 拡大方法のスタイルを設定
4484
+ {
4485
+ let elasticStyle = ElasticityStyle[elasticity];
4486
+
4487
+ if (!useBreakPoint) {
4488
+ modalStyles.add(elasticStyle);
4489
+ }
4490
+
4491
+ DEVICE_IDS.forEach(deviceId => {
4492
+ if (useBreakPoint) {
4493
+ const elasticityWithBp = breakPoint[deviceId]?.elasticity;
4494
+ elasticStyle = ElasticityStyle[elasticityWithBp];
4495
+ }
4496
+
4497
+ const elasticityVariables = stringifyStyleObj(formatObjectKey({
4498
+ obj: parseStyle(elasticStyle),
4499
+ prefix: '--modal-bp-',
4500
+ suffix: `-${deviceId.toLowerCase()}`
4501
+ }));
4502
+
4503
+ modalStyles.add(elasticityVariables);
4504
+ });
4505
+ }
4213
4506
  }
4214
4507
 
4215
- if ($$self.$$.dirty & /*close*/ 16777216) {
4216
- $$invalidate(13, handle_keydown = handleKeydown({ Escape: close }));
4508
+ if ($$self.$$.dirty[0] & /*close*/ 1073741824) {
4509
+ $$invalidate(17, handle_keydown = handleKeydown({ Escape: close }));
4217
4510
  }
4218
4511
  };
4219
4512
 
4220
- $$invalidate(11, modal = null);
4513
+ $$invalidate(15, modal = null);
4221
4514
 
4222
4515
  // svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
4223
- $$invalidate(12, visible = false);
4516
+ $$invalidate(16, visible = false);
4224
4517
 
4225
4518
  return [
4226
4519
  onClick,
4227
4520
  clickEventName,
4228
4521
  clickEventValue,
4522
+ useBreakPoint,
4229
4523
  animation,
4230
4524
  _style,
4231
4525
  onClose,
@@ -4234,22 +4528,25 @@ function instance$t($$self, $$props, $$invalidate) {
4234
4528
  closeButtonColor,
4235
4529
  _closeStyle,
4236
4530
  backgroundOverlay,
4531
+ backgroundOverlayPC,
4532
+ backgroundOverlaySP,
4533
+ transform,
4237
4534
  modal,
4238
4535
  visible,
4239
4536
  handle_keydown,
4240
- marginStyle,
4241
- transform,
4242
- pos,
4243
- overwriteElasticity,
4537
+ backgroundClickSP,
4538
+ backgroundClickPC,
4244
4539
  backgroundClick,
4245
4540
  closable,
4246
4541
  $maximumZindex,
4542
+ modalStyles,
4247
4543
  placement,
4544
+ breakPoint,
4248
4545
  elasticity,
4249
4546
  backgroundClickFunction,
4547
+ backgroundClickFunctionPC,
4548
+ backgroundClickFunctionSP,
4250
4549
  close,
4251
- overwriteMargin,
4252
- overwritePosition,
4253
4550
  slots,
4254
4551
  div_binding,
4255
4552
  $$scope
@@ -4270,17 +4567,20 @@ class Modal extends SvelteComponent {
4270
4567
  onClick: 0,
4271
4568
  clickEventName: 1,
4272
4569
  clickEventValue: 2,
4273
- placement: 21,
4274
- animation: 3,
4275
- _style: 4,
4276
- elasticity: 22,
4277
- onClose: 5,
4278
- closeEventName: 6,
4279
- closeEventValue: 7,
4280
- closeButtonColor: 8,
4281
- _closeStyle: 9
4570
+ useBreakPoint: 3,
4571
+ placement: 24,
4572
+ breakPoint: 25,
4573
+ elasticity: 26,
4574
+ animation: 4,
4575
+ _style: 5,
4576
+ onClose: 6,
4577
+ closeEventName: 7,
4578
+ closeEventValue: 8,
4579
+ closeButtonColor: 9,
4580
+ _closeStyle: 10
4282
4581
  },
4283
- add_css$q
4582
+ add_css$q,
4583
+ [-1, -1]
4284
4584
  );
4285
4585
  }
4286
4586
  }
@@ -4404,7 +4704,7 @@ class Grid extends SvelteComponent {
4404
4704
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
4405
4705
 
4406
4706
  function add_css$p(target) {
4407
- append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
4707
+ append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
4408
4708
  }
4409
4709
 
4410
4710
  function create_fragment$r(ctx) {
@@ -4419,8 +4719,8 @@ function create_fragment$r(ctx) {
4419
4719
  div1 = element("div");
4420
4720
  div0 = element("div");
4421
4721
  if (default_slot) default_slot.c();
4422
- attr(div0, "class", "grid-item-inner svelte-1cryhmb");
4423
- attr(div1, "class", "grid-item svelte-1cryhmb");
4722
+ attr(div0, "class", "grid-item-inner svelte-n7kdl3");
4723
+ attr(div1, "class", "grid-item svelte-n7kdl3");
4424
4724
  attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
4425
4725
  attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
4426
4726
  attr(div1, "style", /*_style*/ ctx[1]);
@@ -4725,7 +5025,7 @@ class RenderText extends SvelteComponent {
4725
5025
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
4726
5026
 
4727
5027
  function add_css$o(target) {
4728
- 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}");
5028
+ 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}");
4729
5029
  }
4730
5030
 
4731
5031
  // (94:2) {:else}
@@ -4742,8 +5042,8 @@ function create_else_block$1(ctx) {
4742
5042
  div1 = element("div");
4743
5043
  div0 = element("div");
4744
5044
  create_component(rendertext.$$.fragment);
4745
- attr(div0, "class", "text-element-inner svelte-vz6867");
4746
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5045
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5046
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
4747
5047
  attr(div1, "style", /*style*/ ctx[5]);
4748
5048
  },
4749
5049
  m(target, anchor) {
@@ -4757,7 +5057,7 @@ function create_else_block$1(ctx) {
4757
5057
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
4758
5058
  rendertext.$set(rendertext_changes);
4759
5059
 
4760
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
5060
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
4761
5061
  attr(div1, "class", div1_class_value);
4762
5062
  }
4763
5063
 
@@ -4807,12 +5107,12 @@ function create_if_block$3(ctx) {
4807
5107
  t2 = space();
4808
5108
  div2 = element("div");
4809
5109
  div2.textContent = "コピーできませんでした";
4810
- attr(div0, "class", "text-element-inner svelte-vz6867");
5110
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
4811
5111
  attr(a, "href", '');
4812
- attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5112
+ attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
4813
5113
  attr(a, "style", /*style*/ ctx[5]);
4814
- attr(div1, "class", "tooltip svelte-vz6867");
4815
- attr(div2, "class", "tooltip tooltip-error svelte-vz6867");
5114
+ attr(div1, "class", "tooltip svelte-9ixs0b");
5115
+ attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
4816
5116
  },
4817
5117
  m(target, anchor) {
4818
5118
  insert(target, a, anchor);
@@ -4836,7 +5136,7 @@ function create_if_block$3(ctx) {
4836
5136
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
4837
5137
  rendertext.$set(rendertext_changes);
4838
5138
 
4839
- 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"))) {
5139
+ 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"))) {
4840
5140
  attr(a, "class", a_class_value);
4841
5141
  }
4842
5142
 
@@ -4888,7 +5188,7 @@ function create_fragment$p(ctx) {
4888
5188
  c() {
4889
5189
  div = element("div");
4890
5190
  if_block.c();
4891
- attr(div, "class", "text-element-wrapper svelte-vz6867");
5191
+ attr(div, "class", "text-element-wrapper svelte-9ixs0b");
4892
5192
  },
4893
5193
  m(target, anchor) {
4894
5194
  insert(target, div, anchor);
@@ -5054,7 +5354,7 @@ class TextElement extends SvelteComponent {
5054
5354
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5055
5355
 
5056
5356
  function add_css$n(target) {
5057
- 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)}");
5357
+ 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)}");
5058
5358
  }
5059
5359
 
5060
5360
  // (48:2) <Button {onClick} {style} {eventName}>
@@ -5110,7 +5410,7 @@ function create_fragment$o(ctx) {
5110
5410
  c() {
5111
5411
  div = element("div");
5112
5412
  create_component(button.$$.fragment);
5113
- attr(div, "class", "text-button-element svelte-ujdxfc");
5413
+ attr(div, "class", "text-button-element svelte-1vg84sc");
5114
5414
  },
5115
5415
  m(target, anchor) {
5116
5416
  insert(target, div, anchor);
@@ -5202,7 +5502,7 @@ class TextButtonElement extends SvelteComponent {
5202
5502
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5203
5503
 
5204
5504
  function add_css$m(target) {
5205
- 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%}");
5505
+ 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%}");
5206
5506
  }
5207
5507
 
5208
5508
  // (44:2) <Button {onClick} style={_style} {eventName}>
@@ -5214,7 +5514,7 @@ function create_default_slot$4(ctx) {
5214
5514
  return {
5215
5515
  c() {
5216
5516
  img = element("img");
5217
- attr(img, "class", "image svelte-1alkh1m");
5517
+ attr(img, "class", "image svelte-t6tu0e");
5218
5518
  attr(img, "loading", "lazy");
5219
5519
  attr(img, "width", "auto");
5220
5520
  attr(img, "height", "auto");
@@ -5276,7 +5576,7 @@ function create_fragment$n(ctx) {
5276
5576
  c() {
5277
5577
  div = element("div");
5278
5578
  create_component(button.$$.fragment);
5279
- attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m");
5579
+ attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
5280
5580
  },
5281
5581
  m(target, anchor) {
5282
5582
  insert(target, div, anchor);
@@ -5295,7 +5595,7 @@ function create_fragment$n(ctx) {
5295
5595
 
5296
5596
  button.$set(button_changes);
5297
5597
 
5298
- if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m")) {
5598
+ if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
5299
5599
  attr(div, "class", div_class_value);
5300
5600
  }
5301
5601
  },
@@ -5367,7 +5667,7 @@ class ImageElement extends SvelteComponent {
5367
5667
  /* src/components/List.svelte generated by Svelte v3.53.1 */
5368
5668
 
5369
5669
  function add_css$l(target) {
5370
- 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}");
5670
+ 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}");
5371
5671
  }
5372
5672
 
5373
5673
  function create_fragment$m(ctx) {
@@ -5380,7 +5680,7 @@ function create_fragment$m(ctx) {
5380
5680
  c() {
5381
5681
  div = element("div");
5382
5682
  if (default_slot) default_slot.c();
5383
- attr(div, "class", "list svelte-1t8r9z");
5683
+ attr(div, "class", "list svelte-aquv6z");
5384
5684
  attr(div, "style", /*style*/ ctx[0]);
5385
5685
  },
5386
5686
  m(target, anchor) {
@@ -5514,7 +5814,7 @@ class List extends SvelteComponent {
5514
5814
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
5515
5815
 
5516
5816
  function add_css$k(target) {
5517
- 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}");
5817
+ 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}");
5518
5818
  }
5519
5819
 
5520
5820
  // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
@@ -5584,7 +5884,7 @@ function create_fragment$l(ctx) {
5584
5884
  c() {
5585
5885
  div = element("div");
5586
5886
  create_component(button.$$.fragment);
5587
- attr(div, "class", "list-item svelte-1lbw8v2");
5887
+ attr(div, "class", "list-item svelte-9n97pe");
5588
5888
  attr(div, "style", /*listItemStyle*/ ctx[3]);
5589
5889
  },
5590
5890
  m(target, anchor) {
@@ -5710,7 +6010,7 @@ class ListItem extends SvelteComponent {
5710
6010
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
5711
6011
 
5712
6012
  function add_css$j(target) {
5713
- 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}");
6013
+ 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}");
5714
6014
  }
5715
6015
 
5716
6016
  function create_fragment$k(ctx) {
@@ -5719,7 +6019,7 @@ function create_fragment$k(ctx) {
5719
6019
  return {
5720
6020
  c() {
5721
6021
  div = element("div");
5722
- attr(div, "class", "embed svelte-w6jkzh");
6022
+ attr(div, "class", "embed svelte-wocq4p");
5723
6023
  attr(div, "style", /*_style*/ ctx[1]);
5724
6024
  },
5725
6025
  m(target, anchor) {
@@ -5762,7 +6062,7 @@ class EmbedElement extends SvelteComponent {
5762
6062
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
5763
6063
 
5764
6064
  function add_css$i(target) {
5765
- 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%}");
6065
+ 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%}");
5766
6066
  }
5767
6067
 
5768
6068
  function create_fragment$j(ctx) {
@@ -5774,7 +6074,7 @@ function create_fragment$j(ctx) {
5774
6074
  div1 = element("div");
5775
6075
  div0 = element("div");
5776
6076
  attr(div0, "class", "karte-player");
5777
- attr(div1, "class", "embed svelte-ljxq7x");
6077
+ attr(div1, "class", "embed svelte-vikz49");
5778
6078
  attr(div1, "style", /*_style*/ ctx[0]);
5779
6079
  },
5780
6080
  m(target, anchor) {
@@ -6116,7 +6416,7 @@ class MovieYouTubeElement extends SvelteComponent {
6116
6416
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6117
6417
 
6118
6418
  function add_css$h(target) {
6119
- 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%}");
6419
+ 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%}");
6120
6420
  }
6121
6421
 
6122
6422
  function create_fragment$i(ctx) {
@@ -6128,7 +6428,7 @@ function create_fragment$i(ctx) {
6128
6428
  div1 = element("div");
6129
6429
  div0 = element("div");
6130
6430
  attr(div0, "class", "karte-player");
6131
- attr(div1, "class", "embed svelte-ljxq7x");
6431
+ attr(div1, "class", "embed svelte-vikz49");
6132
6432
  attr(div1, "style", /*_style*/ ctx[0]);
6133
6433
  },
6134
6434
  m(target, anchor) {
@@ -6312,7 +6612,7 @@ class MovieVimeoElement extends SvelteComponent {
6312
6612
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
6313
6613
 
6314
6614
  function add_css$g(target) {
6315
- 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}");
6615
+ 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}");
6316
6616
  }
6317
6617
 
6318
6618
  function create_fragment$h(ctx) {
@@ -6325,12 +6625,12 @@ function create_fragment$h(ctx) {
6325
6625
  c() {
6326
6626
  div = element("div");
6327
6627
  textarea = element("textarea");
6328
- attr(textarea, "class", "textarea svelte-1fjy5oo");
6628
+ attr(textarea, "class", "textarea svelte-zxvkkc");
6329
6629
  textarea.value = /*$value*/ ctx[4];
6330
6630
  textarea.required = /*required*/ ctx[1];
6331
6631
  attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
6332
6632
  attr(textarea, "style", /*style*/ ctx[3]);
6333
- attr(div, "class", "textarea-wrapper svelte-1fjy5oo");
6633
+ attr(div, "class", "textarea-wrapper svelte-zxvkkc");
6334
6634
  attr(div, "style", /*styleVariables*/ ctx[2]);
6335
6635
  },
6336
6636
  m(target, anchor) {
@@ -6482,7 +6782,7 @@ class FormTextarea extends SvelteComponent {
6482
6782
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
6483
6783
 
6484
6784
  function add_css$f(target) {
6485
- 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}");
6785
+ 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}");
6486
6786
  }
6487
6787
 
6488
6788
  function get_each_context$5(ctx, list, i) {
@@ -6516,14 +6816,14 @@ function create_each_block$5(ctx) {
6516
6816
  t1 = text(t1_value);
6517
6817
  t2 = space();
6518
6818
  attr(input, "type", "radio");
6519
- attr(input, "class", "radio-button-input svelte-1ntb6j8");
6819
+ attr(input, "class", "radio-button-input svelte-17s08g");
6520
6820
  attr(input, "style", /*buttonStyle*/ ctx[5]);
6521
6821
  attr(input, "name", /*name*/ ctx[0]);
6522
6822
  input.value = input_value_value = /*option*/ ctx[17];
6523
6823
  input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
6524
- attr(span, "class", "radio-button-text svelte-1ntb6j8");
6824
+ attr(span, "class", "radio-button-text svelte-17s08g");
6525
6825
  attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
6526
- attr(label, "class", "radio-button svelte-1ntb6j8");
6826
+ attr(label, "class", "radio-button svelte-17s08g");
6527
6827
  },
6528
6828
  m(target, anchor) {
6529
6829
  insert(target, label, anchor);
@@ -6588,7 +6888,7 @@ function create_fragment$g(ctx) {
6588
6888
  each_blocks[i].c();
6589
6889
  }
6590
6890
 
6591
- attr(div, "class", "radio-buttons svelte-1ntb6j8");
6891
+ attr(div, "class", "radio-buttons svelte-17s08g");
6592
6892
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
6593
6893
  },
6594
6894
  m(target, anchor) {
@@ -6757,7 +7057,7 @@ class FormRadioButtons extends SvelteComponent {
6757
7057
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
6758
7058
 
6759
7059
  function add_css$e(target) {
6760
- 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}");
7060
+ 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}");
6761
7061
  }
6762
7062
 
6763
7063
  function get_each_context$4(ctx, list, i) {
@@ -6891,10 +7191,10 @@ function create_fragment$f(ctx) {
6891
7191
 
6892
7192
  t = space();
6893
7193
  div0 = element("div");
6894
- attr(select, "class", "select-select svelte-iejizj");
7194
+ attr(select, "class", "select-select svelte-t9ynyj");
6895
7195
  attr(select, "style", /*style*/ ctx[3]);
6896
- attr(div0, "class", "select-icon svelte-iejizj");
6897
- attr(div1, "class", "select svelte-iejizj");
7196
+ attr(div0, "class", "select-icon svelte-t9ynyj");
7197
+ attr(div1, "class", "select svelte-t9ynyj");
6898
7198
  attr(div1, "style", /*styleVariables*/ ctx[2]);
6899
7199
  },
6900
7200
  m(target, anchor) {
@@ -7096,7 +7396,7 @@ class FormSelect extends SvelteComponent {
7096
7396
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
7097
7397
 
7098
7398
  function add_css$d(target) {
7099
- 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}");
7399
+ 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}");
7100
7400
  }
7101
7401
 
7102
7402
  function get_each_context$3(ctx, list, i) {
@@ -7135,19 +7435,19 @@ function create_each_block$3(ctx) {
7135
7435
  span2 = element("span");
7136
7436
  t2 = text(t2_value);
7137
7437
  t3 = space();
7138
- attr(input, "class", "check-box-input svelte-2pz1us");
7438
+ attr(input, "class", "check-box-input svelte-1p65cg8");
7139
7439
  attr(input, "type", "checkbox");
7140
7440
  attr(input, "name", /*name*/ ctx[0]);
7141
7441
  input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
7142
- attr(span0, "class", "check-box-icon svelte-2pz1us");
7442
+ attr(span0, "class", "check-box-icon svelte-1p65cg8");
7143
7443
 
7144
7444
  attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7145
7445
  ? ' _checked'
7146
- : ''}`) + " svelte-2pz1us"));
7446
+ : ''}`) + " svelte-1p65cg8"));
7147
7447
 
7148
- attr(span2, "class", "check-box-text svelte-2pz1us");
7448
+ attr(span2, "class", "check-box-text svelte-1p65cg8");
7149
7449
  attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7150
- attr(label, "class", "check-box svelte-2pz1us");
7450
+ attr(label, "class", "check-box svelte-1p65cg8");
7151
7451
  attr(label, "style", /*styleVariables*/ ctx[5]);
7152
7452
  },
7153
7453
  m(target, anchor) {
@@ -7179,7 +7479,7 @@ function create_each_block$3(ctx) {
7179
7479
 
7180
7480
  if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7181
7481
  ? ' _checked'
7182
- : ''}`) + " svelte-2pz1us"))) {
7482
+ : ''}`) + " svelte-1p65cg8"))) {
7183
7483
  attr(span1, "class", span1_class_value);
7184
7484
  }
7185
7485
 
@@ -7218,7 +7518,7 @@ function create_fragment$e(ctx) {
7218
7518
  each_blocks[i].c();
7219
7519
  }
7220
7520
 
7221
- attr(div, "class", "check-boxes svelte-2pz1us");
7521
+ attr(div, "class", "check-boxes svelte-1p65cg8");
7222
7522
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7223
7523
  },
7224
7524
  m(target, anchor) {
@@ -7393,7 +7693,7 @@ class FormCheckBoxes extends SvelteComponent {
7393
7693
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
7394
7694
 
7395
7695
  function add_css$c(target) {
7396
- 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}");
7696
+ 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}");
7397
7697
  }
7398
7698
 
7399
7699
  function get_each_context$2(ctx, list, i) {
@@ -7417,7 +7717,7 @@ function create_each_block$2(ctx) {
7417
7717
  button = element("button");
7418
7718
  t0 = text(t0_value);
7419
7719
  t1 = space();
7420
- attr(button, "class", "rating-button svelte-18pfy31");
7720
+ attr(button, "class", "rating-button svelte-zy2va9");
7421
7721
  attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]));
7422
7722
  },
7423
7723
  m(target, anchor) {
@@ -7466,7 +7766,7 @@ function create_fragment$d(ctx) {
7466
7766
  each_blocks[i].c();
7467
7767
  }
7468
7768
 
7469
- attr(div, "class", "rating-buttons svelte-18pfy31");
7769
+ attr(div, "class", "rating-buttons svelte-zy2va9");
7470
7770
  },
7471
7771
  m(target, anchor) {
7472
7772
  insert(target, div, anchor);
@@ -7605,7 +7905,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
7605
7905
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
7606
7906
 
7607
7907
  function add_css$b(target) {
7608
- 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%)}");
7908
+ 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%)}");
7609
7909
  }
7610
7910
 
7611
7911
  function get_each_context$1(ctx, list, i) {
@@ -7630,9 +7930,9 @@ function create_each_block$1(ctx) {
7630
7930
  img = element("img");
7631
7931
  t = space();
7632
7932
  if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
7633
- attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"));
7933
+ attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
7634
7934
  attr(img, "alt", "rate" + /*i*/ ctx[10]);
7635
- attr(button, "class", "rating-button svelte-1b5dvzw");
7935
+ attr(button, "class", "rating-button svelte-tbunko");
7636
7936
  attr(button, "style", /*buttonStyle*/ ctx[0]);
7637
7937
  },
7638
7938
  m(target, anchor) {
@@ -7648,7 +7948,7 @@ function create_each_block$1(ctx) {
7648
7948
  p(new_ctx, dirty) {
7649
7949
  ctx = new_ctx;
7650
7950
 
7651
- 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"))) {
7951
+ 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"))) {
7652
7952
  attr(img, "class", img_class_value);
7653
7953
  }
7654
7954
 
@@ -7681,7 +7981,7 @@ function create_fragment$c(ctx) {
7681
7981
  each_blocks[i].c();
7682
7982
  }
7683
7983
 
7684
- attr(div, "class", "rating-buttons svelte-1b5dvzw");
7984
+ attr(div, "class", "rating-buttons svelte-tbunko");
7685
7985
  },
7686
7986
  m(target, anchor) {
7687
7987
  insert(target, div, anchor);
@@ -7789,7 +8089,7 @@ class FormRatingButtonsFace extends SvelteComponent {
7789
8089
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
7790
8090
 
7791
8091
  function add_css$a(target) {
7792
- 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%}");
8092
+ 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%}");
7793
8093
  }
7794
8094
 
7795
8095
  function get_each_context(ctx, list, i) {
@@ -7818,9 +8118,9 @@ function create_if_block_1(ctx) {
7818
8118
  attr(svg, "viewBox", "0 0 10 16");
7819
8119
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
7820
8120
  attr(svg, "style", /*prevIconStyle*/ ctx[10]);
7821
- attr(button, "class", "move-button svelte-1qfq79t");
8121
+ attr(button, "class", "move-button svelte-ji1fh");
7822
8122
  attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
7823
- attr(div, "class", "prev-button-container svelte-1qfq79t");
8123
+ attr(div, "class", "prev-button-container svelte-ji1fh");
7824
8124
  },
7825
8125
  m(target, anchor) {
7826
8126
  insert(target, div, anchor);
@@ -7869,9 +8169,9 @@ function create_if_block$1(ctx) {
7869
8169
  attr(svg, "viewBox", "0 0 10 16");
7870
8170
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
7871
8171
  attr(svg, "style", /*nextIconStyle*/ ctx[8]);
7872
- attr(button, "class", "move-button svelte-1qfq79t");
8172
+ attr(button, "class", "move-button svelte-ji1fh");
7873
8173
  attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
7874
- attr(div, "class", "next-button-container svelte-1qfq79t");
8174
+ attr(div, "class", "next-button-container svelte-ji1fh");
7875
8175
  },
7876
8176
  m(target, anchor) {
7877
8177
  insert(target, div, anchor);
@@ -7919,9 +8219,9 @@ function create_each_block(ctx) {
7919
8219
  button = element("button");
7920
8220
  div = element("div");
7921
8221
  t = space();
7922
- attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
8222
+ attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
7923
8223
  attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
7924
- attr(button, "class", "navigation-item svelte-1qfq79t");
8224
+ attr(button, "class", "navigation-item svelte-ji1fh");
7925
8225
  attr(button, "style", /*navigationItemStyle*/ ctx[6]);
7926
8226
  },
7927
8227
  m(target, anchor) {
@@ -7998,14 +8298,14 @@ function create_fragment$b(ctx) {
7998
8298
  each_blocks[i].c();
7999
8299
  }
8000
8300
 
8001
- attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
8301
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
8002
8302
  attr(div0, "style", /*slideStyle*/ ctx[14]);
8003
- attr(div1, "class", "container svelte-1qfq79t");
8303
+ attr(div1, "class", "container svelte-ji1fh");
8004
8304
  attr(div1, "style", /*_style*/ ctx[0]);
8005
- attr(div2, "class", "navigation svelte-1qfq79t");
8305
+ attr(div2, "class", "navigation svelte-ji1fh");
8006
8306
  attr(div2, "style", /*navigationStyle*/ ctx[4]);
8007
8307
  set_attributes(div3, div3_data);
8008
- toggle_class(div3, "svelte-1qfq79t", true);
8308
+ toggle_class(div3, "svelte-ji1fh", true);
8009
8309
  },
8010
8310
  m(target, anchor) {
8011
8311
  insert(target, div3, anchor);
@@ -8047,7 +8347,7 @@ function create_fragment$b(ctx) {
8047
8347
  }
8048
8348
  }
8049
8349
 
8050
- if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
8350
+ if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
8051
8351
  attr(div0, "class", div0_class_value);
8052
8352
  }
8053
8353
 
@@ -8113,7 +8413,7 @@ function create_fragment$b(ctx) {
8113
8413
  }
8114
8414
 
8115
8415
  set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
8116
- toggle_class(div3, "svelte-1qfq79t", true);
8416
+ toggle_class(div3, "svelte-ji1fh", true);
8117
8417
  },
8118
8418
  i(local) {
8119
8419
  if (current) return;
@@ -8625,7 +8925,7 @@ class Slide extends SvelteComponent {
8625
8925
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
8626
8926
 
8627
8927
  function add_css$9(target) {
8628
- 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}");
8928
+ 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}");
8629
8929
  }
8630
8930
 
8631
8931
  function create_fragment$a(ctx) {
@@ -8640,9 +8940,9 @@ function create_fragment$a(ctx) {
8640
8940
  div1 = element("div");
8641
8941
  div0 = element("div");
8642
8942
  if (default_slot) default_slot.c();
8643
- attr(div0, "class", "item-inner svelte-1rv0qgo");
8943
+ attr(div0, "class", "item-inner svelte-9ygf1w");
8644
8944
  attr(div0, "style", /*_style*/ ctx[0]);
8645
- attr(div1, "class", "item svelte-1rv0qgo");
8945
+ attr(div1, "class", "item svelte-9ygf1w");
8646
8946
  attr(div1, "style", /*itemStyle*/ ctx[1]);
8647
8947
  },
8648
8948
  m(target, anchor) {
@@ -8768,7 +9068,7 @@ class SlideItem extends SvelteComponent {
8768
9068
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
8769
9069
 
8770
9070
  function add_css$8(target) {
8771
- 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}");
9071
+ 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}");
8772
9072
  }
8773
9073
 
8774
9074
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
@@ -8786,9 +9086,9 @@ function create_fragment$9(ctx) {
8786
9086
  div1 = element("div");
8787
9087
  div0 = element("div");
8788
9088
  if (default_slot) default_slot.c();
8789
- attr(div0, "class", "countdown-inner svelte-t87l6f");
9089
+ attr(div0, "class", "countdown-inner svelte-rroxiz");
8790
9090
  attr(div0, "style", /*_style*/ ctx[0]);
8791
- attr(div1, "class", "countdown svelte-t87l6f");
9091
+ attr(div1, "class", "countdown svelte-rroxiz");
8792
9092
  },
8793
9093
  m(target, anchor) {
8794
9094
  insert(target, div1, anchor);
@@ -8922,7 +9222,7 @@ class Countdown extends SvelteComponent {
8922
9222
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
8923
9223
 
8924
9224
  function add_css$7(target) {
8925
- 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}");
9225
+ 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}");
8926
9226
  }
8927
9227
 
8928
9228
  // (24:2) <Button {onClick} style={_style} {eventName}>
@@ -8992,7 +9292,7 @@ function create_fragment$8(ctx) {
8992
9292
  c() {
8993
9293
  div = element("div");
8994
9294
  create_component(button.$$.fragment);
8995
- attr(div, "class", "box svelte-1c91vpe");
9295
+ attr(div, "class", "box svelte-1ccydfy");
8996
9296
  },
8997
9297
  m(target, anchor) {
8998
9298
  insert(target, div, anchor);
@@ -9053,7 +9353,7 @@ class Box extends SvelteComponent {
9053
9353
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
9054
9354
 
9055
9355
  function add_css$6(target) {
9056
- 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)}");
9356
+ 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)}");
9057
9357
  }
9058
9358
 
9059
9359
  // (56:4) {#if svg}
@@ -9135,7 +9435,7 @@ function create_fragment$7(ctx) {
9135
9435
  c() {
9136
9436
  div = element("div");
9137
9437
  create_component(button.$$.fragment);
9138
- attr(div, "class", "icon svelte-1mk6wi4");
9438
+ attr(div, "class", "icon svelte-1mkvcuo");
9139
9439
  },
9140
9440
  m(target, anchor) {
9141
9441
  insert(target, div, anchor);
@@ -9244,7 +9544,7 @@ class IconElement extends SvelteComponent {
9244
9544
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
9245
9545
 
9246
9546
  function add_css$5(target) {
9247
- append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
9547
+ append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
9248
9548
  }
9249
9549
 
9250
9550
  function create_fragment$6(ctx) {
@@ -9270,7 +9570,7 @@ function create_fragment$6(ctx) {
9270
9570
  c() {
9271
9571
  div = element("div");
9272
9572
  if (switch_instance) create_component(switch_instance.$$.fragment);
9273
- attr(div, "class", "codeElement svelte-1ng2n51");
9573
+ attr(div, "class", "codeElement svelte-ymsb9l");
9274
9574
  attr(div, "style", /*style*/ ctx[3]);
9275
9575
  },
9276
9576
  m(target, anchor) {
@@ -9359,7 +9659,7 @@ class CodeElement extends SvelteComponent {
9359
9659
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
9360
9660
 
9361
9661
  function add_css$4(target) {
9362
- append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
9662
+ append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
9363
9663
  }
9364
9664
 
9365
9665
  function create_fragment$5(ctx) {
@@ -9373,7 +9673,7 @@ function create_fragment$5(ctx) {
9373
9673
  c() {
9374
9674
  div = element("div");
9375
9675
  if (default_slot) default_slot.c();
9376
- attr(div, "class", "flex svelte-9v2qdg");
9676
+ attr(div, "class", "flex svelte-1e71ejc");
9377
9677
  attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
9378
9678
  },
9379
9679
  m(target, anchor) {
@@ -9470,7 +9770,7 @@ class Flex extends SvelteComponent {
9470
9770
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
9471
9771
 
9472
9772
  function add_css$3(target) {
9473
- append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
9773
+ append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
9474
9774
  }
9475
9775
 
9476
9776
  function create_fragment$4(ctx) {
@@ -9483,7 +9783,7 @@ function create_fragment$4(ctx) {
9483
9783
  c() {
9484
9784
  div = element("div");
9485
9785
  if (default_slot) default_slot.c();
9486
- attr(div, "class", "flex-item svelte-164ah5d");
9786
+ attr(div, "class", "flex-item svelte-1p0bk1x");
9487
9787
  attr(div, "style", /*style*/ ctx[0]);
9488
9788
  },
9489
9789
  m(target, anchor) {
@@ -9891,7 +10191,7 @@ class GridModalState extends SvelteComponent {
9891
10191
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
9892
10192
 
9893
10193
  function add_css$2(target) {
9894
- 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%}");
10194
+ 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%}");
9895
10195
  }
9896
10196
 
9897
10197
  function create_fragment$2(ctx) {
@@ -9907,8 +10207,8 @@ function create_fragment$2(ctx) {
9907
10207
  div1 = element("div");
9908
10208
  div0 = element("div");
9909
10209
  create_component(rendertext.$$.fragment);
9910
- attr(div0, "class", "text-block-inner svelte-akic2e");
9911
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"));
10210
+ attr(div0, "class", "text-block-inner svelte-15pej1m");
10211
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
9912
10212
  attr(div1, "style", /*style*/ ctx[2]);
9913
10213
  },
9914
10214
  m(target, anchor) {
@@ -9922,7 +10222,7 @@ function create_fragment$2(ctx) {
9922
10222
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
9923
10223
  rendertext.$set(rendertext_changes);
9924
10224
 
9925
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"))) {
10225
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
9926
10226
  attr(div1, "class", div1_class_value);
9927
10227
  }
9928
10228
 
@@ -10000,7 +10300,7 @@ class TextBlock extends SvelteComponent {
10000
10300
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
10001
10301
 
10002
10302
  function add_css$1(target) {
10003
- 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)}");
10303
+ 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)}");
10004
10304
  }
10005
10305
 
10006
10306
  function create_fragment$1(ctx) {
@@ -10017,9 +10317,9 @@ function create_fragment$1(ctx) {
10017
10317
  div = element("div");
10018
10318
  button = element("button");
10019
10319
  create_component(rendertext.$$.fragment);
10020
- attr(button, "class", "text-button svelte-1c34p4n");
10320
+ attr(button, "class", "text-button svelte-ff0k6r");
10021
10321
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
10022
- attr(div, "class", "text-button-block svelte-1c34p4n");
10322
+ attr(div, "class", "text-button-block svelte-ff0k6r");
10023
10323
  attr(div, "style", /*_style*/ ctx[2]);
10024
10324
  },
10025
10325
  m(target, anchor) {
@@ -10125,7 +10425,7 @@ class TextButtonBlock extends SvelteComponent {
10125
10425
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
10126
10426
 
10127
10427
  function add_css(target) {
10128
- 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)}");
10428
+ 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)}");
10129
10429
  }
10130
10430
 
10131
10431
  function create_fragment(ctx) {
@@ -10141,14 +10441,14 @@ function create_fragment(ctx) {
10141
10441
  c() {
10142
10442
  div = element("div");
10143
10443
  img = element("img");
10144
- attr(img, "class", "image svelte-1jus6sx");
10444
+ attr(img, "class", "image svelte-1pdw891");
10145
10445
  attr(img, "loading", "lazy");
10146
10446
  attr(img, "width", "auto");
10147
10447
  attr(img, "height", "auto");
10148
10448
  attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
10149
10449
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
10150
10450
  attr(img, "alt", /*alt*/ ctx[1]);
10151
- attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"));
10451
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
10152
10452
  attr(div, "style", /*_style*/ ctx[5]);
10153
10453
  },
10154
10454
  m(target, anchor) {
@@ -10173,7 +10473,7 @@ function create_fragment(ctx) {
10173
10473
  attr(img, "alt", /*alt*/ ctx[1]);
10174
10474
  }
10175
10475
 
10176
- if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"))) {
10476
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
10177
10477
  attr(div, "class", div_class_value);
10178
10478
  }
10179
10479
 
@@ -10249,4 +10549,4 @@ class ImageBlock extends SvelteComponent {
10249
10549
  }
10250
10550
  }
10251
10551
 
10252
- 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 };
10552
+ 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 };