@plaidev/karte-action-sdk 1.1.259 → 1.1.260-28976393.2b8b0962

Sign up to get free protection for your applications and to get access to all the features.
Files changed (5) hide show
  1. package/dist/hydrate/index.es.d.ts +176 -27
  2. package/dist/hydrate/index.es.js +444 -353
  3. package/dist/index.es.d.ts +176 -27
  4. package/dist/index.es.js +444 -353
  5. package/package.json +5 -3
package/dist/index.es.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { writable, get } from 'svelte/store';
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';
2
+ import { onMount as onMount$1, onDestroy as onDestroy$1, beforeUpdate as beforeUpdate$1, afterUpdate as afterUpdate$1, tick as tick$1, getContext, setContext, createEventDispatcher } from 'svelte';
3
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, set_store_value, run_all, HtmlTag, construct_svelte_component, subscribe, set_custom_element_data_map } from 'svelte/internal';
4
4
  import { linear, elasticOut, cubicOut } from 'svelte/easing';
5
5
 
@@ -2998,6 +2998,38 @@ class Header extends SvelteComponent {
2998
2998
  }
2999
2999
  }
3000
3000
 
3001
+ const BRAND_KIT_DEFAULT = {
3002
+ font_family: 'sans-serif, serif, monospace, system-ui',
3003
+ color_text_primary: '#222222',
3004
+ color_text_secondary: '#555555',
3005
+ color_brand: '#33403e',
3006
+ color_link: '#1558d6',
3007
+ color_danger: '#f44336',
3008
+ color_warning: '#ffa726',
3009
+ color_success: '#10b981',
3010
+ color_info: '#29b6f6',
3011
+ color_white: '#FFFFFF',
3012
+ };
3013
+ const getBrandKit = (customBrandKit) => {
3014
+ return {
3015
+ font_family: customBrandKit?.font_family ?? BRAND_KIT_DEFAULT.font_family,
3016
+ color_text_primary: customBrandKit?.color_text_primary ?? BRAND_KIT_DEFAULT.color_text_primary,
3017
+ color_text_secondary: customBrandKit?.color_text_secondary ?? BRAND_KIT_DEFAULT.color_text_secondary,
3018
+ color_brand: customBrandKit?.color_brand ?? BRAND_KIT_DEFAULT.color_brand,
3019
+ color_link: customBrandKit?.color_link ?? BRAND_KIT_DEFAULT.color_link,
3020
+ color_danger: customBrandKit?.color_danger ?? BRAND_KIT_DEFAULT.color_danger,
3021
+ color_warning: customBrandKit?.color_warning ?? BRAND_KIT_DEFAULT.color_warning,
3022
+ color_success: customBrandKit?.color_success ?? BRAND_KIT_DEFAULT.color_success,
3023
+ color_info: customBrandKit?.color_info ?? BRAND_KIT_DEFAULT.color_info,
3024
+ color_white: customBrandKit?.color_white ?? BRAND_KIT_DEFAULT.color_white,
3025
+ };
3026
+ };
3027
+ const useBrandKit = () => {
3028
+ return {
3029
+ brandKit: (getContext('brandKit') || getBrandKit()),
3030
+ };
3031
+ };
3032
+
3001
3033
  /* src/components/State.svelte generated by Svelte v3.53.1 */
3002
3034
 
3003
3035
  function create_fragment$1g(ctx) {
@@ -3005,8 +3037,8 @@ function create_fragment$1g(ctx) {
3005
3037
  let t;
3006
3038
  let current;
3007
3039
  header = new Header({});
3008
- const default_slot_template = /*#slots*/ ctx[1].default;
3009
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[0], null);
3040
+ const default_slot_template = /*#slots*/ ctx[2].default;
3041
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[1], null);
3010
3042
 
3011
3043
  return {
3012
3044
  c() {
@@ -3026,15 +3058,15 @@ function create_fragment$1g(ctx) {
3026
3058
  },
3027
3059
  p(ctx, [dirty]) {
3028
3060
  if (default_slot) {
3029
- if (default_slot.p && (!current || dirty & /*$$scope*/ 1)) {
3061
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 2)) {
3030
3062
  update_slot_base(
3031
3063
  default_slot,
3032
3064
  default_slot_template,
3033
3065
  ctx,
3034
- /*$$scope*/ ctx[0],
3066
+ /*$$scope*/ ctx[1],
3035
3067
  !current
3036
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[0])
3037
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[0], dirty, null),
3068
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[1])
3069
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[1], dirty, null),
3038
3070
  null
3039
3071
  );
3040
3072
  }
@@ -3061,25 +3093,28 @@ function create_fragment$1g(ctx) {
3061
3093
 
3062
3094
  function instance$1g($$self, $$props, $$invalidate) {
3063
3095
  let { $$slots: slots = {}, $$scope } = $$props;
3096
+ let { customBrandKit = undefined } = $$props;
3097
+ setContext('brandKit', getBrandKit(customBrandKit));
3064
3098
 
3065
3099
  $$self.$$set = $$props => {
3066
- if ('$$scope' in $$props) $$invalidate(0, $$scope = $$props.$$scope);
3100
+ if ('customBrandKit' in $$props) $$invalidate(0, customBrandKit = $$props.customBrandKit);
3101
+ if ('$$scope' in $$props) $$invalidate(1, $$scope = $$props.$$scope);
3067
3102
  };
3068
3103
 
3069
- return [$$scope, slots];
3104
+ return [customBrandKit, $$scope, slots];
3070
3105
  }
3071
3106
 
3072
3107
  class State extends SvelteComponent {
3073
3108
  constructor(options) {
3074
3109
  super();
3075
- init(this, options, instance$1g, create_fragment$1g, safe_not_equal, {});
3110
+ init(this, options, instance$1g, create_fragment$1g, safe_not_equal, { customBrandKit: 0 });
3076
3111
  }
3077
3112
  }
3078
3113
 
3079
3114
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
3080
3115
 
3081
3116
  function add_css$J(target) {
3082
- append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
3117
+ append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
3083
3118
  }
3084
3119
 
3085
3120
  // (23:0) {#if $state === path}
@@ -3096,7 +3131,7 @@ function create_if_block$f(ctx) {
3096
3131
  t = space();
3097
3132
  if (default_slot) default_slot.c();
3098
3133
  attr(div, "data-state-path", /*path*/ ctx[0]);
3099
- attr(div, "class", "state-item svelte-1amihue");
3134
+ attr(div, "class", "state-item svelte-2qb6dm");
3100
3135
  },
3101
3136
  m(target, anchor) {
3102
3137
  insert(target, div, anchor);
@@ -3418,7 +3453,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
3418
3453
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3419
3454
 
3420
3455
  function add_css$I(target) {
3421
- 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}");
3456
+ 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}");
3422
3457
  }
3423
3458
 
3424
3459
  // (14:0) {#if backgroundOverlay}
@@ -3431,7 +3466,7 @@ function create_if_block$e(ctx) {
3431
3466
  return {
3432
3467
  c() {
3433
3468
  div = element("div");
3434
- attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"));
3469
+ attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
3435
3470
  },
3436
3471
  m(target, anchor) {
3437
3472
  insert(target, div, anchor);
@@ -3442,7 +3477,7 @@ function create_if_block$e(ctx) {
3442
3477
  }
3443
3478
  },
3444
3479
  p(ctx, dirty) {
3445
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"))) {
3480
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
3446
3481
  attr(div, "class", div_class_value);
3447
3482
  }
3448
3483
  },
@@ -3548,17 +3583,17 @@ function checkStopPropagation(eventName, handler) {
3548
3583
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3549
3584
 
3550
3585
  function add_css$H(target) {
3551
- append_styles(target, "svelte-1kmu8zp", ".button.svelte-1kmu8zp{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-1kmu8zp:link,.button.svelte-1kmu8zp:visited,.button.svelte-1kmu8zp:active,.button.svelte-1kmu8zp:hover{color:inherit}");
3586
+ append_styles(target, "svelte-15k4deh", ".button.svelte-15k4deh{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-15k4deh:link,.button.svelte-15k4deh:visited,.button.svelte-15k4deh:active,.button.svelte-15k4deh:hover{color:inherit}");
3552
3587
  }
3553
3588
 
3554
- // (50:0) {:else}
3589
+ // (53:0) {:else}
3555
3590
  function create_else_block$5(ctx) {
3556
3591
  let button;
3557
3592
  let current;
3558
3593
  let mounted;
3559
3594
  let dispose;
3560
- const default_slot_template = /*#slots*/ ctx[9].default;
3561
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[8], null);
3595
+ const default_slot_template = /*#slots*/ ctx[10].default;
3596
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[9], null);
3562
3597
 
3563
3598
  let button_levels = [
3564
3599
  { class: BUTTON_CLASS },
@@ -3577,7 +3612,7 @@ function create_else_block$5(ctx) {
3577
3612
  button = element("button");
3578
3613
  if (default_slot) default_slot.c();
3579
3614
  set_attributes(button, button_data);
3580
- toggle_class(button, "svelte-1kmu8zp", true);
3615
+ toggle_class(button, "svelte-15k4deh", true);
3581
3616
  },
3582
3617
  m(target, anchor) {
3583
3618
  insert(target, button, anchor);
@@ -3596,15 +3631,15 @@ function create_else_block$5(ctx) {
3596
3631
  },
3597
3632
  p(ctx, dirty) {
3598
3633
  if (default_slot) {
3599
- if (default_slot.p && (!current || dirty & /*$$scope*/ 256)) {
3634
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 512)) {
3600
3635
  update_slot_base(
3601
3636
  default_slot,
3602
3637
  default_slot_template,
3603
3638
  ctx,
3604
- /*$$scope*/ ctx[8],
3639
+ /*$$scope*/ ctx[9],
3605
3640
  !current
3606
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[8])
3607
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[8], dirty, null),
3641
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[9])
3642
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[9], dirty, null),
3608
3643
  null
3609
3644
  );
3610
3645
  }
@@ -3616,7 +3651,7 @@ function create_else_block$5(ctx) {
3616
3651
  dataAttrStopPropagation('click')
3617
3652
  ]));
3618
3653
 
3619
- toggle_class(button, "svelte-1kmu8zp", true);
3654
+ toggle_class(button, "svelte-15k4deh", true);
3620
3655
  },
3621
3656
  i(local) {
3622
3657
  if (current) return;
@@ -3636,18 +3671,18 @@ function create_else_block$5(ctx) {
3636
3671
  };
3637
3672
  }
3638
3673
 
3639
- // (46:39)
3674
+ // (49:39)
3640
3675
  function create_if_block_2$2(ctx) {
3641
3676
  let div;
3642
3677
  let current;
3643
- const default_slot_template = /*#slots*/ ctx[9].default;
3644
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[8], null);
3678
+ const default_slot_template = /*#slots*/ ctx[10].default;
3679
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[9], null);
3645
3680
 
3646
3681
  return {
3647
3682
  c() {
3648
3683
  div = element("div");
3649
3684
  if (default_slot) default_slot.c();
3650
- attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1kmu8zp"));
3685
+ attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-15k4deh"));
3651
3686
  attr(div, "style", /*style*/ ctx[1]);
3652
3687
  },
3653
3688
  m(target, anchor) {
@@ -3661,15 +3696,15 @@ function create_if_block_2$2(ctx) {
3661
3696
  },
3662
3697
  p(ctx, dirty) {
3663
3698
  if (default_slot) {
3664
- if (default_slot.p && (!current || dirty & /*$$scope*/ 256)) {
3699
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 512)) {
3665
3700
  update_slot_base(
3666
3701
  default_slot,
3667
3702
  default_slot_template,
3668
3703
  ctx,
3669
- /*$$scope*/ ctx[8],
3704
+ /*$$scope*/ ctx[9],
3670
3705
  !current
3671
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[8])
3672
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[8], dirty, null),
3706
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[9])
3707
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[9], dirty, null),
3673
3708
  null
3674
3709
  );
3675
3710
  }
@@ -3695,7 +3730,7 @@ function create_if_block_2$2(ctx) {
3695
3730
  };
3696
3731
  }
3697
3732
 
3698
- // (35:41)
3733
+ // (38:41)
3699
3734
  function create_if_block_1$3(ctx) {
3700
3735
  let a;
3701
3736
  let a_href_value;
@@ -3703,8 +3738,8 @@ function create_if_block_1$3(ctx) {
3703
3738
  let current;
3704
3739
  let mounted;
3705
3740
  let dispose;
3706
- const default_slot_template = /*#slots*/ ctx[9].default;
3707
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[8], null);
3741
+ const default_slot_template = /*#slots*/ ctx[10].default;
3742
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[9], null);
3708
3743
 
3709
3744
  let a_levels = [
3710
3745
  { class: BUTTON_CLASS },
@@ -3731,7 +3766,7 @@ function create_if_block_1$3(ctx) {
3731
3766
  a = element("a");
3732
3767
  if (default_slot) default_slot.c();
3733
3768
  set_attributes(a, a_data);
3734
- toggle_class(a, "svelte-1kmu8zp", true);
3769
+ toggle_class(a, "svelte-15k4deh", true);
3735
3770
  },
3736
3771
  m(target, anchor) {
3737
3772
  insert(target, a, anchor);
@@ -3749,15 +3784,15 @@ function create_if_block_1$3(ctx) {
3749
3784
  },
3750
3785
  p(ctx, dirty) {
3751
3786
  if (default_slot) {
3752
- if (default_slot.p && (!current || dirty & /*$$scope*/ 256)) {
3787
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 512)) {
3753
3788
  update_slot_base(
3754
3789
  default_slot,
3755
3790
  default_slot_template,
3756
3791
  ctx,
3757
- /*$$scope*/ ctx[8],
3792
+ /*$$scope*/ ctx[9],
3758
3793
  !current
3759
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[8])
3760
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[8], dirty, null),
3794
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[9])
3795
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[9], dirty, null),
3761
3796
  null
3762
3797
  );
3763
3798
  }
@@ -3773,7 +3808,7 @@ function create_if_block_1$3(ctx) {
3773
3808
  dataAttrStopPropagation('click')
3774
3809
  ]));
3775
3810
 
3776
- toggle_class(a, "svelte-1kmu8zp", true);
3811
+ toggle_class(a, "svelte-15k4deh", true);
3777
3812
  },
3778
3813
  i(local) {
3779
3814
  if (current) return;
@@ -3793,18 +3828,18 @@ function create_if_block_1$3(ctx) {
3793
3828
  };
3794
3829
  }
3795
3830
 
