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

Sign up to get free protection for your applications and to get access to all the features.
@@ -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, getContext, setContext, 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, setContext, getContext, createEventDispatcher } from 'svelte';
3
3
  import { SvelteComponent, init, safe_not_equal, element, claim_element, children, detach, insert_hydration, noop, component_subscribe, attr, create_slot, create_component, space, claim_component, claim_space, mount_component, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, destroy_component, append_styles, empty, group_outros, check_outros, null_to_empty, listen, assign, set_attributes, toggle_class, get_spread_update, prevent_default, is_function, add_render_callback, create_in_transition, binding_callbacks, set_style, svg_element, claim_svg_element, append_hydration, destroy_each, text, claim_text, set_data, src_url_equal, set_store_value, run_all, HtmlTagHydration, claim_html_tag, construct_svelte_component, subscribe, set_custom_element_data_map } from 'svelte/internal';
4
4
  import 'svelte/easing';
5
5
 
@@ -2950,38 +2950,6 @@ class Header extends SvelteComponent {
2950
2950
  }
2951
2951
  }
2952
2952
 
2953
- const BRAND_KIT_DEFAULT = {
2954
- font_family: 'sans-serif, serif, monospace, system-ui',
2955
- color_text_primary: '#222222',
2956
- color_text_secondary: '#555555',
2957
- color_brand: '#33403e',
2958
- color_link: '#1558d6',
2959
- color_danger: '#f44336',
2960
- color_warning: '#ffa726',
2961
- color_success: '#10b981',
2962
- color_info: '#29b6f6',
2963
- color_white: '#FFFFFF',
2964
- };
2965
- const getBrandKit = (customBrandKit) => {
2966
- return {
2967
- font_family: customBrandKit?.font_family ?? BRAND_KIT_DEFAULT.font_family,
2968
- color_text_primary: customBrandKit?.color_text_primary ?? BRAND_KIT_DEFAULT.color_text_primary,
2969
- color_text_secondary: customBrandKit?.color_text_secondary ?? BRAND_KIT_DEFAULT.color_text_secondary,
2970
- color_brand: customBrandKit?.color_brand ?? BRAND_KIT_DEFAULT.color_brand,
2971
- color_link: customBrandKit?.color_link ?? BRAND_KIT_DEFAULT.color_link,
2972
- color_danger: customBrandKit?.color_danger ?? BRAND_KIT_DEFAULT.color_danger,
2973
- color_warning: customBrandKit?.color_warning ?? BRAND_KIT_DEFAULT.color_warning,
2974
- color_success: customBrandKit?.color_success ?? BRAND_KIT_DEFAULT.color_success,
2975
- color_info: customBrandKit?.color_info ?? BRAND_KIT_DEFAULT.color_info,
2976
- color_white: customBrandKit?.color_white ?? BRAND_KIT_DEFAULT.color_white,
2977
- };
2978
- };
2979
- const useBrandKit = () => {
2980
- return {
2981
- brandKit: (getContext('brandKit') || getBrandKit()),
2982
- };
2983
- };
2984
-
2985
2953
  /* src/components/State.svelte generated by Svelte v3.53.1 */
2986
2954
 
2987
2955
  function create_fragment$1g(ctx) {
@@ -2989,8 +2957,8 @@ function create_fragment$1g(ctx) {
2989
2957
  let t;
2990
2958
  let current;
2991
2959
  header = new Header({});
2992
- const default_slot_template = /*#slots*/ ctx[2].default;
2993
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[1], null);
2960
+ const default_slot_template = /*#slots*/ ctx[1].default;
2961
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[0], null);
2994
2962
 
2995
2963
  return {
2996
2964
  c() {
@@ -3015,15 +2983,15 @@ function create_fragment$1g(ctx) {
3015
2983
  },
3016
2984
  p(ctx, [dirty]) {
3017
2985
  if (default_slot) {
3018
- if (default_slot.p && (!current || dirty & /*$$scope*/ 2)) {
2986
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 1)) {
3019
2987
  update_slot_base(
3020
2988
  default_slot,
3021
2989
  default_slot_template,
3022
2990
  ctx,
3023
- /*$$scope*/ ctx[1],
2991
+ /*$$scope*/ ctx[0],
3024
2992
  !current
3025
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[1])
3026
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[1], dirty, null),
2993
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[0])
2994
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[0], dirty, null),
3027
2995
  null
3028
2996
  );
3029
2997
  }
@@ -3050,28 +3018,25 @@ function create_fragment$1g(ctx) {
3050
3018
 
3051
3019
  function instance$1g($$self, $$props, $$invalidate) {
3052
3020
  let { $$slots: slots = {}, $$scope } = $$props;
3053
- let { customBrandKit = undefined } = $$props;
3054
- setContext('brandKit', getBrandKit(customBrandKit));
3055
3021
 
3056
3022
  $$self.$$set = $$props => {
3057
- if ('customBrandKit' in $$props) $$invalidate(0, customBrandKit = $$props.customBrandKit);
3058
- if ('$$scope' in $$props) $$invalidate(1, $$scope = $$props.$$scope);
3023
+ if ('$$scope' in $$props) $$invalidate(0, $$scope = $$props.$$scope);
3059
3024
  };
3060
3025
 
3061
- return [customBrandKit, $$scope, slots];
3026
+ return [$$scope, slots];
3062
3027
  }
3063
3028
 
3064
3029
  class State extends SvelteComponent {
3065
3030
  constructor(options) {
3066
3031
  super();
3067
- init(this, options, instance$1g, create_fragment$1g, safe_not_equal, { customBrandKit: 0 });
3032
+ init(this, options, instance$1g, create_fragment$1g, safe_not_equal, {});
3068
3033
  }
3069
3034
  }
3070
3035
 
3071
3036
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
3072
3037
 
3073
3038
  function add_css$J(target) {
3074
- append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
3039
+ append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
3075
3040
  }
3076
3041
 
3077
3042
  // (23:0) {#if $state === path}
@@ -3098,7 +3063,7 @@ function create_if_block$f(ctx) {
3098
3063
  },
3099
3064
  h() {
3100
3065
  attr(div, "data-state-path", /*path*/ ctx[0]);
3101
- attr(div, "class", "state-item svelte-2qb6dm");
3066
+ attr(div, "class", "state-item svelte-1amihue");
3102
3067
  },
3103
3068
  m(target, anchor) {
3104
3069
  insert_hydration(target, div, anchor);
@@ -3365,7 +3330,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
3365
3330
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3366
3331
 
3367
3332
  function add_css$I(target) {
3368
- 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}");
3333
+ 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}");
3369
3334
  }
3370
3335
 
3371
3336
  // (14:0) {#if backgroundOverlay}
@@ -3386,7 +3351,7 @@ function create_if_block$e(ctx) {
3386
3351
  this.h();
3387
3352
  },
3388
3353
  h() {
3389
- attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
3354
+ attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"));
3390
3355
  },
3391
3356
  m(target, anchor) {
3392
3357
  insert_hydration(target, div, anchor);
@@ -3397,7 +3362,7 @@ function create_if_block$e(ctx) {
3397
3362
  }
3398
3363
  },
3399
3364
  p(ctx, dirty) {
3400
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
3365
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"))) {
3401
3366
  attr(div, "class", div_class_value);
3402
3367
  }
3403
3368
  },
@@ -3507,7 +3472,7 @@ function checkStopPropagation(eventName, handler) {
3507
3472
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3508
3473
 
3509
3474
  function add_css$H(target) {
3510
- 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}");
3475
+ 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}");
3511
3476
  }
3512
3477
 
3513
3478
  // (53:0) {:else}
@@ -3546,7 +3511,7 @@ function create_else_block$5(ctx) {
3546
3511
  },
3547
3512
  h() {
3548
3513
  set_attributes(button, button_data);
3549
- toggle_class(button, "svelte-15k4deh", true);
3514
+ toggle_class(button, "svelte-1kmu8zp", true);
3550
3515
  },
3551
3516
  m(target, anchor) {
3552
3517
  insert_hydration(target, button, anchor);
@@ -3585,7 +3550,7 @@ function create_else_block$5(ctx) {
3585
3550
  dataAttrStopPropagation('click')
3586
3551
  ]));
3587
3552
 
3588
- toggle_class(button, "svelte-15k4deh", true);
3553
+ toggle_class(button, "svelte-1kmu8zp", true);
3589
3554
  },
3590
3555
  i(local) {
3591
3556
  if (current) return;
@@ -3626,7 +3591,7 @@ function create_if_block_2$2(ctx) {
3626
3591
  this.h();
3627
3592
  },
3628
3593
  h() {
3629
- attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-15k4deh"));
3594
+ attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1kmu8zp"));
3630
3595
  attr(div, "style", /*style*/ ctx[1]);
3631
3596
  },
3632
3597
  m(target, anchor) {
@@ -3726,7 +3691,7 @@ function create_if_block_1$3(ctx) {
3726
3691
  },
3727
3692
  h() {
3728
3693
  set_attributes(a, a_data);
3729
- toggle_class(a, "svelte-15k4deh", true);
3694
+ toggle_class(a, "svelte-1kmu8zp", true);
3730
3695
  },
3731
3696
  m(target, anchor) {
3732
3697
  insert_hydration(target, a, anchor);
@@ -3768,7 +3733,7 @@ function create_if_block_1$3(ctx) {
3768
3733
  dataAttrStopPropagation('click')
3769
3734
  ]));
3770
3735
 
3771
- toggle_class(a, "svelte-15k4deh", true);
3736
+ toggle_class(a, "svelte-1kmu8zp", true);
3772
3737
  },
3773
3738
  i(local) {
3774
3739
  if (current) return;
@@ -3809,7 +3774,7 @@ function create_if_block$d(ctx) {
3809
3774
  this.h();
3810
3775
  },
3811
3776
  h() {
3812
- attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-15k4deh"));
3777
+ attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1kmu8zp"));
3813
3778
  attr(div, "style", /*style*/ ctx[1]);
3814
3779
  },
3815
3780
  m(target, anchor) {
@@ -4022,7 +3987,7 @@ let Button$1 = class Button extends SvelteComponent {
4022
3987
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
4023
3988
 
4024
3989
  function add_css$G(target) {
4025
- 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}}");
3990
+ 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}}");
4026
3991
  }
4027
3992
 
4028
3993
  // (278:0) {:else}
@@ -4197,7 +4162,7 @@ function create_if_block$c(ctx) {
4197
4162
  this.h();
4198
4163
  },
4199
4164
  h() {
4200
- attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"));
4165
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"));
4201
4166
  attr(div, "role", "dialog");
4202
4167
  attr(div, "aria-modal", "true");
4203
4168
  attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
@@ -4221,7 +4186,7 @@ function create_if_block$c(ctx) {
4221
4186
 
4222
4187
  button.$set(button_changes);
4223
4188
 
4224
- if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"))) {
4189
+ 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
4190
  attr(div, "class", div_class_value);
4226
4191
  }
4227
4192
  },
@@ -4286,7 +4251,7 @@ function create_if_block_1$2(ctx) {
4286
4251
  this.h();
4287
4252
  },
4288
4253
  h() {
4289
- attr(div, "class", "close svelte-1ijkyzl");
4254
+ attr(div, "class", "close svelte-1i2vo31");
4290
4255
  set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
4291
4256
  },