3796
- // (31:0) {#if disabled}
3831
+ // (34:0) {#if disabled}
3797
3832
  function create_if_block$d(ctx) {
3798
3833
  let div;
3799
3834
  let current;
3800
- const default_slot_template = /*#slots*/ ctx[9].default;
3801
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[8], null);
3835
+ const default_slot_template = /*#slots*/ ctx[10].default;
3836
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[9], null);
3802
3837
 
3803
3838
  return {
3804
3839
  c() {
3805
3840
  div = element("div");
3806
3841
  if (default_slot) default_slot.c();
3807
- attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1kmu8zp"));
3842
+ attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-15k4deh"));
3808
3843
  attr(div, "style", /*style*/ ctx[1]);
3809
3844
  },
3810
3845
  m(target, anchor) {
@@ -3818,15 +3853,15 @@ function create_if_block$d(ctx) {
3818
3853
  },
3819
3854
  p(ctx, dirty) {
3820
3855
  if (default_slot) {
3821
- if (default_slot.p && (!current || dirty & /*$$scope*/ 256)) {
3856
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 512)) {
3822
3857
  update_slot_base(
3823
3858
  default_slot,
3824
3859
  default_slot_template,
3825
3860
  ctx,
3826
- /*$$scope*/ ctx[8],
3861
+ /*$$scope*/ ctx[9],
3827
3862
  !current
3828
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[8])
3829
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[8], dirty, null),
3863
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[9])
3864
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[9], dirty, null),
3830
3865
  null
3831
3866
  );
3832
3867
  }
@@ -3933,6 +3968,7 @@ function instance$1d($$self, $$props, $$invalidate) {
3933
3968
  let { eventName = '' } = $$props;
3934
3969
  let { eventValue = undefined } = $$props;
3935
3970
  let { style = '' } = $$props;
3971
+ let { isModalCloseButton = false } = $$props;
3936
3972
 
3937
3973
  function handleClick() {
3938
3974
  if (eventName) {
@@ -3944,20 +3980,22 @@ function instance$1d($$self, $$props, $$invalidate) {
3944
3980
 
3945
3981
  const { path: statePath } = getStateItemContext() ?? { path: '/' };
3946
3982
  const valuesAreValid = getValuesAreValidReadable(statePath);
3947
- component_subscribe($$self, valuesAreValid, value => $$invalidate(7, $valuesAreValid = value));
3983
+ component_subscribe($$self, valuesAreValid, value => $$invalidate(8, $valuesAreValid = value));
3948
3984
 
3949
3985
  $$self.$$set = $$props => {
3950
3986
  if ('onClick' in $$props) $$invalidate(0, onClick = $$props.onClick);
3951
3987
  if ('eventName' in $$props) $$invalidate(5, eventName = $$props.eventName);
3952
3988
  if ('eventValue' in $$props) $$invalidate(6, eventValue = $$props.eventValue);
3953
3989
  if ('style' in $$props) $$invalidate(1, style = $$props.style);
3954
- if ('$$scope' in $$props) $$invalidate(8, $$scope = $$props.$$scope);
3990
+ if ('isModalCloseButton' in $$props) $$invalidate(7, isModalCloseButton = $$props.isModalCloseButton);
3991
+ if ('$$scope' in $$props) $$invalidate(9, $$scope = $$props.$$scope);
3955
3992
  };
3956
3993
 
3957
3994
  $$self.$$.update = () => {
3958
- if ($$self.$$.dirty & /*onClick, $valuesAreValid*/ 129) {
3995
+ if ($$self.$$.dirty & /*isModalCloseButton, onClick, $valuesAreValid*/ 385) {
3959
3996
  $$invalidate(2, disabled = (() => {
3960
3997
  let isEnabled = true;
3998
+ if (isModalCloseButton) return false;
3961
3999
 
3962
4000
  if (onClick.operation === 'submitForm') {
3963
4001
  isEnabled = $valuesAreValid;
@@ -3978,6 +4016,7 @@ function instance$1d($$self, $$props, $$invalidate) {
3978
4016
  valuesAreValid,
3979
4017
  eventName,
3980
4018
  eventValue,
4019
+ isModalCloseButton,
3981
4020
  $valuesAreValid,
3982
4021
  $$scope,
3983
4022
  slots
@@ -3998,7 +4037,8 @@ let Button$1 = class Button extends SvelteComponent {
3998
4037
  onClick: 0,
3999
4038
  eventName: 5,
4000
4039
  eventValue: 6,
4001
- style: 1
4040
+ style: 1,
4041
+ isModalCloseButton: 7
4002
4042
  },
4003
4043
  add_css$H
4004
4044
  );
@@ -4008,7 +4048,7 @@ let Button$1 = class Button extends SvelteComponent {
4008
4048
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
4009
4049
 
4010
4050
  function add_css$G(target) {
4011
- append_styles(target, "svelte-1i2vo31", ".modal.svelte-1i2vo31{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1i2vo31 > .button{flex:auto;display:flex}.close.svelte-1i2vo31{position:absolute;top:0;right:0}.close.svelte-1i2vo31 > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.close.svelte-1i2vo31 > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1i2vo31{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}@media screen and (min-width: 641px){.modal-bp.svelte-1i2vo31{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-1i2vo31{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
4051
+ append_styles(target, "svelte-1ijkyzl", ".modal.svelte-1ijkyzl{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1ijkyzl > .button{flex:auto;display:flex}.close.svelte-1ijkyzl{position:absolute;top:0;right:0}.close.svelte-1ijkyzl > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.close.svelte-1ijkyzl > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1ijkyzl{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}@media screen and (min-width: 641px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
4012
4052
  }
4013
4053
 
4014
4054
  // (278:0) {:else}
@@ -4158,7 +4198,7 @@ function create_if_block$c(ctx) {
4158
4198
  c() {
4159
4199
  div = element("div");
4160
4200
  create_component(button.$$.fragment);
4161
- attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"));
4201
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"));
4162
4202
  attr(div, "role", "dialog");
4163
4203
  attr(div, "aria-modal", "true");
4164
4204
  attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
@@ -4182,7 +4222,7 @@ function create_if_block$c(ctx) {
4182
4222
 
4183
4223
  button.$set(button_changes);
4184
4224
 
4185
- if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"))) {
4225
+ if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"))) {
4186
4226
  attr(div, "class", div_class_value);
4187
4227
  }
4188
4228
  },
@@ -4227,6 +4267,7 @@ function create_if_block_1$2(ctx) {
4227
4267
  style: /*_closeStyle*/ ctx[10],
4228
4268
  eventName: /*closeEventName*/ ctx[7],
4229
4269
  eventValue: /*closeEventValue*/ ctx[8],
4270
+ isModalCloseButton: true,
4230
4271
  $$slots: { default: [create_default_slot_1$1] },
4231
4272
  $$scope: { ctx }
4232
4273
  }
@@ -4236,7 +4277,7 @@ function create_if_block_1$2(ctx) {
4236
4277
  c() {
4237
4278
  div = element("div");
4238
4279
  create_component(button.$$.fragment);
4239
- attr(div, "class", "close svelte-1i2vo31");
4280
+ attr(div, "class", "close svelte-1ijkyzl");
4240
4281
  set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
4241
4282
  },
4242
4283
  m(target, anchor) {
@@ -4277,7 +4318,7 @@ function create_if_block_1$2(ctx) {
4277
4318
  };
4278
4319
  }
4279
4320
 
4280
- // (296:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue} >
4321
+ // (296:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue} isModalCloseButton={true} >
4281
4322
  function create_default_slot_1$1(ctx) {
4282
4323
  let svg;
4283
4324
  let path;
@@ -4325,7 +4366,7 @@ function create_default_slot$6(ctx) {
4325
4366
  t = space();
4326
4367
  div = element("div");
4327
4368
  if (default_slot) default_slot.c();
4328
- attr(div, "class", "modal-content svelte-1i2vo31");
4369
+ attr(div, "class", "modal-content svelte-1ijkyzl");
4329
4370
  attr(div, "style", /*_style*/ ctx[5]);
4330
4371
  },
4331
4372
  m(target, anchor) {
@@ -4976,7 +5017,7 @@ class Grid extends SvelteComponent {
4976
5017
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
4977
5018
 
4978
5019
  function add_css$F(target) {
4979
- append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
5020
+ append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
4980
5021
  }
4981
5022
 
4982
5023
  function create_fragment$1a(ctx) {
@@ -4991,8 +5032,8 @@ function create_fragment$1a(ctx) {
4991
5032
  div1 = element("div");
4992
5033
  div0 = element("div");
4993
5034
  if (default_slot) default_slot.c();
4994
- attr(div0, "class", "grid-item-inner svelte-1cryhmb");
4995
- attr(div1, "class", "grid-item svelte-1cryhmb");
5035
+ attr(div0, "class", "grid-item-inner svelte-n7kdl3");
5036
+ attr(div1, "class", "grid-item svelte-n7kdl3");
4996
5037
  attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
4997
5038
  attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
4998
5039
  attr(div1, "style", /*_style*/ ctx[1]);
@@ -5297,7 +5338,7 @@ class RenderText extends SvelteComponent {
5297
5338
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
5298
5339
 
5299
5340
  function add_css$E(target) {
5300
- 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}");
5341
+ 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}");
5301
5342
  }
5302
5343
 
5303
5344
  // (92:2) {:else}
@@ -5314,8 +5355,8 @@ function create_else_block$2(ctx) {
5314
5355
  div1 = element("div");
5315
5356
  div0 = element("div");
5316
5357
  create_component(rendertext.$$.fragment);
5317
- attr(div0, "class", "text-element-inner svelte-vz6867");
5318
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5358
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5359
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5319
5360
  attr(div1, "style", /*style*/ ctx[5]);
5320
5361
  },
5321
5362
  m(target, anchor) {
@@ -5329,7 +5370,7 @@ function create_else_block$2(ctx) {
5329
5370
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5330
5371
  rendertext.$set(rendertext_changes);
5331
5372
 
5332
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
5373
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
5333
5374
  attr(div1, "class", div1_class_value);
5334
5375
  }
5335
5376
 
@@ -5379,12 +5420,12 @@ function create_if_block$a(ctx) {
5379
5420
  t2 = space();
5380
5421
  div2 = element("div");
5381
5422
  div2.textContent = "コピーできませんでした";
5382
- attr(div0, "class", "text-element-inner svelte-vz6867");
5423
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5383
5424
  attr(a, "href", '');
5384
- attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5425
+ attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5385
5426
  attr(a, "style", /*style*/ ctx[5]);
5386
- attr(div1, "class", "tooltip svelte-vz6867");
5387
- attr(div2, "class", "tooltip tooltip-error svelte-vz6867");
5427
+ attr(div1, "class", "tooltip svelte-9ixs0b");
5428
+ attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
5388
5429
  },
5389
5430
  m(target, anchor) {
5390
5431
  insert(target, a, anchor);
@@ -5408,7 +5449,7 @@ function create_if_block$a(ctx) {
5408
5449
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5409
5450
  rendertext.$set(rendertext_changes);
5410
5451
 
5411
- 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"))) {
5452
+ 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"))) {
5412
5453
  attr(a, "class", a_class_value);
5413
5454
  }
5414
5455
 
@@ -5460,7 +5501,7 @@ function create_fragment$18(ctx) {
5460
5501
  c() {
5461
5502
  div = element("div");
5462
5503
  if_block.c();
5463
- attr(div, "class", "text-element-wrapper svelte-vz6867");
5504
+ attr(div, "class", "text-element-wrapper svelte-9ixs0b");
5464
5505
  },
5465
5506
  m(target, anchor) {
5466
5507
  insert(target, div, anchor);
@@ -5626,7 +5667,7 @@ class TextElement extends SvelteComponent {
5626
5667
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5627
5668
 
5628
5669
  function add_css$D(target) {
5629
- 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)}");
5670
+ 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)}");
5630
5671
  }
5631
5672
 
5632
5673
  // (48:2) <Button {onClick} {style} {eventName}>
@@ -5682,7 +5723,7 @@ function create_fragment$17(ctx) {
5682
5723
  c() {
5683
5724
  div = element("div");
5684
5725
  create_component(button.$$.fragment);
5685
- attr(div, "class", "text-button-element svelte-ujdxfc");
5726
+ attr(div, "class", "text-button-element svelte-1vg84sc");
5686
5727
  },
5687
5728
  m(target, anchor) {
5688
5729
  insert(target, div, anchor);
@@ -5774,7 +5815,7 @@ class TextButtonElement extends SvelteComponent {
5774
5815
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5775
5816
 
5776
5817
  function add_css$C(target) {
5777
- 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%}");
5818
+ 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%}");
5778
5819
  }
5779
5820
 
5780
5821
  // (44:2) <Button {onClick} style={_style} {eventName}>
@@ -5786,7 +5827,7 @@ function create_default_slot$4(ctx) {
5786
5827
  return {
5787
5828
  c() {
5788
5829
  img = element("img");
5789
- attr(img, "class", "image svelte-1alkh1m");
5830
+ attr(img, "class", "image svelte-t6tu0e");
5790
5831
  attr(img, "loading", "lazy");
5791
5832
  attr(img, "width", "auto");
5792
5833
  attr(img, "height", "auto");
@@ -5848,7 +5889,7 @@ function create_fragment$16(ctx) {
5848
5889
  c() {
5849
5890
  div = element("div");
5850
5891
  create_component(button.$$.fragment);
5851
- attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m");
5892
+ attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
5852
5893
  },
5853
5894
  m(target, anchor) {
5854
5895
  insert(target, div, anchor);
@@ -5867,7 +5908,7 @@ function create_fragment$16(ctx) {
5867
5908
 
5868
5909
  button.$set(button_changes);
5869
5910
 
5870
- if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m")) {
5911
+ if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
5871
5912
  attr(div, "class", div_class_value);
5872
5913
  }
5873
5914
  },
@@ -5939,7 +5980,7 @@ class ImageElement extends SvelteComponent {
5939
5980
  /* src/components/List.svelte generated by Svelte v3.53.1 */
5940
5981
 
5941
5982
  function add_css$B(target) {
5942
- 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}");
5983
+ 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}");
5943
5984
  }
5944
5985
 
5945
5986
  function create_fragment$15(ctx) {
@@ -5952,7 +5993,7 @@ function create_fragment$15(ctx) {
5952
5993
  c() {
5953
5994
  div = element("div");
5954
5995
  if (default_slot) default_slot.c();
5955
- attr(div, "class", "list svelte-1t8r9z");
5996
+ attr(div, "class", "list svelte-aquv6z");
5956
5997
  attr(div, "style", /*style*/ ctx[0]);
5957
5998
  },
5958
5999
  m(target, anchor) {
@@ -6086,7 +6127,7 @@ class List extends SvelteComponent {
6086
6127
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
6087
6128
 
6088
6129
  function add_css$A(target) {
6089
- 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}");
6130
+ 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}");
6090
6131
  }
6091
6132
 
6092
6133
  // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
@@ -6156,7 +6197,7 @@ function create_fragment$14(ctx) {
6156
6197
  c() {
6157
6198
  div = element("div");
6158
6199
  create_component(button.$$.fragment);
6159
- attr(div, "class", "list-item svelte-1lbw8v2");
6200
+ attr(div, "class", "list-item svelte-9n97pe");
6160
6201
  attr(div, "style", /*listItemStyle*/ ctx[3]);
6161
6202
  },
6162
6203
  m(target, anchor) {
@@ -6282,7 +6323,7 @@ class ListItem extends SvelteComponent {
6282
6323
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
6283
6324
 
6284
6325
  function add_css$z(target) {
6285
- 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}");
6326
+ 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}");
6286
6327
  }
6287
6328
 
6288
6329
  function create_fragment$13(ctx) {
@@ -6291,7 +6332,7 @@ function create_fragment$13(ctx) {
6291
6332
  return {
6292
6333
  c() {
6293
6334
  div = element("div");
6294
- attr(div, "class", "embed svelte-w6jkzh");
6335
+ attr(div, "class", "embed svelte-wocq4p");
6295
6336
  attr(div, "style", /*_style*/ ctx[1]);
6296
6337
  },
6297
6338
  m(target, anchor) {
@@ -6334,7 +6375,7 @@ class EmbedElement extends SvelteComponent {
6334
6375
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
6335
6376
 
6336
6377
  function add_css$y(target) {
6337
- 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%}");
6378
+ 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%}");
6338
6379
  }
6339
6380
 
6340
6381
  function create_fragment$12(ctx) {
@@ -6346,7 +6387,7 @@ function create_fragment$12(ctx) {
6346
6387
  div1 = element("div");
6347
6388
  div0 = element("div");
6348
6389
  attr(div0, "class", "karte-player");
6349
- attr(div1, "class", "embed svelte-ljxq7x");
6390
+ attr(div1, "class", "embed svelte-vikz49");
6350
6391
  attr(div1, "style", /*_style*/ ctx[0]);
6351
6392
  },
6352
6393
  m(target, anchor) {
@@ -6688,7 +6729,7 @@ class MovieYouTubeElement extends SvelteComponent {
6688
6729
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6689
6730
 
6690
6731
  function add_css$x(target) {
6691
- 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%}");
6732
+ 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%}");
6692
6733
  }
6693
6734
 
6694
6735
  function create_fragment$11(ctx) {
@@ -6700,7 +6741,7 @@ function create_fragment$11(ctx) {
6700
6741
  div1 = element("div");
6701
6742
  div0 = element("div");
6702
6743
  attr(div0, "class", "karte-player");
6703
- attr(div1, "class", "embed svelte-ljxq7x");
6744
+ attr(div1, "class", "embed svelte-vikz49");
6704
6745
  attr(div1, "style", /*_style*/ ctx[0]);
6705
6746
  },
6706
6747
  m(target, anchor) {
@@ -6884,7 +6925,7 @@ class MovieVimeoElement extends SvelteComponent {
6884
6925
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
6885
6926
 
6886
6927
  function add_css$w(target) {
6887
- 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}");
6928
+ 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}");
6888
6929
  }
6889
6930
 
6890
6931
  function create_fragment$10(ctx) {
@@ -6897,12 +6938,12 @@ function create_fragment$10(ctx) {
6897
6938
  c() {
6898
6939
  div = element("div");
6899
6940
  textarea = element("textarea");
6900
- attr(textarea, "class", "textarea svelte-1fjy5oo");
6941
+ attr(textarea, "class", "textarea svelte-zxvkkc");
6901
6942
  textarea.value = /*$value*/ ctx[4];
6902
6943
  textarea.required = /*required*/ ctx[1];
6903
6944
  attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
6904
6945
  attr(textarea, "style", /*style*/ ctx[3]);
6905
- attr(div, "class", "textarea-wrapper svelte-1fjy5oo");
6946
+ attr(div, "class", "textarea-wrapper svelte-zxvkkc");
6906
6947
  attr(div, "style", /*styleVariables*/ ctx[2]);
6907
6948
  },
6908
6949
  m(target, anchor) {
@@ -7054,7 +7095,7 @@ class FormTextarea extends SvelteComponent {
7054
7095
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
7055
7096
 
7056
7097
  function add_css$v(target) {
7057
- 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}");
7098
+ 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}");
7058
7099
  }
7059
7100
 
7060
7101
  function get_each_context$6(ctx, list, i) {
@@ -7088,14 +7129,14 @@ function create_each_block$6(ctx) {
7088
7129
  t1 = text(t1_value);
7089
7130
  t2 = space();
7090
7131
  attr(input, "type", "radio");
7091
- attr(input, "class", "radio-button-input svelte-1ntb6j8");
7132
+ attr(input, "class", "radio-button-input svelte-17s08g");
7092
7133
  attr(input, "style", /*buttonStyle*/ ctx[5]);
7093
7134
  attr(input, "name", /*name*/ ctx[0]);
7094
7135
  input.value = input_value_value = /*option*/ ctx[17];
7095
7136
  input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
7096
- attr(span, "class", "radio-button-text svelte-1ntb6j8");
7137
+ attr(span, "class", "radio-button-text svelte-17s08g");
7097
7138
  attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7098
- attr(label, "class", "radio-button svelte-1ntb6j8");
7139
+ attr(label, "class", "radio-button svelte-17s08g");
7099
7140
  },
7100
7141
  m(target, anchor) {
7101
7142
  insert(target, label, anchor);
@@ -7160,7 +7201,7 @@ function create_fragment$$(ctx) {
7160
7201
  each_blocks[i].c();
7161
7202
  }
7162
7203
 
7163
- attr(div, "class", "radio-buttons svelte-1ntb6j8");
7204
+ attr(div, "class", "radio-buttons svelte-17s08g");
7164
7205
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7165
7206
  },
7166
7207
  m(target, anchor) {
@@ -7329,7 +7370,7 @@ class FormRadioButtons extends SvelteComponent {
7329
7370
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
7330
7371
 
7331
7372
  function add_css$u(target) {
7332
- 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}");
7373
+ 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}");
7333
7374
  }
7334
7375
 
7335
7376
  function get_each_context$5(ctx, list, i) {
@@ -7463,10 +7504,10 @@ function create_fragment$_(ctx) {
7463
7504
 
7464
7505
  t = space();
7465
7506
  div0 = element("div");
7466
- attr(select, "class", "select-select svelte-iejizj");
7507
+ attr(select, "class", "select-select svelte-t9ynyj");
7467
7508
  attr(select, "style", /*style*/ ctx[3]);
7468
- attr(div0, "class", "select-icon svelte-iejizj");
7469
- attr(div1, "class", "select svelte-iejizj");
7509
+ attr(div0, "class", "select-icon svelte-t9ynyj");
7510
+ attr(div1, "class", "select svelte-t9ynyj");
7470
7511
  attr(div1, "style", /*styleVariables*/ ctx[2]);
7471
7512
  },
7472
7513
  m(target, anchor) {
@@ -7668,7 +7709,7 @@ class FormSelect extends SvelteComponent {
7668
7709
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
7669
7710
 
7670
7711
  function add_css$t(target) {
7671
- 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}");
7712
+ 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}");
7672
7713
  }
7673
7714
 
7674
7715
  function get_each_context$4(ctx, list, i) {
@@ -7707,19 +7748,19 @@ function create_each_block$4(ctx) {
7707
7748
  span2 = element("span");
7708
7749
  t2 = text(t2_value);
7709
7750
  t3 = space();
7710
- attr(input, "class", "check-box-input svelte-2pz1us");
7751
+ attr(input, "class", "check-box-input svelte-1p65cg8");
7711
7752
  attr(input, "type", "checkbox");
7712
7753
  attr(input, "name", /*name*/ ctx[0]);
7713
7754
  input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
7714
- attr(span0, "class", "check-box-icon svelte-2pz1us");
7755
+ attr(span0, "class", "check-box-icon svelte-1p65cg8");
7715
7756
 
7716
7757
  attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7717
7758
  ? ' _checked'
7718
- : ''}`) + " svelte-2pz1us"));
7759
+ : ''}`) + " svelte-1p65cg8"));
7719
7760
 
7720
- attr(span2, "class", "check-box-text svelte-2pz1us");
7761
+ attr(span2, "class", "check-box-text svelte-1p65cg8");
7721
7762
  attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7722
- attr(label, "class", "check-box svelte-2pz1us");
7763
+ attr(label, "class", "check-box svelte-1p65cg8");
7723
7764
  attr(label, "style", /*styleVariables*/ ctx[5]);
7724
7765
  },
7725
7766
  m(target, anchor) {
@@ -7751,7 +7792,7 @@ function create_each_block$4(ctx) {
7751
7792
 
7752
7793
  if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7753
7794
  ? ' _checked'
7754
- : ''}`) + " svelte-2pz1us"))) {
7795
+ : ''}`) + " svelte-1p65cg8"))) {
7755
7796
  attr(span1, "class", span1_class_value);
7756
7797
  }
7757
7798
 
@@ -7790,7 +7831,7 @@ function create_fragment$Z(ctx) {
7790
7831
  each_blocks[i].c();
7791
7832
  }
7792
7833
 
7793
- attr(div, "class", "check-boxes svelte-2pz1us");
7834
+ attr(div, "class", "check-boxes svelte-1p65cg8");
7794
7835
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7795
7836
  },
7796
7837
  m(target, anchor) {
@@ -7965,7 +8006,7 @@ class FormCheckBoxes extends SvelteComponent {
7965
8006
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
7966
8007
 
7967
8008
  function add_css$s(target) {
7968
- append_styles(target, "svelte-9idbf1", ".rating-buttons.svelte-9idbf1{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-9idbf1{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s;appearance:none;background:none;border:none;margin:0;padding:0}");
8009
+ append_styles(target, "svelte-1iqf36p", ".rating-buttons.svelte-1iqf36p{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1iqf36p{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s;appearance:none;background:none;border:none;margin:0;padding:0}");
7969
8010
  }
7970
8011
 
7971
8012
  function get_each_context$3(ctx, list, i) {
@@ -7989,7 +8030,7 @@ function create_each_block$3(ctx) {
7989
8030
  button = element("button");
7990
8031
  t0 = text(t0_value);
7991
8032
  t1 = space();
7992
- attr(button, "class", "rating-button svelte-9idbf1");
8033
+ attr(button, "class", "rating-button svelte-1iqf36p");
7993
8034
  attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
7994
8035
  },
7995
8036
  m(target, anchor) {
@@ -8038,7 +8079,7 @@ function create_fragment$Y(ctx) {
8038
8079
  each_blocks[i].c();
8039
8080
  }
8040
8081
 
8041
- attr(div, "class", "rating-buttons svelte-9idbf1");
8082
+ attr(div, "class", "rating-buttons svelte-1iqf36p");
8042
8083
  },
8043
8084
  m(target, anchor) {
8044
8085
  insert(target, div, anchor);
@@ -8182,7 +8223,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
8182
8223
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
8183
8224
 
8184
8225
  function add_css$r(target) {
8185
- 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%)}");
8226
+ 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%)}");
8186
8227
  }
8187
8228
 
8188
8229
  function get_each_context$2(ctx, list, i) {
@@ -8207,9 +8248,9 @@ function create_each_block$2(ctx) {
8207
8248
  img = element("img");
8208
8249
  t = space();
8209
8250
  if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
8210
- attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"));
8251
+ attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
8211
8252
  attr(img, "alt", "rate" + /*i*/ ctx[10]);
8212
- attr(button, "class", "rating-button svelte-1b5dvzw");
8253
+ attr(button, "class", "rating-button svelte-tbunko");
8213
8254
  attr(button, "style", /*buttonStyle*/ ctx[0]);
8214
8255
  },
8215
8256
  m(target, anchor) {
@@ -8225,7 +8266,7 @@ function create_each_block$2(ctx) {
8225
8266
  p(new_ctx, dirty) {
8226
8267
  ctx = new_ctx;
8227
8268
 
8228
- 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"))) {
8269
+ 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"))) {
8229
8270
  attr(img, "class", img_class_value);
8230
8271
  }
8231
8272
 
@@ -8258,7 +8299,7 @@ function create_fragment$X(ctx) {
8258
8299
  each_blocks[i].c();
8259
8300
  }
8260
8301
 
8261
- attr(div, "class", "rating-buttons svelte-1b5dvzw");
8302
+ attr(div, "class", "rating-buttons svelte-tbunko");
8262
8303
  },
8263
8304
  m(target, anchor) {
8264
8305
  insert(target, div, anchor);
@@ -8366,7 +8407,7 @@ class FormRatingButtonsFace extends SvelteComponent {
8366
8407
  /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
8367
8408
 
8368
8409
  function add_css$q(target) {
8369
- append_styles(target, "svelte-f14zo5", ".input-wrapper.svelte-f14zo5{display:flex;align-items:center;width:100%;height:100%}.input.svelte-f14zo5{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.input.svelte-f14zo5::placeholder{color:var(--placeholder-color)}.input.svelte-f14zo5:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.input._error.svelte-f14zo5{outline:none;border-width:var(--error-border-width) !important;border-color:var(--error-border-color) !important;border-style:var(--error-border-style) !important}");
8410
+ append_styles(target, "svelte-h8fqwx", ".input-wrapper.svelte-h8fqwx{display:flex;align-items:center;width:100%;height:100%}.input.svelte-h8fqwx{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.input.svelte-h8fqwx::placeholder{color:var(--placeholder-color)}.input.svelte-h8fqwx:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.input._error.svelte-h8fqwx{outline:none;border-width:var(--error-border-width) !important;border-color:var(--error-border-color) !important;border-style:var(--error-border-style) !important}");
8370
8411
  }
8371
8412
 
8372
8413
  function create_fragment$W(ctx) {
@@ -8380,13 +8421,13 @@ function create_fragment$W(ctx) {
8380
8421
  c() {
8381
8422
  div = element("div");
8382
8423
  input = element("input");
8383
- attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"));
8424
+ attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"));
8384
8425
  attr(input, "type", "text");
8385
8426
  input.value = /*$value*/ ctx[2];
8386
8427
  input.required = /*required*/ ctx[0];
8387
8428
  attr(input, "placeholder", /*placeholder*/ ctx[1]);
8388
8429
  attr(input, "style", /*style*/ ctx[5]);
8389
- attr(div, "class", "input-wrapper svelte-f14zo5");
8430
+ attr(div, "class", "input-wrapper svelte-h8fqwx");
8390
8431
  attr(div, "style", /*styleVariables*/ ctx[4]);
8391
8432
  },
8392
8433
  m(target, anchor) {
@@ -8399,7 +8440,7 @@ function create_fragment$W(ctx) {
8399
8440
  }
8400
8441
  },
8401
8442
  p(ctx, [dirty]) {
8402
- if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"))) {
8443
+ if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"))) {
8403
8444
  attr(input, "class", input_class_value);
8404
8445
  }
8405
8446
 
@@ -8587,7 +8628,7 @@ class FormIdentifyInput extends SvelteComponent {
8587
8628
  /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
8588
8629
 
8589
8630
  function add_css$p(target) {
8590
- append_styles(target, "svelte-pzrwlo", ".radio-buttons.svelte-pzrwlo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-pzrwlo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-pzrwlo{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-pzrwlo:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18, 160, 160, 0.08), 0px 1px 4px -1px rgba(18, 160, 160, 0.24)}.radio-button-text.svelte-pzrwlo{margin-left:0.5em}");
8631
+ append_styles(target, "svelte-8zbmyo", ".radio-buttons.svelte-8zbmyo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-8zbmyo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-8zbmyo{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-8zbmyo:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18, 160, 160, 0.08), 0px 1px 4px -1px rgba(18, 160, 160, 0.24)}.radio-button-text.svelte-8zbmyo{margin-left:0.5em}");
8591
8632
  }
8592
8633
 
8593
8634
  function create_fragment$V(ctx) {
@@ -8625,20 +8666,20 @@ function create_fragment$V(ctx) {
8625
8666
  span1 = element("span");
8626
8667
  t4 = text("いいえ");
8627
8668
  attr(input0, "type", "radio");
8628
- attr(input0, "class", "radio-button-input svelte-pzrwlo");
8669
+ attr(input0, "class", "radio-button-input svelte-8zbmyo");
8629
8670
  attr(input0, "style", /*buttonStyle*/ ctx[2]);
8630
8671
  input0.checked = input0_checked_value = /*$value*/ ctx[3] === true;
8631
- attr(span0, "class", "radio-button-text svelte-pzrwlo");
8672
+ attr(span0, "class", "radio-button-text svelte-8zbmyo");
8632
8673
  attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
8633
- attr(label0, "class", "radio-button svelte-pzrwlo");
8674
+ attr(label0, "class", "radio-button svelte-8zbmyo");
8634
8675
  attr(input1, "type", "radio");
8635
- attr(input1, "class", "radio-button-input svelte-pzrwlo");
8676
+ attr(input1, "class", "radio-button-input svelte-8zbmyo");
8636
8677
  attr(input1, "style", /*buttonStyle*/ ctx[2]);
8637
8678
  input1.checked = input1_checked_value = /*$value*/ ctx[3] === false;
8638
- attr(span1, "class", "radio-button-text svelte-pzrwlo");
8679
+ attr(span1, "class", "radio-button-text svelte-8zbmyo");
8639
8680
  attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
8640
- attr(label1, "class", "radio-button svelte-pzrwlo");
8641
- attr(div, "class", "radio-buttons svelte-pzrwlo");
8681
+ attr(label1, "class", "radio-button svelte-8zbmyo");
8682
+ attr(div, "class", "radio-buttons svelte-8zbmyo");
8642
8683
  attr(div, "style", /*_layoutStyle*/ ctx[0]);
8643
8684
  },
8644
8685
  m(target, anchor) {
@@ -8806,7 +8847,7 @@ class FormIdentifyChoices extends SvelteComponent {
8806
8847
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
8807
8848
 
8808
8849
  function add_css$o(target) {
8809
- 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%}");
8850
+ 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%}");
8810
8851
  }
8811
8852
 
8812
8853
  function get_each_context$1(ctx, list, i) {
@@ -8835,9 +8876,9 @@ function create_if_block_1$1(ctx) {
8835
8876
  attr(svg, "viewBox", "0 0 10 16");
8836
8877
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8837
8878
  attr(svg, "style", /*prevIconStyle*/ ctx[10]);
8838
- attr(button, "class", "move-button svelte-1qfq79t");
8879
+ attr(button, "class", "move-button svelte-ji1fh");
8839
8880
  attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
8840
- attr(div, "class", "prev-button-container svelte-1qfq79t");
8881
+ attr(div, "class", "prev-button-container svelte-ji1fh");
8841
8882
  },
8842
8883
  m(target, anchor) {
8843
8884
  insert(target, div, anchor);
@@ -8886,9 +8927,9 @@ function create_if_block$8(ctx) {
8886
8927
  attr(svg, "viewBox", "0 0 10 16");
8887
8928
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8888
8929
  attr(svg, "style", /*nextIconStyle*/ ctx[8]);
8889
- attr(button, "class", "move-button svelte-1qfq79t");
8930
+ attr(button, "class", "move-button svelte-ji1fh");
8890
8931
  attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
8891
- attr(div, "class", "next-button-container svelte-1qfq79t");
8932
+ attr(div, "class", "next-button-container svelte-ji1fh");
8892
8933
  },
8893
8934
  m(target, anchor) {
8894
8935
  insert(target, div, anchor);
@@ -8936,9 +8977,9 @@ function create_each_block$1(ctx) {
8936
8977
  button = element("button");
8937
8978
  div = element("div");
8938
8979
  t = space();
8939
- attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
8980
+ attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
8940
8981
  attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
8941
- attr(button, "class", "navigation-item svelte-1qfq79t");
8982
+ attr(button, "class", "navigation-item svelte-ji1fh");
8942
8983
  attr(button, "style", /*navigationItemStyle*/ ctx[6]);
8943
8984
  },
8944
8985
  m(target, anchor) {
@@ -9015,14 +9056,14 @@ function create_fragment$U(ctx) {
9015
9056
  each_blocks[i].c();
9016
9057
  }
9017
9058
 
9018
- attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
9059
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
9019
9060
  attr(div0, "style", /*slideStyle*/ ctx[14]);
9020
- attr(div1, "class", "container svelte-1qfq79t");
9061
+ attr(div1, "class", "container svelte-ji1fh");
9021
9062
  attr(div1, "style", /*_style*/ ctx[0]);
9022
- attr(div2, "class", "navigation svelte-1qfq79t");
9063
+ attr(div2, "class", "navigation svelte-ji1fh");
9023
9064
  attr(div2, "style", /*navigationStyle*/ ctx[4]);
9024
9065
  set_attributes(div3, div3_data);
9025
- toggle_class(div3, "svelte-1qfq79t", true);
9066
+ toggle_class(div3, "svelte-ji1fh", true);
9026
9067
  },
9027
9068
  m(target, anchor) {
9028
9069
  insert(target, div3, anchor);
@@ -9064,7 +9105,7 @@ function create_fragment$U(ctx) {
9064
9105
  }
9065
9106
  }
9066
9107
 
9067
- if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
9108
+ if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
9068
9109
  attr(div0, "class", div0_class_value);
9069
9110
  }
9070
9111
 
@@ -9130,7 +9171,7 @@ function create_fragment$U(ctx) {
9130
9171
  }
9131
9172
 
9132
9173
  set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
9133
- toggle_class(div3, "svelte-1qfq79t", true);
9174
+ toggle_class(div3, "svelte-ji1fh", true);
9134
9175
  },
9135
9176
  i(local) {
9136
9177
  if (current) return;
@@ -9642,7 +9683,7 @@ class Slide extends SvelteComponent {
9642
9683
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
9643
9684
 
9644
9685
  function add_css$n(target) {
9645
- 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}");
9686
+ 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}");
9646
9687
  }
9647
9688
 
9648
9689
  function create_fragment$T(ctx) {
@@ -9657,9 +9698,9 @@ function create_fragment$T(ctx) {
9657
9698
  div1 = element("div");
9658
9699
  div0 = element("div");
9659
9700
  if (default_slot) default_slot.c();
9660
- attr(div0, "class", "item-inner svelte-1rv0qgo");
9701
+ attr(div0, "class", "item-inner svelte-9ygf1w");
9661
9702
  attr(div0, "style", /*_style*/ ctx[0]);
9662
- attr(div1, "class", "item svelte-1rv0qgo");
9703
+ attr(div1, "class", "item svelte-9ygf1w");
9663
9704
  attr(div1, "style", /*itemStyle*/ ctx[1]);
9664
9705
  },
9665
9706
  m(target, anchor) {
@@ -9785,7 +9826,7 @@ class SlideItem extends SvelteComponent {
9785
9826
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
9786
9827
 
9787
9828
  function add_css$m(target) {
9788
- 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}");
9829
+ 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}");
9789
9830
  }
9790
9831
 
9791
9832
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
@@ -9803,9 +9844,9 @@ function create_fragment$S(ctx) {
9803
9844
  div1 = element("div");
9804
9845
  div0 = element("div");
9805
9846
  if (default_slot) default_slot.c();
9806
- attr(div0, "class", "countdown-inner svelte-t87l6f");
9847
+ attr(div0, "class", "countdown-inner svelte-rroxiz");
9807
9848
  attr(div0, "style", /*_style*/ ctx[0]);
9808
- attr(div1, "class", "countdown svelte-t87l6f");
9849
+ attr(div1, "class", "countdown svelte-rroxiz");
9809
9850
  },
9810
9851
  m(target, anchor) {
9811
9852
  insert(target, div1, anchor);
@@ -9939,7 +9980,7 @@ class Countdown extends SvelteComponent {
9939
9980
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
9940
9981
 
9941
9982
  function add_css$l(target) {
9942
- 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}");
9983
+ 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}");
9943
9984
  }
9944
9985
 
9945
9986
  // (24:2) <Button {onClick} style={_style} {eventName}>
@@ -10009,7 +10050,7 @@ function create_fragment$R(ctx) {
10009
10050
  c() {
10010
10051
  div = element("div");
10011
10052
  create_component(button.$$.fragment);
10012
- attr(div, "class", "box svelte-1c91vpe");
10053
+ attr(div, "class", "box svelte-1ccydfy");
10013
10054
  },
10014
10055
  m(target, anchor) {
10015
10056
  insert(target, div, anchor);
@@ -10070,7 +10111,7 @@ class Box extends SvelteComponent {
10070
10111
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
10071
10112
 
10072
10113
  function add_css$k(target) {
10073
- 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)}");
10114
+ 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)}");
10074
10115
  }
10075
10116
 
10076
10117
  // (56:4) {#if svg}
@@ -10152,7 +10193,7 @@ function create_fragment$Q(ctx) {
10152
10193
  c() {
10153
10194
  div = element("div");
10154
10195
  create_component(button.$$.fragment);
10155
- attr(div, "class", "icon svelte-1mk6wi4");
10196
+ attr(div, "class", "icon svelte-1mkvcuo");
10156
10197
  },
10157
10198
  m(target, anchor) {
10158
10199
  insert(target, div, anchor);
@@ -10261,7 +10302,7 @@ class IconElement extends SvelteComponent {
10261
10302
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
10262
10303
 
10263
10304
  function add_css$j(target) {
10264
- append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10305
+ append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10265
10306
  }
10266
10307
 
10267
10308
  function create_fragment$P(ctx) {
@@ -10287,7 +10328,7 @@ function create_fragment$P(ctx) {
10287
10328
  c() {
10288
10329
  div = element("div");
10289
10330
  if (switch_instance) create_component(switch_instance.$$.fragment);
10290
- attr(div, "class", "codeElement svelte-1ng2n51");
10331
+ attr(div, "class", "codeElement svelte-ymsb9l");
10291
10332
  attr(div, "style", /*style*/ ctx[3]);
10292
10333
  },
10293
10334
  m(target, anchor) {
@@ -10376,7 +10417,7 @@ class CodeElement extends SvelteComponent {
10376
10417
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
10377
10418
 
10378
10419
  function add_css$i(target) {
10379
- append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
10420
+ append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
10380
10421
  }
10381
10422
 
10382
10423
  function create_fragment$O(ctx) {
@@ -10390,7 +10431,7 @@ function create_fragment$O(ctx) {
10390
10431
  c() {
10391
10432
  div = element("div");
10392
10433
  if (default_slot) default_slot.c();
10393
- attr(div, "class", "flex svelte-9v2qdg");
10434
+ attr(div, "class", "flex svelte-1e71ejc");
10394
10435
  attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
10395
10436
  },
10396
10437
  m(target, anchor) {
@@ -10487,7 +10528,7 @@ class Flex extends SvelteComponent {
10487
10528
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
10488
10529
 
10489
10530
  function add_css$h(target) {
10490
- append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
10531
+ append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
10491
10532
  }
10492
10533
 
10493
10534
  function create_fragment$N(ctx) {
@@ -10500,7 +10541,7 @@ function create_fragment$N(ctx) {
10500
10541
  c() {
10501
10542
  div = element("div");
10502
10543
  if (default_slot) default_slot.c();
10503
- attr(div, "class", "flex-item svelte-164ah5d");
10544
+ attr(div, "class", "flex-item svelte-1p0bk1x");
10504
10545
  attr(div, "style", /*style*/ ctx[0]);
10505
10546
  },
10506
10547
  m(target, anchor) {
@@ -10908,7 +10949,7 @@ class GridModalState extends SvelteComponent {
10908
10949
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
10909
10950
 
10910
10951
  function add_css$g(target) {
10911
- 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%}");
10952
+ 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%}");
10912
10953
  }
10913
10954
 
10914
10955
  function create_fragment$L(ctx) {
@@ -10924,8 +10965,8 @@ function create_fragment$L(ctx) {
10924
10965
  div1 = element("div");
10925
10966
  div0 = element("div");
10926
10967
  create_component(rendertext.$$.fragment);
10927
- attr(div0, "class", "text-block-inner svelte-akic2e");
10928
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"));
10968
+ attr(div0, "class", "text-block-inner svelte-15pej1m");
10969
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
10929
10970
  attr(div1, "style", /*style*/ ctx[2]);
10930
10971
  },
10931
10972
  m(target, anchor) {
@@ -10939,7 +10980,7 @@ function create_fragment$L(ctx) {
10939
10980
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
10940
10981
  rendertext.$set(rendertext_changes);
10941
10982
 
10942
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"))) {
10983
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
10943
10984
  attr(div1, "class", div1_class_value);
10944
10985
  }
10945
10986
 
@@ -11017,7 +11058,7 @@ class TextBlock extends SvelteComponent {
11017
11058
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
11018
11059
 
11019
11060
  function add_css$f(target) {
11020
- 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)}");
11061
+ 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)}");
11021
11062
  }
11022
11063
 
11023
11064
  function create_fragment$K(ctx) {
@@ -11034,9 +11075,9 @@ function create_fragment$K(ctx) {
11034
11075
  div = element("div");
11035
11076
  button = element("button");
11036
11077
  create_component(rendertext.$$.fragment);
11037
- attr(button, "class", "text-button svelte-1c34p4n");
11078
+ attr(button, "class", "text-button svelte-ff0k6r");
11038
11079
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
11039
- attr(div, "class", "text-button-block svelte-1c34p4n");
11080
+ attr(div, "class", "text-button-block svelte-ff0k6r");
11040
11081
  attr(div, "style", /*_style*/ ctx[2]);
11041
11082
  },
11042
11083
  m(target, anchor) {
@@ -11142,7 +11183,7 @@ class TextButtonBlock extends SvelteComponent {
11142
11183
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
11143
11184
 
11144
11185
  function add_css$e(target) {
11145
- 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)}");
11186
+ 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)}");
11146
11187
  }
11147
11188
 
11148
11189
  function create_fragment$J(ctx) {
@@ -11158,14 +11199,14 @@ function create_fragment$J(ctx) {
11158
11199
  c() {
11159
11200
  div = element("div");
11160
11201
  img = element("img");
11161
- attr(img, "class", "image svelte-1jus6sx");
11202
+ attr(img, "class", "image svelte-1pdw891");
11162
11203
  attr(img, "loading", "lazy");
11163
11204
  attr(img, "width", "auto");
11164
11205
  attr(img, "height", "auto");
11165
11206
  attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
11166
11207
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
11167
11208
  attr(img, "alt", /*alt*/ ctx[1]);
11168
- attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"));
11209
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
11169
11210
  attr(div, "style", /*_style*/ ctx[5]);
11170
11211
  },
11171
11212
  m(target, anchor) {
@@ -11190,7 +11231,7 @@ function create_fragment$J(ctx) {
11190
11231
  attr(img, "alt", /*alt*/ ctx[1]);
11191
11232
  }
11192
11233
 
11193
- if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"))) {
11234
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
11194
11235
  attr(div, "class", div_class_value);
11195
11236
  }
11196
11237
 
@@ -11281,6 +11322,23 @@ const ROUND_VARIANT = {
11281
11322
  fulled: 'Full (100%)',
11282
11323
  };
11283
11324
 
11325
+ const AVATAR_SIZE = {
11326
+ extra_small: 'XS（48 x 48）',
11327
+ small: 'S（64 x 64）',
11328
+ medium: 'M（88 x 88）',
11329
+ large: 'L（108 x 108）',
11330
+ extra_large: 'XL（128 x 128）',
11331
+ };
11332
+ const AVATAR_SHAPE = {
11333
+ circle: 'サークル',
11334
+ square: 'スクエア',
11335
+ rounded: 'ラウンド',
11336
+ };
11337
+ const avatarPropsDefault = {
11338
+ size: 'medium',
11339
+ shape: 'circle',
11340
+ };
11341
+
11284
11342
  const toHyphenCase = (str) => {
11285
11343
  let result = str.replace(/_/g, '-');
11286
11344
  result = result.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
@@ -11446,13 +11504,36 @@ const useInjectCustomizeCss = (props) => {
11446
11504
  });
11447
11505
  };
11448
11506
 
11507
+ const AVATAR_SIZE_STYLES = {
11508
+ extra_small: {
11509
+ width: '48px',
11510
+ height: '48px',
11511
+ },
11512
+ small: {
11513
+ width: '64px',
11514
+ height: '64px',
11515
+ },
11516
+ medium: {
11517
+ width: '88px',
11518
+ height: '88px',
11519
+ },
11520
+ large: {
11521
+ width: '108px',
11522
+ height: '108px',
11523
+ },
11524
+ extra_large: {
11525
+ width: '128px',
11526
+ height: '128px',
11527
+ },
11528
+ };
11529
+
11449
11530
  /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
11450
11531
 
11451
11532
  function add_css$d(target) {
11452
- append_styles(target, "svelte-uy130g", ".avatar.svelte-uy130g{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}");
11533
+ append_styles(target, "svelte-1krsdyx", ".avatar.svelte-1krsdyx{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:0}");
11453
11534
  }
11454
11535
 
11455
- // (35:0) <svelte:element {...attributes} this={element} class="avatar" style={style} data-layer-id={layerId} on:click={handleClick} >
11536
+ // (42:0) <svelte:element {...attributes} this={element} class="avatar" style={style} data-layer-id={layerId} on:click={handleClick} >
11456
11537
  function create_dynamic_element$8(ctx) {
11457
11538
  let svelte_element;
11458
11539
  let img;
@@ -11479,7 +11560,7 @@ function create_dynamic_element$8(ctx) {
11479
11560
  svelte_element = element(/*element*/ ctx[5]);
11480
11561
  img = element("img");
11481
11562
  if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
11482
- attr(img, "class", "avatar-image svelte-uy130g");
11563
+ attr(img, "class", "avatar-image svelte-1krsdyx");
11483
11564
  attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
11484
11565
  attr(img, "style", /*imgStyle*/ ctx[2]);
11485
11566
 
@@ -11489,7 +11570,7 @@ function create_dynamic_element$8(ctx) {
11489
11570
  set_attributes(svelte_element, svelte_element_data);
11490
11571
  }
11491
11572
 
11492
- toggle_class(svelte_element, "svelte-uy130g", true);
11573
+ toggle_class(svelte_element, "svelte-1krsdyx", true);
11493
11574
  },
11494
11575
  m(target, anchor) {
11495
11576
  insert(target, svelte_element, anchor);
@@ -11526,7 +11607,7 @@ function create_dynamic_element$8(ctx) {
11526
11607
  set_attributes(svelte_element, svelte_element_data);
11527
11608
  }
11528
11609
 
11529
- toggle_class(svelte_element, "svelte-uy130g", true);
11610
+ toggle_class(svelte_element, "svelte-1krsdyx", true);
11530
11611
  },
11531
11612
  d(detaching) {
11532
11613
  if (detaching) detach(svelte_element);
@@ -11588,15 +11669,21 @@ function instance$I($$self, $$props, $$invalidate) {
11588
11669
  useInjectCustomizeCss(props);
11589
11670
  const { attributes, element, handleClick } = useClickable(props);
11590
11671
 
11672
+ const avatarSizeStyle = !isNaN(Number(props.size))
11673
+ ? {
11674
+ width: `${props.size}px`,
11675
+ height: `${props.size}px`
11676
+ }
11677
+ : AVATAR_SIZE_STYLES[props.size] || AVATAR_SIZE_STYLES[avatarPropsDefault.size];
11678
+
11591
11679
  const VARIANTS = {
11592
11680
  shape: {
11593
11681
  circle: { borderRadius: '100%' },
11594
- square: { borderRadius: '4px' }
11682
+ square: { borderRadius: '0.25em' },
11683
+ rounded: { borderRadius: '1em' }
11595
11684
  }
11596
11685
  };
11597
11686
 
11598
- const size = props.size ?? 64;
11599
-
11600
11687
  $$self.$$set = $$props => {
11601
11688
  if ('props' in $$props) $$invalidate(0, props = $$props.props);
11602
11689
  if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
@@ -11605,9 +11692,9 @@ function instance$I($$self, $$props, $$invalidate) {
11605
11692
  $$self.$$.update = () => {
11606
11693
  if ($$self.$$.dirty & /*props*/ 1) {
11607
11694
  $$invalidate(3, style = objToStyle({
11608
- width: `${size}px`,
11609
- height: `${size}px`,
11610
11695
  ...VARIANTS.shape[props.shape ?? 'square'],
11696
+ width: props.width ?? avatarSizeStyle.width,
11697
+ height: props.height ?? avatarSizeStyle.height,
11611
11698
  ...toCssCommon(props),
11612
11699
  ...toCssBorder(props)
11613
11700
  }));
@@ -11630,18 +11717,6 @@ class Avatar extends SvelteComponent {
11630
11717
  }
11631
11718
  }
11632
11719
 
11633
- const AVATAR_SIZE = {
11634
- extra_small: 'XS（48 x 48）',
11635
- small: 'S（64 x 64）',
11636
- medium: 'M（88 x 88）',
11637
- large: 'L（108 x 108）',
11638
- extra_large: 'XL（128 x 128）',
11639
- };
11640
- const AVATAR_SHAPE = {
11641
- circle: 'サークル',
11642
- square: 'スクエア',
11643
- };
11644
-
11645
11720
  const BUTTON_SIZE = {
11646
11721
  extra_small: 'XSmall',
11647
11722
  small: 'Small',
@@ -13329,7 +13404,7 @@ const ICON_VARIANTS = {
13329
13404
  /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
13330
13405
 
13331
13406
  function add_css$c(target) {
13332
- append_styles(target, "svelte-mut6o2", ".icon.svelte-mut6o2{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
13407
+ append_styles(target, "svelte-19rssou", ".icon.svelte-19rssou{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
13333
13408
  }
13334
13409
 
13335
13410
  // (24:0) <svelte:element {...attributes} this={element} class="icon" style={style} data-layer-id={layerId} on:click={handleClick} >
@@ -13377,7 +13452,7 @@ function create_dynamic_element$7(ctx) {
13377
13452
  set_attributes(svelte_element, svelte_element_data);
13378
13453
  }
13379
13454
 
13380
- toggle_class(svelte_element, "svelte-mut6o2", true);
13455
+ toggle_class(svelte_element, "svelte-19rssou", true);
13381
13456
  },
13382
13457
  m(target, anchor) {
13383
13458
  insert(target, svelte_element, anchor);
@@ -13430,7 +13505,7 @@ function create_dynamic_element$7(ctx) {
13430
13505
  set_attributes(svelte_element, svelte_element_data);
13431
13506
  }
13432
13507
 
13433
- toggle_class(svelte_element, "svelte-mut6o2", true);
13508
+ toggle_class(svelte_element, "svelte-19rssou", true);
13434
13509
  },
13435
13510
  i(local) {
13436
13511
  if (current) return;
@@ -13543,39 +13618,43 @@ class Icon extends SvelteComponent {
13543
13618
  }
13544
13619
  }
13545
13620
 
13546
- const BRAND_KIT = {
13547
- fontFamily: 'sans-serif, serif, monospace, system-ui',
13548
- colors: {
13549
- text_primary: {
13550
- main: '#222222',
13551
- },
13552
- text_secondary: {
13553
- main: '#555555',
13554
- },
13555
- brand: {
13556
- main: '#33403e',
13557
- },
13558
- link: {
13559
- main: '#1558d6',
13560
- },
13561
- danger: {
13562
- main: '#f44336',
13563
- },
13564
- warning: {
13565
- main: '#ffa726',
13566
- },
13567
- success: {
13568
- main: '#10b981',
13569
- },
13570
- info: {
13571
- main: '#29b6f6',
13572
- },
13573
- white: {
13574
- main: '#FFFFFF',
13575
- },
13576
- },
13621
+ const getPropStyles = (callback) => {
13622
+ return (customBrandKit) => {
13623
+ const brandKit = getBrandKit(customBrandKit);
13624
+ return callback({ brandKit });
13625
+ };
13577
13626
  };
13578
13627
 
13628
+ const getButtonThemeStyles = getPropStyles(({ brandKit }) => ({
13629
+ default: {
13630
+ backgroundColor: brandKit.color_brand,
13631
+ color: '#FFFFFF',
13632
+ },
13633
+ general: {
13634
+ backgroundColor: '#e8e8e8',
13635
+ color: 'rgba(0, 16, 14, 0.7)',
13636
+ },
13637
+ success: {
13638
+ backgroundColor: brandKit.color_success,
13639
+ color: '#ffffff',
13640
+ },
13641
+ warning: {
13642
+ backgroundColor: brandKit.color_warning,
13643
+ color: '#ffffff',
13644
+ },
13645
+ danger: {
13646
+ backgroundColor: brandKit.color_danger,
13647
+ color: '#FFFFFF',
13648
+ },
13649
+ info: {
13650
+ backgroundColor: brandKit.color_info,
13651
+ color: '#FFFFFF',
13652
+ },
13653
+ white: {
13654
+ backgroundColor: '#FFFFFF',
13655
+ color: brandKit.color_text_primary,
13656
+ },
13657
+ }));
13579
13658
  const BUTTON_SIZE_STYLES = {
13580
13659
  extra_small: {
13581
13660
  height: '32px',
@@ -13608,35 +13687,37 @@ const BUTTON_SIZE_STYLES = {
13608
13687
  fontSize: '16px',
13609
13688
  },
13610
13689
  };
13611
- const BUTTON_THEME_STYLES = {
13612
- default: {
13613
- backgroundColor: BRAND_KIT.colors.brand.main,
13614
- color: '#FFFFFF',
13615
- },
13616
- general: {
13617
- backgroundColor: '#e8e8e8',
13618
- color: 'rgba(0, 16, 14, 0.7)',
13619
- },
13620
- success: {
13621
- backgroundColor: BRAND_KIT.colors.success.main,
13622
- color: '#ffffff',
13623
- },
13624
- warning: {
13625
- backgroundColor: BRAND_KIT.colors.warning.main,
13626
- color: '#ffffff',
13627
- },
13628
- danger: {
13629
- backgroundColor: BRAND_KIT.colors.danger.main,
13630
- color: '#FFFFFF',
13631
- },
13632
- info: {
13633
- backgroundColor: BRAND_KIT.colors.info.main,
13634
- color: '#FFFFFF',
13635
- },
13636
- white: {
13637
- backgroundColor: '#FFFFFF',
13638
- color: BRAND_KIT.colors.text_primary.main,
13639
- },
13690
+ const BUTTON_THEME_STYLES = () => {
13691
+ return {
13692
+ default: {
13693
+ backgroundColor: getBrandKit().color_brand,
13694
+ color: '#FFFFFF',
13695
+ },
13696
+ general: {
13697
+ backgroundColor: '#e8e8e8',
13698
+ color: 'rgba(0, 16, 14, 0.7)',
13699
+ },
13700
+ success: {
13701
+ backgroundColor: getBrandKit().color_success,
13702
+ color: '#ffffff',
13703
+ },
13704
+ warning: {
13705
+ backgroundColor: getBrandKit().color_warning,
13706
+ color: '#ffffff',
13707
+ },
13708
+ danger: {
13709
+ backgroundColor: getBrandKit().color_danger,
13710
+ color: '#FFFFFF',
13711
+ },
13712
+ info: {
13713
+ backgroundColor: getBrandKit().color_info,
13714
+ color: '#FFFFFF',
13715
+ },
13716
+ white: {
13717
+ backgroundColor: '#FFFFFF',
13718
+ color: getBrandKit().color_text_primary,
13719
+ },
13720
+ };
13640
13721
  };
13641
13722
  const BUTTON_ROUND_STYLES = {
13642
13723
  none: {
@@ -13707,10 +13788,10 @@ function darkenColor(color, percent) {
13707
13788
  /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
13708
13789
 
13709
13790
  function add_css$b(target) {
13710
- append_styles(target, "svelte-1o60d09", ".button.svelte-1o60d09{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border:0;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:var(--bg-color)}.button.svelte-1o60d09:hover{background-color:var(--hover-bg-color)}.button-icon.svelte-1o60d09{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
13791
+ append_styles(target, "svelte-1ix4ul", ".button.svelte-1ix4ul{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border:0;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:var(--bg-color)}.button.svelte-1ix4ul:hover{background-color:var(--hover-bg-color)}.button-icon.svelte-1ix4ul{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
13711
13792
  }
13712
13793
 
13713
- // (49:2) {#if props.isIcon && props.iconVariant}
13794
+ // (52:2) {#if props.isIcon && props.iconVariant}
13714
13795
  function create_if_block$6(ctx) {
13715
13796
  let div;
13716
13797
  let icon;
@@ -13731,7 +13812,7 @@ function create_if_block$6(ctx) {
13731
13812
  c() {
13732
13813
  div = element("div");
13733
13814
  create_component(icon.$$.fragment);
13734
- attr(div, "class", "button-icon svelte-1o60d09");
13815
+ attr(div, "class", "button-icon svelte-1ix4ul");
13735
13816
  },
13736
13817
  m(target, anchor) {
13737
13818
  insert(target, div, anchor);
@@ -13766,7 +13847,7 @@ function create_if_block$6(ctx) {
13766
13847
  };
13767
13848
  }
13768
13849
 
13769
- // (41:0) <svelte:element {...attributes} this={element} class="button" style={style} data-layer-id={layerId} on:click={handleClick} >
13850
+ // (44:0) <svelte:element {...attributes} this={element} class="button" style={style} data-layer-id={layerId} on:click={handleClick} >
13770
13851
  function create_dynamic_element$6(ctx) {
13771
13852
  let svelte_element;
13772
13853
  let t0;
@@ -13798,7 +13879,7 @@ function create_dynamic_element$6(ctx) {
13798
13879
  t0 = space();
13799
13880
  span = element("span");
13800
13881
  t1 = text(t1_value);
13801
- attr(span, "class", "button-label svelte-1o60d09");
13882
+ attr(span, "class", "button-label svelte-1ix4ul");
13802
13883
 
13803
13884
  if ((/-/).test(/*element*/ ctx[4])) {
13804
13885
  set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -13806,7 +13887,7 @@ function create_dynamic_element$6(ctx) {
13806
13887
  set_attributes(svelte_element, svelte_element_data);
13807
13888
  }
13808
13889
 
13809
- toggle_class(svelte_element, "svelte-1o60d09", true);
13890
+ toggle_class(svelte_element, "svelte-1ix4ul", true);
13810
13891
  },
13811
13892
  m(target, anchor) {
13812
13893
  insert(target, svelte_element, anchor);
@@ -13860,7 +13941,7 @@ function create_dynamic_element$6(ctx) {
13860
13941
  set_attributes(svelte_element, svelte_element_data);
13861
13942
  }
13862
13943
 
13863
- toggle_class(svelte_element, "svelte-1o60d09", true);
13944
+ toggle_class(svelte_element, "svelte-1ix4ul", true);
13864
13945
  },
13865
13946
  i(local) {
13866
13947
  if (current) return;
@@ -13933,7 +14014,9 @@ function instance$b($$self, $$props, $$invalidate) {
13933
14014
  let { layerId = '' } = $$props;
13934
14015
  useInjectCustomizeCss(props);
13935
14016
  const { attributes, element, handleClick } = useClickable(props);
13936
- const buttonThemeStyle = BUTTON_THEME_STYLES[props.theme] || BUTTON_THEME_STYLES[buttonPropsDefault.theme];
14017
+ const { brandKit } = useBrandKit();
14018
+ const buttonThemeStyles = getButtonThemeStyles(brandKit);
14019
+ const buttonThemeStyle = buttonThemeStyles[props.theme] || buttonThemeStyles[buttonPropsDefault.theme];
13937
14020
  const buttonSizeStyle = BUTTON_SIZE_STYLES[props.size] || BUTTON_SIZE_STYLES[buttonPropsDefault.size];
13938
14021
 
13939
14022
  $$self.$$set = $$props => {
@@ -14031,35 +14114,35 @@ const BUTTON_OUTLINED_SIZE_STYLES = {
14031
14114
  fontSize: '16px',
14032
14115
  },
14033
14116
  };
14034
- const BUTTON_OUTLINED_THEME_STYLES = {
14117
+ const getButtonOutlinedThemeStyles = getPropStyles(({ brandKit }) => ({
14035
14118
  default: {
14036
- color: BRAND_KIT.colors.brand.main,
14037
- borderColor: BRAND_KIT.colors.brand.main,
14119
+ color: brandKit.color_brand,
14120
+ borderColor: brandKit.color_brand,
14038
14121
  backgroundColor: '#FFFFFF',
14039
14122
  },
14040
14123
  general: {
14041
- color: BRAND_KIT.colors.text_secondary.main,
14042
- borderColor: BRAND_KIT.colors.text_secondary.main,
14124
+ color: brandKit.color_text_secondary,
14125
+ borderColor: brandKit.color_text_secondary,
14043
14126
  backgroundColor: '#FFFFFF',
14044
14127
  },
14045
14128
  success: {
14046
- color: BRAND_KIT.colors.success.main,
14047
- borderColor: BRAND_KIT.colors.success.main,
14129
+ color: brandKit.color_success,
14130
+ borderColor: brandKit.color_success,
14048
14131
  backgroundColor: '#FFFFFF',
14049
14132
  },
14050
14133
  warning: {
14051
- color: BRAND_KIT.colors.warning.main,
14052
- borderColor: BRAND_KIT.colors.warning.main,
14134
+ color: brandKit.color_warning,
14135
+ borderColor: brandKit.color_warning,
14053
14136
  backgroundColor: '#FFFFFF',
14054
14137
  },
14055
14138
  danger: {
14056
- color: BRAND_KIT.colors.danger.main,
14057
- borderColor: BRAND_KIT.colors.danger.main,
14139
+ color: brandKit.color_danger,
14140
+ borderColor: brandKit.color_danger,
14058
14141
  backgroundColor: '#FFFFFF',
14059
14142
  },
14060
14143
  info: {
14061
- color: BRAND_KIT.colors.info.main,
14062
- borderColor: BRAND_KIT.colors.info.main,
14144
+ color: brandKit.color_info,
14145
+ borderColor: brandKit.color_info,
14063
14146
  backgroundColor: '#FFFFFF',
14064
14147
  },
14065
14148
  white: {
@@ -14067,7 +14150,7 @@ const BUTTON_OUTLINED_THEME_STYLES = {
14067
14150
  borderColor: '#FFFFFF',
14068
14151
  backgroundColor: '#000000',
14069
14152
  },
14070
- };
14153
+ }));
14071
14154
  const BUTTON_OUTLINED_ROUND_STYLES = {
14072
14155
  none: {
14073
14156
  borderRadius: 0,
@@ -14091,10 +14174,10 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
14091
14174
  /* src/components-flex/button-outlined/ButtonOutlined.svelte generated by Svelte v3.53.1 */
14092
14175
 
14093
14176
  function add_css$a(target) {
14094
- append_styles(target, "svelte-ypshn1", ".button-outlined.svelte-ypshn1{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:var(--bg-color)}.button-outlined.svelte-ypshn1:hover{background-color:var(--hover-bg-color)}.button-outlined-icon.svelte-ypshn1{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
14177
+ append_styles(target, "svelte-38fju1", ".button-outlined.svelte-38fju1{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:var(--bg-color)}.button-outlined.svelte-38fju1:hover{background-color:var(--hover-bg-color)}.button-outlined-icon.svelte-38fju1{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
14095
14178
  }
14096
14179
 
14097
- // (50:2) {#if props.isIcon && props.iconVariant}
14180
+ // (53:2) {#if props.isIcon && props.iconVariant}
14098
14181
  function create_if_block$5(ctx) {
14099
14182
  let div;
14100
14183
  let icon;
@@ -14115,7 +14198,7 @@ function create_if_block$5(ctx) {
14115
14198
  c() {
14116
14199
  div = element("div");
14117
14200
  create_component(icon.$$.fragment);
14118
- attr(div, "class", "button-outlined-icon svelte-ypshn1");
14201
+ attr(div, "class", "button-outlined-icon svelte-38fju1");
14119
14202
  },
14120
14203
  m(target, anchor) {
14121
14204
  insert(target, div, anchor);
@@ -14150,7 +14233,7 @@ function create_if_block$5(ctx) {
14150
14233
  };
14151
14234
  }
14152
14235
 
14153
- // (42:0) <svelte:element {...attributes} this={element} class="button-outlined" style={style} data-layer-id={layerId} on:click={handleClick} >
14236
+ // (45:0) <svelte:element {...attributes} this={element} class="button-outlined" style={style} data-layer-id={layerId} on:click={handleClick} >
14154
14237
  function create_dynamic_element$5(ctx) {
14155
14238
  let svelte_element;
14156
14239
  let t0;
@@ -14182,7 +14265,7 @@ function create_dynamic_element$5(ctx) {
14182
14265
  t0 = space();
14183
14266
  span = element("span");
14184
14267
  t1 = text(t1_value);
14185
- attr(span, "class", "button-outlined-label svelte-ypshn1");
14268
+ attr(span, "class", "button-outlined-label svelte-38fju1");
14186
14269
 
14187
14270
  if ((/-/).test(/*element*/ ctx[4])) {
14188
14271
  set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -14190,7 +14273,7 @@ function create_dynamic_element$5(ctx) {
14190
14273
  set_attributes(svelte_element, svelte_element_data);
14191
14274
  }
14192
14275
 
14193
- toggle_class(svelte_element, "svelte-ypshn1", true);
14276
+ toggle_class(svelte_element, "svelte-38fju1", true);
14194
14277
  },
14195
14278
  m(target, anchor) {
14196
14279
  insert(target, svelte_element, anchor);
@@ -14244,7 +14327,7 @@ function create_dynamic_element$5(ctx) {
14244
14327
  set_attributes(svelte_element, svelte_element_data);
14245
14328
  }
14246
14329
 
14247
- toggle_class(svelte_element, "svelte-ypshn1", true);
14330
+ toggle_class(svelte_element, "svelte-38fju1", true);
14248
14331
  },
14249
14332
  i(local) {
14250
14333
  if (current) return;
@@ -14316,8 +14399,10 @@ function instance$a($$self, $$props, $$invalidate) {
14316
14399
  let { props = {} } = $$props;
14317
14400
  let { layerId = '' } = $$props;
14318
14401
  useInjectCustomizeCss(props);
14402
+ const { brandKit } = useBrandKit();
14319
14403
  const { attributes, element, handleClick } = useClickable(props);
14320
- const buttonThemeStyle = BUTTON_OUTLINED_THEME_STYLES[props.theme ?? buttonOutlinedPropsDefault.theme];
14404
+ const buttonThemeStyles = getButtonOutlinedThemeStyles(brandKit);
14405
+ const buttonThemeStyle = buttonThemeStyles[props.theme ?? buttonOutlinedPropsDefault.theme];
14321
14406
  const buttonSizeStyle = BUTTON_OUTLINED_SIZE_STYLES[props.size ?? buttonOutlinedPropsDefault.size];
14322
14407
 
14323
14408
  $$self.$$set = $$props => {
@@ -14395,48 +14480,48 @@ const BUTTON_TEXT_SIZE_STYLES = {
14395
14480
  fontSize: '16px',
14396
14481
  },
14397
14482
  };
14398
- const BUTTON_TEXT_THEME_STYLES = {
14483
+ const getButtonTextThemeStyles = getPropStyles(({ brandKit }) => ({
14399
14484
  default: {
14400
14485
  backgroundColor: '#f3f4f6',
14401
- color: BRAND_KIT.colors.brand.main,
14486
+ color: brandKit.color_brand,
14402
14487
  },
14403
14488
  link: {
14404
14489
  backgroundColor: '#f3f4f6',
14405
- color: BRAND_KIT.colors.link.main,
14490
+ color: brandKit.color_link,
14406
14491
  },
14407
14492
  general: {
14408
14493
  backgroundColor: '#f3f4f6',
14409
- color: BRAND_KIT.colors.text_primary.main,
14494
+ color: brandKit.color_text_primary,
14410
14495
  },
14411
14496
  success: {
14412
14497
  backgroundColor: '#f3f4f6',
14413
- color: BRAND_KIT.colors.success.main,
14498
+ color: brandKit.color_success,
14414
14499
  },
14415
14500
  warning: {
14416
14501
  backgroundColor: '#f3f4f6',
14417
- color: BRAND_KIT.colors.warning.main,
14502
+ color: brandKit.color_warning,
14418
14503
  },
14419
14504
  danger: {
14420
14505
  backgroundColor: '#f3f4f6',
14421
- color: BRAND_KIT.colors.danger.main,
14506
+ color: brandKit.color_danger,
14422
14507
  },
14423
14508
  info: {
14424
14509
  backgroundColor: '#f3f4f6',
14425
- color: BRAND_KIT.colors.info.main,
14510
+ color: brandKit.color_info,
14426
14511
  },
14427
14512
  white: {
14428
14513
  backgroundColor: '#f3f4f6',
14429
- color: BRAND_KIT.colors.white.main,
14514
+ color: brandKit.color_white,
14430
14515
  },
14431
- };
14516
+ }));
14432
14517
 
14433
14518
  /* src/components-flex/button-text/ButtonText.svelte generated by Svelte v3.53.1 */
14434
14519
 
14435
14520
  function add_css$9(target) {
14436
- append_styles(target, "svelte-lted9r", ".button-text.svelte-lted9r{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border:0;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:rgba(255, 255, 255, 0)}.button-text.svelte-lted9r:hover{background-color:var(--hover-bg-color)}.button-text-icon.svelte-lted9r{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
14521
+ append_styles(target, "svelte-1xgvp8r", ".button-text.svelte-1xgvp8r{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border:0;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:rgba(255, 255, 255, 0)}.button-text.svelte-1xgvp8r:hover{background-color:var(--hover-bg-color)}.button-text-icon.svelte-1xgvp8r{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
14437
14522
  }
14438
14523
 
14439
- // (46:2) {#if props.isIcon && props.iconVariant}
14524
+ // (49:2) {#if props.isIcon && props.iconVariant}
14440
14525
  function create_if_block$4(ctx) {
14441
14526
  let div;
14442
14527
  let icon;
@@ -14457,7 +14542,7 @@ function create_if_block$4(ctx) {
14457
14542
  c() {
14458
14543
  div = element("div");
14459
14544
  create_component(icon.$$.fragment);
14460
- attr(div, "class", "button-text-icon svelte-lted9r");
14545
+ attr(div, "class", "button-text-icon svelte-1xgvp8r");
14461
14546
  },
14462
14547
  m(target, anchor) {
14463
14548
  insert(target, div, anchor);
@@ -14492,7 +14577,7 @@ function create_if_block$4(ctx) {
14492
14577
  };
14493
14578
  }
14494
14579
 
14495
- // (38:0) <svelte:element {...attributes} this={element} class="button-text" style={style} data-layer-id={layerId} on:click={handleClick} >
14580
+ // (41:0) <svelte:element {...attributes} this={element} class="button-text" style={style} data-layer-id={layerId} on:click={handleClick} >
14496
14581
  function create_dynamic_element$4(ctx) {
14497
14582
  let svelte_element;
14498
14583
  let t0;
@@ -14524,7 +14609,7 @@ function create_dynamic_element$4(ctx) {
14524
14609
  t0 = space();
14525
14610
  span = element("span");
14526
14611
  t1 = text(t1_value);
14527
- attr(span, "class", "button-text-label svelte-lted9r");
14612
+ attr(span, "class", "button-text-label svelte-1xgvp8r");
14528
14613
 
14529
14614
  if ((/-/).test(/*element*/ ctx[4])) {
14530
14615
  set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -14532,7 +14617,7 @@ function create_dynamic_element$4(ctx) {
14532
14617
  set_attributes(svelte_element, svelte_element_data);
14533
14618
  }
14534
14619
 
14535
- toggle_class(svelte_element, "svelte-lted9r", true);
14620
+ toggle_class(svelte_element, "svelte-1xgvp8r", true);
14536
14621
  },
14537
14622
  m(target, anchor) {
14538
14623
  insert(target, svelte_element, anchor);
@@ -14586,7 +14671,7 @@ function create_dynamic_element$4(ctx) {
14586
14671
  set_attributes(svelte_element, svelte_element_data);
14587
14672
  }
14588
14673
 
14589
- toggle_class(svelte_element, "svelte-lted9r", true);
14674
+ toggle_class(svelte_element, "svelte-1xgvp8r", true);
14590
14675
  },
14591
14676
  i(local) {
14592
14677
  if (current) return;
@@ -14658,8 +14743,10 @@ function instance$9($$self, $$props, $$invalidate) {
14658
14743
  let { props = {} } = $$props;
14659
14744
  let { layerId = '' } = $$props;
14660
14745
  useInjectCustomizeCss(props);
14746
+ const { brandKit } = useBrandKit();
14661
14747
  const { attributes, element, handleClick } = useClickable(props);
14662
- const buttonThemeStyle = BUTTON_TEXT_THEME_STYLES[props.theme ?? 'default'];
14748
+ const themeStyles = getButtonTextThemeStyles(brandKit);
14749
+ const buttonThemeStyle = themeStyles[props.theme ?? 'default'];
14663
14750
  const buttonSizeStyle = BUTTON_TEXT_SIZE_STYLES[props.size ?? 'medium'];
14664
14751
 
14665
14752
  $$self.$$set = $$props => {
@@ -14748,7 +14835,7 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
14748
14835
  /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
14749
14836
 
14750
14837
  function add_css$8(target) {
14751
- append_styles(target, "svelte-3133h2", ".close-button.svelte-3133h2.svelte-3133h2{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:8px;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.close-button.svelte-3133h2 svg.svelte-3133h2{transition:transform 0.12s}.close-button.svelte-3133h2:hover svg.svelte-3133h2{transform:rotate(90deg)}.close-button-order-one.svelte-3133h2.svelte-3133h2{order:1}.close-button-order-two.svelte-3133h2.svelte-3133h2{order:2}");
14838
+ append_styles(target, "svelte-3mvsv6", ".close-button.svelte-3mvsv6.svelte-3mvsv6{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:8px;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.close-button.svelte-3mvsv6 svg.svelte-3mvsv6{transition:transform 0.12s}.close-button.svelte-3mvsv6:hover svg.svelte-3mvsv6{transform:rotate(90deg)}.close-button-order-one.svelte-3mvsv6.svelte-3mvsv6{order:1}.close-button-order-two.svelte-3mvsv6.svelte-3mvsv6{order:2}");
14752
14839
  }
14753
14840
 
14754
14841
  // (91:2) {#if hasLabel}
@@ -14764,7 +14851,7 @@ function create_if_block$3(ctx) {
14764
14851
 
14765
14852
  attr(span, "class", "close-button-label " + (/*isLeftLabelPlacement*/ ctx[10]
14766
14853
  ? 'close-button-order-one'
14767
- : '') + " svelte-3133h2");
14854
+ : '') + " svelte-3mvsv6");
14768
14855
  },
14769
14856
  m(target, anchor) {
14770
14857
  insert(target, span, anchor);
@@ -14824,7 +14911,7 @@ function create_dynamic_element$3(ctx) {
14824
14911
  set_style(svg, "width", "100%");
14825
14912
  set_style(svg, "height", "100%");
14826
14913
  attr(svg, "fill", /*color*/ ctx[8]);
14827
- attr(svg, "class", "svelte-3133h2");
14914
+ attr(svg, "class", "svelte-3mvsv6");
14828
14915
  attr(span, "style", /*iconStyle*/ ctx[1]);
14829
14916
 
14830
14917
  if ((/-/).test(/*element*/ ctx[6])) {
@@ -14833,7 +14920,7 @@ function create_dynamic_element$3(ctx) {
14833
14920
  set_attributes(svelte_element, svelte_element_data);
14834
14921
  }
14835
14922
 
14836
- toggle_class(svelte_element, "svelte-3133h2", true);
14923
+ toggle_class(svelte_element, "svelte-3mvsv6", true);
14837
14924
  },
14838
14925
  m(target, anchor) {
14839
14926
  insert(target, svelte_element, anchor);
@@ -14879,7 +14966,7 @@ function create_dynamic_element$3(ctx) {
14879
14966
  set_attributes(svelte_element, svelte_element_data);
14880
14967
  }
14881
14968
 
14882
- toggle_class(svelte_element, "svelte-3133h2", true);
14969
+ toggle_class(svelte_element, "svelte-3mvsv6", true);
14883
14970
  },
14884
14971
  d(detaching) {
14885
14972
  if (detaching) detach(svelte_element);
@@ -15079,7 +15166,7 @@ const ICON_SIZE_STYLES = {
15079
15166
  /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
15080
15167
 
15081
15168
  function add_css$7(target) {
15082
- append_styles(target, "svelte-1n4oa5l", ".image.svelte-1n4oa5l{max-width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-object.svelte-1n4oa5l{width:100%;overflow:hidden}.image-img.svelte-1n4oa5l{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
15169
+ append_styles(target, "svelte-10a9nyt", ".image.svelte-10a9nyt{max-width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-object.svelte-10a9nyt{width:100%;overflow:hidden}.image-img.svelte-10a9nyt{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
15083
15170
  }
15084
15171
 
15085
15172
  // (19:0) <svelte:element this={element} {...attributes} class="image" {style} data-layer-id={layerId} on:click={handleClick} >
@@ -15112,9 +15199,9 @@ function create_dynamic_element$2(ctx) {
15112
15199
  img = element("img");
15113
15200
  if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
15114
15201
  attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
15115
- attr(img, "class", "image-img svelte-1n4oa5l");
15202
+ attr(img, "class", "image-img svelte-10a9nyt");
15116
15203
  attr(object, "style", /*objectStyle*/ ctx[2]);
15117
- attr(object, "class", "image-object svelte-1n4oa5l");
15204
+ attr(object, "class", "image-object svelte-10a9nyt");
15118
15205
 
15119
15206
  if ((/-/).test(/*element*/ ctx[5])) {
15120
15207
  set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -15122,7 +15209,7 @@ function create_dynamic_element$2(ctx) {
15122
15209
  set_attributes(svelte_element, svelte_element_data);
15123
15210
  }
15124
15211
 
15125
- toggle_class(svelte_element, "svelte-1n4oa5l", true);
15212
+ toggle_class(svelte_element, "svelte-10a9nyt", true);
15126
15213
  },
15127
15214
  m(target, anchor) {
15128
15215
  insert(target, svelte_element, anchor);
@@ -15160,7 +15247,7 @@ function create_dynamic_element$2(ctx) {
15160
15247
  set_attributes(svelte_element, svelte_element_data);
15161
15248
  }
15162
15249
 
15163
- toggle_class(svelte_element, "svelte-1n4oa5l", true);
15250
+ toggle_class(svelte_element, "svelte-10a9nyt", true);
15164
15251
  },
15165
15252
  d(detaching) {
15166
15253
  if (detaching) detach(svelte_element);
@@ -15254,7 +15341,7 @@ class Image extends SvelteComponent {
15254
15341
  /* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
15255
15342
 
15256
15343
  function add_css$6(target) {
15257
- append_styles(target, "svelte-1tjo4al", ".layout.svelte-1tjo4al{text-decoration:none;color:inherit}.layout[data-clickable=true].svelte-1tjo4al{cursor:pointer}.layout[data-clickable=true].svelte-1tjo4al:hover{opacity:0.8}");
15344
+ append_styles(target, "svelte-139vx15", ".layout.svelte-139vx15{text-decoration:none;color:inherit}.layout[data-clickable=true].svelte-139vx15{cursor:pointer}.layout[data-clickable=true].svelte-139vx15:hover{opacity:0.8}");
15258
15345
  }
15259
15346
 
15260
15347
  // (28:0) <svelte:element {...attributes} this="div" class="layout" style={style} data-layer-id={layerId} on:click={handleClick} >
@@ -15290,7 +15377,7 @@ function create_dynamic_element$1(ctx) {
15290
15377
  set_attributes(svelte_element, svelte_element_data);
15291
15378
  }
15292
15379
 
15293
- toggle_class(svelte_element, "svelte-1tjo4al", true);
15380
+ toggle_class(svelte_element, "svelte-139vx15", true);
15294
15381
  },
15295
15382
  m(target, anchor) {
15296
15383
  insert(target, svelte_element, anchor);
@@ -15335,7 +15422,7 @@ function create_dynamic_element$1(ctx) {
15335
15422
  set_attributes(svelte_element, svelte_element_data);
15336
15423
  }
15337
15424
 
15338
- toggle_class(svelte_element, "svelte-1tjo4al", true);
15425
+ toggle_class(svelte_element, "svelte-139vx15", true);
15339
15426
  },
15340
15427
  i(local) {
15341
15428
  if (current) return;
@@ -15459,7 +15546,7 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
15459
15546
  /* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
15460
15547
 
15461
15548
  function add_css$5(target) {
15462
- append_styles(target, "svelte-10vbkzx", ".container.svelte-10vbkzx{-webkit-user-drag:none}");
15549
+ append_styles(target, "svelte-17ij7ip", ".container.svelte-17ij7ip{-webkit-user-drag:none}");
15463
15550
  }
15464
15551
 
15465
15552
  function get_each_context(ctx, list, i) {
@@ -15561,7 +15648,7 @@ function create_fragment$5(ctx) {
15561
15648
  each_blocks[i].c();
15562
15649
  }
15563
15650
 
15564
- attr(div0, "class", "container svelte-10vbkzx");
15651
+ attr(div0, "class", "container svelte-17ij7ip");
15565
15652
  attr(div0, "style", div0_style_value = [/*containerStyle*/ ctx[5], /*overrideStyle*/ ctx[1]].join(' '));
15566
15653
  attr(div1, "style", /*indicatorListStyle*/ ctx[4]);
15567
15654
  attr(div2, "data-layer-id", /*layerId*/ ctx[0]);
@@ -15882,32 +15969,32 @@ class Slider extends SvelteComponent {
15882
15969
  }
15883
15970
  }
15884
15971
 
15885
- const TEXT_THEME_STYLES = {
15972
+ const getTextThemeStyles = getPropStyles(({ brandKit }) => ({
15886
15973
  default: {
15887
- color: BRAND_KIT.colors.text_primary.main,
15974
+ color: brandKit.color_text_primary,
15888
15975
  },
15889
15976
  gray: {
15890
- color: BRAND_KIT.colors.text_secondary.main,
15977
+ color: brandKit.color_text_secondary,
15891
15978
  },
15892
15979
  brand: {
15893
- color: BRAND_KIT.colors.brand.main,
15980
+ color: brandKit.color_brand,
15894
15981
  },
15895
15982
  success: {
15896
- color: BRAND_KIT.colors.success.main,
15983
+ color: brandKit.color_success,
15897
15984
  },
15898
15985
  warning: {
15899
- color: BRAND_KIT.colors.warning.main,
15986
+ color: brandKit.color_warning,
15900
15987
  },
15901
15988
  danger: {
15902
- color: BRAND_KIT.colors.danger.main,
15989
+ color: brandKit.color_danger,
15903
15990
  },
15904
15991
  info: {
15905
- color: BRAND_KIT.colors.info.main,
15992
+ color: brandKit.color_info,
15906
15993
  },
15907
15994
  white: {
15908
- color: BRAND_KIT.colors.white.main,
15995
+ color: brandKit.color_white,
15909
15996
  },
15910
- };
15997
+ }));
15911
15998
 
15912
15999
  const TEXT_VARIANTS = {
15913
16000
  size: {
@@ -15967,7 +16054,7 @@ const TEXT_VARIANTS = {
15967
16054
  /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
15968
16055
 
15969
16056
  function add_css$4(target) {
15970
- append_styles(target, "svelte-14kt34i", ".text.svelte-14kt34i{margin:0;word-break:break-all;text-decoration:none}");
16057
+ append_styles(target, "svelte-vifn7y", ".text.svelte-vifn7y{margin:0;word-break:break-all;text-decoration:none}");
15971
16058
  }
15972
16059
 
15973
16060
  function create_fragment$4(ctx) {
@@ -15976,7 +16063,7 @@ function create_fragment$4(ctx) {
15976
16063
  return {
15977
16064
  c() {
15978
16065
  p = element("p");
15979
- attr(p, "class", "text svelte-14kt34i");
16066
+ attr(p, "class", "text svelte-vifn7y");
15980
16067
  attr(p, "style", /*style*/ ctx[1]);
15981
16068
  attr(p, "data-layer-id", /*layerId*/ ctx[0]);
15982
16069
  },
@@ -16008,6 +16095,8 @@ function instance$4($$self, $$props, $$invalidate) {
16008
16095
  let { props = { content: '' } } = $$props;
16009
16096
  let { layerId = '' } = $$props;
16010
16097
  useInjectCustomizeCss(props);
16098
+ const { brandKit } = useBrandKit();
16099
+ const themeStyles = getTextThemeStyles(brandKit);
16011
16100
 
16012
16101
  if (props.fontFamily) {
16013
16102
  addFont(props.fontFamily);
@@ -16015,7 +16104,7 @@ function instance$4($$self, $$props, $$invalidate) {
16015
16104
 
16016
16105
  const getColor = () => {
16017
16106
  if (props.color) return props.color;
16018
- if (props.theme) return TEXT_THEME_STYLES[props.theme].color;
16107
+ if (props.theme) return themeStyles[props.theme].color;
16019
16108
  return undefined;
16020
16109
  };
16021
16110
 
@@ -16123,34 +16212,34 @@ const TEXT_LINK_SIZE_STYLES = {
16123
16212
  fontSize: '16px',
16124
16213
  },
16125
16214
  };
16126
- const TEXT_LINK_THEME_STYLES = {
16215
+ const getTextLinkThemeStyles = getPropStyles(({ brandKit }) => ({
16127
16216
  default: {
16128
- color: BRAND_KIT.colors.text_primary.main,
16217
+ color: brandKit.color_text_primary,
16129
16218
  },
16130
16219
  link: {
16131
- color: BRAND_KIT.colors.link.main,
16220
+ color: brandKit.color_link,
16132
16221
  },
16133
16222
  brand: {
16134
- color: BRAND_KIT.colors.brand.main,
16223
+ color: brandKit.color_brand,
16135
16224
  },
16136
16225
  alert: {
16137
- color: BRAND_KIT.colors.danger.main,
16226
+ color: brandKit.color_danger,
16138
16227
  },
16139
16228
  gray: {
16140
- color: BRAND_KIT.colors.text_secondary.main,
16229
+ color: brandKit.color_text_secondary,
16141
16230
  },
16142
16231
  white: {
16143
- color: BRAND_KIT.colors.white.main,
16232
+ color: brandKit.color_white,
16144
16233
  },
16145
- };
16234
+ }));
16146
16235
 
16147
16236
  /* src/components-flex/text-link/TextLink.svelte generated by Svelte v3.53.1 */
16148
16237
 
16149
16238
  function add_css$3(target) {
16150
- append_styles(target, "svelte-1tdy1qt", ".link.svelte-1tdy1qt{-webkit-appearance:none;border:0;background:none;padding:0}.link.svelte-1tdy1qt,.link.svelte-1tdy1qt:visited,.link.svelte-1tdy1qt:link{color:var(--color)}.link.svelte-1tdy1qt:hover{color:var(--hover-color)}.link.svelte-1tdy1qt:active{color:var(--active-color)}.link.underline-hover-on.svelte-1tdy1qt{text-decoration:none}.link.underline-hover-on.svelte-1tdy1qt:hover{text-decoration:underline}.link.underline-hover-off.svelte-1tdy1qt{text-decoration:underline}.link.underline-hover-off.svelte-1tdy1qt:hover{text-decoration:none}.link.underline-on.svelte-1tdy1qt{text-decoration:underline}.link.underline-off.svelte-1tdy1qt{text-decoration:none}");
16239
+ append_styles(target, "svelte-1y4hh01", ".link.svelte-1y4hh01{-webkit-appearance:none;border:0;background:none;padding:0}.link.svelte-1y4hh01,.link.svelte-1y4hh01:visited,.link.svelte-1y4hh01:link{color:var(--color)}.link.svelte-1y4hh01:hover{color:var(--hover-color)}.link.svelte-1y4hh01:active{color:var(--active-color)}.link.underline-hover-on.svelte-1y4hh01{text-decoration:none}.link.underline-hover-on.svelte-1y4hh01:hover{text-decoration:underline}.link.underline-hover-off.svelte-1y4hh01{text-decoration:underline}.link.underline-hover-off.svelte-1y4hh01:hover{text-decoration:none}.link.underline-on.svelte-1y4hh01{text-decoration:underline}.link.underline-off.svelte-1y4hh01{text-decoration:none}");
16151
16240
  }
16152
16241
 
16153
- // (69:2) {#if props.isIcon && props.iconVariant}
16242
+ // (71:2) {#if props.isIcon && props.iconVariant}
16154
16243
  function create_if_block$2(ctx) {
16155
16244
  let icon;
16156
16245
  let current;
@@ -16201,7 +16290,7 @@ function create_if_block$2(ctx) {
16201
16290
  };
16202
16291
  }
16203
16292
 
16204
- // (61:0) <svelte:element {...attributes} this={element} class={`link ${underlineClass}`} style={style} data-layer-id={layerId} on:click={handleClick} >
16293
+ // (63:0) <svelte:element {...attributes} this={element} class={`link ${underlineClass}`} style={style} data-layer-id={layerId} on:click={handleClick} >
16205
16294
  function create_dynamic_element(ctx) {
16206
16295
  let svelte_element;
16207
16296
  let t;
@@ -16240,7 +16329,7 @@ function create_dynamic_element(ctx) {
16240
16329
  set_attributes(svelte_element, svelte_element_data);
16241
16330
  }
16242
16331
 
16243
- toggle_class(svelte_element, "svelte-1tdy1qt", true);
16332
+ toggle_class(svelte_element, "svelte-1y4hh01", true);
16244
16333
  },
16245
16334
  m(target, anchor) {
16246
16335
  insert(target, svelte_element, anchor);
@@ -16293,7 +16382,7 @@ function create_dynamic_element(ctx) {
16293
16382
  set_attributes(svelte_element, svelte_element_data);
16294
16383
  }
16295
16384
 
16296
- toggle_class(svelte_element, "svelte-1tdy1qt", true);
16385
+ toggle_class(svelte_element, "svelte-1y4hh01", true);
16297
16386
  },
16298
16387
  i(local) {
16299
16388
  if (current) return;
@@ -16366,8 +16455,10 @@ function instance$3($$self, $$props, $$invalidate) {
16366
16455
  let { props = { label: '' } } = $$props;
16367
16456
  let { layerId = '' } = $$props;
16368
16457
  useInjectCustomizeCss(props);
16458
+ const { brandKit } = useBrandKit();
16369
16459
  const { attributes, element, handleClick } = useClickable({ ...props, element: 'span' });
16370
- const themeStyle = TEXT_LINK_THEME_STYLES[props.theme ?? 'link'];
16460
+ const themeStyles = getTextLinkThemeStyles(brandKit);
16461
+ const themeStyle = themeStyles[props.theme ?? 'link'];
16371
16462
  const sizeStyle = TEXT_LINK_SIZE_STYLES[props.size ?? 'medium'];
16372
16463
 
16373
16464
  const underlineClass = (() => {
@@ -16463,7 +16554,7 @@ const TEXT_LINK_UNDERLINE = {
16463
16554
  /* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
16464
16555
 
16465
16556
  function add_css$2(target) {
16466
- append_styles(target, "svelte-ed4ktn", ".v2-background.svelte-ed4ktn{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
16557
+ append_styles(target, "svelte-18nkdjz", ".v2-background.svelte-18nkdjz{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
16467
16558
  }
16468
16559
 
16469
16560
  // (14:0) {#if backgroundOverlay}
@@ -16476,7 +16567,7 @@ function create_if_block$1(ctx) {
16476
16567
  return {
16477
16568
  c() {
16478
16569
  div = element("div");
16479
- attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"));
16570
+ attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
16480
16571
  },
16481
16572
  m(target, anchor) {
16482
16573
  insert(target, div, anchor);
@@ -16487,7 +16578,7 @@ function create_if_block$1(ctx) {
16487
16578
  }
16488
16579
  },
16489
16580
  p(ctx, dirty) {
16490
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"))) {
16581
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
16491
16582
  attr(div, "class", div_class_value);
16492
16583
  }
16493
16584
  },
@@ -16559,7 +16650,7 @@ class BackgroundOverlay extends SvelteComponent {
16559
16650
  /* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
16560
16651
 
16561
16652
  function add_css$1(target) {
16562
- append_styles(target, "svelte-15b58xm", "*{box-sizing:border-box}.modal.svelte-15b58xm{position:fixed;z-index:2147483647;display:flex}.modal.svelte-15b58xm > .button{flex:auto;display:flex}@media screen and (min-width: 641px){.modal-bp.svelte-15b58xm{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-15b58xm{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
16653
+ append_styles(target, "svelte-45ue06", "*{box-sizing:border-box}.modal.svelte-45ue06{position:fixed;z-index:2147483647;display:flex}.modal.svelte-45ue06 > .button{flex:auto;display:flex}@media screen and (min-width: 641px){.modal-bp.svelte-45ue06{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-45ue06{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
16563
16654
  }
16564
16655
 
16565
16656
  // (220:0) {:else}
@@ -16700,7 +16791,7 @@ function create_if_block(ctx) {
16700
16791
  c() {
16701
16792
  div = element("div");
16702
16793
  if (default_slot) default_slot.c();
16703
- attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-15b58xm"));
16794
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"));
16704
16795
  attr(div, "role", "dialog");
16705
16796
  attr(div, "aria-modal", "true");
16706
16797
  attr(div, "data-layer-id", /*layerId*/ ctx[2]);
@@ -16734,7 +16825,7 @@ function create_if_block(ctx) {
16734
16825
  }
16735
16826
  }
16736
16827
 
16737
- if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-15b58xm"))) {
16828
+ if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"))) {
16738
16829
  attr(div, "class", div_class_value);
16739
16830
  }
16740
16831
 
@@ -17197,7 +17288,7 @@ class Modal extends SvelteComponent {
17197
17288
  /* src/components-flex/code/Code.svelte generated by Svelte v3.53.1 */
17198
17289
 
17199
17290
  function add_css(target) {
17200
- append_styles(target, "svelte-jviwnb", ".code.svelte-jviwnb{flex-grow:1;flex-shrink:0;align-self:stretch}");
17291
+ append_styles(target, "svelte-igivoz", ".code.svelte-igivoz{flex-grow:1;flex-shrink:0;align-self:stretch}");
17201
17292
  }
17202
17293
 
17203
17294
  function create_fragment(ctx) {
@@ -17207,7 +17298,7 @@ function create_fragment(ctx) {
17207
17298
  return {
17208
17299
  c() {
17209
17300
  div = element("div");
17210
- attr(div, "class", "code svelte-jviwnb");
17301
+ attr(div, "class", "code svelte-igivoz");
17211
17302
  attr(div, "data-layer-id", /*layerId*/ ctx[1]);
17212
17303
  },
17213
17304
  m(target, anchor) {
@@ -17337,4 +17428,4 @@ const ROUND_STYLES = {
17337
17428
  },
17338
17429
  };
17339
17430
 
17340
- export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BRAND_KIT, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_SIZE_STYLES, BUTTON_OUTLINED_THEME_STYLES, BUTTON_OUTLINED_WRAP_STYLES, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_TEXT_SIZE, BUTTON_TEXT_SIZE_STYLES, BUTTON_TEXT_THEME, BUTTON_TEXT_THEME_STYLES, BUTTON_THEME, BUTTON_THEME_STYLES, BUTTON_WRAP_STYLES, BackgroundSizes, Box, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, Avatar as FlexAvatar, Button as FlexButton, ButtonOutlined as FlexButtonOutlined, ButtonText as FlexButtonText, CloseButton as FlexCloseButton, Code as FlexCode, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, Slider as FlexSlider, Text as FlexText, TextLink as FlexTextLink, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_SIZE, ICON_SIZE_STYLES, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, ROUND_STYLES, ROUND_VARIANT, Repeats, SHADOW_STYLES, SHADOW_VARIANT, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_LINK_SIZE, TEXT_LINK_SIZE_STYLES, TEXT_LINK_THEME, TEXT_LINK_THEME_STYLES, TEXT_LINK_UNDERLINE, TEXT_STYLE, TEXT_THEME, TEXT_THEME_STYLES, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, buttonOutlinedPropsDefault, buttonPropsDefault, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };
17431
+ export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, AVATAR_SIZE_STYLES, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_SIZE_STYLES, BUTTON_OUTLINED_WRAP_STYLES, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_TEXT_SIZE, BUTTON_TEXT_SIZE_STYLES, BUTTON_TEXT_THEME, BUTTON_THEME, BUTTON_THEME_STYLES, BUTTON_WRAP_STYLES, BackgroundSizes, Box, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, Avatar as FlexAvatar, Button as FlexButton, ButtonOutlined as FlexButtonOutlined, ButtonText as FlexButtonText, CloseButton as FlexCloseButton, Code as FlexCode, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, Slider as FlexSlider, Text as FlexText, TextLink as FlexTextLink, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_SIZE, ICON_SIZE_STYLES, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, ROUND_STYLES, ROUND_VARIANT, Repeats, SHADOW_STYLES, SHADOW_VARIANT, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_LINK_SIZE, TEXT_LINK_SIZE_STYLES, TEXT_LINK_THEME, TEXT_LINK_UNDERLINE, TEXT_STYLE, TEXT_THEME, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, avatarPropsDefault, beforeUpdate, buttonOutlinedPropsDefault, buttonPropsDefault, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getBrandKit, getButtonOutlinedThemeStyles, getButtonTextThemeStyles, getButtonThemeStyles, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getTextLinkThemeStyles, getTextThemeStyles, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, useBrandKit, variables, widget };