4292
4257
  m(target, anchor) {
@@ -4411,7 +4376,7 @@ function create_default_slot$6(ctx) {
4411
4376
  this.h();
4412
4377
  },
4413
4378
  h() {
4414
- attr(div, "class", "modal-content svelte-1ijkyzl");
4379
+ attr(div, "class", "modal-content svelte-1i2vo31");
4415
4380
  attr(div, "style", /*_style*/ ctx[5]);
4416
4381
  },
4417
4382
  m(target, anchor) {
@@ -5049,7 +5014,7 @@ class Grid extends SvelteComponent {
5049
5014
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
5050
5015
 
5051
5016
  function add_css$F(target) {
5052
- append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
5017
+ append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
5053
5018
  }
5054
5019
 
5055
5020
  function create_fragment$1a(ctx) {
@@ -5083,8 +5048,8 @@ function create_fragment$1a(ctx) {
5083
5048
  this.h();
5084
5049
  },
5085
5050
  h() {
5086
- attr(div0, "class", "grid-item-inner svelte-n7kdl3");
5087
- attr(div1, "class", "grid-item svelte-n7kdl3");
5051
+ attr(div0, "class", "grid-item-inner svelte-1cryhmb");
5052
+ attr(div1, "class", "grid-item svelte-1cryhmb");
5088
5053
  attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
5089
5054
  attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
5090
5055
  attr(div1, "style", /*_style*/ ctx[1]);
@@ -5406,7 +5371,7 @@ class RenderText extends SvelteComponent {
5406
5371
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
5407
5372
 
5408
5373
  function add_css$E(target) {
5409
- 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}");
5374
+ 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}");
5410
5375
  }
5411
5376
 
5412
5377
  // (92:2) {:else}
@@ -5436,8 +5401,8 @@ function create_else_block$2(ctx) {
5436
5401
  this.h();
5437
5402
  },
5438
5403
  h() {
5439
- attr(div0, "class", "text-element-inner svelte-9ixs0b");
5440
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5404
+ attr(div0, "class", "text-element-inner svelte-vz6867");
5405
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5441
5406
  attr(div1, "style", /*style*/ ctx[5]);
5442
5407
  },
5443
5408
  m(target, anchor) {
@@ -5451,7 +5416,7 @@ function create_else_block$2(ctx) {
5451
5416
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5452
5417
  rendertext.$set(rendertext_changes);
5453
5418
 
5454
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
5419
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
5455
5420
  attr(div1, "class", div1_class_value);
5456
5421
  }
5457
5422
 
@@ -5526,12 +5491,12 @@ function create_if_block$a(ctx) {
5526
5491
  this.h();
5527
5492
  },
5528
5493
  h() {
5529
- attr(div0, "class", "text-element-inner svelte-9ixs0b");
5494
+ attr(div0, "class", "text-element-inner svelte-vz6867");
5530
5495
  attr(a, "href", '');
5531
- attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5496
+ attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5532
5497
  attr(a, "style", /*style*/ ctx[5]);
5533
- attr(div1, "class", "tooltip svelte-9ixs0b");
5534
- attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
5498
+ attr(div1, "class", "tooltip svelte-vz6867");
5499
+ attr(div2, "class", "tooltip tooltip-error svelte-vz6867");
5535
5500
  },
5536
5501
  m(target, anchor) {
5537
5502
  insert_hydration(target, a, anchor);
@@ -5557,7 +5522,7 @@ function create_if_block$a(ctx) {
5557
5522
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5558
5523
  rendertext.$set(rendertext_changes);
5559
5524
 
5560
- 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"))) {
5525
+ 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"))) {
5561
5526
  attr(a, "class", a_class_value);
5562
5527
  }
5563
5528
 
@@ -5619,7 +5584,7 @@ function create_fragment$18(ctx) {
5619
5584
  this.h();
5620
5585
  },
5621
5586
  h() {
5622
- attr(div, "class", "text-element-wrapper svelte-9ixs0b");
5587
+ attr(div, "class", "text-element-wrapper svelte-vz6867");
5623
5588
  },
5624
5589
  m(target, anchor) {
5625
5590
  insert_hydration(target, div, anchor);
@@ -5785,7 +5750,7 @@ class TextElement extends SvelteComponent {
5785
5750
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5786
5751
 
5787
5752
  function add_css$D(target) {
5788
- 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)}");
5753
+ 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)}");
5789
5754
  }
5790
5755
 
5791
5756
  // (48:2) <Button {onClick} {style} {eventName}>
@@ -5854,7 +5819,7 @@ function create_fragment$17(ctx) {
5854
5819
  this.h();
5855
5820
  },
5856
5821
  h() {
5857
- attr(div, "class", "text-button-element svelte-1vg84sc");
5822
+ attr(div, "class", "text-button-element svelte-ujdxfc");
5858
5823
  },
5859
5824
  m(target, anchor) {
5860
5825
  insert_hydration(target, div, anchor);
@@ -5946,7 +5911,7 @@ class TextButtonElement extends SvelteComponent {
5946
5911
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5947
5912
 
5948
5913
  function add_css$C(target) {
5949
- 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%}");
5914
+ 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%}");
5950
5915
  }
5951
5916
 
5952
5917
  // (44:2) <Button {onClick} style={_style} {eventName}>
@@ -5974,7 +5939,7 @@ function create_default_slot$4(ctx) {
5974
5939
  this.h();
5975
5940
  },
5976
5941
  h() {
5977
- attr(img, "class", "image svelte-t6tu0e");
5942
+ attr(img, "class", "image svelte-1alkh1m");
5978
5943
  attr(img, "loading", "lazy");
5979
5944
  attr(img, "width", "auto");
5980
5945
  attr(img, "height", "auto");
@@ -6046,7 +6011,7 @@ function create_fragment$16(ctx) {
6046
6011
  this.h();
6047
6012
  },
6048
6013
  h() {
6049
- attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
6014
+ attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m");
6050
6015
  },
6051
6016
  m(target, anchor) {
6052
6017
  insert_hydration(target, div, anchor);
@@ -6065,7 +6030,7 @@ function create_fragment$16(ctx) {
6065
6030
 
6066
6031
  button.$set(button_changes);
6067
6032
 
6068
- if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
6033
+ if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m")) {
6069
6034
  attr(div, "class", div_class_value);
6070
6035
  }
6071
6036
  },
@@ -6137,7 +6102,7 @@ class ImageElement extends SvelteComponent {
6137
6102
  /* src/components/List.svelte generated by Svelte v3.53.1 */
6138
6103
 
6139
6104
  function add_css$B(target) {
6140
- 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}");
6105
+ 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}");
6141
6106
  }
6142
6107
 
6143
6108
  function create_fragment$15(ctx) {
@@ -6160,7 +6125,7 @@ function create_fragment$15(ctx) {
6160
6125
  this.h();
6161
6126
  },
6162
6127
  h() {
6163
- attr(div, "class", "list svelte-aquv6z");
6128
+ attr(div, "class", "list svelte-1t8r9z");
6164
6129
  attr(div, "style", /*style*/ ctx[0]);
6165
6130
  },
6166
6131
  m(target, anchor) {
@@ -6294,7 +6259,7 @@ class List extends SvelteComponent {
6294
6259
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
6295
6260
 
6296
6261
  function add_css$A(target) {
6297
- 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}");
6262
+ 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}");
6298
6263
  }
6299
6264
 
6300
6265
  // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
@@ -6377,7 +6342,7 @@ function create_fragment$14(ctx) {
6377
6342
  this.h();
6378
6343
  },
6379
6344
  h() {
6380
- attr(div, "class", "list-item svelte-9n97pe");
6345
+ attr(div, "class", "list-item svelte-1lbw8v2");
6381
6346
  attr(div, "style", /*listItemStyle*/ ctx[3]);
6382
6347
  },
6383
6348
  m(target, anchor) {
@@ -6503,7 +6468,7 @@ class ListItem extends SvelteComponent {
6503
6468
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
6504
6469
 
6505
6470
  function add_css$z(target) {
6506
- 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}");
6471
+ 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}");
6507
6472
  }
6508
6473
 
6509
6474
  function create_fragment$13(ctx) {
@@ -6521,7 +6486,7 @@ function create_fragment$13(ctx) {
6521
6486
  this.h();
6522
6487
  },
6523
6488
  h() {
6524
- attr(div, "class", "embed svelte-wocq4p");
6489
+ attr(div, "class", "embed svelte-w6jkzh");
6525
6490
  attr(div, "style", /*_style*/ ctx[1]);
6526
6491
  },
6527
6492
  m(target, anchor) {
@@ -6564,7 +6529,7 @@ class EmbedElement extends SvelteComponent {
6564
6529
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
6565
6530
 
6566
6531
  function add_css$y(target) {
6567
- 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%}");
6532
+ 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%}");
6568
6533
  }
6569
6534
 
6570
6535
  function create_fragment$12(ctx) {
@@ -6587,7 +6552,7 @@ function create_fragment$12(ctx) {
6587
6552
  },
6588
6553
  h() {
6589
6554
  attr(div0, "class", "karte-player");
6590
- attr(div1, "class", "embed svelte-vikz49");
6555
+ attr(div1, "class", "embed svelte-ljxq7x");
6591
6556
  attr(div1, "style", /*_style*/ ctx[0]);
6592
6557
  },
6593
6558
  m(target, anchor) {
@@ -6929,7 +6894,7 @@ class MovieYouTubeElement extends SvelteComponent {
6929
6894
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6930
6895
 
6931
6896
  function add_css$x(target) {
6932
- 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%}");
6897
+ 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%}");
6933
6898
  }
6934
6899
 
6935
6900
  function create_fragment$11(ctx) {
@@ -6952,7 +6917,7 @@ function create_fragment$11(ctx) {
6952
6917
  },
6953
6918
  h() {
6954
6919
  attr(div0, "class", "karte-player");
6955
- attr(div1, "class", "embed svelte-vikz49");
6920
+ attr(div1, "class", "embed svelte-ljxq7x");
6956
6921
  attr(div1, "style", /*_style*/ ctx[0]);
6957
6922
  },
6958
6923
  m(target, anchor) {
@@ -7136,7 +7101,7 @@ class MovieVimeoElement extends SvelteComponent {
7136
7101
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
7137
7102
 
7138
7103
  function add_css$w(target) {
7139
- 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}");
7104
+ 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}");
7140
7105
  }
7141
7106
 
7142
7107
  function create_fragment$10(ctx) {
@@ -7166,12 +7131,12 @@ function create_fragment$10(ctx) {
7166
7131
  this.h();
7167
7132
  },
7168
7133
  h() {
7169
- attr(textarea, "class", "textarea svelte-zxvkkc");
7134
+ attr(textarea, "class", "textarea svelte-1fjy5oo");
7170
7135
  textarea.value = /*$value*/ ctx[4];
7171
7136
  textarea.required = /*required*/ ctx[1];
7172
7137
  attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
7173
7138
  attr(textarea, "style", /*style*/ ctx[3]);
7174
- attr(div, "class", "textarea-wrapper svelte-zxvkkc");
7139
+ attr(div, "class", "textarea-wrapper svelte-1fjy5oo");
7175
7140
  attr(div, "style", /*styleVariables*/ ctx[2]);
7176
7141
  },
7177
7142
  m(target, anchor) {
@@ -7323,7 +7288,7 @@ class FormTextarea extends SvelteComponent {
7323
7288
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
7324
7289
 
7325
7290
  function add_css$v(target) {
7326
- 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}");
7291
+ 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}");
7327
7292
  }
7328
7293
 
7329
7294
  function get_each_context$6(ctx, list, i) {
@@ -7380,14 +7345,14 @@ function create_each_block$6(ctx) {
7380
7345
  },
7381
7346
  h() {
7382
7347
  attr(input, "type", "radio");
7383
- attr(input, "class", "radio-button-input svelte-17s08g");
7348
+ attr(input, "class", "radio-button-input svelte-1ntb6j8");
7384
7349
  attr(input, "style", /*buttonStyle*/ ctx[5]);
7385
7350
  attr(input, "name", /*name*/ ctx[0]);
7386
7351
  input.value = input_value_value = /*option*/ ctx[17];
7387
7352
  input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
7388
- attr(span, "class", "radio-button-text svelte-17s08g");
7353
+ attr(span, "class", "radio-button-text svelte-1ntb6j8");
7389
7354
  attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7390
- attr(label, "class", "radio-button svelte-17s08g");
7355
+ attr(label, "class", "radio-button svelte-1ntb6j8");
7391
7356
  },
7392
7357
  m(target, anchor) {
7393
7358
  insert_hydration(target, label, anchor);
@@ -7466,7 +7431,7 @@ function create_fragment$$(ctx) {
7466
7431
  this.h();
7467
7432
  },
7468
7433
  h() {
7469
- attr(div, "class", "radio-buttons svelte-17s08g");
7434
+ attr(div, "class", "radio-buttons svelte-1ntb6j8");
7470
7435
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7471
7436
  },
7472
7437
  m(target, anchor) {
@@ -7635,7 +7600,7 @@ class FormRadioButtons extends SvelteComponent {
7635
7600
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
7636
7601
 
7637
7602
  function add_css$u(target) {
7638
- 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}");
7603
+ 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}");
7639
7604
  }
7640
7605
 
7641
7606
  function get_each_context$5(ctx, list, i) {
@@ -7806,10 +7771,10 @@ function create_fragment$_(ctx) {
7806
7771
  this.h();
7807
7772
  },
7808
7773
  h() {
7809
- attr(select, "class", "select-select svelte-t9ynyj");
7774
+ attr(select, "class", "select-select svelte-iejizj");
7810
7775
  attr(select, "style", /*style*/ ctx[3]);
7811
- attr(div0, "class", "select-icon svelte-t9ynyj");
7812
- attr(div1, "class", "select svelte-t9ynyj");
7776
+ attr(div0, "class", "select-icon svelte-iejizj");
7777
+ attr(div1, "class", "select svelte-iejizj");
7813
7778
  attr(div1, "style", /*styleVariables*/ ctx[2]);
7814
7779
  },
7815
7780
  m(target, anchor) {
@@ -8011,7 +7976,7 @@ class FormSelect extends SvelteComponent {
8011
7976
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
8012
7977
 
8013
7978
  function add_css$t(target) {
8014
- 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}");
7979
+ 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}");
8015
7980
  }
8016
7981
 
8017
7982
  function get_each_context$4(ctx, list, i) {
@@ -8073,19 +8038,19 @@ function create_each_block$4(ctx) {
8073
8038
  this.h();
8074
8039
  },
8075
8040
  h() {
8076
- attr(input, "class", "check-box-input svelte-1p65cg8");
8041
+ attr(input, "class", "check-box-input svelte-2pz1us");
8077
8042
  attr(input, "type", "checkbox");
8078
8043
  attr(input, "name", /*name*/ ctx[0]);
8079
8044
  input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
8080
- attr(span0, "class", "check-box-icon svelte-1p65cg8");
8045
+ attr(span0, "class", "check-box-icon svelte-2pz1us");
8081
8046
 
8082
8047
  attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
8083
8048
  ? ' _checked'
8084
- : ''}`) + " svelte-1p65cg8"));
8049
+ : ''}`) + " svelte-2pz1us"));
8085
8050
 
8086
- attr(span2, "class", "check-box-text svelte-1p65cg8");
8051
+ attr(span2, "class", "check-box-text svelte-2pz1us");
8087
8052
  attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
8088
- attr(label, "class", "check-box svelte-1p65cg8");
8053
+ attr(label, "class", "check-box svelte-2pz1us");
8089
8054
  attr(label, "style", /*styleVariables*/ ctx[5]);
8090
8055
  },
8091
8056
  m(target, anchor) {
@@ -8117,7 +8082,7 @@ function create_each_block$4(ctx) {
8117
8082
 
8118
8083
  if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
8119
8084
  ? ' _checked'
8120
- : ''}`) + " svelte-1p65cg8"))) {
8085
+ : ''}`) + " svelte-2pz1us"))) {
8121
8086
  attr(span1, "class", span1_class_value);
8122
8087
  }
8123
8088
 
@@ -8170,7 +8135,7 @@ function create_fragment$Z(ctx) {
8170
8135
  this.h();
8171
8136
  },
8172
8137
  h() {
8173
- attr(div, "class", "check-boxes svelte-1p65cg8");
8138
+ attr(div, "class", "check-boxes svelte-2pz1us");
8174
8139
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
8175
8140
  },
8176
8141
  m(target, anchor) {
@@ -8345,7 +8310,7 @@ class FormCheckBoxes extends SvelteComponent {
8345
8310
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
8346
8311
 
8347
8312
  function add_css$s(target) {
8348
- 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}");
8313
+ 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}");
8349
8314
  }
8350
8315
 
8351
8316
  function get_each_context$3(ctx, list, i) {
@@ -8380,7 +8345,7 @@ function create_each_block$3(ctx) {
8380
8345
  this.h();
8381
8346
  },
8382
8347
  h() {
8383
- attr(button, "class", "rating-button svelte-1iqf36p");
8348
+ attr(button, "class", "rating-button svelte-9idbf1");
8384
8349
  attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
8385
8350
  },
8386
8351
  m(target, anchor) {
@@ -8443,7 +8408,7 @@ function create_fragment$Y(ctx) {
8443
8408
  this.h();
8444
8409
  },
8445
8410
  h() {
8446
- attr(div, "class", "rating-buttons svelte-1iqf36p");
8411
+ attr(div, "class", "rating-buttons svelte-9idbf1");
8447
8412
  },
8448
8413
  m(target, anchor) {
8449
8414
  insert_hydration(target, div, anchor);
@@ -8587,7 +8552,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
8587
8552
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
8588
8553
 
8589
8554
  function add_css$r(target) {
8590
- 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%)}");
8555
+ 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%)}");
8591
8556
  }
8592
8557
 
8593
8558
  function get_each_context$2(ctx, list, i) {
@@ -8623,9 +8588,9 @@ function create_each_block$2(ctx) {
8623
8588
  },
8624
8589
  h() {
8625
8590
  if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
8626
- attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
8591
+ attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"));
8627
8592
  attr(img, "alt", "rate" + /*i*/ ctx[10]);
8628
- attr(button, "class", "rating-button svelte-tbunko");
8593
+ attr(button, "class", "rating-button svelte-1b5dvzw");
8629
8594
  attr(button, "style", /*buttonStyle*/ ctx[0]);
8630
8595
  },
8631
8596
  m(target, anchor) {
@@ -8641,7 +8606,7 @@ function create_each_block$2(ctx) {
8641
8606
  p(new_ctx, dirty) {
8642
8607
  ctx = new_ctx;
8643
8608
 
8644
- 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"))) {
8609
+ 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"))) {
8645
8610
  attr(img, "class", img_class_value);
8646
8611
  }
8647
8612
 
@@ -8688,7 +8653,7 @@ function create_fragment$X(ctx) {
8688
8653
  this.h();
8689
8654
  },
8690
8655
  h() {
8691
- attr(div, "class", "rating-buttons svelte-tbunko");
8656
+ attr(div, "class", "rating-buttons svelte-1b5dvzw");
8692
8657
  },
8693
8658
  m(target, anchor) {
8694
8659
  insert_hydration(target, div, anchor);
@@ -8796,7 +8761,7 @@ class FormRatingButtonsFace extends SvelteComponent {
8796
8761
  /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
8797
8762
 
8798
8763
  function add_css$q(target) {
8799
- 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}");
8764
+ 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}");
8800
8765
  }
8801
8766
 
8802
8767
  function create_fragment$W(ctx) {
@@ -8827,13 +8792,13 @@ function create_fragment$W(ctx) {
8827
8792
  this.h();
8828
8793
  },
8829
8794
  h() {
8830
- attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"));
8795
+ attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"));
8831
8796
  attr(input, "type", "text");
8832
8797
  input.value = /*$value*/ ctx[2];
8833
8798
  input.required = /*required*/ ctx[0];
8834
8799
  attr(input, "placeholder", /*placeholder*/ ctx[1]);
8835
8800
  attr(input, "style", /*style*/ ctx[5]);
8836
- attr(div, "class", "input-wrapper svelte-h8fqwx");
8801
+ attr(div, "class", "input-wrapper svelte-f14zo5");
8837
8802
  attr(div, "style", /*styleVariables*/ ctx[4]);
8838
8803
  },
8839
8804
  m(target, anchor) {
@@ -8846,7 +8811,7 @@ function create_fragment$W(ctx) {
8846
8811
  }
8847
8812
  },
8848
8813
  p(ctx, [dirty]) {
8849
- if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"))) {
8814
+ if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"))) {
8850
8815
  attr(input, "class", input_class_value);
8851
8816
  }
8852
8817
 
@@ -9034,7 +8999,7 @@ class FormIdentifyInput extends SvelteComponent {
9034
8999
  /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
9035
9000
 
9036
9001
  function add_css$p(target) {
9037
- 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}");
9002
+ 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}");
9038
9003
  }
9039
9004
 
9040
9005
  function create_fragment$V(ctx) {
@@ -9100,20 +9065,20 @@ function create_fragment$V(ctx) {
9100
9065
  },
9101
9066
  h() {
9102
9067
  attr(input0, "type", "radio");
9103
- attr(input0, "class", "radio-button-input svelte-8zbmyo");
9068
+ attr(input0, "class", "radio-button-input svelte-pzrwlo");
9104
9069
  attr(input0, "style", /*buttonStyle*/ ctx[2]);
9105
9070
  input0.checked = input0_checked_value = /*$value*/ ctx[3] === true;
9106
- attr(span0, "class", "radio-button-text svelte-8zbmyo");
9071
+ attr(span0, "class", "radio-button-text svelte-pzrwlo");
9107
9072
  attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
9108
- attr(label0, "class", "radio-button svelte-8zbmyo");
9073
+ attr(label0, "class", "radio-button svelte-pzrwlo");
9109
9074
  attr(input1, "type", "radio");
9110
- attr(input1, "class", "radio-button-input svelte-8zbmyo");
9075
+ attr(input1, "class", "radio-button-input svelte-pzrwlo");
9111
9076
  attr(input1, "style", /*buttonStyle*/ ctx[2]);
9112
9077
  input1.checked = input1_checked_value = /*$value*/ ctx[3] === false;
9113
- attr(span1, "class", "radio-button-text svelte-8zbmyo");
9078
+ attr(span1, "class", "radio-button-text svelte-pzrwlo");
9114
9079
  attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
9115
- attr(label1, "class", "radio-button svelte-8zbmyo");
9116
- attr(div, "class", "radio-buttons svelte-8zbmyo");
9080
+ attr(label1, "class", "radio-button svelte-pzrwlo");
9081
+ attr(div, "class", "radio-buttons svelte-pzrwlo");
9117
9082
  attr(div, "style", /*_layoutStyle*/ ctx[0]);
9118
9083
  },
9119
9084
  m(target, anchor) {
@@ -9281,7 +9246,7 @@ class FormIdentifyChoices extends SvelteComponent {
9281
9246
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
9282
9247
 
9283
9248
  function add_css$o(target) {
9284
- 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%}");
9249
+ 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%}");
9285
9250
  }
9286
9251
 
9287
9252
  function get_each_context$1(ctx, list, i) {
@@ -9327,9 +9292,9 @@ function create_if_block_1$1(ctx) {
9327
9292
  attr(svg, "viewBox", "0 0 10 16");
9328
9293
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
9329
9294
  attr(svg, "style", /*prevIconStyle*/ ctx[10]);
9330
- attr(button, "class", "move-button svelte-ji1fh");
9295
+ attr(button, "class", "move-button svelte-1qfq79t");
9331
9296
  attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
9332
- attr(div, "class", "prev-button-container svelte-ji1fh");
9297
+ attr(div, "class", "prev-button-container svelte-1qfq79t");
9333
9298
  },
9334
9299
  m(target, anchor) {
9335
9300
  insert_hydration(target, div, anchor);
@@ -9395,9 +9360,9 @@ function create_if_block$8(ctx) {
9395
9360
  attr(svg, "viewBox", "0 0 10 16");
9396
9361
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
9397
9362
  attr(svg, "style", /*nextIconStyle*/ ctx[8]);
9398
- attr(button, "class", "move-button svelte-ji1fh");
9363
+ attr(button, "class", "move-button svelte-1qfq79t");
9399
9364
  attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
9400
- attr(div, "class", "next-button-container svelte-ji1fh");
9365
+ attr(div, "class", "next-button-container svelte-1qfq79t");
9401
9366
  },
9402
9367
  m(target, anchor) {
9403
9368
  insert_hydration(target, div, anchor);
@@ -9457,9 +9422,9 @@ function create_each_block$1(ctx) {
9457
9422
  this.h();
9458
9423
  },
9459
9424
  h() {
9460
- attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
9425
+ attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
9461
9426
  attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
9462
- attr(button, "class", "navigation-item svelte-ji1fh");
9427
+ attr(button, "class", "navigation-item svelte-1qfq79t");
9463
9428
  attr(button, "style", /*navigationItemStyle*/ ctx[6]);
9464
9429
  },
9465
9430
  m(target, anchor) {
@@ -9565,14 +9530,14 @@ function create_fragment$U(ctx) {
9565
9530
  this.h();
9566
9531
  },
9567
9532
  h() {
9568
- attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
9533
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
9569
9534
  attr(div0, "style", /*slideStyle*/ ctx[14]);
9570
- attr(div1, "class", "container svelte-ji1fh");
9535
+ attr(div1, "class", "container svelte-1qfq79t");
9571
9536
  attr(div1, "style", /*_style*/ ctx[0]);
9572
- attr(div2, "class", "navigation svelte-ji1fh");
9537
+ attr(div2, "class", "navigation svelte-1qfq79t");
9573
9538
  attr(div2, "style", /*navigationStyle*/ ctx[4]);
9574
9539
  set_attributes(div3, div3_data);
9575
- toggle_class(div3, "svelte-ji1fh", true);
9540
+ toggle_class(div3, "svelte-1qfq79t", true);
9576
9541
  },
9577
9542
  m(target, anchor) {
9578
9543
  insert_hydration(target, div3, anchor);
@@ -9614,7 +9579,7 @@ function create_fragment$U(ctx) {
9614
9579
  }
9615
9580
  }
9616
9581
 
9617
- if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
9582
+ if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
9618
9583
  attr(div0, "class", div0_class_value);
9619
9584
  }
9620
9585
 
@@ -9680,7 +9645,7 @@ function create_fragment$U(ctx) {
9680
9645
  }
9681
9646
 
9682
9647
  set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
9683
- toggle_class(div3, "svelte-ji1fh", true);
9648
+ toggle_class(div3, "svelte-1qfq79t", true);
9684
9649
  },
9685
9650
  i(local) {
9686
9651
  if (current) return;
@@ -10192,7 +10157,7 @@ class Slide extends SvelteComponent {
10192
10157
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
10193
10158
 
10194
10159
  function add_css$n(target) {
10195
- 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}");
10160
+ 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}");
10196
10161
  }
10197
10162
 
10198
10163
  function create_fragment$T(ctx) {
@@ -10220,9 +10185,9 @@ function create_fragment$T(ctx) {
10220
10185
  this.h();
10221
10186
  },
10222
10187
  h() {
10223
- attr(div0, "class", "item-inner svelte-9ygf1w");
10188
+ attr(div0, "class", "item-inner svelte-1rv0qgo");
10224
10189
  attr(div0, "style", /*_style*/ ctx[0]);
10225
- attr(div1, "class", "item svelte-9ygf1w");
10190
+ attr(div1, "class", "item svelte-1rv0qgo");
10226
10191
  attr(div1, "style", /*itemStyle*/ ctx[1]);
10227
10192
  },
10228
10193
  m(target, anchor) {
@@ -10348,7 +10313,7 @@ class SlideItem extends SvelteComponent {
10348
10313
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
10349
10314
 
10350
10315
  function add_css$m(target) {
10351
- 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}");
10316
+ 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}");
10352
10317
  }
10353
10318
 
10354
10319
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
@@ -10379,9 +10344,9 @@ function create_fragment$S(ctx) {
10379
10344
  this.h();
10380
10345
  },
10381
10346
  h() {
10382
- attr(div0, "class", "countdown-inner svelte-rroxiz");
10347
+ attr(div0, "class", "countdown-inner svelte-t87l6f");
10383
10348
  attr(div0, "style", /*_style*/ ctx[0]);
10384
- attr(div1, "class", "countdown svelte-rroxiz");
10349
+ attr(div1, "class", "countdown svelte-t87l6f");
10385
10350
  },
10386
10351
  m(target, anchor) {
10387
10352
  insert_hydration(target, div1, anchor);
@@ -10511,7 +10476,7 @@ class Countdown extends SvelteComponent {
10511
10476
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
10512
10477
 
10513
10478
  function add_css$l(target) {
10514
- 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}");
10479
+ 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}");
10515
10480
  }
10516
10481
 
10517
10482
  // (24:2) <Button {onClick} style={_style} {eventName}>
@@ -10594,7 +10559,7 @@ function create_fragment$R(ctx) {
10594
10559
  this.h();
10595
10560
  },
10596
10561
  h() {
10597
- attr(div, "class", "box svelte-1ccydfy");
10562
+ attr(div, "class", "box svelte-1c91vpe");
10598
10563
  },
10599
10564
  m(target, anchor) {
10600
10565
  insert_hydration(target, div, anchor);
@@ -10655,7 +10620,7 @@ class Box extends SvelteComponent {
10655
10620
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
10656
10621
 
10657
10622
  function add_css$k(target) {
10658
- 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)}");
10623
+ 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)}");
10659
10624
  }
10660
10625
 
10661
10626
  // (56:4) {#if svg}
@@ -10759,7 +10724,7 @@ function create_fragment$Q(ctx) {
10759
10724
  this.h();
10760
10725
  },
10761
10726
  h() {
10762
- attr(div, "class", "icon svelte-1mkvcuo");
10727
+ attr(div, "class", "icon svelte-1mk6wi4");
10763
10728
  },
10764
10729
  m(target, anchor) {
10765
10730
  insert_hydration(target, div, anchor);
@@ -10868,7 +10833,7 @@ class IconElement extends SvelteComponent {
10868
10833
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
10869
10834
 
10870
10835
  function add_css$j(target) {
10871
- append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10836
+ append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10872
10837
  }
10873
10838
 
10874
10839
  function create_fragment$P(ctx) {
@@ -10904,7 +10869,7 @@ function create_fragment$P(ctx) {
10904
10869
  this.h();
10905
10870
  },
10906
10871
  h() {
10907
- attr(div, "class", "codeElement svelte-ymsb9l");
10872
+ attr(div, "class", "codeElement svelte-1ng2n51");
10908
10873
  attr(div, "style", /*style*/ ctx[3]);
10909
10874
  },
10910
10875
  m(target, anchor) {
@@ -10993,7 +10958,7 @@ class CodeElement extends SvelteComponent {
10993
10958
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
10994
10959
 
10995
10960
  function add_css$i(target) {
10996
- append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
10961
+ append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
10997
10962
  }
10998
10963
 
10999
10964
  function create_fragment$O(ctx) {
@@ -11017,7 +10982,7 @@ function create_fragment$O(ctx) {
11017
10982
  this.h();
11018
10983
  },
11019
10984
  h() {
11020
- attr(div, "class", "flex svelte-1e71ejc");
10985
+ attr(div, "class", "flex svelte-9v2qdg");
11021
10986
  attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
11022
10987
  },
11023
10988
  m(target, anchor) {
@@ -11114,7 +11079,7 @@ class Flex extends SvelteComponent {
11114
11079
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
11115
11080
 
11116
11081
  function add_css$h(target) {
11117
- append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
11082
+ append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
11118
11083
  }
11119
11084
 
11120
11085
  function create_fragment$N(ctx) {
@@ -11137,7 +11102,7 @@ function create_fragment$N(ctx) {
11137
11102
  this.h();
11138
11103
  },
11139
11104
  h() {
11140
- attr(div, "class", "flex-item svelte-1p0bk1x");
11105
+ attr(div, "class", "flex-item svelte-164ah5d");
11141
11106
  attr(div, "style", /*style*/ ctx[0]);
11142
11107
  },
11143
11108
  m(target, anchor) {
@@ -11557,7 +11522,7 @@ class GridModalState extends SvelteComponent {
11557
11522
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
11558
11523
 
11559
11524
  function add_css$g(target) {
11560
- 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%}");
11525
+ 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%}");
11561
11526
  }
11562
11527
 
11563
11528
  function create_fragment$L(ctx) {
@@ -11586,8 +11551,8 @@ function create_fragment$L(ctx) {
11586
11551
  this.h();
11587
11552
  },
11588
11553
  h() {
11589
- attr(div0, "class", "text-block-inner svelte-15pej1m");
11590
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
11554
+ attr(div0, "class", "text-block-inner svelte-akic2e");
11555
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"));
11591
11556
  attr(div1, "style", /*style*/ ctx[2]);
11592
11557
  },
11593
11558
  m(target, anchor) {
@@ -11601,7 +11566,7 @@ function create_fragment$L(ctx) {
11601
11566
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
11602
11567
  rendertext.$set(rendertext_changes);
11603
11568
 
11604
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
11569
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"))) {
11605
11570
  attr(div1, "class", div1_class_value);
11606
11571
  }
11607
11572
 
@@ -11679,7 +11644,7 @@ class TextBlock extends SvelteComponent {
11679
11644
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
11680
11645
 
11681
11646
  function add_css$f(target) {
11682
- 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)}");
11647
+ 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)}");
11683
11648
  }
11684
11649
 
11685
11650
  function create_fragment$K(ctx) {
@@ -11709,9 +11674,9 @@ function create_fragment$K(ctx) {
11709
11674
  this.h();
11710
11675
  },
11711
11676
  h() {
11712
- attr(button, "class", "text-button svelte-ff0k6r");
11677
+ attr(button, "class", "text-button svelte-1c34p4n");
11713
11678
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
11714
- attr(div, "class", "text-button-block svelte-ff0k6r");
11679
+ attr(div, "class", "text-button-block svelte-1c34p4n");
11715
11680
  attr(div, "style", /*_style*/ ctx[2]);
11716
11681
  },
11717
11682
  m(target, anchor) {
@@ -11817,7 +11782,7 @@ class TextButtonBlock extends SvelteComponent {
11817
11782
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
11818
11783
 
11819
11784
  function add_css$e(target) {
11820
- 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)}");
11785
+ 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)}");
11821
11786
  }
11822
11787
 
11823
11788
  function create_fragment$J(ctx) {
@@ -11853,14 +11818,14 @@ function create_fragment$J(ctx) {
11853
11818
  this.h();
11854
11819
  },
11855
11820
  h() {
11856
- attr(img, "class", "image svelte-1pdw891");
11821
+ attr(img, "class", "image svelte-1jus6sx");
11857
11822
  attr(img, "loading", "lazy");
11858
11823
  attr(img, "width", "auto");
11859
11824
  attr(img, "height", "auto");
11860
11825
  attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
11861
11826
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
11862
11827
  attr(img, "alt", /*alt*/ ctx[1]);
11863
- attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
11828
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"));
11864
11829
  attr(div, "style", /*_style*/ ctx[5]);
11865
11830
  },
11866
11831
  m(target, anchor) {
@@ -11885,7 +11850,7 @@ function create_fragment$J(ctx) {
11885
11850
  attr(img, "alt", /*alt*/ ctx[1]);
11886
11851
  }
11887
11852
 
11888
- if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
11853
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"))) {
11889
11854
  attr(div, "class", div_class_value);
11890
11855
  }
11891
11856
 
@@ -11976,23 +11941,6 @@ const ROUND_VARIANT = {
11976
11941
  fulled: 'Full (100%)',
11977
11942
  };
11978
11943
 
11979
- const AVATAR_SIZE = {
11980
- extra_small: 'XS(48 x 48)',
11981
- small: 'S(64 x 64)',
11982
- medium: 'M(88 x 88)',
11983
- large: 'L(108 x 108)',
11984
- extra_large: 'XL(128 x 128)',
11985
- };
11986
- const AVATAR_SHAPE = {
11987
- circle: 'サークル',
11988
- square: 'スクエア',
11989
- rounded: 'ラウンド',
11990
- };
11991
- const avatarPropsDefault = {
11992
- size: 'medium',
11993
- shape: 'circle',
11994
- };
11995
-
11996
11944
  const toHyphenCase = (str) => {
11997
11945
  let result = str.replace(/_/g, '-');
11998
11946
  result = result.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
@@ -12158,36 +12106,13 @@ const useInjectCustomizeCss = (props) => {
12158
12106
  });
12159
12107
  };
12160
12108
 
12161
- const AVATAR_SIZE_STYLES = {
12162
- extra_small: {
12163
- width: '48px',
12164
- height: '48px',
12165
- },
12166
- small: {
12167
- width: '64px',
12168
- height: '64px',
12169
- },
12170
- medium: {
12171
- width: '88px',
12172
- height: '88px',
12173
- },
12174
- large: {
12175
- width: '108px',
12176
- height: '108px',
12177
- },
12178
- extra_large: {
12179
- width: '128px',
12180
- height: '128px',
12181
- },
12182
- };
12183
-
12184
12109
  /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
12185
12110
 
12186
12111
  function add_css$d(target) {
12187
- append_styles(target, "svelte-1krsdyx", ".avatar.svelte-1krsdyx{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:0}");
12112
+ append_styles(target, "svelte-uy130g", ".avatar.svelte-uy130g{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}");
12188
12113
  }
12189
12114
 
12190
- // (42:0) <svelte:element {...attributes} this={element} class="avatar" style={style} data-layer-id={layerId} on:click={handleClick} >
12115
+ // (35:0) <svelte:element {...attributes} this={element} class="avatar" style={style} data-layer-id={layerId} on:click={handleClick} >
12191
12116
  function create_dynamic_element$8(ctx) {
12192
12117
  let svelte_element;
12193
12118
  let img;
@@ -12236,7 +12161,7 @@ function create_dynamic_element$8(ctx) {
12236
12161
  },
12237
12162
  h() {
12238
12163
  if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
12239
- attr(img, "class", "avatar-image svelte-1krsdyx");
12164
+ attr(img, "class", "avatar-image svelte-uy130g");
12240
12165
  attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
12241
12166
  attr(img, "style", /*imgStyle*/ ctx[2]);
12242
12167
 
@@ -12246,7 +12171,7 @@ function create_dynamic_element$8(ctx) {
12246
12171
  set_attributes(svelte_element, svelte_element_data);
12247
12172
  }
12248
12173
 
12249
- toggle_class(svelte_element, "svelte-1krsdyx", true);
12174
+ toggle_class(svelte_element, "svelte-uy130g", true);
12250
12175
  },
12251
12176
  m(target, anchor) {
12252
12177
  insert_hydration(target, svelte_element, anchor);
@@ -12283,7 +12208,7 @@ function create_dynamic_element$8(ctx) {
12283
12208
  set_attributes(svelte_element, svelte_element_data);
12284
12209
  }
12285
12210
 
12286
- toggle_class(svelte_element, "svelte-1krsdyx", true);
12211
+ toggle_class(svelte_element, "svelte-uy130g", true);
12287
12212
  },
12288
12213
  d(detaching) {
12289
12214
  if (detaching) detach(svelte_element);
@@ -12349,21 +12274,15 @@ function instance$I($$self, $$props, $$invalidate) {
12349
12274
  useInjectCustomizeCss(props);
12350
12275
  const { attributes, element, handleClick } = useClickable(props);
12351
12276
 
12352
- const avatarSizeStyle = !isNaN(Number(props.size))
12353
- ? {
12354
- width: `${props.size}px`,
12355
- height: `${props.size}px`
12356
- }
12357
- : AVATAR_SIZE_STYLES[props.size] || AVATAR_SIZE_STYLES[avatarPropsDefault.size];
12358
-
12359
12277
  const VARIANTS = {
12360
12278
  shape: {
12361
12279
  circle: { borderRadius: '100%' },
12362
- square: { borderRadius: '0.25em' },
12363
- rounded: { borderRadius: '1em' }
12280
+ square: { borderRadius: '4px' }
12364
12281
  }
12365
12282
  };
12366
12283
 
12284
+ const size = props.size ?? 64;
12285
+
12367
12286
  $$self.$$set = $$props => {
12368
12287
  if ('props' in $$props) $$invalidate(0, props = $$props.props);
12369
12288
  if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
@@ -12372,9 +12291,9 @@ function instance$I($$self, $$props, $$invalidate) {
12372
12291
  $$self.$$.update = () => {
12373
12292
  if ($$self.$$.dirty & /*props*/ 1) {
12374
12293
  $$invalidate(3, style = objToStyle({
12294
+ width: `${size}px`,
12295
+ height: `${size}px`,
12375
12296
  ...VARIANTS.shape[props.shape ?? 'square'],
12376
- width: props.width ?? avatarSizeStyle.width,
12377
- height: props.height ?? avatarSizeStyle.height,
12378
12297
  ...toCssCommon(props),
12379
12298
  ...toCssBorder(props)
12380
12299
  }));
@@ -12397,6 +12316,18 @@ class Avatar extends SvelteComponent {
12397
12316
  }
12398
12317
  }
12399
12318
 
12319
+ const AVATAR_SIZE = {
12320
+ extra_small: 'XS(48 x 48)',
12321
+ small: 'S(64 x 64)',
12322
+ medium: 'M(88 x 88)',
12323
+ large: 'L(108 x 108)',
12324
+ extra_large: 'XL(128 x 128)',
12325
+ };
12326
+ const AVATAR_SHAPE = {
12327
+ circle: 'サークル',
12328
+ square: 'スクエア',
12329
+ };
12330
+
12400
12331
  const BUTTON_SIZE = {
12401
12332
  extra_small: 'XSmall',
12402
12333
  small: 'Small',
@@ -14443,7 +14374,7 @@ const ICON_VARIANTS = {
14443
14374
  /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
14444
14375
 
14445
14376
  function add_css$c(target) {
14446
- append_styles(target, "svelte-19rssou", ".icon.svelte-19rssou{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
14377
+ append_styles(target, "svelte-mut6o2", ".icon.svelte-mut6o2{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
14447
14378
  }
14448
14379
 
14449
14380
  // (24:0) <svelte:element {...attributes} this={element} class="icon" style={style} data-layer-id={layerId} on:click={handleClick} >
@@ -14505,7 +14436,7 @@ function create_dynamic_element$7(ctx) {
14505
14436
  set_attributes(svelte_element, svelte_element_data);
14506
14437
  }
14507
14438
 
14508
- toggle_class(svelte_element, "svelte-19rssou", true);
14439
+ toggle_class(svelte_element, "svelte-mut6o2", true);
14509
14440
  },
14510
14441
  m(target, anchor) {
14511
14442
  insert_hydration(target, svelte_element, anchor);
@@ -14558,7 +14489,7 @@ function create_dynamic_element$7(ctx) {
14558
14489
  set_attributes(svelte_element, svelte_element_data);
14559
14490
  }
14560
14491
 
14561
- toggle_class(svelte_element, "svelte-19rssou", true);
14492
+ toggle_class(svelte_element, "svelte-mut6o2", true);
14562
14493
  },
14563
14494
  i(local) {
14564
14495
  if (current) return;
@@ -14675,43 +14606,39 @@ class Icon extends SvelteComponent {
14675
14606
  }
14676
14607
  }
14677
14608
 
14678
- const getPropStyles = (callback) => {
14679
- return (customBrandKit) => {
14680
- const brandKit = getBrandKit(customBrandKit);
14681
- return callback({ brandKit });
14682
- };
14609
+ const BRAND_KIT = {
14610
+ fontFamily: 'sans-serif, serif, monospace, system-ui',
14611
+ colors: {
14612
+ text_primary: {
14613
+ main: '#222222',
14614
+ },
14615
+ text_secondary: {
14616
+ main: '#555555',
14617
+ },
14618
+ brand: {
14619
+ main: '#33403e',
14620
+ },
14621
+ link: {
14622
+ main: '#1558d6',
14623
+ },
14624
+ danger: {
14625
+ main: '#f44336',
14626
+ },
14627
+ warning: {
14628
+ main: '#ffa726',
14629
+ },
14630
+ success: {
14631
+ main: '#10b981',
14632
+ },
14633
+ info: {
14634
+ main: '#29b6f6',
14635
+ },
14636
+ white: {
14637
+ main: '#FFFFFF',
14638
+ },
14639
+ },
14683
14640
  };
14684
14641
 
14685
- const getButtonThemeStyles = getPropStyles(({ brandKit }) => ({
14686
- default: {
14687
- backgroundColor: brandKit.color_brand,
14688
- color: '#FFFFFF',
14689
- },
14690
- general: {
14691
- backgroundColor: '#e8e8e8',
14692
- color: 'rgba(0, 16, 14, 0.7)',
14693
- },
14694
- success: {
14695
- backgroundColor: brandKit.color_success,
14696
- color: '#ffffff',
14697
- },
14698
- warning: {
14699
- backgroundColor: brandKit.color_warning,
14700
- color: '#ffffff',
14701
- },
14702
- danger: {
14703
- backgroundColor: brandKit.color_danger,
14704
- color: '#FFFFFF',
14705
- },
14706
- info: {
14707
- backgroundColor: brandKit.color_info,
14708
- color: '#FFFFFF',
14709
- },
14710
- white: {
14711
- backgroundColor: '#FFFFFF',
14712
- color: brandKit.color_text_primary,
14713
- },
14714
- }));
14715
14642
  const BUTTON_SIZE_STYLES = {
14716
14643
  extra_small: {
14717
14644
  height: '32px',
@@ -14744,37 +14671,35 @@ const BUTTON_SIZE_STYLES = {
14744
14671
  fontSize: '16px',
14745
14672
  },
14746
14673
  };
14747
- const BUTTON_THEME_STYLES = () => {
14748
- return {
14749
- default: {
14750
- backgroundColor: getBrandKit().color_brand,
14751
- color: '#FFFFFF',
14752
- },
14753
- general: {
14754
- backgroundColor: '#e8e8e8',
14755
- color: 'rgba(0, 16, 14, 0.7)',
14756
- },
14757
- success: {
14758
- backgroundColor: getBrandKit().color_success,
14759
- color: '#ffffff',
14760
- },
14761
- warning: {
14762
- backgroundColor: getBrandKit().color_warning,
14763
- color: '#ffffff',
14764
- },
14765
- danger: {
14766
- backgroundColor: getBrandKit().color_danger,
14767
- color: '#FFFFFF',
14768
- },
14769
- info: {
14770
- backgroundColor: getBrandKit().color_info,
14771
- color: '#FFFFFF',
14772
- },
14773
- white: {
14774
- backgroundColor: '#FFFFFF',
14775
- color: getBrandKit().color_text_primary,
14776
- },
14777
- };
14674
+ const BUTTON_THEME_STYLES = {
14675
+ default: {
14676
+ backgroundColor: BRAND_KIT.colors.brand.main,
14677
+ color: '#FFFFFF',
14678
+ },
14679
+ general: {
14680
+ backgroundColor: '#e8e8e8',
14681
+ color: 'rgba(0, 16, 14, 0.7)',
14682
+ },
14683
+ success: {
14684
+ backgroundColor: BRAND_KIT.colors.success.main,
14685
+ color: '#ffffff',
14686
+ },
14687
+ warning: {
14688
+ backgroundColor: BRAND_KIT.colors.warning.main,
14689
+ color: '#ffffff',
14690
+ },
14691
+ danger: {
14692
+ backgroundColor: BRAND_KIT.colors.danger.main,
14693
+ color: '#FFFFFF',
14694
+ },
14695
+ info: {
14696
+ backgroundColor: BRAND_KIT.colors.info.main,
14697
+ color: '#FFFFFF',
14698
+ },
14699
+ white: {
14700
+ backgroundColor: '#FFFFFF',
14701
+ color: BRAND_KIT.colors.text_primary.main,
14702
+ },
14778
14703
  };
14779
14704
  const BUTTON_ROUND_STYLES = {
14780
14705
  none: {
@@ -14845,10 +14770,10 @@ function darkenColor(color, percent) {
14845
14770
  /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
14846
14771
 
14847
14772
  function add_css$b(target) {
14848
- 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}");
14773
+ 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}");
14849
14774
  }
14850
14775
 
14851
- // (52:2) {#if props.isIcon && props.iconVariant}
14776
+ // (49:2) {#if props.isIcon && props.iconVariant}
14852
14777
  function create_if_block$6(ctx) {
14853
14778
  let div;
14854
14779
  let icon;
@@ -14879,7 +14804,7 @@ function create_if_block$6(ctx) {
14879
14804
  this.h();
14880
14805
  },
14881
14806
  h() {
14882
- attr(div, "class", "button-icon svelte-1ix4ul");
14807
+ attr(div, "class", "button-icon svelte-1o60d09");
14883
14808
  },
14884
14809
  m(target, anchor) {
14885
14810
  insert_hydration(target, div, anchor);
@@ -14914,7 +14839,7 @@ function create_if_block$6(ctx) {
14914
14839
  };
14915
14840
  }
14916
14841
 
14917
- // (44:0) <svelte:element {...attributes} this={element} class="button" style={style} data-layer-id={layerId} on:click={handleClick} >
14842
+ // (41:0) <svelte:element {...attributes} this={element} class="button" style={style} data-layer-id={layerId} on:click={handleClick} >
14918
14843
  function create_dynamic_element$6(ctx) {
14919
14844
  let svelte_element;
14920
14845
  let t0;
@@ -14966,7 +14891,7 @@ function create_dynamic_element$6(ctx) {
14966
14891
  this.h();
14967
14892
  },
14968
14893
  h() {
14969
- attr(span, "class", "button-label svelte-1ix4ul");
14894
+ attr(span, "class", "button-label svelte-1o60d09");
14970
14895
 
14971
14896
  if ((/-/).test(/*element*/ ctx[4])) {
14972
14897
  set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -14974,7 +14899,7 @@ function create_dynamic_element$6(ctx) {
14974
14899
  set_attributes(svelte_element, svelte_element_data);
14975
14900
  }
14976
14901
 
14977
- toggle_class(svelte_element, "svelte-1ix4ul", true);
14902
+ toggle_class(svelte_element, "svelte-1o60d09", true);
14978
14903
  },
14979
14904
  m(target, anchor) {
14980
14905
  insert_hydration(target, svelte_element, anchor);
@@ -15028,7 +14953,7 @@ function create_dynamic_element$6(ctx) {
15028
14953
  set_attributes(svelte_element, svelte_element_data);
15029
14954
  }
15030
14955
 
15031
- toggle_class(svelte_element, "svelte-1ix4ul", true);
14956
+ toggle_class(svelte_element, "svelte-1o60d09", true);
15032
14957
  },
15033
14958
  i(local) {
15034
14959
  if (current) return;
@@ -15105,9 +15030,7 @@ function instance$b($$self, $$props, $$invalidate) {
15105
15030
  let { layerId = '' } = $$props;
15106
15031
  useInjectCustomizeCss(props);
15107
15032
  const { attributes, element, handleClick } = useClickable(props);
15108
- const { brandKit } = useBrandKit();
15109
- const buttonThemeStyles = getButtonThemeStyles(brandKit);
15110
- const buttonThemeStyle = buttonThemeStyles[props.theme] || buttonThemeStyles[buttonPropsDefault.theme];
15033
+ const buttonThemeStyle = BUTTON_THEME_STYLES[props.theme] || BUTTON_THEME_STYLES[buttonPropsDefault.theme];
15111
15034
  const buttonSizeStyle = BUTTON_SIZE_STYLES[props.size] || BUTTON_SIZE_STYLES[buttonPropsDefault.size];
15112
15035
 
15113
15036
  $$self.$$set = $$props => {
@@ -15205,35 +15128,35 @@ const BUTTON_OUTLINED_SIZE_STYLES = {
15205
15128
  fontSize: '16px',
15206
15129
  },
15207
15130
  };
15208
- const getButtonOutlinedThemeStyles = getPropStyles(({ brandKit }) => ({
15131
+ const BUTTON_OUTLINED_THEME_STYLES = {
15209
15132
  default: {
15210
- color: brandKit.color_brand,
15211
- borderColor: brandKit.color_brand,
15133
+ color: BRAND_KIT.colors.brand.main,
15134
+ borderColor: BRAND_KIT.colors.brand.main,
15212
15135
  backgroundColor: '#FFFFFF',
15213
15136
  },
15214
15137
  general: {
15215
- color: brandKit.color_text_secondary,
15216
- borderColor: brandKit.color_text_secondary,
15138
+ color: BRAND_KIT.colors.text_secondary.main,
15139
+ borderColor: BRAND_KIT.colors.text_secondary.main,
15217
15140
  backgroundColor: '#FFFFFF',
15218
15141
  },
15219
15142
  success: {
15220
- color: brandKit.color_success,
15221
- borderColor: brandKit.color_success,
15143
+ color: BRAND_KIT.colors.success.main,
15144
+ borderColor: BRAND_KIT.colors.success.main,
15222
15145
  backgroundColor: '#FFFFFF',
15223
15146
  },
15224
15147
  warning: {
15225
- color: brandKit.color_warning,
15226
- borderColor: brandKit.color_warning,
15148
+ color: BRAND_KIT.colors.warning.main,
15149
+ borderColor: BRAND_KIT.colors.warning.main,
15227
15150
  backgroundColor: '#FFFFFF',
15228
15151
  },
15229
15152
  danger: {
15230
- color: brandKit.color_danger,
15231
- borderColor: brandKit.color_danger,
15153
+ color: BRAND_KIT.colors.danger.main,
15154
+ borderColor: BRAND_KIT.colors.danger.main,
15232
15155
  backgroundColor: '#FFFFFF',
15233
15156
  },
15234
15157
  info: {
15235
- color: brandKit.color_info,
15236
- borderColor: brandKit.color_info,
15158
+ color: BRAND_KIT.colors.info.main,
15159
+ borderColor: BRAND_KIT.colors.info.main,
15237
15160
  backgroundColor: '#FFFFFF',
15238
15161
  },
15239
15162
  white: {
@@ -15241,7 +15164,7 @@ const getButtonOutlinedThemeStyles = getPropStyles(({ brandKit }) => ({
15241
15164
  borderColor: '#FFFFFF',
15242
15165
  backgroundColor: '#000000',
15243
15166
  },
15244
- }));
15167
+ };
15245
15168
  const BUTTON_OUTLINED_ROUND_STYLES = {
15246
15169
  none: {
15247
15170
  borderRadius: 0,
@@ -15265,10 +15188,10 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
15265
15188
  /* src/components-flex/button-outlined/ButtonOutlined.svelte generated by Svelte v3.53.1 */
15266
15189
 
15267
15190
  function add_css$a(target) {
15268
- 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}");
15191
+ 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}");
15269
15192
  }
15270
15193
 
15271
- // (53:2) {#if props.isIcon && props.iconVariant}
15194
+ // (50:2) {#if props.isIcon && props.iconVariant}
15272
15195
  function create_if_block$5(ctx) {
15273
15196
  let div;
15274
15197
  let icon;
@@ -15299,7 +15222,7 @@ function create_if_block$5(ctx) {
15299
15222
  this.h();
15300
15223
  },
15301
15224
  h() {
15302
- attr(div, "class", "button-outlined-icon svelte-38fju1");
15225
+ attr(div, "class", "button-outlined-icon svelte-ypshn1");
15303
15226
  },
15304
15227
  m(target, anchor) {
15305
15228
  insert_hydration(target, div, anchor);
@@ -15334,7 +15257,7 @@ function create_if_block$5(ctx) {
15334
15257
  };
15335
15258
  }
15336
15259
 
15337
- // (45:0) <svelte:element {...attributes} this={element} class="button-outlined" style={style} data-layer-id={layerId} on:click={handleClick} >
15260
+ // (42:0) <svelte:element {...attributes} this={element} class="button-outlined" style={style} data-layer-id={layerId} on:click={handleClick} >
15338
15261
  function create_dynamic_element$5(ctx) {
15339
15262
  let svelte_element;
15340
15263
  let t0;
@@ -15386,7 +15309,7 @@ function create_dynamic_element$5(ctx) {
15386
15309
  this.h();
15387
15310
  },
15388
15311
  h() {
15389
- attr(span, "class", "button-outlined-label svelte-38fju1");
15312
+ attr(span, "class", "button-outlined-label svelte-ypshn1");
15390
15313
 
15391
15314
  if ((/-/).test(/*element*/ ctx[4])) {
15392
15315
  set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -15394,7 +15317,7 @@ function create_dynamic_element$5(ctx) {
15394
15317
  set_attributes(svelte_element, svelte_element_data);
15395
15318
  }
15396
15319
 
15397
- toggle_class(svelte_element, "svelte-38fju1", true);
15320
+ toggle_class(svelte_element, "svelte-ypshn1", true);
15398
15321
  },
15399
15322
  m(target, anchor) {
15400
15323
  insert_hydration(target, svelte_element, anchor);
@@ -15448,7 +15371,7 @@ function create_dynamic_element$5(ctx) {
15448
15371
  set_attributes(svelte_element, svelte_element_data);
15449
15372
  }
15450
15373
 
15451
- toggle_class(svelte_element, "svelte-38fju1", true);
15374
+ toggle_class(svelte_element, "svelte-ypshn1", true);
15452
15375
  },
15453
15376
  i(local) {
15454
15377
  if (current) return;
@@ -15524,10 +15447,8 @@ function instance$a($$self, $$props, $$invalidate) {
15524
15447
  let { props = {} } = $$props;
15525
15448
  let { layerId = '' } = $$props;
15526
15449
  useInjectCustomizeCss(props);
15527
- const { brandKit } = useBrandKit();
15528
15450
  const { attributes, element, handleClick } = useClickable(props);
15529
- const buttonThemeStyles = getButtonOutlinedThemeStyles(brandKit);
15530
- const buttonThemeStyle = buttonThemeStyles[props.theme ?? buttonOutlinedPropsDefault.theme];
15451
+ const buttonThemeStyle = BUTTON_OUTLINED_THEME_STYLES[props.theme ?? buttonOutlinedPropsDefault.theme];
15531
15452
  const buttonSizeStyle = BUTTON_OUTLINED_SIZE_STYLES[props.size ?? buttonOutlinedPropsDefault.size];
15532
15453
 
15533
15454
  $$self.$$set = $$props => {
@@ -15605,48 +15526,48 @@ const BUTTON_TEXT_SIZE_STYLES = {
15605
15526
  fontSize: '16px',
15606
15527
  },
15607
15528
  };
15608
- const getButtonTextThemeStyles = getPropStyles(({ brandKit }) => ({
15529
+ const BUTTON_TEXT_THEME_STYLES = {
15609
15530
  default: {
15610
15531
  backgroundColor: '#f3f4f6',
15611
- color: brandKit.color_brand,
15532
+ color: BRAND_KIT.colors.brand.main,
15612
15533
  },
15613
15534
  link: {
15614
15535
  backgroundColor: '#f3f4f6',
15615
- color: brandKit.color_link,
15536
+ color: BRAND_KIT.colors.link.main,
15616
15537
  },
15617
15538
  general: {
15618
15539
  backgroundColor: '#f3f4f6',
15619
- color: brandKit.color_text_primary,
15540
+ color: BRAND_KIT.colors.text_primary.main,
15620
15541
  },
15621
15542
  success: {
15622
15543
  backgroundColor: '#f3f4f6',
15623
- color: brandKit.color_success,
15544
+ color: BRAND_KIT.colors.success.main,
15624
15545
  },
15625
15546
  warning: {
15626
15547
  backgroundColor: '#f3f4f6',
15627
- color: brandKit.color_warning,
15548
+ color: BRAND_KIT.colors.warning.main,
15628
15549
  },
15629
15550
  danger: {
15630
15551
  backgroundColor: '#f3f4f6',
15631
- color: brandKit.color_danger,
15552
+ color: BRAND_KIT.colors.danger.main,
15632
15553
  },
15633
15554
  info: {
15634
15555
  backgroundColor: '#f3f4f6',
15635
- color: brandKit.color_info,
15556
+ color: BRAND_KIT.colors.info.main,
15636
15557
  },
15637
15558
  white: {
15638
15559
  backgroundColor: '#f3f4f6',
15639
- color: brandKit.color_white,
15560
+ color: BRAND_KIT.colors.white.main,
15640
15561
  },
15641
- }));
15562
+ };
15642
15563
 
15643
15564
  /* src/components-flex/button-text/ButtonText.svelte generated by Svelte v3.53.1 */
15644
15565
 
15645
15566
  function add_css$9(target) {
15646
- 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}");
15567
+ 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}");
15647
15568
  }
15648
15569
 
15649
- // (49:2) {#if props.isIcon && props.iconVariant}
15570
+ // (46:2) {#if props.isIcon && props.iconVariant}
15650
15571
  function create_if_block$4(ctx) {
15651
15572
  let div;
15652
15573
  let icon;
@@ -15677,7 +15598,7 @@ function create_if_block$4(ctx) {
15677
15598
  this.h();
15678
15599
  },
15679
15600
  h() {
15680
- attr(div, "class", "button-text-icon svelte-1xgvp8r");
15601
+ attr(div, "class", "button-text-icon svelte-lted9r");
15681
15602
  },
15682
15603
  m(target, anchor) {
15683
15604
  insert_hydration(target, div, anchor);
@@ -15712,7 +15633,7 @@ function create_if_block$4(ctx) {
15712
15633
  };
15713
15634
  }
15714
15635
 
15715
- // (41:0) <svelte:element {...attributes} this={element} class="button-text" style={style} data-layer-id={layerId} on:click={handleClick} >
15636
+ // (38:0) <svelte:element {...attributes} this={element} class="button-text" style={style} data-layer-id={layerId} on:click={handleClick} >
15716
15637
  function create_dynamic_element$4(ctx) {
15717
15638
  let svelte_element;
15718
15639
  let t0;
@@ -15764,7 +15685,7 @@ function create_dynamic_element$4(ctx) {
15764
15685
  this.h();
15765
15686
  },
15766
15687
  h() {
15767
- attr(span, "class", "button-text-label svelte-1xgvp8r");
15688
+ attr(span, "class", "button-text-label svelte-lted9r");
15768
15689
 
15769
15690
  if ((/-/).test(/*element*/ ctx[4])) {
15770
15691
  set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -15772,7 +15693,7 @@ function create_dynamic_element$4(ctx) {
15772
15693
  set_attributes(svelte_element, svelte_element_data);
15773
15694
  }
15774
15695
 
15775
- toggle_class(svelte_element, "svelte-1xgvp8r", true);
15696
+ toggle_class(svelte_element, "svelte-lted9r", true);
15776
15697
  },
15777
15698
  m(target, anchor) {
15778
15699
  insert_hydration(target, svelte_element, anchor);
@@ -15826,7 +15747,7 @@ function create_dynamic_element$4(ctx) {
15826
15747
  set_attributes(svelte_element, svelte_element_data);
15827
15748
  }
15828
15749
 
15829
- toggle_class(svelte_element, "svelte-1xgvp8r", true);
15750
+ toggle_class(svelte_element, "svelte-lted9r", true);
15830
15751
  },
15831
15752
  i(local) {
15832
15753
  if (current) return;
@@ -15902,10 +15823,8 @@ function instance$9($$self, $$props, $$invalidate) {
15902
15823
  let { props = {} } = $$props;
15903
15824
  let { layerId = '' } = $$props;
15904
15825
  useInjectCustomizeCss(props);
15905
- const { brandKit } = useBrandKit();
15906
15826
  const { attributes, element, handleClick } = useClickable(props);
15907
- const themeStyles = getButtonTextThemeStyles(brandKit);
15908
- const buttonThemeStyle = themeStyles[props.theme ?? 'default'];
15827
+ const buttonThemeStyle = BUTTON_TEXT_THEME_STYLES[props.theme ?? 'default'];
15909
15828
  const buttonSizeStyle = BUTTON_TEXT_SIZE_STYLES[props.size ?? 'medium'];
15910
15829
 
15911
15830
  $$self.$$set = $$props => {
@@ -15994,7 +15913,7 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
15994
15913
  /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
15995
15914
 
15996
15915
  function add_css$8(target) {
15997
- 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}");
15916
+ 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}");
15998
15917
  }
15999
15918
 
16000
15919
  // (91:2) {#if hasLabel}
@@ -16020,7 +15939,7 @@ function create_if_block$3(ctx) {
16020
15939
 
16021
15940
  attr(span, "class", "close-button-label " + (/*isLeftLabelPlacement*/ ctx[10]
16022
15941
  ? 'close-button-order-one'
16023
- : '') + " svelte-3mvsv6");
15942
+ : '') + " svelte-3133h2");
16024
15943
  },
16025
15944
  m(target, anchor) {
16026
15945
  insert_hydration(target, span, anchor);
@@ -16112,7 +16031,7 @@ function create_dynamic_element$3(ctx) {
16112
16031
  set_style(svg, "width", "100%");
16113
16032
  set_style(svg, "height", "100%");
16114
16033
  attr(svg, "fill", /*color*/ ctx[8]);
16115
- attr(svg, "class", "svelte-3mvsv6");
16034
+ attr(svg, "class", "svelte-3133h2");
16116
16035
  attr(span, "style", /*iconStyle*/ ctx[1]);
16117
16036
 
16118
16037
  if ((/-/).test(/*element*/ ctx[6])) {
@@ -16121,7 +16040,7 @@ function create_dynamic_element$3(ctx) {
16121
16040
  set_attributes(svelte_element, svelte_element_data);
16122
16041
  }
16123
16042
 
16124
- toggle_class(svelte_element, "svelte-3mvsv6", true);
16043
+ toggle_class(svelte_element, "svelte-3133h2", true);
16125
16044
  },
16126
16045
  m(target, anchor) {
16127
16046
  insert_hydration(target, svelte_element, anchor);
@@ -16167,7 +16086,7 @@ function create_dynamic_element$3(ctx) {
16167
16086
  set_attributes(svelte_element, svelte_element_data);
16168
16087
  }
16169
16088
 
16170
- toggle_class(svelte_element, "svelte-3mvsv6", true);
16089
+ toggle_class(svelte_element, "svelte-3133h2", true);
16171
16090
  },
16172
16091
  d(detaching) {
16173
16092
  if (detaching) detach(svelte_element);
@@ -16371,7 +16290,7 @@ const ICON_SIZE_STYLES = {
16371
16290
  /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
16372
16291
 
16373
16292
  function add_css$7(target) {
16374
- 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}");
16293
+ 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}");
16375
16294
  }
16376
16295
 
16377
16296
  // (19:0) <svelte:element this={element} {...attributes} class="image" {style} data-layer-id={layerId} on:click={handleClick} >
@@ -16422,9 +16341,9 @@ function create_dynamic_element$2(ctx) {
16422
16341
  h() {
16423
16342
  if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
16424
16343
  attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
16425
- attr(img, "class", "image-img svelte-10a9nyt");
16344
+ attr(img, "class", "image-img svelte-1n4oa5l");
16426
16345
  attr(object, "style", /*objectStyle*/ ctx[2]);
16427
- attr(object, "class", "image-object svelte-10a9nyt");
16346
+ attr(object, "class", "image-object svelte-1n4oa5l");
16428
16347
 
16429
16348
  if ((/-/).test(/*element*/ ctx[5])) {
16430
16349
  set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -16432,7 +16351,7 @@ function create_dynamic_element$2(ctx) {
16432
16351
  set_attributes(svelte_element, svelte_element_data);
16433
16352
  }
16434
16353
 
16435
- toggle_class(svelte_element, "svelte-10a9nyt", true);
16354
+ toggle_class(svelte_element, "svelte-1n4oa5l", true);
16436
16355
  },
16437
16356
  m(target, anchor) {
16438
16357
  insert_hydration(target, svelte_element, anchor);
@@ -16470,7 +16389,7 @@ function create_dynamic_element$2(ctx) {
16470
16389
  set_attributes(svelte_element, svelte_element_data);
16471
16390
  }
16472
16391
 
16473
- toggle_class(svelte_element, "svelte-10a9nyt", true);
16392
+ toggle_class(svelte_element, "svelte-1n4oa5l", true);
16474
16393
  },
16475
16394
  d(detaching) {
16476
16395
  if (detaching) detach(svelte_element);
@@ -16568,7 +16487,7 @@ class Image extends SvelteComponent {
16568
16487
  /* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
16569
16488
 
16570
16489
  function add_css$6(target) {
16571
- 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}");
16490
+ 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}");
16572
16491
  }
16573
16492
 
16574
16493
  // (28:0) <svelte:element {...attributes} this="div" class="layout" style={style} data-layer-id={layerId} on:click={handleClick} >
@@ -16618,7 +16537,7 @@ function create_dynamic_element$1(ctx) {
16618
16537
  set_attributes(svelte_element, svelte_element_data);
16619
16538
  }
16620
16539
 
16621
- toggle_class(svelte_element, "svelte-139vx15", true);
16540
+ toggle_class(svelte_element, "svelte-1tjo4al", true);
16622
16541
  },
16623
16542
  m(target, anchor) {
16624
16543
  insert_hydration(target, svelte_element, anchor);
@@ -16663,7 +16582,7 @@ function create_dynamic_element$1(ctx) {
16663
16582
  set_attributes(svelte_element, svelte_element_data);
16664
16583
  }
16665
16584
 
16666
- toggle_class(svelte_element, "svelte-139vx15", true);
16585
+ toggle_class(svelte_element, "svelte-1tjo4al", true);
16667
16586
  },
16668
16587
  i(local) {
16669
16588
  if (current) return;
@@ -16791,7 +16710,7 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
16791
16710
  /* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
16792
16711
 
16793
16712
  function add_css$5(target) {
16794
- append_styles(target, "svelte-17ij7ip", ".container.svelte-17ij7ip{-webkit-user-drag:none}");
16713
+ append_styles(target, "svelte-10vbkzx", ".container.svelte-10vbkzx{-webkit-user-drag:none}");
16795
16714
  }
16796
16715
 
16797
16716
  function get_each_context(ctx, list, i) {
@@ -16926,7 +16845,7 @@ function create_fragment$5(ctx) {
16926
16845
  this.h();
16927
16846
  },
16928
16847
  h() {
16929
- attr(div0, "class", "container svelte-17ij7ip");
16848
+ attr(div0, "class", "container svelte-10vbkzx");
16930
16849
  attr(div0, "style", div0_style_value = [/*containerStyle*/ ctx[5], /*overrideStyle*/ ctx[1]].join(' '));
16931
16850
  attr(div1, "style", /*indicatorListStyle*/ ctx[4]);
16932
16851
  attr(div2, "data-layer-id", /*layerId*/ ctx[0]);
@@ -17247,32 +17166,32 @@ class Slider extends SvelteComponent {
17247
17166
  }
17248
17167
  }
17249
17168
 
17250
- const getTextThemeStyles = getPropStyles(({ brandKit }) => ({
17169
+ const TEXT_THEME_STYLES = {
17251
17170
  default: {
17252
- color: brandKit.color_text_primary,
17171
+ color: BRAND_KIT.colors.text_primary.main,
17253
17172
  },
17254
17173
  gray: {
17255
- color: brandKit.color_text_secondary,
17174
+ color: BRAND_KIT.colors.text_secondary.main,
17256
17175
  },
17257
17176
  brand: {
17258
- color: brandKit.color_brand,
17177
+ color: BRAND_KIT.colors.brand.main,
17259
17178
  },
17260
17179
  success: {
17261
- color: brandKit.color_success,
17180
+ color: BRAND_KIT.colors.success.main,
17262
17181
  },
17263
17182
  warning: {
17264
- color: brandKit.color_warning,
17183
+ color: BRAND_KIT.colors.warning.main,
17265
17184
  },
17266
17185
  danger: {
17267
- color: brandKit.color_danger,
17186
+ color: BRAND_KIT.colors.danger.main,
17268
17187
  },
17269
17188
  info: {
17270
- color: brandKit.color_info,
17189
+ color: BRAND_KIT.colors.info.main,
17271
17190
  },
17272
17191
  white: {
17273
- color: brandKit.color_white,
17192
+ color: BRAND_KIT.colors.white.main,
17274
17193
  },
17275
- }));
17194
+ };
17276
17195
 
17277
17196
  const TEXT_VARIANTS = {
17278
17197
  size: {
@@ -17332,7 +17251,7 @@ const TEXT_VARIANTS = {
17332
17251
  /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
17333
17252
 
17334
17253
  function add_css$4(target) {
17335
- append_styles(target, "svelte-vifn7y", ".text.svelte-vifn7y{margin:0;word-break:break-all;text-decoration:none}");
17254
+ append_styles(target, "svelte-14kt34i", ".text.svelte-14kt34i{margin:0;word-break:break-all;text-decoration:none}");
17336
17255
  }
17337
17256
 
17338
17257
  function create_fragment$4(ctx) {
@@ -17355,7 +17274,7 @@ function create_fragment$4(ctx) {
17355
17274
  this.h();
17356
17275
  },
17357
17276
  h() {
17358
- attr(p, "class", "text svelte-vifn7y");
17277
+ attr(p, "class", "text svelte-14kt34i");
17359
17278
  attr(p, "style", /*style*/ ctx[1]);
17360
17279
  attr(p, "data-layer-id", /*layerId*/ ctx[0]);
17361
17280
  },
@@ -17387,8 +17306,6 @@ function instance$4($$self, $$props, $$invalidate) {
17387
17306
  let { props = { content: '' } } = $$props;
17388
17307
  let { layerId = '' } = $$props;
17389
17308
  useInjectCustomizeCss(props);
17390
- const { brandKit } = useBrandKit();
17391
- const themeStyles = getTextThemeStyles(brandKit);
17392
17309
 
17393
17310
  if (props.fontFamily) {
17394
17311
  addFont(props.fontFamily);
@@ -17396,7 +17313,7 @@ function instance$4($$self, $$props, $$invalidate) {
17396
17313
 
17397
17314
  const getColor = () => {
17398
17315
  if (props.color) return props.color;
17399
- if (props.theme) return themeStyles[props.theme].color;
17316
+ if (props.theme) return TEXT_THEME_STYLES[props.theme].color;
17400
17317
  return undefined;
17401
17318
  };
17402
17319
 
@@ -17504,34 +17421,34 @@ const TEXT_LINK_SIZE_STYLES = {
17504
17421
  fontSize: '16px',
17505
17422
  },
17506
17423
  };
17507
- const getTextLinkThemeStyles = getPropStyles(({ brandKit }) => ({
17424
+ const TEXT_LINK_THEME_STYLES = {
17508
17425
  default: {
17509
- color: brandKit.color_text_primary,
17426
+ color: BRAND_KIT.colors.text_primary.main,
17510
17427
  },
17511
17428
  link: {
17512
- color: brandKit.color_link,
17429
+ color: BRAND_KIT.colors.link.main,
17513
17430
  },
17514
17431
  brand: {
17515
- color: brandKit.color_brand,
17432
+ color: BRAND_KIT.colors.brand.main,
17516
17433
  },
17517
17434
  alert: {
17518
- color: brandKit.color_danger,
17435
+ color: BRAND_KIT.colors.danger.main,
17519
17436
  },
17520
17437
  gray: {
17521
- color: brandKit.color_text_secondary,
17438
+ color: BRAND_KIT.colors.text_secondary.main,
17522
17439
  },
17523
17440
  white: {
17524
- color: brandKit.color_white,
17441
+ color: BRAND_KIT.colors.white.main,
17525
17442
  },
17526
- }));
17443
+ };
17527
17444
 
17528
17445
  /* src/components-flex/text-link/TextLink.svelte generated by Svelte v3.53.1 */
17529
17446
 
17530
17447
  function add_css$3(target) {
17531
- 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}");
17448
+ 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}");
17532
17449
  }
17533
17450
 
17534
- // (71:2) {#if props.isIcon && props.iconVariant}
17451
+ // (69:2) {#if props.isIcon && props.iconVariant}
17535
17452
  function create_if_block$2(ctx) {
17536
17453
  let icon;
17537
17454
  let current;
@@ -17585,7 +17502,7 @@ function create_if_block$2(ctx) {
17585
17502
  };
17586
17503
  }
17587
17504
 
17588
- // (63:0) <svelte:element {...attributes} this={element} class={`link ${underlineClass}`} style={style} data-layer-id={layerId} on:click={handleClick} >
17505
+ // (61:0) <svelte:element {...attributes} this={element} class={`link ${underlineClass}`} style={style} data-layer-id={layerId} on:click={handleClick} >
17589
17506
  function create_dynamic_element(ctx) {
17590
17507
  let svelte_element;
17591
17508
  let t;
@@ -17642,7 +17559,7 @@ function create_dynamic_element(ctx) {
17642
17559
  set_attributes(svelte_element, svelte_element_data);
17643
17560
  }
17644
17561
 
17645
- toggle_class(svelte_element, "svelte-1y4hh01", true);
17562
+ toggle_class(svelte_element, "svelte-1tdy1qt", true);
17646
17563
  },
17647
17564
  m(target, anchor) {
17648
17565
  insert_hydration(target, svelte_element, anchor);
@@ -17695,7 +17612,7 @@ function create_dynamic_element(ctx) {
17695
17612
  set_attributes(svelte_element, svelte_element_data);
17696
17613
  }
17697
17614
 
17698
- toggle_class(svelte_element, "svelte-1y4hh01", true);
17615
+ toggle_class(svelte_element, "svelte-1tdy1qt", true);
17699
17616
  },
17700
17617
  i(local) {
17701
17618
  if (current) return;
@@ -17772,10 +17689,8 @@ function instance$3($$self, $$props, $$invalidate) {
17772
17689
  let { props = { label: '' } } = $$props;
17773
17690
  let { layerId = '' } = $$props;
17774
17691
  useInjectCustomizeCss(props);
17775
- const { brandKit } = useBrandKit();
17776
17692
  const { attributes, element, handleClick } = useClickable({ ...props, element: 'span' });
17777
- const themeStyles = getTextLinkThemeStyles(brandKit);
17778
- const themeStyle = themeStyles[props.theme ?? 'link'];
17693
+ const themeStyle = TEXT_LINK_THEME_STYLES[props.theme ?? 'link'];
17779
17694
  const sizeStyle = TEXT_LINK_SIZE_STYLES[props.size ?? 'medium'];
17780
17695
 
17781
17696
  const underlineClass = (() => {
@@ -17871,7 +17786,7 @@ const TEXT_LINK_UNDERLINE = {
17871
17786
  /* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
17872
17787
 
17873
17788
  function add_css$2(target) {
17874
- 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}");
17789
+ 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}");
17875
17790
  }
17876
17791
 
17877
17792
  // (14:0) {#if backgroundOverlay}
@@ -17892,7 +17807,7 @@ function create_if_block$1(ctx) {
17892
17807
  this.h();
17893
17808
  },
17894
17809
  h() {
17895
- attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
17810
+ attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"));
17896
17811
  },
17897
17812
  m(target, anchor) {
17898
17813
  insert_hydration(target, div, anchor);
@@ -17903,7 +17818,7 @@ function create_if_block$1(ctx) {
17903
17818
  }
17904
17819
  },
17905
17820
  p(ctx, dirty) {
17906
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
17821
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"))) {
17907
17822
  attr(div, "class", div_class_value);
17908
17823
  }
17909
17824
  },
@@ -17979,7 +17894,7 @@ class BackgroundOverlay extends SvelteComponent {
17979
17894
  /* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
17980
17895
 
17981
17896
  function add_css$1(target) {
17982
- 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}}");
17897
+ 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}}");
17983
17898
  }
17984
17899
 
17985
17900
  // (220:0) {:else}
@@ -18146,7 +18061,7 @@ function create_if_block(ctx) {
18146
18061
  this.h();
18147
18062
  },
18148
18063
  h() {
18149
- attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"));
18064
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-15b58xm"));
18150
18065
  attr(div, "role", "dialog");
18151
18066
  attr(div, "aria-modal", "true");
18152
18067
  attr(div, "data-layer-id", /*layerId*/ ctx[2]);
@@ -18180,7 +18095,7 @@ function create_if_block(ctx) {
18180
18095
  }
18181
18096
  }
18182
18097
 
18183
- if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"))) {
18098
+ if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-15b58xm"))) {
18184
18099
  attr(div, "class", div_class_value);
18185
18100
  }
18186
18101
 
@@ -18620,7 +18535,7 @@ class Modal extends SvelteComponent {
18620
18535
  /* src/components-flex/code/Code.svelte generated by Svelte v3.53.1 */
18621
18536
 
18622
18537
  function add_css(target) {
18623
- append_styles(target, "svelte-igivoz", ".code.svelte-igivoz{flex-grow:1;flex-shrink:0;align-self:stretch}");
18538
+ append_styles(target, "svelte-jviwnb", ".code.svelte-jviwnb{flex-grow:1;flex-shrink:0;align-self:stretch}");
18624
18539
  }
18625
18540
 
18626
18541
  function create_fragment(ctx) {
@@ -18639,7 +18554,7 @@ function create_fragment(ctx) {
18639
18554
  this.h();
18640
18555
  },
18641
18556
  h() {
18642
- attr(div, "class", "code svelte-igivoz");
18557
+ attr(div, "class", "code svelte-jviwnb");
18643
18558
  attr(div, "data-layer-id", /*layerId*/ ctx[1]);
18644
18559
  },
18645
18560
  m(target, anchor) {
@@ -18769,4 +18684,4 @@ const ROUND_STYLES = {
18769
18684
  },
18770
18685
  };
18771
18686
 
18772
- 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 };
18687
+ 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 };