@plaidev/karte-action-sdk 1.1.254 → 1.1.255-28810509.aa4fd817

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.es.js CHANGED
@@ -3078,8 +3078,8 @@ class State extends SvelteComponent {
3078
3078
 
3079
3079
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
3080
3080
 
3081
- function add_css$I(target) {
3082
- append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
3081
+ function add_css$J(target) {
3082
+ append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
3083
3083
  }
3084
3084
 
3085
3085
  // (23:0) {#if $state === path}
@@ -3096,7 +3096,7 @@ function create_if_block$f(ctx) {
3096
3096
  t = space();
3097
3097
  if (default_slot) default_slot.c();
3098
3098
  attr(div, "data-state-path", /*path*/ ctx[0]);
3099
- attr(div, "class", "state-item svelte-1amihue");
3099
+ attr(div, "class", "state-item svelte-2qb6dm");
3100
3100
  },
3101
3101
  m(target, anchor) {
3102
3102
  insert(target, div, anchor);
@@ -3232,7 +3232,7 @@ function instance$1f($$self, $$props, $$invalidate) {
3232
3232
  class StateItem extends SvelteComponent {
3233
3233
  constructor(options) {
3234
3234
  super();
3235
- init(this, options, instance$1f, create_fragment$1f, safe_not_equal, { path: 0 }, add_css$I);
3235
+ init(this, options, instance$1f, create_fragment$1f, safe_not_equal, { path: 0 }, add_css$J);
3236
3236
  }
3237
3237
  }
3238
3238
 
@@ -3417,8 +3417,8 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
3417
3417
 
3418
3418
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3419
3419
 
3420
- function add_css$H(target) {
3421
- append_styles(target, "svelte-g6ucc2", ".background.svelte-g6ucc2{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
3420
+ function add_css$I(target) {
3421
+ append_styles(target, "svelte-1d4fta", ".background.svelte-1d4fta{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
3422
3422
  }
3423
3423
 
3424
3424
  // (14:0) {#if backgroundOverlay}
@@ -3431,7 +3431,7 @@ function create_if_block$e(ctx) {
3431
3431
  return {
3432
3432
  c() {
3433
3433
  div = element("div");
3434
- attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"));
3434
+ attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
3435
3435
  },
3436
3436
  m(target, anchor) {
3437
3437
  insert(target, div, anchor);
@@ -3442,7 +3442,7 @@ function create_if_block$e(ctx) {
3442
3442
  }
3443
3443
  },
3444
3444
  p(ctx, dirty) {
3445
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"))) {
3445
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
3446
3446
  attr(div, "class", div_class_value);
3447
3447
  }
3448
3448
  },
@@ -3507,7 +3507,7 @@ function instance$1e($$self, $$props, $$invalidate) {
3507
3507
  let BackgroundOverlay$1 = class BackgroundOverlay extends SvelteComponent {
3508
3508
  constructor(options) {
3509
3509
  super();
3510
- init(this, options, instance$1e, create_fragment$1e, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$H);
3510
+ init(this, options, instance$1e, create_fragment$1e, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$I);
3511
3511
  }
3512
3512
  };
3513
3513
 
@@ -3547,8 +3547,8 @@ function checkStopPropagation(eventName, handler) {
3547
3547
 
3548
3548
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3549
3549
 
3550
- function add_css$G(target) {
3551
- append_styles(target, "svelte-1kmu8zp", ".button.svelte-1kmu8zp{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-1kmu8zp:link,.button.svelte-1kmu8zp:visited,.button.svelte-1kmu8zp:active,.button.svelte-1kmu8zp:hover{color:inherit}");
3550
+ function add_css$H(target) {
3551
+ append_styles(target, "svelte-15k4deh", ".button.svelte-15k4deh{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-15k4deh:link,.button.svelte-15k4deh:visited,.button.svelte-15k4deh:active,.button.svelte-15k4deh:hover{color:inherit}");
3552
3552
  }
3553
3553
 
3554
3554
  // (50:0) {:else}
@@ -3577,7 +3577,7 @@ function create_else_block$5(ctx) {
3577
3577
  button = element("button");
3578
3578
  if (default_slot) default_slot.c();
3579
3579
  set_attributes(button, button_data);
3580
- toggle_class(button, "svelte-1kmu8zp", true);
3580
+ toggle_class(button, "svelte-15k4deh", true);
3581
3581
  },
3582
3582
  m(target, anchor) {
3583
3583
  insert(target, button, anchor);
@@ -3616,7 +3616,7 @@ function create_else_block$5(ctx) {
3616
3616
  dataAttrStopPropagation('click')
3617
3617
  ]));
3618
3618
 
3619
- toggle_class(button, "svelte-1kmu8zp", true);
3619
+ toggle_class(button, "svelte-15k4deh", true);
3620
3620
  },
3621
3621
  i(local) {
3622
3622
  if (current) return;
@@ -3647,7 +3647,7 @@ function create_if_block_2$2(ctx) {
3647
3647
  c() {
3648
3648
  div = element("div");
3649
3649
  if (default_slot) default_slot.c();
3650
- attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1kmu8zp"));
3650
+ attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-15k4deh"));
3651
3651
  attr(div, "style", /*style*/ ctx[1]);
3652
3652
  },
3653
3653
  m(target, anchor) {
@@ -3731,7 +3731,7 @@ function create_if_block_1$3(ctx) {
3731
3731
  a = element("a");
3732
3732
  if (default_slot) default_slot.c();
3733
3733
  set_attributes(a, a_data);
3734
- toggle_class(a, "svelte-1kmu8zp", true);
3734
+ toggle_class(a, "svelte-15k4deh", true);
3735
3735
  },
3736
3736
  m(target, anchor) {
3737
3737
  insert(target, a, anchor);
@@ -3773,7 +3773,7 @@ function create_if_block_1$3(ctx) {
3773
3773
  dataAttrStopPropagation('click')
3774
3774
  ]));
3775
3775
 
3776
- toggle_class(a, "svelte-1kmu8zp", true);
3776
+ toggle_class(a, "svelte-15k4deh", true);
3777
3777
  },
3778
3778
  i(local) {
3779
3779
  if (current) return;
@@ -3804,7 +3804,7 @@ function create_if_block$d(ctx) {
3804
3804
  c() {
3805
3805
  div = element("div");
3806
3806
  if (default_slot) default_slot.c();
3807
- attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1kmu8zp"));
3807
+ attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-15k4deh"));
3808
3808
  attr(div, "style", /*style*/ ctx[1]);
3809
3809
  },
3810
3810
  m(target, anchor) {
@@ -4000,15 +4000,15 @@ let Button$1 = class Button extends SvelteComponent {
4000
4000
  eventValue: 6,
4001
4001
  style: 1
4002
4002
  },
4003
- add_css$G
4003
+ add_css$H
4004
4004
  );
4005
4005
  }
4006
4006
  };
4007
4007
 
4008
4008
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
4009
4009
 
4010
- function add_css$F(target) {
4011
- append_styles(target, "svelte-1i2vo31", ".modal.svelte-1i2vo31{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1i2vo31 > .button{flex:auto;display:flex}.close.svelte-1i2vo31{position:absolute;top:0;right:0}.close.svelte-1i2vo31 > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.close.svelte-1i2vo31 > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1i2vo31{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}@media screen and (min-width: 641px){.modal-bp.svelte-1i2vo31{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-1i2vo31{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
4010
+ function add_css$G(target) {
4011
+ append_styles(target, "svelte-1ijkyzl", ".modal.svelte-1ijkyzl{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1ijkyzl > .button{flex:auto;display:flex}.close.svelte-1ijkyzl{position:absolute;top:0;right:0}.close.svelte-1ijkyzl > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.close.svelte-1ijkyzl > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1ijkyzl{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}@media screen and (min-width: 641px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
4012
4012
  }
4013
4013
 
4014
4014
  // (278:0) {:else}
@@ -4158,7 +4158,7 @@ function create_if_block$c(ctx) {
4158
4158
  c() {
4159
4159
  div = element("div");
4160
4160
  create_component(button.$$.fragment);
4161
- attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"));
4161
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"));
4162
4162
  attr(div, "role", "dialog");
4163
4163
  attr(div, "aria-modal", "true");
4164
4164
  attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
@@ -4182,7 +4182,7 @@ function create_if_block$c(ctx) {
4182
4182
 
4183
4183
  button.$set(button_changes);
4184
4184
 
4185
- if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"))) {
4185
+ if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"))) {
4186
4186
  attr(div, "class", div_class_value);
4187
4187
  }
4188
4188
  },
@@ -4236,7 +4236,7 @@ function create_if_block_1$2(ctx) {
4236
4236
  c() {
4237
4237
  div = element("div");
4238
4238
  create_component(button.$$.fragment);
4239
- attr(div, "class", "close svelte-1i2vo31");
4239
+ attr(div, "class", "close svelte-1ijkyzl");
4240
4240
  set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
4241
4241
  },
4242
4242
  m(target, anchor) {
@@ -4325,7 +4325,7 @@ function create_default_slot$6(ctx) {
4325
4325
  t = space();
4326
4326
  div = element("div");
4327
4327
  if (default_slot) default_slot.c();
4328
- attr(div, "class", "modal-content svelte-1i2vo31");
4328
+ attr(div, "class", "modal-content svelte-1ijkyzl");
4329
4329
  attr(div, "style", /*_style*/ ctx[5]);
4330
4330
  },
4331
4331
  m(target, anchor) {
@@ -4851,7 +4851,7 @@ let Modal$1 = class Modal extends SvelteComponent {
4851
4851
  closeButtonColor: 9,
4852
4852
  _closeStyle: 10
4853
4853
  },
4854
- add_css$F,
4854
+ add_css$G,
4855
4855
  [-1, -1]
4856
4856
  );
4857
4857
  }
@@ -4975,8 +4975,8 @@ class Grid extends SvelteComponent {
4975
4975
 
4976
4976
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
4977
4977
 
4978
- function add_css$E(target) {
4979
- append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
4978
+ function add_css$F(target) {
4979
+ append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
4980
4980
  }
4981
4981
 
4982
4982
  function create_fragment$1a(ctx) {
@@ -4991,8 +4991,8 @@ function create_fragment$1a(ctx) {
4991
4991
  div1 = element("div");
4992
4992
  div0 = element("div");
4993
4993
  if (default_slot) default_slot.c();
4994
- attr(div0, "class", "grid-item-inner svelte-1cryhmb");
4995
- attr(div1, "class", "grid-item svelte-1cryhmb");
4994
+ attr(div0, "class", "grid-item-inner svelte-n7kdl3");
4995
+ attr(div1, "class", "grid-item svelte-n7kdl3");
4996
4996
  attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
4997
4997
  attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
4998
4998
  attr(div1, "style", /*_style*/ ctx[1]);
@@ -5114,7 +5114,7 @@ class GridItem extends SvelteComponent {
5114
5114
  background: 7,
5115
5115
  gridItemId: 0
5116
5116
  },
5117
- add_css$E
5117
+ add_css$F
5118
5118
  );
5119
5119
  }
5120
5120
  }
@@ -5296,8 +5296,8 @@ class RenderText extends SvelteComponent {
5296
5296
 
5297
5297
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
5298
5298
 
5299
- function add_css$D(target) {
5300
- append_styles(target, "svelte-vz6867", ".text-element-wrapper.svelte-vz6867.svelte-vz6867{position:relative;height:100%}.text-element.svelte-vz6867.svelte-vz6867{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden;font-size:12px;line-height:1.5}.text-link-element.svelte-vz6867.svelte-vz6867{text-decoration:none;color:inherit}.text-element-inner.svelte-vz6867.svelte-vz6867{width:100%;height:auto}.text-direction-vertical.svelte-vz6867.svelte-vz6867{writing-mode:vertical-rl}.text-direction-vertical.svelte-vz6867 .text-element-inner.svelte-vz6867{width:auto;height:100%}.tooltip.svelte-vz6867.svelte-vz6867{display:none;position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;background-color:#3d4948;white-space:nowrap;padding:4px 8px 4px 8px;border-radius:4px;font-size:12px;z-index:2147483647}.tooltip.svelte-vz6867.svelte-vz6867:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-vz6867.svelte-vz6867{display:block}.tooltip-error.svelte-vz6867.svelte-vz6867{background-color:#c00}.tooltip-error.svelte-vz6867.svelte-vz6867:before{border-bottom:7px solid #c00}");
5299
+ function add_css$E(target) {
5300
+ append_styles(target, "svelte-9ixs0b", ".text-element-wrapper.svelte-9ixs0b.svelte-9ixs0b{position:relative;height:100%}.text-element.svelte-9ixs0b.svelte-9ixs0b{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden;font-size:12px;line-height:1.5}.text-link-element.svelte-9ixs0b.svelte-9ixs0b{text-decoration:none;color:inherit}.text-element-inner.svelte-9ixs0b.svelte-9ixs0b{width:100%;height:auto}.text-direction-vertical.svelte-9ixs0b.svelte-9ixs0b{writing-mode:vertical-rl}.text-direction-vertical.svelte-9ixs0b .text-element-inner.svelte-9ixs0b{width:auto;height:100%}.tooltip.svelte-9ixs0b.svelte-9ixs0b{display:none;position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;background-color:#3d4948;white-space:nowrap;padding:4px 8px 4px 8px;border-radius:4px;font-size:12px;z-index:2147483647}.tooltip.svelte-9ixs0b.svelte-9ixs0b:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-9ixs0b.svelte-9ixs0b{display:block}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b{background-color:#c00}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b:before{border-bottom:7px solid #c00}");
5301
5301
  }
5302
5302
 
5303
5303
  // (94:2) {:else}
@@ -5314,8 +5314,8 @@ function create_else_block$2(ctx) {
5314
5314
  div1 = element("div");
5315
5315
  div0 = element("div");
5316
5316
  create_component(rendertext.$$.fragment);
5317
- attr(div0, "class", "text-element-inner svelte-vz6867");
5318
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5317
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5318
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5319
5319
  attr(div1, "style", /*style*/ ctx[5]);
5320
5320
  },
5321
5321
  m(target, anchor) {
@@ -5329,7 +5329,7 @@ function create_else_block$2(ctx) {
5329
5329
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5330
5330
  rendertext.$set(rendertext_changes);
5331
5331
 
5332
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
5332
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
5333
5333
  attr(div1, "class", div1_class_value);
5334
5334
  }
5335
5335
 
@@ -5379,12 +5379,12 @@ function create_if_block$a(ctx) {
5379
5379
  t2 = space();
5380
5380
  div2 = element("div");
5381
5381
  div2.textContent = "コピーできませんでした";
5382
- attr(div0, "class", "text-element-inner svelte-vz6867");
5382
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5383
5383
  attr(a, "href", '');
5384
- attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5384
+ attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5385
5385
  attr(a, "style", /*style*/ ctx[5]);
5386
- attr(div1, "class", "tooltip svelte-vz6867");
5387
- attr(div2, "class", "tooltip tooltip-error svelte-vz6867");
5386
+ attr(div1, "class", "tooltip svelte-9ixs0b");
5387
+ attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
5388
5388
  },
5389
5389
  m(target, anchor) {
5390
5390
  insert(target, a, anchor);
@@ -5408,7 +5408,7 @@ function create_if_block$a(ctx) {
5408
5408
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5409
5409
  rendertext.$set(rendertext_changes);
5410
5410
 
5411
- if (!current || dirty & /*textDirection*/ 2 && a_class_value !== (a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
5411
+ if (!current || dirty & /*textDirection*/ 2 && a_class_value !== (a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
5412
5412
  attr(a, "class", a_class_value);
5413
5413
  }
5414
5414
 
@@ -5460,7 +5460,7 @@ function create_fragment$18(ctx) {
5460
5460
  c() {
5461
5461
  div = element("div");
5462
5462
  if_block.c();
5463
- attr(div, "class", "text-element-wrapper svelte-vz6867");
5463
+ attr(div, "class", "text-element-wrapper svelte-9ixs0b");
5464
5464
  },
5465
5465
  m(target, anchor) {
5466
5466
  insert(target, div, anchor);
@@ -5618,15 +5618,15 @@ class TextElement extends SvelteComponent {
5618
5618
  enableCopy: 2,
5619
5619
  eventName: 10
5620
5620
  },
5621
- add_css$D
5621
+ add_css$E
5622
5622
  );
5623
5623
  }
5624
5624
  }
5625
5625
 
5626
5626
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5627
5627
 
5628
- function add_css$C(target) {
5629
- append_styles(target, "svelte-ujdxfc", ".text-button-element.svelte-ujdxfc{width:100%;height:100%}.text-button-element.svelte-ujdxfc > .button{display:flex;width:100%;height:100%;border:none;box-shadow:transparent;box-sizing:border-box;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5;background-color:#33403e;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-ujdxfc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-ujdxfc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-ujdxfc > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
5628
+ function add_css$D(target) {
5629
+ append_styles(target, "svelte-1vg84sc", ".text-button-element.svelte-1vg84sc{width:100%;height:100%}.text-button-element.svelte-1vg84sc > .button{display:flex;width:100%;height:100%;border:none;box-shadow:transparent;box-sizing:border-box;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5;background-color:#33403e;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-1vg84sc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-1vg84sc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-1vg84sc > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
5630
5630
  }
5631
5631
 
5632
5632
  // (48:2) <Button {onClick} {style} {eventName}>
@@ -5682,7 +5682,7 @@ function create_fragment$17(ctx) {
5682
5682
  c() {
5683
5683
  div = element("div");
5684
5684
  create_component(button.$$.fragment);
5685
- attr(div, "class", "text-button-element svelte-ujdxfc");
5685
+ attr(div, "class", "text-button-element svelte-1vg84sc");
5686
5686
  },
5687
5687
  m(target, anchor) {
5688
5688
  insert(target, div, anchor);
@@ -5766,15 +5766,15 @@ class TextButtonElement extends SvelteComponent {
5766
5766
  _buttonStyle: 5,
5767
5767
  _style: 6
5768
5768
  },
5769
- add_css$C
5769
+ add_css$D
5770
5770
  );
5771
5771
  }
5772
5772
  }
5773
5773
 
5774
5774
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5775
5775
 
5776
- function add_css$B(target) {
5777
- append_styles(target, "svelte-1alkh1m", ".image-element.svelte-1alkh1m{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-1alkh1m > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image-element.svelte-1alkh1m > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-1alkh1m > .button:not(._disabled):hover,.image-element.transport.svelte-1alkh1m > .button:not(._disabled):focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}.image.svelte-1alkh1m{width:100%;height:100%}");
5776
+ function add_css$C(target) {
5777
+ append_styles(target, "svelte-t6tu0e", ".image-element.svelte-t6tu0e{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-t6tu0e > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image-element.svelte-t6tu0e > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-t6tu0e > .button:not(._disabled):hover,.image-element.transport.svelte-t6tu0e > .button:not(._disabled):focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}.image.svelte-t6tu0e{width:100%;height:100%}");
5778
5778
  }
5779
5779
 
5780
5780
  // (44:2) <Button {onClick} style={_style} {eventName}>
@@ -5786,7 +5786,7 @@ function create_default_slot$4(ctx) {
5786
5786
  return {
5787
5787
  c() {
5788
5788
  img = element("img");
5789
- attr(img, "class", "image svelte-1alkh1m");
5789
+ attr(img, "class", "image svelte-t6tu0e");
5790
5790
  attr(img, "loading", "lazy");
5791
5791
  attr(img, "width", "auto");
5792
5792
  attr(img, "height", "auto");
@@ -5848,7 +5848,7 @@ function create_fragment$16(ctx) {
5848
5848
  c() {
5849
5849
  div = element("div");
5850
5850
  create_component(button.$$.fragment);
5851
- attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m");
5851
+ attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
5852
5852
  },
5853
5853
  m(target, anchor) {
5854
5854
  insert(target, div, anchor);
@@ -5867,7 +5867,7 @@ function create_fragment$16(ctx) {
5867
5867
 
5868
5868
  button.$set(button_changes);
5869
5869
 
5870
- if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m")) {
5870
+ if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
5871
5871
  attr(div, "class", div_class_value);
5872
5872
  }
5873
5873
  },
@@ -5931,15 +5931,15 @@ class ImageElement extends SvelteComponent {
5931
5931
  _imageStyle: 6,
5932
5932
  _style: 7
5933
5933
  },
5934
- add_css$B
5934
+ add_css$C
5935
5935
  );
5936
5936
  }
5937
5937
  }
5938
5938
 
5939
5939
  /* src/components/List.svelte generated by Svelte v3.53.1 */
5940
5940
 
5941
- function add_css$A(target) {
5942
- append_styles(target, "svelte-1t8r9z", ".list.svelte-1t8r9z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
5941
+ function add_css$B(target) {
5942
+ append_styles(target, "svelte-aquv6z", ".list.svelte-aquv6z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
5943
5943
  }
5944
5944
 
5945
5945
  function create_fragment$15(ctx) {
@@ -5952,7 +5952,7 @@ function create_fragment$15(ctx) {
5952
5952
  c() {
5953
5953
  div = element("div");
5954
5954
  if (default_slot) default_slot.c();
5955
- attr(div, "class", "list svelte-1t8r9z");
5955
+ attr(div, "class", "list svelte-aquv6z");
5956
5956
  attr(div, "style", /*style*/ ctx[0]);
5957
5957
  },
5958
5958
  m(target, anchor) {
@@ -6078,15 +6078,15 @@ class List extends SvelteComponent {
6078
6078
  background: 3,
6079
6079
  _style: 4
6080
6080
  },
6081
- add_css$A
6081
+ add_css$B
6082
6082
  );
6083
6083
  }
6084
6084
  }
6085
6085
 
6086
6086
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
6087
6087
 
6088
- function add_css$z(target) {
6089
- append_styles(target, "svelte-1lbw8v2", ".list-item.svelte-1lbw8v2{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-1lbw8v2 > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
6088
+ function add_css$A(target) {
6089
+ append_styles(target, "svelte-9n97pe", ".list-item.svelte-9n97pe{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-9n97pe > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
6090
6090
  }
6091
6091
 
6092
6092
  // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
@@ -6156,7 +6156,7 @@ function create_fragment$14(ctx) {
6156
6156
  c() {
6157
6157
  div = element("div");
6158
6158
  create_component(button.$$.fragment);
6159
- attr(div, "class", "list-item svelte-1lbw8v2");
6159
+ attr(div, "class", "list-item svelte-9n97pe");
6160
6160
  attr(div, "style", /*listItemStyle*/ ctx[3]);
6161
6161
  },
6162
6162
  m(target, anchor) {
@@ -6275,14 +6275,14 @@ function instance$14($$self, $$props, $$invalidate) {
6275
6275
  class ListItem extends SvelteComponent {
6276
6276
  constructor(options) {
6277
6277
  super();
6278
- init(this, options, instance$14, create_fragment$14, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$z);
6278
+ init(this, options, instance$14, create_fragment$14, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$A);
6279
6279
  }
6280
6280
  }
6281
6281
 
6282
6282
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
6283
6283
 
6284
- function add_css$y(target) {
6285
- append_styles(target, "svelte-w6jkzh", ".embed.svelte-w6jkzh{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-w6jkzh iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
6284
+ function add_css$z(target) {
6285
+ append_styles(target, "svelte-wocq4p", ".embed.svelte-wocq4p{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-wocq4p iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
6286
6286
  }
6287
6287
 
6288
6288
  function create_fragment$13(ctx) {
@@ -6291,7 +6291,7 @@ function create_fragment$13(ctx) {
6291
6291
  return {
6292
6292
  c() {
6293
6293
  div = element("div");
6294
- attr(div, "class", "embed svelte-w6jkzh");
6294
+ attr(div, "class", "embed svelte-wocq4p");
6295
6295
  attr(div, "style", /*_style*/ ctx[1]);
6296
6296
  },
6297
6297
  m(target, anchor) {
@@ -6327,14 +6327,14 @@ function instance$13($$self, $$props, $$invalidate) {
6327
6327
  class EmbedElement extends SvelteComponent {
6328
6328
  constructor(options) {
6329
6329
  super();
6330
- init(this, options, instance$13, create_fragment$13, safe_not_equal, { code: 0, _style: 1 }, add_css$y);
6330
+ init(this, options, instance$13, create_fragment$13, safe_not_equal, { code: 0, _style: 1 }, add_css$z);
6331
6331
  }
6332
6332
  }
6333
6333
 
6334
6334
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
6335
6335
 
6336
- function add_css$x(target) {
6337
- append_styles(target, "svelte-ljxq7x", ".embed.svelte-ljxq7x{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-ljxq7x iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
6336
+ function add_css$y(target) {
6337
+ append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
6338
6338
  }
6339
6339
 
6340
6340
  function create_fragment$12(ctx) {
@@ -6346,7 +6346,7 @@ function create_fragment$12(ctx) {
6346
6346
  div1 = element("div");
6347
6347
  div0 = element("div");
6348
6348
  attr(div0, "class", "karte-player");
6349
- attr(div1, "class", "embed svelte-ljxq7x");
6349
+ attr(div1, "class", "embed svelte-vikz49");
6350
6350
  attr(div1, "style", /*_style*/ ctx[0]);
6351
6351
  },
6352
6352
  m(target, anchor) {
@@ -6679,7 +6679,7 @@ class MovieYouTubeElement extends SvelteComponent {
6679
6679
  mute: 25,
6680
6680
  _style: 0
6681
6681
  },
6682
- add_css$x,
6682
+ add_css$y,
6683
6683
  [-1, -1]
6684
6684
  );
6685
6685
  }
@@ -6687,8 +6687,8 @@ class MovieYouTubeElement extends SvelteComponent {
6687
6687
 
6688
6688
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6689
6689
 
6690
- function add_css$w(target) {
6691
- append_styles(target, "svelte-ljxq7x", ".embed.svelte-ljxq7x{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-ljxq7x iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
6690
+ function add_css$x(target) {
6691
+ append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
6692
6692
  }
6693
6693
 
6694
6694
  function create_fragment$11(ctx) {
@@ -6700,7 +6700,7 @@ function create_fragment$11(ctx) {
6700
6700
  div1 = element("div");
6701
6701
  div0 = element("div");
6702
6702
  attr(div0, "class", "karte-player");
6703
- attr(div1, "class", "embed svelte-ljxq7x");
6703
+ attr(div1, "class", "embed svelte-vikz49");
6704
6704
  attr(div1, "style", /*_style*/ ctx[0]);
6705
6705
  },
6706
6706
  m(target, anchor) {
@@ -6876,15 +6876,15 @@ class MovieVimeoElement extends SvelteComponent {
6876
6876
  mute: 6,
6877
6877
  _style: 0
6878
6878
  },
6879
- add_css$w
6879
+ add_css$x
6880
6880
  );
6881
6881
  }
6882
6882
  }
6883
6883
 
6884
6884
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
6885
6885
 
6886
- function add_css$v(target) {
6887
- append_styles(target, "svelte-1fjy5oo", ".textarea-wrapper.svelte-1fjy5oo{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-1fjy5oo{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.textarea.svelte-1fjy5oo::placeholder{color:var(--placeholder-color)}.textarea.svelte-1fjy5oo:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
6886
+ function add_css$w(target) {
6887
+ append_styles(target, "svelte-zxvkkc", ".textarea-wrapper.svelte-zxvkkc{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-zxvkkc{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.textarea.svelte-zxvkkc::placeholder{color:var(--placeholder-color)}.textarea.svelte-zxvkkc:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
6888
6888
  }
6889
6889
 
6890
6890
  function create_fragment$10(ctx) {
@@ -6897,12 +6897,12 @@ function create_fragment$10(ctx) {
6897
6897
  c() {
6898
6898
  div = element("div");
6899
6899
  textarea = element("textarea");
6900
- attr(textarea, "class", "textarea svelte-1fjy5oo");
6900
+ attr(textarea, "class", "textarea svelte-zxvkkc");
6901
6901
  textarea.value = /*$value*/ ctx[4];
6902
6902
  textarea.required = /*required*/ ctx[1];
6903
6903
  attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
6904
6904
  attr(textarea, "style", /*style*/ ctx[3]);
6905
- attr(div, "class", "textarea-wrapper svelte-1fjy5oo");
6905
+ attr(div, "class", "textarea-wrapper svelte-zxvkkc");
6906
6906
  attr(div, "style", /*styleVariables*/ ctx[2]);
6907
6907
  },
6908
6908
  m(target, anchor) {
@@ -7046,15 +7046,15 @@ class FormTextarea extends SvelteComponent {
7046
7046
  _textStyle: 11,
7047
7047
  _placeholderStyle: 12
7048
7048
  },
7049
- add_css$v
7049
+ add_css$w
7050
7050
  );
7051
7051
  }
7052
7052
  }
7053
7053
 
7054
7054
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
7055
7055
 
7056
- function add_css$u(target) {
7057
- append_styles(target, "svelte-1ntb6j8", ".radio-buttons.svelte-1ntb6j8{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-1ntb6j8{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-1ntb6j8{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-1ntb6j8:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18,160,160,.08),0px 1px 4px -1px rgba(18,160,160,.24)}.radio-button-text.svelte-1ntb6j8{margin-left:0.5em}");
7056
+ function add_css$v(target) {
7057
+ append_styles(target, "svelte-17s08g", ".radio-buttons.svelte-17s08g{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-17s08g{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-17s08g{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-17s08g:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18,160,160,.08),0px 1px 4px -1px rgba(18,160,160,.24)}.radio-button-text.svelte-17s08g{margin-left:0.5em}");
7058
7058
  }
7059
7059
 
7060
7060
  function get_each_context$6(ctx, list, i) {
@@ -7088,14 +7088,14 @@ function create_each_block$6(ctx) {
7088
7088
  t1 = text(t1_value);
7089
7089
  t2 = space();
7090
7090
  attr(input, "type", "radio");
7091
- attr(input, "class", "radio-button-input svelte-1ntb6j8");
7091
+ attr(input, "class", "radio-button-input svelte-17s08g");
7092
7092
  attr(input, "style", /*buttonStyle*/ ctx[5]);
7093
7093
  attr(input, "name", /*name*/ ctx[0]);
7094
7094
  input.value = input_value_value = /*option*/ ctx[17];
7095
7095
  input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
7096
- attr(span, "class", "radio-button-text svelte-1ntb6j8");
7096
+ attr(span, "class", "radio-button-text svelte-17s08g");
7097
7097
  attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7098
- attr(label, "class", "radio-button svelte-1ntb6j8");
7098
+ attr(label, "class", "radio-button svelte-17s08g");
7099
7099
  },
7100
7100
  m(target, anchor) {
7101
7101
  insert(target, label, anchor);
@@ -7160,7 +7160,7 @@ function create_fragment$$(ctx) {
7160
7160
  each_blocks[i].c();
7161
7161
  }
7162
7162
 
7163
- attr(div, "class", "radio-buttons svelte-1ntb6j8");
7163
+ attr(div, "class", "radio-buttons svelte-17s08g");
7164
7164
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7165
7165
  },
7166
7166
  m(target, anchor) {
@@ -7321,15 +7321,15 @@ class FormRadioButtons extends SvelteComponent {
7321
7321
  buttonColor: 13,
7322
7322
  buttonColorActive: 14
7323
7323
  },
7324
- add_css$u
7324
+ add_css$v
7325
7325
  );
7326
7326
  }
7327
7327
  }
7328
7328
 
7329
7329
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
7330
7330
 
7331
- function add_css$t(target) {
7332
- append_styles(target, "svelte-iejizj", ".select.svelte-iejizj{width:100%;height:100%}.select-select.svelte-iejizj{position:relative;appearance:none;width:100%;height:100%;cursor:pointer;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:0 0 0 10px;font-size:12px;line-height:1.5}.select-select.svelte-iejizj:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.select-icon.svelte-iejizj{position:absolute;width:calc(var(--icon-size) / 1.41);height:calc(var(--icon-size) / 1.41);top:calc(50% - calc(var(--icon-size) / 4));right:calc(var(--icon-size) * 1.2);box-sizing:border-box;border-right:solid 2px var(--icon-color);border-top:solid 2px var(--icon-color);transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
7331
+ function add_css$u(target) {
7332
+ append_styles(target, "svelte-t9ynyj", ".select.svelte-t9ynyj{width:100%;height:100%}.select-select.svelte-t9ynyj{position:relative;appearance:none;width:100%;height:100%;cursor:pointer;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:0 0 0 10px;font-size:12px;line-height:1.5}.select-select.svelte-t9ynyj:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.select-icon.svelte-t9ynyj{position:absolute;width:calc(var(--icon-size) / 1.41);height:calc(var(--icon-size) / 1.41);top:calc(50% - calc(var(--icon-size) / 4));right:calc(var(--icon-size) * 1.2);box-sizing:border-box;border-right:solid 2px var(--icon-color);border-top:solid 2px var(--icon-color);transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
7333
7333
  }
7334
7334
 
7335
7335
  function get_each_context$5(ctx, list, i) {
@@ -7463,10 +7463,10 @@ function create_fragment$_(ctx) {
7463
7463
 
7464
7464
  t = space();
7465
7465
  div0 = element("div");
7466
- attr(select, "class", "select-select svelte-iejizj");
7466
+ attr(select, "class", "select-select svelte-t9ynyj");
7467
7467
  attr(select, "style", /*style*/ ctx[3]);
7468
- attr(div0, "class", "select-icon svelte-iejizj");
7469
- attr(div1, "class", "select svelte-iejizj");
7468
+ attr(div0, "class", "select-icon svelte-t9ynyj");
7469
+ attr(div1, "class", "select svelte-t9ynyj");
7470
7470
  attr(div1, "style", /*styleVariables*/ ctx[2]);
7471
7471
  },
7472
7472
  m(target, anchor) {
@@ -7660,15 +7660,15 @@ class FormSelect extends SvelteComponent {
7660
7660
  iconColor: 15,
7661
7661
  iconSize: 16
7662
7662
  },
7663
- add_css$t
7663
+ add_css$u
7664
7664
  );
7665
7665
  }
7666
7666
  }
7667
7667
 
7668
7668
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
7669
7669
 
7670
- function add_css$s(target) {
7671
- append_styles(target, "svelte-2pz1us", ".check-boxes.svelte-2pz1us.svelte-2pz1us{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-2pz1us.svelte-2pz1us{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-2pz1us.svelte-2pz1us{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-2pz1us.svelte-2pz1us{display:inline-flex;background-color:var(--color-main);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-2pz1us.svelte-2pz1us{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-2pz1us.svelte-2pz1us:after{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:var(--color-sub)}.check-box-check._checked.svelte-2pz1us.svelte-2pz1us{background-color:var(--color-main-active)}.check-box-check._checked.svelte-2pz1us .check-box-icon.svelte-2pz1us:after{border-color:var(--color-sub-active)}.check-box-text.svelte-2pz1us.svelte-2pz1us{margin-left:0.5em;color:#333;font-size:12px;line-height:1.5}");
7670
+ function add_css$t(target) {
7671
+ append_styles(target, "svelte-1p65cg8", ".check-boxes.svelte-1p65cg8.svelte-1p65cg8{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-1p65cg8.svelte-1p65cg8{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-1p65cg8.svelte-1p65cg8{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-1p65cg8.svelte-1p65cg8{display:inline-flex;background-color:var(--color-main);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8:after{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:var(--color-sub)}.check-box-check._checked.svelte-1p65cg8.svelte-1p65cg8{background-color:var(--color-main-active)}.check-box-check._checked.svelte-1p65cg8 .check-box-icon.svelte-1p65cg8:after{border-color:var(--color-sub-active)}.check-box-text.svelte-1p65cg8.svelte-1p65cg8{margin-left:0.5em;color:#333;font-size:12px;line-height:1.5}");
7672
7672
  }
7673
7673
 
7674
7674
  function get_each_context$4(ctx, list, i) {
@@ -7707,19 +7707,19 @@ function create_each_block$4(ctx) {
7707
7707
  span2 = element("span");
7708
7708
  t2 = text(t2_value);
7709
7709
  t3 = space();
7710
- attr(input, "class", "check-box-input svelte-2pz1us");
7710
+ attr(input, "class", "check-box-input svelte-1p65cg8");
7711
7711
  attr(input, "type", "checkbox");
7712
7712
  attr(input, "name", /*name*/ ctx[0]);
7713
7713
  input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
7714
- attr(span0, "class", "check-box-icon svelte-2pz1us");
7714
+ attr(span0, "class", "check-box-icon svelte-1p65cg8");
7715
7715
 
7716
7716
  attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7717
7717
  ? ' _checked'
7718
- : ''}`) + " svelte-2pz1us"));
7718
+ : ''}`) + " svelte-1p65cg8"));
7719
7719
 
7720
- attr(span2, "class", "check-box-text svelte-2pz1us");
7720
+ attr(span2, "class", "check-box-text svelte-1p65cg8");
7721
7721
  attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7722
- attr(label, "class", "check-box svelte-2pz1us");
7722
+ attr(label, "class", "check-box svelte-1p65cg8");
7723
7723
  attr(label, "style", /*styleVariables*/ ctx[5]);
7724
7724
  },
7725
7725
  m(target, anchor) {
@@ -7751,7 +7751,7 @@ function create_each_block$4(ctx) {
7751
7751
 
7752
7752
  if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7753
7753
  ? ' _checked'
7754
- : ''}`) + " svelte-2pz1us"))) {
7754
+ : ''}`) + " svelte-1p65cg8"))) {
7755
7755
  attr(span1, "class", span1_class_value);
7756
7756
  }
7757
7757
 
@@ -7790,7 +7790,7 @@ function create_fragment$Z(ctx) {
7790
7790
  each_blocks[i].c();
7791
7791
  }
7792
7792
 
7793
- attr(div, "class", "check-boxes svelte-2pz1us");
7793
+ attr(div, "class", "check-boxes svelte-1p65cg8");
7794
7794
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7795
7795
  },
7796
7796
  m(target, anchor) {
@@ -7957,15 +7957,15 @@ class FormCheckBoxes extends SvelteComponent {
7957
7957
  buttonColor: 13,
7958
7958
  buttonColorActive: 14
7959
7959
  },
7960
- add_css$s
7960
+ add_css$t
7961
7961
  );
7962
7962
  }
7963
7963
  }
7964
7964
 
7965
7965
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
7966
7966
 
7967
- function add_css$r(target) {
7968
- append_styles(target, "svelte-9idbf1", ".rating-buttons.svelte-9idbf1{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-9idbf1{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s;appearance:none;background:none;border:none;margin:0;padding:0}");
7967
+ function add_css$s(target) {
7968
+ append_styles(target, "svelte-1iqf36p", ".rating-buttons.svelte-1iqf36p{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1iqf36p{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s;appearance:none;background:none;border:none;margin:0;padding:0}");
7969
7969
  }
7970
7970
 
7971
7971
  function get_each_context$3(ctx, list, i) {
@@ -7989,7 +7989,7 @@ function create_each_block$3(ctx) {
7989
7989
  button = element("button");
7990
7990
  t0 = text(t0_value);
7991
7991
  t1 = space();
7992
- attr(button, "class", "rating-button svelte-9idbf1");
7992
+ attr(button, "class", "rating-button svelte-1iqf36p");
7993
7993
  attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
7994
7994
  },
7995
7995
  m(target, anchor) {
@@ -8038,7 +8038,7 @@ function create_fragment$Y(ctx) {
8038
8038
  each_blocks[i].c();
8039
8039
  }
8040
8040
 
8041
- attr(div, "class", "rating-buttons svelte-9idbf1");
8041
+ attr(div, "class", "rating-buttons svelte-1iqf36p");
8042
8042
  },
8043
8043
  m(target, anchor) {
8044
8044
  insert(target, div, anchor);
@@ -8174,15 +8174,15 @@ class FormRatingButtonsNumber extends SvelteComponent {
8174
8174
  buttonStyle: 9,
8175
8175
  buttonActiveStyle: 10
8176
8176
  },
8177
- add_css$r
8177
+ add_css$s
8178
8178
  );
8179
8179
  }
8180
8180
  }
8181
8181
 
8182
8182
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
8183
8183
 
8184
- function add_css$q(target) {
8185
- append_styles(target, "svelte-1b5dvzw", ".rating-buttons.svelte-1b5dvzw{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1b5dvzw{appearance:none;background:none;border:none;margin:0;padding:0}.rating-button-image.svelte-1b5dvzw{cursor:pointer;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.rating-button-image.svelte-1b5dvzw:not(._active){filter:grayscale(100%)}");
8184
+ function add_css$r(target) {
8185
+ append_styles(target, "svelte-tbunko", ".rating-buttons.svelte-tbunko{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-tbunko{appearance:none;background:none;border:none;margin:0;padding:0}.rating-button-image.svelte-tbunko{cursor:pointer;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.rating-button-image.svelte-tbunko:not(._active){filter:grayscale(100%)}");
8186
8186
  }
8187
8187
 
8188
8188
  function get_each_context$2(ctx, list, i) {
@@ -8207,9 +8207,9 @@ function create_each_block$2(ctx) {
8207
8207
  img = element("img");
8208
8208
  t = space();
8209
8209
  if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
8210
- attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"));
8210
+ attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
8211
8211
  attr(img, "alt", "rate" + /*i*/ ctx[10]);
8212
- attr(button, "class", "rating-button svelte-1b5dvzw");
8212
+ attr(button, "class", "rating-button svelte-tbunko");
8213
8213
  attr(button, "style", /*buttonStyle*/ ctx[0]);
8214
8214
  },
8215
8215
  m(target, anchor) {
@@ -8225,7 +8225,7 @@ function create_each_block$2(ctx) {
8225
8225
  p(new_ctx, dirty) {
8226
8226
  ctx = new_ctx;
8227
8227
 
8228
- if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"))) {
8228
+ if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"))) {
8229
8229
  attr(img, "class", img_class_value);
8230
8230
  }
8231
8231
 
@@ -8258,7 +8258,7 @@ function create_fragment$X(ctx) {
8258
8258
  each_blocks[i].c();
8259
8259
  }
8260
8260
 
8261
- attr(div, "class", "rating-buttons svelte-1b5dvzw");
8261
+ attr(div, "class", "rating-buttons svelte-tbunko");
8262
8262
  },
8263
8263
  m(target, anchor) {
8264
8264
  insert(target, div, anchor);
@@ -8359,14 +8359,14 @@ function instance$X($$self, $$props, $$invalidate) {
8359
8359
  class FormRatingButtonsFace extends SvelteComponent {
8360
8360
  constructor(options) {
8361
8361
  super();
8362
- init(this, options, instance$X, create_fragment$X, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$q);
8362
+ init(this, options, instance$X, create_fragment$X, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$r);
8363
8363
  }
8364
8364
  }
8365
8365
 
8366
8366
  /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
8367
8367
 
8368
- function add_css$p(target) {
8369
- append_styles(target, "svelte-f14zo5", ".input-wrapper.svelte-f14zo5{display:flex;align-items:center;width:100%;height:100%}.input.svelte-f14zo5{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.input.svelte-f14zo5::placeholder{color:var(--placeholder-color)}.input.svelte-f14zo5:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.input._error.svelte-f14zo5{outline:none;border-width:var(--error-border-width) !important;border-color:var(--error-border-color) !important;border-style:var(--error-border-style) !important}");
8368
+ function add_css$q(target) {
8369
+ append_styles(target, "svelte-h8fqwx", ".input-wrapper.svelte-h8fqwx{display:flex;align-items:center;width:100%;height:100%}.input.svelte-h8fqwx{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.input.svelte-h8fqwx::placeholder{color:var(--placeholder-color)}.input.svelte-h8fqwx:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.input._error.svelte-h8fqwx{outline:none;border-width:var(--error-border-width) !important;border-color:var(--error-border-color) !important;border-style:var(--error-border-style) !important}");
8370
8370
  }
8371
8371
 
8372
8372
  function create_fragment$W(ctx) {
@@ -8380,13 +8380,13 @@ function create_fragment$W(ctx) {
8380
8380
  c() {
8381
8381
  div = element("div");
8382
8382
  input = element("input");
8383
- attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"));
8383
+ attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"));
8384
8384
  attr(input, "type", "text");
8385
8385
  input.value = /*$value*/ ctx[2];
8386
8386
  input.required = /*required*/ ctx[0];
8387
8387
  attr(input, "placeholder", /*placeholder*/ ctx[1]);
8388
8388
  attr(input, "style", /*style*/ ctx[5]);
8389
- attr(div, "class", "input-wrapper svelte-f14zo5");
8389
+ attr(div, "class", "input-wrapper svelte-h8fqwx");
8390
8390
  attr(div, "style", /*styleVariables*/ ctx[4]);
8391
8391
  },
8392
8392
  m(target, anchor) {
@@ -8399,7 +8399,7 @@ function create_fragment$W(ctx) {
8399
8399
  }
8400
8400
  },
8401
8401
  p(ctx, [dirty]) {
8402
- if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"))) {
8402
+ if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"))) {
8403
8403
  attr(input, "class", input_class_value);
8404
8404
  }
8405
8405
 
@@ -8579,15 +8579,15 @@ class FormIdentifyInput extends SvelteComponent {
8579
8579
  _textStyle: 15,
8580
8580
  _placeholderStyle: 16
8581
8581
  },
8582
- add_css$p
8582
+ add_css$q
8583
8583
  );
8584
8584
  }
8585
8585
  }
8586
8586
 
8587
8587
  /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
8588
8588
 
8589
- function add_css$o(target) {
8590
- append_styles(target, "svelte-pzrwlo", ".radio-buttons.svelte-pzrwlo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-pzrwlo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-pzrwlo{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-pzrwlo:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18, 160, 160, 0.08), 0px 1px 4px -1px rgba(18, 160, 160, 0.24)}.radio-button-text.svelte-pzrwlo{margin-left:0.5em}");
8589
+ function add_css$p(target) {
8590
+ append_styles(target, "svelte-8zbmyo", ".radio-buttons.svelte-8zbmyo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-8zbmyo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-8zbmyo{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-8zbmyo:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18, 160, 160, 0.08), 0px 1px 4px -1px rgba(18, 160, 160, 0.24)}.radio-button-text.svelte-8zbmyo{margin-left:0.5em}");
8591
8591
  }
8592
8592
 
8593
8593
  function create_fragment$V(ctx) {
@@ -8625,20 +8625,20 @@ function create_fragment$V(ctx) {
8625
8625
  span1 = element("span");
8626
8626
  t4 = text("いいえ");
8627
8627
  attr(input0, "type", "radio");
8628
- attr(input0, "class", "radio-button-input svelte-pzrwlo");
8628
+ attr(input0, "class", "radio-button-input svelte-8zbmyo");
8629
8629
  attr(input0, "style", /*buttonStyle*/ ctx[2]);
8630
8630
  input0.checked = input0_checked_value = /*$value*/ ctx[3] === true;
8631
- attr(span0, "class", "radio-button-text svelte-pzrwlo");
8631
+ attr(span0, "class", "radio-button-text svelte-8zbmyo");
8632
8632
  attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
8633
- attr(label0, "class", "radio-button svelte-pzrwlo");
8633
+ attr(label0, "class", "radio-button svelte-8zbmyo");
8634
8634
  attr(input1, "type", "radio");
8635
- attr(input1, "class", "radio-button-input svelte-pzrwlo");
8635
+ attr(input1, "class", "radio-button-input svelte-8zbmyo");
8636
8636
  attr(input1, "style", /*buttonStyle*/ ctx[2]);
8637
8637
  input1.checked = input1_checked_value = /*$value*/ ctx[3] === false;
8638
- attr(span1, "class", "radio-button-text svelte-pzrwlo");
8638
+ attr(span1, "class", "radio-button-text svelte-8zbmyo");
8639
8639
  attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
8640
- attr(label1, "class", "radio-button svelte-pzrwlo");
8641
- attr(div, "class", "radio-buttons svelte-pzrwlo");
8640
+ attr(label1, "class", "radio-button svelte-8zbmyo");
8641
+ attr(div, "class", "radio-buttons svelte-8zbmyo");
8642
8642
  attr(div, "style", /*_layoutStyle*/ ctx[0]);
8643
8643
  },
8644
8644
  m(target, anchor) {
@@ -8798,15 +8798,15 @@ class FormIdentifyChoices extends SvelteComponent {
8798
8798
  buttonColor: 10,
8799
8799
  buttonColorActive: 11
8800
8800
  },
8801
- add_css$o
8801
+ add_css$p
8802
8802
  );
8803
8803
  }
8804
8804
  }
8805
8805
 
8806
8806
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
8807
8807
 
8808
- function add_css$n(target) {
8809
- append_styles(target, "svelte-1qfq79t", ".root.svelte-1qfq79t{width:100%;height:100%;position:relative}.container.svelte-1qfq79t{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000}.slide.svelte-1qfq79t{height:100%;position:absolute;display:flex}.transition.svelte-1qfq79t{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-1qfq79t{height:100%;flex:none}.prev-button-container.svelte-1qfq79t,.next-button-container.svelte-1qfq79t{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-1qfq79t{left:0}.next-button-container.svelte-1qfq79t{right:0}.move-button.svelte-1qfq79t{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-1qfq79t{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-1qfq79t{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-1qfq79t{border-radius:51%}");
8808
+ function add_css$o(target) {
8809
+ append_styles(target, "svelte-ji1fh", ".root.svelte-ji1fh{width:100%;height:100%;position:relative}.container.svelte-ji1fh{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000}.slide.svelte-ji1fh{height:100%;position:absolute;display:flex}.transition.svelte-ji1fh{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-ji1fh{height:100%;flex:none}.prev-button-container.svelte-ji1fh,.next-button-container.svelte-ji1fh{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-ji1fh{left:0}.next-button-container.svelte-ji1fh{right:0}.move-button.svelte-ji1fh{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-ji1fh{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-ji1fh{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-ji1fh{border-radius:51%}");
8810
8810
  }
8811
8811
 
8812
8812
  function get_each_context$1(ctx, list, i) {
@@ -8835,9 +8835,9 @@ function create_if_block_1$1(ctx) {
8835
8835
  attr(svg, "viewBox", "0 0 10 16");
8836
8836
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8837
8837
  attr(svg, "style", /*prevIconStyle*/ ctx[10]);
8838
- attr(button, "class", "move-button svelte-1qfq79t");
8838
+ attr(button, "class", "move-button svelte-ji1fh");
8839
8839
  attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
8840
- attr(div, "class", "prev-button-container svelte-1qfq79t");
8840
+ attr(div, "class", "prev-button-container svelte-ji1fh");
8841
8841
  },
8842
8842
  m(target, anchor) {
8843
8843
  insert(target, div, anchor);
@@ -8886,9 +8886,9 @@ function create_if_block$8(ctx) {
8886
8886
  attr(svg, "viewBox", "0 0 10 16");
8887
8887
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8888
8888
  attr(svg, "style", /*nextIconStyle*/ ctx[8]);
8889
- attr(button, "class", "move-button svelte-1qfq79t");
8889
+ attr(button, "class", "move-button svelte-ji1fh");
8890
8890
  attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
8891
- attr(div, "class", "next-button-container svelte-1qfq79t");
8891
+ attr(div, "class", "next-button-container svelte-ji1fh");
8892
8892
  },
8893
8893
  m(target, anchor) {
8894
8894
  insert(target, div, anchor);
@@ -8936,9 +8936,9 @@ function create_each_block$1(ctx) {
8936
8936
  button = element("button");
8937
8937
  div = element("div");
8938
8938
  t = space();
8939
- attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
8939
+ attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
8940
8940
  attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
8941
- attr(button, "class", "navigation-item svelte-1qfq79t");
8941
+ attr(button, "class", "navigation-item svelte-ji1fh");
8942
8942
  attr(button, "style", /*navigationItemStyle*/ ctx[6]);
8943
8943
  },
8944
8944
  m(target, anchor) {
@@ -9015,14 +9015,14 @@ function create_fragment$U(ctx) {
9015
9015
  each_blocks[i].c();
9016
9016
  }
9017
9017
 
9018
- attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
9018
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
9019
9019
  attr(div0, "style", /*slideStyle*/ ctx[14]);
9020
- attr(div1, "class", "container svelte-1qfq79t");
9020
+ attr(div1, "class", "container svelte-ji1fh");
9021
9021
  attr(div1, "style", /*_style*/ ctx[0]);
9022
- attr(div2, "class", "navigation svelte-1qfq79t");
9022
+ attr(div2, "class", "navigation svelte-ji1fh");
9023
9023
  attr(div2, "style", /*navigationStyle*/ ctx[4]);
9024
9024
  set_attributes(div3, div3_data);
9025
- toggle_class(div3, "svelte-1qfq79t", true);
9025
+ toggle_class(div3, "svelte-ji1fh", true);
9026
9026
  },
9027
9027
  m(target, anchor) {
9028
9028
  insert(target, div3, anchor);
@@ -9064,7 +9064,7 @@ function create_fragment$U(ctx) {
9064
9064
  }
9065
9065
  }
9066
9066
 
9067
- if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
9067
+ if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
9068
9068
  attr(div0, "class", div0_class_value);
9069
9069
  }
9070
9070
 
@@ -9130,7 +9130,7 @@ function create_fragment$U(ctx) {
9130
9130
  }
9131
9131
 
9132
9132
  set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
9133
- toggle_class(div3, "svelte-1qfq79t", true);
9133
+ toggle_class(div3, "svelte-ji1fh", true);
9134
9134
  },
9135
9135
  i(local) {
9136
9136
  if (current) return;
@@ -9633,7 +9633,7 @@ class Slide extends SvelteComponent {
9633
9633
  navigationButton: 25,
9634
9634
  navigationEdgePosition: 26
9635
9635
  },
9636
- add_css$n,
9636
+ add_css$o,
9637
9637
  [-1, -1, -1]
9638
9638
  );
9639
9639
  }
@@ -9641,8 +9641,8 @@ class Slide extends SvelteComponent {
9641
9641
 
9642
9642
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
9643
9643
 
9644
- function add_css$m(target) {
9645
- append_styles(target, "svelte-1rv0qgo", ".item.svelte-1rv0qgo{height:100%;flex:none;position:relative}.item.svelte-1rv0qgo img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-1rv0qgo{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;cursor:default;overflow:hidden}");
9644
+ function add_css$n(target) {
9645
+ append_styles(target, "svelte-9ygf1w", ".item.svelte-9ygf1w{height:100%;flex:none;position:relative}.item.svelte-9ygf1w img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-9ygf1w{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;cursor:default;overflow:hidden}");
9646
9646
  }
9647
9647
 
9648
9648
  function create_fragment$T(ctx) {
@@ -9657,9 +9657,9 @@ function create_fragment$T(ctx) {
9657
9657
  div1 = element("div");
9658
9658
  div0 = element("div");
9659
9659
  if (default_slot) default_slot.c();
9660
- attr(div0, "class", "item-inner svelte-1rv0qgo");
9660
+ attr(div0, "class", "item-inner svelte-9ygf1w");
9661
9661
  attr(div0, "style", /*_style*/ ctx[0]);
9662
- attr(div1, "class", "item svelte-1rv0qgo");
9662
+ attr(div1, "class", "item svelte-9ygf1w");
9663
9663
  attr(div1, "style", /*itemStyle*/ ctx[1]);
9664
9664
  },
9665
9665
  m(target, anchor) {
@@ -9778,14 +9778,14 @@ function instance$T($$self, $$props, $$invalidate) {
9778
9778
  class SlideItem extends SvelteComponent {
9779
9779
  constructor(options) {
9780
9780
  super();
9781
- init(this, options, instance$T, create_fragment$T, safe_not_equal, { _style: 0 }, add_css$m);
9781
+ init(this, options, instance$T, create_fragment$T, safe_not_equal, { _style: 0 }, add_css$n);
9782
9782
  }
9783
9783
  }
9784
9784
 
9785
9785
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
9786
9786
 
9787
- function add_css$l(target) {
9788
- append_styles(target, "svelte-t87l6f", ".countdown.svelte-t87l6f{position:relative;width:100%;height:100%}.countdown-inner.svelte-t87l6f{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
9787
+ function add_css$m(target) {
9788
+ append_styles(target, "svelte-rroxiz", ".countdown.svelte-rroxiz{position:relative;width:100%;height:100%}.countdown-inner.svelte-rroxiz{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
9789
9789
  }
9790
9790
 
9791
9791
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
@@ -9803,9 +9803,9 @@ function create_fragment$S(ctx) {
9803
9803
  div1 = element("div");
9804
9804
  div0 = element("div");
9805
9805
  if (default_slot) default_slot.c();
9806
- attr(div0, "class", "countdown-inner svelte-t87l6f");
9806
+ attr(div0, "class", "countdown-inner svelte-rroxiz");
9807
9807
  attr(div0, "style", /*_style*/ ctx[0]);
9808
- attr(div1, "class", "countdown svelte-t87l6f");
9808
+ attr(div1, "class", "countdown svelte-rroxiz");
9809
9809
  },
9810
9810
  m(target, anchor) {
9811
9811
  insert(target, div1, anchor);
@@ -9932,14 +9932,14 @@ function instance$S($$self, $$props, $$invalidate) {
9932
9932
  class Countdown extends SvelteComponent {
9933
9933
  constructor(options) {
9934
9934
  super();
9935
- init(this, options, instance$S, create_fragment$S, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$l);
9935
+ init(this, options, instance$S, create_fragment$S, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$m);
9936
9936
  }
9937
9937
  }
9938
9938
 
9939
9939
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
9940
9940
 
9941
- function add_css$k(target) {
9942
- append_styles(target, "svelte-1c91vpe", ".box.svelte-1c91vpe{position:relative;width:100%;height:100%}.box.svelte-1c91vpe > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
9941
+ function add_css$l(target) {
9942
+ append_styles(target, "svelte-1ccydfy", ".box.svelte-1ccydfy{position:relative;width:100%;height:100%}.box.svelte-1ccydfy > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
9943
9943
  }
9944
9944
 
9945
9945
  // (24:2) <Button {onClick} style={_style} {eventName}>
@@ -10009,7 +10009,7 @@ function create_fragment$R(ctx) {
10009
10009
  c() {
10010
10010
  div = element("div");
10011
10011
  create_component(button.$$.fragment);
10012
- attr(div, "class", "box svelte-1c91vpe");
10012
+ attr(div, "class", "box svelte-1ccydfy");
10013
10013
  },
10014
10014
  m(target, anchor) {
10015
10015
  insert(target, div, anchor);
@@ -10063,14 +10063,14 @@ function instance$R($$self, $$props, $$invalidate) {
10063
10063
  class Box extends SvelteComponent {
10064
10064
  constructor(options) {
10065
10065
  super();
10066
- init(this, options, instance$R, create_fragment$R, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$k);
10066
+ init(this, options, instance$R, create_fragment$R, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$l);
10067
10067
  }
10068
10068
  }
10069
10069
 
10070
10070
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
10071
10071
 
10072
- function add_css$j(target) {
10073
- append_styles(target, "svelte-1mk6wi4", ".icon.svelte-1mk6wi4{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon.svelte-1mk6wi4 > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;overflow:hidden}.icon.svelte-1mk6wi4 > .button._disabled{cursor:not-allowed !important;opacity:0.2}.icon.svelte-1mk6wi4 svg{width:var(--width);height:var(--height);color:var(--color);stroke:var(--stroke);fill:var(--fill)}");
10072
+ function add_css$k(target) {
10073
+ append_styles(target, "svelte-1mkvcuo", ".icon.svelte-1mkvcuo{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon.svelte-1mkvcuo > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;overflow:hidden}.icon.svelte-1mkvcuo > .button._disabled{cursor:not-allowed !important;opacity:0.2}.icon.svelte-1mkvcuo svg{width:var(--width);height:var(--height);color:var(--color);stroke:var(--stroke);fill:var(--fill)}");
10074
10074
  }
10075
10075
 
10076
10076
  // (56:4) {#if svg}
@@ -10152,7 +10152,7 @@ function create_fragment$Q(ctx) {
10152
10152
  c() {
10153
10153
  div = element("div");
10154
10154
  create_component(button.$$.fragment);
10155
- attr(div, "class", "icon svelte-1mk6wi4");
10155
+ attr(div, "class", "icon svelte-1mkvcuo");
10156
10156
  },
10157
10157
  m(target, anchor) {
10158
10158
  insert(target, div, anchor);
@@ -10253,15 +10253,15 @@ class IconElement extends SvelteComponent {
10253
10253
  color: 6,
10254
10254
  _style: 7
10255
10255
  },
10256
- add_css$j
10256
+ add_css$k
10257
10257
  );
10258
10258
  }
10259
10259
  }
10260
10260
 
10261
10261
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
10262
10262
 
10263
- function add_css$i(target) {
10264
- append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10263
+ function add_css$j(target) {
10264
+ append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10265
10265
  }
10266
10266
 
10267
10267
  function create_fragment$P(ctx) {
@@ -10287,7 +10287,7 @@ function create_fragment$P(ctx) {
10287
10287
  c() {
10288
10288
  div = element("div");
10289
10289
  if (switch_instance) create_component(switch_instance.$$.fragment);
10290
- attr(div, "class", "codeElement svelte-1ng2n51");
10290
+ attr(div, "class", "codeElement svelte-ymsb9l");
10291
10291
  attr(div, "style", /*style*/ ctx[3]);
10292
10292
  },
10293
10293
  m(target, anchor) {
@@ -10369,14 +10369,14 @@ function instance$P($$self, $$props, $$invalidate) {
10369
10369
  class CodeElement extends SvelteComponent {
10370
10370
  constructor(options) {
10371
10371
  super();
10372
- init(this, options, instance$P, create_fragment$P, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$i);
10372
+ init(this, options, instance$P, create_fragment$P, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$j);
10373
10373
  }
10374
10374
  }
10375
10375
 
10376
10376
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
10377
10377
 
10378
- function add_css$h(target) {
10379
- append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
10378
+ function add_css$i(target) {
10379
+ append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
10380
10380
  }
10381
10381
 
10382
10382
  function create_fragment$O(ctx) {
@@ -10390,7 +10390,7 @@ function create_fragment$O(ctx) {
10390
10390
  c() {
10391
10391
  div = element("div");
10392
10392
  if (default_slot) default_slot.c();
10393
- attr(div, "class", "flex svelte-9v2qdg");
10393
+ attr(div, "class", "flex svelte-1e71ejc");
10394
10394
  attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
10395
10395
  },
10396
10396
  m(target, anchor) {
@@ -10479,15 +10479,15 @@ class Flex extends SvelteComponent {
10479
10479
  height: 2,
10480
10480
  _style: 3
10481
10481
  },
10482
- add_css$h
10482
+ add_css$i
10483
10483
  );
10484
10484
  }
10485
10485
  }
10486
10486
 
10487
10487
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
10488
10488
 
10489
- function add_css$g(target) {
10490
- append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
10489
+ function add_css$h(target) {
10490
+ append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
10491
10491
  }
10492
10492
 
10493
10493
  function create_fragment$N(ctx) {
@@ -10500,7 +10500,7 @@ function create_fragment$N(ctx) {
10500
10500
  c() {
10501
10501
  div = element("div");
10502
10502
  if (default_slot) default_slot.c();
10503
- attr(div, "class", "flex-item svelte-164ah5d");
10503
+ attr(div, "class", "flex-item svelte-1p0bk1x");
10504
10504
  attr(div, "style", /*style*/ ctx[0]);
10505
10505
  },
10506
10506
  m(target, anchor) {
@@ -10591,7 +10591,7 @@ function instance$N($$self, $$props, $$invalidate) {
10591
10591
  class FlexItem extends SvelteComponent {
10592
10592
  constructor(options) {
10593
10593
  super();
10594
- init(this, options, instance$N, create_fragment$N, safe_not_equal, { length: 1, _style: 2 }, add_css$g);
10594
+ init(this, options, instance$N, create_fragment$N, safe_not_equal, { length: 1, _style: 2 }, add_css$h);
10595
10595
  }
10596
10596
  }
10597
10597
 
@@ -10907,8 +10907,8 @@ class GridModalState extends SvelteComponent {
10907
10907
 
10908
10908
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
10909
10909
 
10910
- function add_css$f(target) {
10911
- append_styles(target, "svelte-akic2e", ".text-block.svelte-akic2e.svelte-akic2e{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:hidden}.text-block-inner.svelte-akic2e.svelte-akic2e{width:100%;height:auto}.text-direction-vertical.svelte-akic2e.svelte-akic2e{writing-mode:vertical-rl}.text-direction-vertical.svelte-akic2e .text-block-inner.svelte-akic2e{width:auto;height:100%}");
10910
+ function add_css$g(target) {
10911
+ append_styles(target, "svelte-15pej1m", ".text-block.svelte-15pej1m.svelte-15pej1m{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:hidden}.text-block-inner.svelte-15pej1m.svelte-15pej1m{width:100%;height:auto}.text-direction-vertical.svelte-15pej1m.svelte-15pej1m{writing-mode:vertical-rl}.text-direction-vertical.svelte-15pej1m .text-block-inner.svelte-15pej1m{width:auto;height:100%}");
10912
10912
  }
10913
10913
 
10914
10914
  function create_fragment$L(ctx) {
@@ -10924,8 +10924,8 @@ function create_fragment$L(ctx) {
10924
10924
  div1 = element("div");
10925
10925
  div0 = element("div");
10926
10926
  create_component(rendertext.$$.fragment);
10927
- attr(div0, "class", "text-block-inner svelte-akic2e");
10928
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"));
10927
+ attr(div0, "class", "text-block-inner svelte-15pej1m");
10928
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
10929
10929
  attr(div1, "style", /*style*/ ctx[2]);
10930
10930
  },
10931
10931
  m(target, anchor) {
@@ -10939,7 +10939,7 @@ function create_fragment$L(ctx) {
10939
10939
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
10940
10940
  rendertext.$set(rendertext_changes);
10941
10941
 
10942
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"))) {
10942
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
10943
10943
  attr(div1, "class", div1_class_value);
10944
10944
  }
10945
10945
 
@@ -11009,15 +11009,15 @@ class TextBlock extends SvelteComponent {
11009
11009
  textDirection: 1,
11010
11010
  _style: 5
11011
11011
  },
11012
- add_css$f
11012
+ add_css$g
11013
11013
  );
11014
11014
  }
11015
11015
  }
11016
11016
 
11017
11017
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
11018
11018
 
11019
- function add_css$e(target) {
11020
- append_styles(target, "svelte-1c34p4n", ".text-button-block.svelte-1c34p4n{width:100%;height:100%;background-color:#000000;border-radius:4px}.text-button.svelte-1c34p4n{display:flex;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5}.text-button.svelte-1c34p4n:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-1c34p4n:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
11019
+ function add_css$f(target) {
11020
+ append_styles(target, "svelte-ff0k6r", ".text-button-block.svelte-ff0k6r{width:100%;height:100%;background-color:#000000;border-radius:4px}.text-button.svelte-ff0k6r{display:flex;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5}.text-button.svelte-ff0k6r:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-ff0k6r:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
11021
11021
  }
11022
11022
 
11023
11023
  function create_fragment$K(ctx) {
@@ -11034,9 +11034,9 @@ function create_fragment$K(ctx) {
11034
11034
  div = element("div");
11035
11035
  button = element("button");
11036
11036
  create_component(rendertext.$$.fragment);
11037
- attr(button, "class", "text-button svelte-1c34p4n");
11037
+ attr(button, "class", "text-button svelte-ff0k6r");
11038
11038
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
11039
- attr(div, "class", "text-button-block svelte-1c34p4n");
11039
+ attr(div, "class", "text-button-block svelte-ff0k6r");
11040
11040
  attr(div, "style", /*_style*/ ctx[2]);
11041
11041
  },
11042
11042
  m(target, anchor) {
@@ -11134,15 +11134,15 @@ class TextButtonBlock extends SvelteComponent {
11134
11134
  _buttonStyle: 1,
11135
11135
  _style: 2
11136
11136
  },
11137
- add_css$e
11137
+ add_css$f
11138
11138
  );
11139
11139
  }
11140
11140
  }
11141
11141
 
11142
11142
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
11143
11143
 
11144
- function add_css$d(target) {
11145
- append_styles(target, "svelte-1jus6sx", ".image-block.svelte-1jus6sx{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image.svelte-1jus6sx{width:100%;height:100%}.transport.svelte-1jus6sx:hover,.transport.svelte-1jus6sx:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
11144
+ function add_css$e(target) {
11145
+ append_styles(target, "svelte-1pdw891", ".image-block.svelte-1pdw891{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image.svelte-1pdw891{width:100%;height:100%}.transport.svelte-1pdw891:hover,.transport.svelte-1pdw891:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
11146
11146
  }
11147
11147
 
11148
11148
  function create_fragment$J(ctx) {
@@ -11158,14 +11158,14 @@ function create_fragment$J(ctx) {
11158
11158
  c() {
11159
11159
  div = element("div");
11160
11160
  img = element("img");
11161
- attr(img, "class", "image svelte-1jus6sx");
11161
+ attr(img, "class", "image svelte-1pdw891");
11162
11162
  attr(img, "loading", "lazy");
11163
11163
  attr(img, "width", "auto");
11164
11164
  attr(img, "height", "auto");
11165
11165
  attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
11166
11166
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
11167
11167
  attr(img, "alt", /*alt*/ ctx[1]);
11168
- attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"));
11168
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
11169
11169
  attr(div, "style", /*_style*/ ctx[5]);
11170
11170
  },
11171
11171
  m(target, anchor) {
@@ -11190,7 +11190,7 @@ function create_fragment$J(ctx) {
11190
11190
  attr(img, "alt", /*alt*/ ctx[1]);
11191
11191
  }
11192
11192
 
11193
- if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"))) {
11193
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
11194
11194
  attr(div, "class", div_class_value);
11195
11195
  }
11196
11196
 
@@ -11261,7 +11261,7 @@ class ImageBlock extends SvelteComponent {
11261
11261
  _imageStyle: 4,
11262
11262
  _style: 5
11263
11263
  },
11264
- add_css$d
11264
+ add_css$e
11265
11265
  );
11266
11266
  }
11267
11267
  }
@@ -11338,6 +11338,7 @@ const toCssBackgroundImage = (p) => {
11338
11338
  return {
11339
11339
  backgroundImage: url ? `url(${url})` : undefined,
11340
11340
  backgroundSize: url ? 'cover' : undefined,
11341
+ backgroundPosition: 'center',
11341
11342
  };
11342
11343
  };
11343
11344
  const toCssBackgroundColor = (p) => {
@@ -11415,13 +11416,32 @@ const useClickable = ({ eventValue = {}, eventName = '', onClick, element = 'div
11415
11416
  };
11416
11417
  };
11417
11418
 
11419
+ const useInjectCustomizeCss = (props) => {
11420
+ function injectCss() {
11421
+ const style = document.createElement('style');
11422
+ style.textContent = props.customizeCss;
11423
+ document.head.appendChild(style);
11424
+ return () => {
11425
+ document.head.removeChild(style);
11426
+ };
11427
+ }
11428
+ onMount$1(() => {
11429
+ if (!props.isCustomizeCss)
11430
+ return;
11431
+ const removeCss = injectCss();
11432
+ return () => {
11433
+ removeCss();
11434
+ };
11435
+ });
11436
+ };
11437
+
11418
11438
  /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
11419
11439
 
11420
- function add_css$c(target) {
11421
- append_styles(target, "svelte-uy130g", ".avatar.svelte-uy130g{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}");
11440
+ function add_css$d(target) {
11441
+ append_styles(target, "svelte-1vk223g", ".avatar.svelte-1vk223g{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}");
11422
11442
  }
11423
11443
 
11424
- // (33:0) <svelte:element {...attributes} this={element} class="avatar" style={style} data-layer-id={layerId} on:click={handleClick} >
11444
+ // (35:0) <svelte:element {...attributes} this={element} class="avatar" style={style} data-layer-id={layerId} on:click={handleClick} >
11425
11445
  function create_dynamic_element$8(ctx) {
11426
11446
  let svelte_element;
11427
11447
  let img;
@@ -11448,7 +11468,7 @@ function create_dynamic_element$8(ctx) {
11448
11468
  svelte_element = element(/*element*/ ctx[5]);
11449
11469
  img = element("img");
11450
11470
  if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
11451
- attr(img, "class", "avatar-image svelte-uy130g");
11471
+ attr(img, "class", "avatar-image svelte-1vk223g");
11452
11472
  attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
11453
11473
  attr(img, "style", /*imgStyle*/ ctx[2]);
11454
11474
 
@@ -11458,7 +11478,7 @@ function create_dynamic_element$8(ctx) {
11458
11478
  set_attributes(svelte_element, svelte_element_data);
11459
11479
  }
11460
11480
 
11461
- toggle_class(svelte_element, "svelte-uy130g", true);
11481
+ toggle_class(svelte_element, "svelte-1vk223g", true);
11462
11482
  },
11463
11483
  m(target, anchor) {
11464
11484
  insert(target, svelte_element, anchor);
@@ -11495,7 +11515,7 @@ function create_dynamic_element$8(ctx) {
11495
11515
  set_attributes(svelte_element, svelte_element_data);
11496
11516
  }
11497
11517
 
11498
- toggle_class(svelte_element, "svelte-uy130g", true);
11518
+ toggle_class(svelte_element, "svelte-1vk223g", true);
11499
11519
  },
11500
11520
  d(detaching) {
11501
11521
  if (detaching) detach(svelte_element);
@@ -11554,6 +11574,7 @@ function instance$I($$self, $$props, $$invalidate) {
11554
11574
  let imgStyle;
11555
11575
  let { props = {} } = $$props;
11556
11576
  let { layerId = '' } = $$props;
11577
+ useInjectCustomizeCss(props);
11557
11578
  const { attributes, element, handleClick } = useClickable(props);
11558
11579
 
11559
11580
  const VARIANTS = {
@@ -11594,7 +11615,7 @@ function instance$I($$self, $$props, $$invalidate) {
11594
11615
  class Avatar extends SvelteComponent {
11595
11616
  constructor(options) {
11596
11617
  super();
11597
- init(this, options, instance$I, create_fragment$I, safe_not_equal, { props: 0, layerId: 1 }, add_css$c);
11618
+ init(this, options, instance$I, create_fragment$I, safe_not_equal, { props: 0, layerId: 1 }, add_css$d);
11598
11619
  }
11599
11620
  }
11600
11621
 
@@ -13296,11 +13317,11 @@ const ICON_VARIANTS = {
13296
13317
 
13297
13318
  /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
13298
13319
 
13299
- function add_css$b(target) {
13300
- append_styles(target, "svelte-mut6o2", ".icon.svelte-mut6o2{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
13320
+ function add_css$c(target) {
13321
+ append_styles(target, "svelte-19rssou", ".icon.svelte-19rssou{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
13301
13322
  }
13302
13323
 
13303
- // (22:0) <svelte:element {...attributes} this={element} class="icon" style={style} data-layer-id={layerId} on:click={handleClick} >
13324
+ // (24:0) <svelte:element {...attributes} this={element} class="icon" style={style} data-layer-id={layerId} on:click={handleClick} >
13304
13325
  function create_dynamic_element$7(ctx) {
13305
13326
  let svelte_element;
13306
13327
  let switch_instance;
@@ -13345,7 +13366,7 @@ function create_dynamic_element$7(ctx) {
13345
13366
  set_attributes(svelte_element, svelte_element_data);
13346
13367
  }
13347
13368
 
13348
- toggle_class(svelte_element, "svelte-mut6o2", true);
13369
+ toggle_class(svelte_element, "svelte-19rssou", true);
13349
13370
  },
13350
13371
  m(target, anchor) {
13351
13372
  insert(target, svelte_element, anchor);
@@ -13398,7 +13419,7 @@ function create_dynamic_element$7(ctx) {
13398
13419
  set_attributes(svelte_element, svelte_element_data);
13399
13420
  }
13400
13421
 
13401
- toggle_class(svelte_element, "svelte-mut6o2", true);
13422
+ toggle_class(svelte_element, "svelte-19rssou", true);
13402
13423
  },
13403
13424
  i(local) {
13404
13425
  if (current) return;
@@ -13469,6 +13490,7 @@ function instance$c($$self, $$props, $$invalidate) {
13469
13490
  let IconComponent;
13470
13491
  let { props = {} } = $$props;
13471
13492
  let { layerId = '' } = $$props;
13493
+ useInjectCustomizeCss(props);
13472
13494
  const { attributes, element, handleClick } = useClickable(props);
13473
13495
 
13474
13496
  const getSizeCss = () => {
@@ -13506,7 +13528,7 @@ function instance$c($$self, $$props, $$invalidate) {
13506
13528
  class Icon extends SvelteComponent {
13507
13529
  constructor(options) {
13508
13530
  super();
13509
- init(this, options, instance$c, create_fragment$c, safe_not_equal, { props: 0, layerId: 1 }, add_css$b);
13531
+ init(this, options, instance$c, create_fragment$c, safe_not_equal, { props: 0, layerId: 1 }, add_css$c);
13510
13532
  }
13511
13533
  }
13512
13534
 
@@ -13673,11 +13695,11 @@ function darkenColor(color, percent) {
13673
13695
 
13674
13696
  /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
13675
13697
 
13676
- function add_css$a(target) {
13677
- 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}");
13698
+ function add_css$b(target) {
13699
+ 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}");
13678
13700
  }
13679
13701
 
13680
- // (47:2) {#if props.isIcon && props.iconVariant}
13702
+ // (49:2) {#if props.isIcon && props.iconVariant}
13681
13703
  function create_if_block$6(ctx) {
13682
13704
  let div;
13683
13705
  let icon;
@@ -13698,7 +13720,7 @@ function create_if_block$6(ctx) {
13698
13720
  c() {
13699
13721
  div = element("div");
13700
13722
  create_component(icon.$$.fragment);
13701
- attr(div, "class", "button-icon svelte-1o60d09");
13723
+ attr(div, "class", "button-icon svelte-1ix4ul");
13702
13724
  },
13703
13725
  m(target, anchor) {
13704
13726
  insert(target, div, anchor);
@@ -13733,7 +13755,7 @@ function create_if_block$6(ctx) {
13733
13755
  };
13734
13756
  }
13735
13757
 
13736
- // (39:0) <svelte:element {...attributes} this={element} class="button" style={style} data-layer-id={layerId} on:click={handleClick} >
13758
+ // (41:0) <svelte:element {...attributes} this={element} class="button" style={style} data-layer-id={layerId} on:click={handleClick} >
13737
13759
  function create_dynamic_element$6(ctx) {
13738
13760
  let svelte_element;
13739
13761
  let t0;
@@ -13765,7 +13787,7 @@ function create_dynamic_element$6(ctx) {
13765
13787
  t0 = space();
13766
13788
  span = element("span");
13767
13789
  t1 = text(t1_value);
13768
- attr(span, "class", "button-label svelte-1o60d09");
13790
+ attr(span, "class", "button-label svelte-1ix4ul");
13769
13791
 
13770
13792
  if ((/-/).test(/*element*/ ctx[4])) {
13771
13793
  set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -13773,7 +13795,7 @@ function create_dynamic_element$6(ctx) {
13773
13795
  set_attributes(svelte_element, svelte_element_data);
13774
13796
  }
13775
13797
 
13776
- toggle_class(svelte_element, "svelte-1o60d09", true);
13798
+ toggle_class(svelte_element, "svelte-1ix4ul", true);
13777
13799
  },
13778
13800
  m(target, anchor) {
13779
13801
  insert(target, svelte_element, anchor);
@@ -13827,7 +13849,7 @@ function create_dynamic_element$6(ctx) {
13827
13849
  set_attributes(svelte_element, svelte_element_data);
13828
13850
  }
13829
13851
 
13830
- toggle_class(svelte_element, "svelte-1o60d09", true);
13852
+ toggle_class(svelte_element, "svelte-1ix4ul", true);
13831
13853
  },
13832
13854
  i(local) {
13833
13855
  if (current) return;
@@ -13898,6 +13920,7 @@ function instance$b($$self, $$props, $$invalidate) {
13898
13920
  let style;
13899
13921
  let { props = {} } = $$props;
13900
13922
  let { layerId = '' } = $$props;
13923
+ useInjectCustomizeCss(props);
13901
13924
  const { attributes, element, handleClick } = useClickable(props);
13902
13925
  const buttonThemeStyle = BUTTON_THEME_STYLES[props.theme ?? buttonPropsDefault.theme];
13903
13926
  const buttonSizeStyle = BUTTON_SIZE_STYLES[props.size ?? buttonPropsDefault.size];
@@ -13952,7 +13975,7 @@ function instance$b($$self, $$props, $$invalidate) {
13952
13975
  class Button extends SvelteComponent {
13953
13976
  constructor(options) {
13954
13977
  super();
13955
- init(this, options, instance$b, create_fragment$b, safe_not_equal, { props: 0, layerId: 1 }, add_css$a);
13978
+ init(this, options, instance$b, create_fragment$b, safe_not_equal, { props: 0, layerId: 1 }, add_css$b);
13956
13979
  }
13957
13980
  }
13958
13981
 
@@ -14049,11 +14072,11 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
14049
14072
 
14050
14073
  /* src/components-flex/button-outlined/ButtonOutlined.svelte generated by Svelte v3.53.1 */
14051
14074
 
14052
- function add_css$9(target) {
14053
- append_styles(target, "svelte-1ogxph4", ".button-outlined.svelte-1ogxph4{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:#ffffff}.button-outlined.svelte-1ogxph4:hover{background-color:#f6f6f6}.button-outlined-icon.svelte-1ogxph4{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
14075
+ function add_css$a(target) {
14076
+ append_styles(target, "svelte-b990ec", ".button-outlined.svelte-b990ec{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:#ffffff}.button-outlined.svelte-b990ec:hover{background-color:#f6f6f6}.button-outlined-icon.svelte-b990ec{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
14054
14077
  }
14055
14078
 
14056
- // (42:2) {#if props.isIcon && props.iconVariant}
14079
+ // (44:2) {#if props.isIcon && props.iconVariant}
14057
14080
  function create_if_block$5(ctx) {
14058
14081
  let div;
14059
14082
  let icon;
@@ -14074,7 +14097,7 @@ function create_if_block$5(ctx) {
14074
14097
  c() {
14075
14098
  div = element("div");
14076
14099
  create_component(icon.$$.fragment);
14077
- attr(div, "class", "button-outlined-icon svelte-1ogxph4");
14100
+ attr(div, "class", "button-outlined-icon svelte-b990ec");
14078
14101
  },
14079
14102
  m(target, anchor) {
14080
14103
  insert(target, div, anchor);
@@ -14109,7 +14132,7 @@ function create_if_block$5(ctx) {
14109
14132
  };
14110
14133
  }
14111
14134
 
14112
- // (34:0) <svelte:element {...attributes} this={element} class="button-outlined" style={style} data-layer-id={layerId} on:click={handleClick} >
14135
+ // (36:0) <svelte:element {...attributes} this={element} class="button-outlined" style={style} data-layer-id={layerId} on:click={handleClick} >
14113
14136
  function create_dynamic_element$5(ctx) {
14114
14137
  let svelte_element;
14115
14138
  let t0;
@@ -14141,7 +14164,7 @@ function create_dynamic_element$5(ctx) {
14141
14164
  t0 = space();
14142
14165
  span = element("span");
14143
14166
  t1 = text(t1_value);
14144
- attr(span, "class", "button-outlined-label svelte-1ogxph4");
14167
+ attr(span, "class", "button-outlined-label svelte-b990ec");
14145
14168
 
14146
14169
  if ((/-/).test(/*element*/ ctx[4])) {
14147
14170
  set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -14149,7 +14172,7 @@ function create_dynamic_element$5(ctx) {
14149
14172
  set_attributes(svelte_element, svelte_element_data);
14150
14173
  }
14151
14174
 
14152
- toggle_class(svelte_element, "svelte-1ogxph4", true);
14175
+ toggle_class(svelte_element, "svelte-b990ec", true);
14153
14176
  },
14154
14177
  m(target, anchor) {
14155
14178
  insert(target, svelte_element, anchor);
@@ -14203,7 +14226,7 @@ function create_dynamic_element$5(ctx) {
14203
14226
  set_attributes(svelte_element, svelte_element_data);
14204
14227
  }
14205
14228
 
14206
- toggle_class(svelte_element, "svelte-1ogxph4", true);
14229
+ toggle_class(svelte_element, "svelte-b990ec", true);
14207
14230
  },
14208
14231
  i(local) {
14209
14232
  if (current) return;
@@ -14273,6 +14296,7 @@ function instance$a($$self, $$props, $$invalidate) {
14273
14296
  let style;
14274
14297
  let { props = {} } = $$props;
14275
14298
  let { layerId = '' } = $$props;
14299
+ useInjectCustomizeCss(props);
14276
14300
  const { attributes, element, handleClick } = useClickable(props);
14277
14301
  const buttonThemeStyle = BUTTON_OUTLINED_THEME_STYLES[props.theme ?? buttonOutlinedPropsDefault.theme];
14278
14302
  const buttonSizeStyle = BUTTON_OUTLINED_SIZE_STYLES[props.size ?? buttonOutlinedPropsDefault.size];
@@ -14311,7 +14335,7 @@ function instance$a($$self, $$props, $$invalidate) {
14311
14335
  class ButtonOutlined extends SvelteComponent {
14312
14336
  constructor(options) {
14313
14337
  super();
14314
- init(this, options, instance$a, create_fragment$a, safe_not_equal, { props: 0, layerId: 1 }, add_css$9);
14338
+ init(this, options, instance$a, create_fragment$a, safe_not_equal, { props: 0, layerId: 1 }, add_css$a);
14315
14339
  }
14316
14340
  }
14317
14341
 
@@ -14372,11 +14396,11 @@ const BUTTON_TEXT_THEME_STYLES = {
14372
14396
 
14373
14397
  /* src/components-flex/button-text/ButtonText.svelte generated by Svelte v3.53.1 */
14374
14398
 
14375
- function add_css$8(target) {
14376
- 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}");
14399
+ function add_css$9(target) {
14400
+ 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}");
14377
14401
  }
14378
14402
 
14379
- // (44:2) {#if props.isIcon && props.iconVariant}
14403
+ // (46:2) {#if props.isIcon && props.iconVariant}
14380
14404
  function create_if_block$4(ctx) {
14381
14405
  let div;
14382
14406
  let icon;
@@ -14397,7 +14421,7 @@ function create_if_block$4(ctx) {
14397
14421
  c() {
14398
14422
  div = element("div");
14399
14423
  create_component(icon.$$.fragment);
14400
- attr(div, "class", "button-text-icon svelte-lted9r");
14424
+ attr(div, "class", "button-text-icon svelte-1xgvp8r");
14401
14425
  },
14402
14426
  m(target, anchor) {
14403
14427
  insert(target, div, anchor);
@@ -14432,7 +14456,7 @@ function create_if_block$4(ctx) {
14432
14456
  };
14433
14457
  }
14434
14458
 
14435
- // (36:0) <svelte:element {...attributes} this={element} class="button-text" style={style} data-layer-id={layerId} on:click={handleClick} >
14459
+ // (38:0) <svelte:element {...attributes} this={element} class="button-text" style={style} data-layer-id={layerId} on:click={handleClick} >
14436
14460
  function create_dynamic_element$4(ctx) {
14437
14461
  let svelte_element;
14438
14462
  let t0;
@@ -14464,7 +14488,7 @@ function create_dynamic_element$4(ctx) {
14464
14488
  t0 = space();
14465
14489
  span = element("span");
14466
14490
  t1 = text(t1_value);
14467
- attr(span, "class", "button-text-label svelte-lted9r");
14491
+ attr(span, "class", "button-text-label svelte-1xgvp8r");
14468
14492
 
14469
14493
  if ((/-/).test(/*element*/ ctx[4])) {
14470
14494
  set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -14472,7 +14496,7 @@ function create_dynamic_element$4(ctx) {
14472
14496
  set_attributes(svelte_element, svelte_element_data);
14473
14497
  }
14474
14498
 
14475
- toggle_class(svelte_element, "svelte-lted9r", true);
14499
+ toggle_class(svelte_element, "svelte-1xgvp8r", true);
14476
14500
  },
14477
14501
  m(target, anchor) {
14478
14502
  insert(target, svelte_element, anchor);
@@ -14526,7 +14550,7 @@ function create_dynamic_element$4(ctx) {
14526
14550
  set_attributes(svelte_element, svelte_element_data);
14527
14551
  }
14528
14552
 
14529
- toggle_class(svelte_element, "svelte-lted9r", true);
14553
+ toggle_class(svelte_element, "svelte-1xgvp8r", true);
14530
14554
  },
14531
14555
  i(local) {
14532
14556
  if (current) return;
@@ -14597,6 +14621,7 @@ function instance$9($$self, $$props, $$invalidate) {
14597
14621
  let style;
14598
14622
  let { props = {} } = $$props;
14599
14623
  let { layerId = '' } = $$props;
14624
+ useInjectCustomizeCss(props);
14600
14625
  const { attributes, element, handleClick } = useClickable(props);
14601
14626
  const buttonThemeStyle = BUTTON_TEXT_THEME_STYLES[props.theme ?? 'default'];
14602
14627
  const buttonSizeStyle = BUTTON_TEXT_SIZE_STYLES[props.size ?? 'medium'];
@@ -14648,7 +14673,7 @@ function instance$9($$self, $$props, $$invalidate) {
14648
14673
  class ButtonText extends SvelteComponent {
14649
14674
  constructor(options) {
14650
14675
  super();
14651
- init(this, options, instance$9, create_fragment$9, safe_not_equal, { props: 0, layerId: 1 }, add_css$8);
14676
+ init(this, options, instance$9, create_fragment$9, safe_not_equal, { props: 0, layerId: 1 }, add_css$9);
14652
14677
  }
14653
14678
  }
14654
14679
 
@@ -14686,11 +14711,11 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
14686
14711
 
14687
14712
  /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
14688
14713
 
14689
- function add_css$7(target) {
14690
- 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}");
14714
+ function add_css$8(target) {
14715
+ 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}");
14691
14716
  }
14692
14717
 
14693
- // (89:2) {#if hasLabel}
14718
+ // (91:2) {#if hasLabel}
14694
14719
  function create_if_block$3(ctx) {
14695
14720
  let span;
14696
14721
  let t;
@@ -14703,7 +14728,7 @@ function create_if_block$3(ctx) {
14703
14728
 
14704
14729
  attr(span, "class", "close-button-label " + (/*isLeftLabelPlacement*/ ctx[10]
14705
14730
  ? 'close-button-order-one'
14706
- : '') + " svelte-3133h2");
14731
+ : '') + " svelte-3mvsv6");
14707
14732
  },
14708
14733
  m(target, anchor) {
14709
14734
  insert(target, span, anchor);
@@ -14720,7 +14745,7 @@ function create_if_block$3(ctx) {
14720
14745
  };
14721
14746
  }
14722
14747
 
14723
- // (70:0) <svelte:element {...attributes} this={element} class="close-button {isLeftLabelPlacement ? 'close-button-order-two' : ''}" data-layer-id={layerId} style={style} on:click={handleClick} >
14748
+ // (72:0) <svelte:element {...attributes} this={element} class="close-button {isLeftLabelPlacement ? 'close-button-order-two' : ''}" data-layer-id={layerId} style={style} on:click={handleClick} >
14724
14749
  function create_dynamic_element$3(ctx) {
14725
14750
  let svelte_element;
14726
14751
  let span;
@@ -14763,7 +14788,7 @@ function create_dynamic_element$3(ctx) {
14763
14788
  set_style(svg, "width", "100%");
14764
14789
  set_style(svg, "height", "100%");
14765
14790
  attr(svg, "fill", /*color*/ ctx[8]);
14766
- attr(svg, "class", "svelte-3133h2");
14791
+ attr(svg, "class", "svelte-3mvsv6");
14767
14792
  attr(span, "style", /*iconStyle*/ ctx[1]);
14768
14793
 
14769
14794
  if ((/-/).test(/*element*/ ctx[6])) {
@@ -14772,7 +14797,7 @@ function create_dynamic_element$3(ctx) {
14772
14797
  set_attributes(svelte_element, svelte_element_data);
14773
14798
  }
14774
14799
 
14775
- toggle_class(svelte_element, "svelte-3133h2", true);
14800
+ toggle_class(svelte_element, "svelte-3mvsv6", true);
14776
14801
  },
14777
14802
  m(target, anchor) {
14778
14803
  insert(target, svelte_element, anchor);
@@ -14818,7 +14843,7 @@ function create_dynamic_element$3(ctx) {
14818
14843
  set_attributes(svelte_element, svelte_element_data);
14819
14844
  }
14820
14845
 
14821
- toggle_class(svelte_element, "svelte-3133h2", true);
14846
+ toggle_class(svelte_element, "svelte-3mvsv6", true);
14822
14847
  },
14823
14848
  d(detaching) {
14824
14849
  if (detaching) detach(svelte_element);
@@ -14882,6 +14907,7 @@ function instance$8($$self, $$props, $$invalidate) {
14882
14907
  let { layerId = '' } = $$props;
14883
14908
  let { eventName = '' } = $$props;
14884
14909
  let { eventValue = undefined } = $$props;
14910
+ useInjectCustomizeCss(props);
14885
14911
 
14886
14912
  const { attributes, element, handleClick } = useClickable({
14887
14913
  onClick: { operation: 'closeApp', args: ['button'] },
@@ -14978,18 +15004,18 @@ class CloseButton extends SvelteComponent {
14978
15004
  eventName: 12,
14979
15005
  eventValue: 13
14980
15006
  },
14981
- add_css$7
15007
+ add_css$8
14982
15008
  );
14983
15009
  }
14984
15010
  }
14985
15011
 
14986
15012
  /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
14987
15013
 
14988
- function add_css$6(target) {
14989
- append_styles(target, "svelte-1x7ex8r", ".image.svelte-1x7ex8r{max-width:100%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.image-object.svelte-1x7ex8r{width:100%;overflow:hidden}.image-img.svelte-1x7ex8r{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
15014
+ function add_css$7(target) {
15015
+ append_styles(target, "svelte-1jfwn73", ".image.svelte-1jfwn73{max-width:100%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.image-object.svelte-1jfwn73{width:100%;overflow:hidden}.image-img.svelte-1jfwn73{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
14990
15016
  }
14991
15017
 
14992
- // (17:0) <svelte:element {...attributes} this={element} class="image" style={style} data-layer-id={layerId} on:click={handleClick} >
15018
+ // (19:0) <svelte:element {...attributes} this={element} class="image" style={style} data-layer-id={layerId} on:click={handleClick} >
14993
15019
  function create_dynamic_element$2(ctx) {
14994
15020
  let svelte_element;
14995
15021
  let object;
@@ -15019,9 +15045,9 @@ function create_dynamic_element$2(ctx) {
15019
15045
  img = element("img");
15020
15046
  if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
15021
15047
  attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
15022
- attr(img, "class", "image-img svelte-1x7ex8r");
15048
+ attr(img, "class", "image-img svelte-1jfwn73");
15023
15049
  attr(object, "style", /*objectStyle*/ ctx[2]);
15024
- attr(object, "class", "image-object svelte-1x7ex8r");
15050
+ attr(object, "class", "image-object svelte-1jfwn73");
15025
15051
 
15026
15052
  if ((/-/).test(/*element*/ ctx[5])) {
15027
15053
  set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -15029,7 +15055,7 @@ function create_dynamic_element$2(ctx) {
15029
15055
  set_attributes(svelte_element, svelte_element_data);
15030
15056
  }
15031
15057
 
15032
- toggle_class(svelte_element, "svelte-1x7ex8r", true);
15058
+ toggle_class(svelte_element, "svelte-1jfwn73", true);
15033
15059
  },
15034
15060
  m(target, anchor) {
15035
15061
  insert(target, svelte_element, anchor);
@@ -15067,7 +15093,7 @@ function create_dynamic_element$2(ctx) {
15067
15093
  set_attributes(svelte_element, svelte_element_data);
15068
15094
  }
15069
15095
 
15070
- toggle_class(svelte_element, "svelte-1x7ex8r", true);
15096
+ toggle_class(svelte_element, "svelte-1jfwn73", true);
15071
15097
  },
15072
15098
  d(detaching) {
15073
15099
  if (detaching) detach(svelte_element);
@@ -15126,6 +15152,7 @@ function instance$7($$self, $$props, $$invalidate) {
15126
15152
  let objectStyle;
15127
15153
  let { props = {} } = $$props;
15128
15154
  let { layerId = '' } = $$props;
15155
+ useInjectCustomizeCss(props);
15129
15156
  const { attributes, element, handleClick } = useClickable(props);
15130
15157
 
15131
15158
  $$self.$$set = $$props => {
@@ -15153,17 +15180,17 @@ function instance$7($$self, $$props, $$invalidate) {
15153
15180
  class Image extends SvelteComponent {
15154
15181
  constructor(options) {
15155
15182
  super();
15156
- init(this, options, instance$7, create_fragment$7, safe_not_equal, { props: 0, layerId: 1 }, add_css$6);
15183
+ init(this, options, instance$7, create_fragment$7, safe_not_equal, { props: 0, layerId: 1 }, add_css$7);
15157
15184
  }
15158
15185
  }
15159
15186
 
15160
15187
  /* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
15161
15188
 
15162
- function add_css$5(target) {
15163
- 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}");
15189
+ function add_css$6(target) {
15190
+ 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}");
15164
15191
  }
15165
15192
 
15166
- // (27:0) <svelte:element {...attributes} this="div" class="layout" style={style} data-layer-id={layerId} on:click={handleClick} >
15193
+ // (28:0) <svelte:element {...attributes} this="div" class="layout" style={style} data-layer-id={layerId} on:click={handleClick} >
15167
15194
  function create_dynamic_element$1(ctx) {
15168
15195
  let svelte_element;
15169
15196
  let current;
@@ -15196,7 +15223,7 @@ function create_dynamic_element$1(ctx) {
15196
15223
  set_attributes(svelte_element, svelte_element_data);
15197
15224
  }
15198
15225
 
15199
- toggle_class(svelte_element, "svelte-1tjo4al", true);
15226
+ toggle_class(svelte_element, "svelte-139vx15", true);
15200
15227
  },
15201
15228
  m(target, anchor) {
15202
15229
  insert(target, svelte_element, anchor);
@@ -15241,7 +15268,7 @@ function create_dynamic_element$1(ctx) {
15241
15268
  set_attributes(svelte_element, svelte_element_data);
15242
15269
  }
15243
15270
 
15244
- toggle_class(svelte_element, "svelte-1tjo4al", true);
15271
+ toggle_class(svelte_element, "svelte-139vx15", true);
15245
15272
  },
15246
15273
  i(local) {
15247
15274
  if (current) return;
@@ -15316,6 +15343,7 @@ function instance$6($$self, $$props, $$invalidate) {
15316
15343
  let { $$slots: slots = {}, $$scope } = $$props;
15317
15344
  let { props = {} } = $$props;
15318
15345
  let { layerId = '' } = $$props;
15346
+ useInjectCustomizeCss(props);
15319
15347
  const { attributes, element, handleClick } = useClickable(props);
15320
15348
 
15321
15349
  $$self.$$set = $$props => {
@@ -15352,7 +15380,7 @@ function instance$6($$self, $$props, $$invalidate) {
15352
15380
  class Layout extends SvelteComponent {
15353
15381
  constructor(options) {
15354
15382
  super();
15355
- init(this, options, instance$6, create_fragment$6, safe_not_equal, { props: 4, layerId: 0 }, add_css$5);
15383
+ init(this, options, instance$6, create_fragment$6, safe_not_equal, { props: 4, layerId: 0 }, add_css$6);
15356
15384
  }
15357
15385
  }
15358
15386
 
@@ -15363,8 +15391,8 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
15363
15391
 
15364
15392
  /* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
15365
15393
 
15366
- function add_css$4(target) {
15367
- append_styles(target, "svelte-10vbkzx", ".container.svelte-10vbkzx{-webkit-user-drag:none}");
15394
+ function add_css$5(target) {
15395
+ append_styles(target, "svelte-17ij7ip", ".container.svelte-17ij7ip{-webkit-user-drag:none}");
15368
15396
  }
15369
15397
 
15370
15398
  function get_each_context(ctx, list, i) {
@@ -15466,7 +15494,7 @@ function create_fragment$5(ctx) {
15466
15494
  each_blocks[i].c();
15467
15495
  }
15468
15496
 
15469
- attr(div0, "class", "container svelte-10vbkzx");
15497
+ attr(div0, "class", "container svelte-17ij7ip");
15470
15498
  attr(div0, "style", div0_style_value = [/*containerStyle*/ ctx[5], /*overrideStyle*/ ctx[1]].join(' '));
15471
15499
  attr(div1, "style", /*indicatorListStyle*/ ctx[4]);
15472
15500
  attr(div2, "data-layer-id", /*layerId*/ ctx[0]);
@@ -15783,7 +15811,7 @@ function instance$5($$self, $$props, $$invalidate) {
15783
15811
  class Slider extends SvelteComponent {
15784
15812
  constructor(options) {
15785
15813
  super();
15786
- init(this, options, instance$5, create_fragment$5, safe_not_equal, { layerId: 0, props: 11, overrideStyle: 1 }, add_css$4, [-1, -1]);
15814
+ init(this, options, instance$5, create_fragment$5, safe_not_equal, { layerId: 0, props: 11, overrideStyle: 1 }, add_css$5, [-1, -1]);
15787
15815
  }
15788
15816
  }
15789
15817
 
@@ -15871,8 +15899,8 @@ const TEXT_THEME_STYLES = {
15871
15899
 
15872
15900
  /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
15873
15901
 
15874
- function add_css$3(target) {
15875
- append_styles(target, "svelte-14kt34i", ".text.svelte-14kt34i{margin:0;word-break:break-all;text-decoration:none}");
15902
+ function add_css$4(target) {
15903
+ append_styles(target, "svelte-vifn7y", ".text.svelte-vifn7y{margin:0;word-break:break-all;text-decoration:none}");
15876
15904
  }
15877
15905
 
15878
15906
  function create_fragment$4(ctx) {
@@ -15881,7 +15909,7 @@ function create_fragment$4(ctx) {
15881
15909
  return {
15882
15910
  c() {
15883
15911
  p = element("p");
15884
- attr(p, "class", "text svelte-14kt34i");
15912
+ attr(p, "class", "text svelte-vifn7y");
15885
15913
  attr(p, "style", /*style*/ ctx[1]);
15886
15914
  attr(p, "data-layer-id", /*layerId*/ ctx[0]);
15887
15915
  },
@@ -15912,6 +15940,7 @@ function instance$4($$self, $$props, $$invalidate) {
15912
15940
  let style;
15913
15941
  let { props = { content: '' } } = $$props;
15914
15942
  let { layerId = '' } = $$props;
15943
+ useInjectCustomizeCss(props);
15915
15944
 
15916
15945
  if (props.fontFamily) {
15917
15946
  addFont(props.fontFamily);
@@ -15961,7 +15990,7 @@ function instance$4($$self, $$props, $$invalidate) {
15961
15990
  class Text extends SvelteComponent {
15962
15991
  constructor(options) {
15963
15992
  super();
15964
- init(this, options, instance$4, create_fragment$4, safe_not_equal, { props: 3, layerId: 0 }, add_css$3);
15993
+ init(this, options, instance$4, create_fragment$4, safe_not_equal, { props: 3, layerId: 0 }, add_css$4);
15965
15994
  }
15966
15995
  }
15967
15996
 
@@ -16029,11 +16058,11 @@ const TEXT_LINK_THEME_STYLES = {
16029
16058
 
16030
16059
  /* src/components-flex/text-link/TextLink.svelte generated by Svelte v3.53.1 */
16031
16060
 
16032
- function add_css$2(target) {
16033
- append_styles(target, "svelte-1ly79de", ".link.svelte-1ly79de,.link.svelte-1ly79de:visited,.link.svelte-1ly79de:link{color:var(--color)}.link.svelte-1ly79de:hover{color:var(--hover-color)}.link.svelte-1ly79de:active{color:var(--active-color)}.link.underline-hover-on.svelte-1ly79de{text-decoration:none}.link.underline-hover-on.svelte-1ly79de:hover{text-decoration:underline}.link.underline-hover-off.svelte-1ly79de{text-decoration:underline}.link.underline-hover-off.svelte-1ly79de:hover{text-decoration:none}.link.underline-on.svelte-1ly79de{text-decoration:underline}.link.underline-off.svelte-1ly79de{text-decoration:none}");
16061
+ function add_css$3(target) {
16062
+ 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}");
16034
16063
  }
16035
16064
 
16036
- // (67:2) {#if props.isIcon && props.iconVariant}
16065
+ // (69:2) {#if props.isIcon && props.iconVariant}
16037
16066
  function create_if_block$2(ctx) {
16038
16067
  let icon;
16039
16068
  let current;
@@ -16084,7 +16113,7 @@ function create_if_block$2(ctx) {
16084
16113
  };
16085
16114
  }
16086
16115
 
16087
- // (59:0) <svelte:element {...attributes} this={element} class={`link ${underlineClass}`} style={style} data-layer-id={layerId} on:click={handleClick} >
16116
+ // (61:0) <svelte:element {...attributes} this={element} class={`link ${underlineClass}`} style={style} data-layer-id={layerId} on:click={handleClick} >
16088
16117
  function create_dynamic_element(ctx) {
16089
16118
  let svelte_element;
16090
16119
  let t;
@@ -16123,7 +16152,7 @@ function create_dynamic_element(ctx) {
16123
16152
  set_attributes(svelte_element, svelte_element_data);
16124
16153
  }
16125
16154
 
16126
- toggle_class(svelte_element, "svelte-1ly79de", true);
16155
+ toggle_class(svelte_element, "svelte-1y4hh01", true);
16127
16156
  },
16128
16157
  m(target, anchor) {
16129
16158
  insert(target, svelte_element, anchor);
@@ -16176,7 +16205,7 @@ function create_dynamic_element(ctx) {
16176
16205
  set_attributes(svelte_element, svelte_element_data);
16177
16206
  }
16178
16207
 
16179
- toggle_class(svelte_element, "svelte-1ly79de", true);
16208
+ toggle_class(svelte_element, "svelte-1y4hh01", true);
16180
16209
  },
16181
16210
  i(local) {
16182
16211
  if (current) return;
@@ -16248,6 +16277,7 @@ function instance$3($$self, $$props, $$invalidate) {
16248
16277
  let style;
16249
16278
  let { props = { label: '' } } = $$props;
16250
16279
  let { layerId = '' } = $$props;
16280
+ useInjectCustomizeCss(props);
16251
16281
  const { attributes, element, handleClick } = useClickable({ ...props, element: 'span' });
16252
16282
  const themeStyle = TEXT_LINK_THEME_STYLES[props.theme ?? 'link'];
16253
16283
  const sizeStyle = TEXT_LINK_SIZE_STYLES[props.size ?? 'medium'];
@@ -16318,7 +16348,7 @@ function instance$3($$self, $$props, $$invalidate) {
16318
16348
  class TextLink extends SvelteComponent {
16319
16349
  constructor(options) {
16320
16350
  super();
16321
- init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 0, layerId: 1 }, add_css$2);
16351
+ init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 0, layerId: 1 }, add_css$3);
16322
16352
  }
16323
16353
  }
16324
16354
 
@@ -16344,8 +16374,8 @@ const TEXT_LINK_UNDERLINE = {
16344
16374
 
16345
16375
  /* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
16346
16376
 
16347
- function add_css$1(target) {
16348
- 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}");
16377
+ function add_css$2(target) {
16378
+ 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}");
16349
16379
  }
16350
16380
 
16351
16381
  // (14:0) {#if backgroundOverlay}
@@ -16358,7 +16388,7 @@ function create_if_block$1(ctx) {
16358
16388
  return {
16359
16389
  c() {
16360
16390
  div = element("div");
16361
- attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"));
16391
+ attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
16362
16392
  },
16363
16393
  m(target, anchor) {
16364
16394
  insert(target, div, anchor);
@@ -16369,7 +16399,7 @@ function create_if_block$1(ctx) {
16369
16399
  }
16370
16400
  },
16371
16401
  p(ctx, dirty) {
16372
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"))) {
16402
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
16373
16403
  attr(div, "class", div_class_value);
16374
16404
  }
16375
16405
  },
@@ -16434,14 +16464,14 @@ function instance$2($$self, $$props, $$invalidate) {
16434
16464
  class BackgroundOverlay extends SvelteComponent {
16435
16465
  constructor(options) {
16436
16466
  super();
16437
- init(this, options, instance$2, create_fragment$2, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$1);
16467
+ init(this, options, instance$2, create_fragment$2, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$2);
16438
16468
  }
16439
16469
  }
16440
16470
 
16441
16471
  /* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
16442
16472
 
16443
- function add_css(target) {
16444
- 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}}");
16473
+ function add_css$1(target) {
16474
+ 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}}");
16445
16475
  }
16446
16476
 
16447
16477
  // (219:0) {:else}
@@ -16582,7 +16612,7 @@ function create_if_block(ctx) {
16582
16612
  c() {
16583
16613
  div = element("div");
16584
16614
  if (default_slot) default_slot.c();
16585
- attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-15b58xm"));
16615
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"));
16586
16616
  attr(div, "role", "dialog");
16587
16617
  attr(div, "aria-modal", "true");
16588
16618
  attr(div, "style", Array.from(/*modalStyles*/ ctx[12]).join(';'));
@@ -16615,7 +16645,7 @@ function create_if_block(ctx) {
16615
16645
  }
16616
16646
  }
16617
16647
 
16618
- if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-15b58xm"))) {
16648
+ if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"))) {
16619
16649
  attr(div, "class", div_class_value);
16620
16650
  }
16621
16651
  },
@@ -17062,13 +17092,17 @@ class Modal extends SvelteComponent {
17062
17092
  closeEventName: 16,
17063
17093
  closeEventValue: 17
17064
17094
  },
17065
- add_css
17095
+ add_css$1
17066
17096
  );
17067
17097
  }
17068
17098
  }
17069
17099
 
17070
17100
  /* src/components-flex/code/Code.svelte generated by Svelte v3.53.1 */
17071
17101
 
17102
+ function add_css(target) {
17103
+ append_styles(target, "svelte-igivoz", ".code.svelte-igivoz{flex-grow:1;flex-shrink:0;align-self:stretch}");
17104
+ }
17105
+
17072
17106
  function create_fragment(ctx) {
17073
17107
  let div;
17074
17108
  let raw_value = /*props*/ ctx[0].rawHtml + "";
@@ -17076,13 +17110,19 @@ function create_fragment(ctx) {
17076
17110
  return {
17077
17111
  c() {
17078
17112
  div = element("div");
17113
+ attr(div, "class", "code svelte-igivoz");
17114
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
17079
17115
  },
17080
17116
  m(target, anchor) {
17081
17117
  insert(target, div, anchor);
17082
17118
  div.innerHTML = raw_value;
17083
17119
  },
17084
17120
  p(ctx, [dirty]) {
17085
- if (dirty & /*props*/ 1 && raw_value !== (raw_value = /*props*/ ctx[0].rawHtml + "")) div.innerHTML = raw_value; },
17121
+ if (dirty & /*props*/ 1 && raw_value !== (raw_value = /*props*/ ctx[0].rawHtml + "")) div.innerHTML = raw_value;
17122
+ if (dirty & /*layerId*/ 2) {
17123
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
17124
+ }
17125
+ },
17086
17126
  i: noop,
17087
17127
  o: noop,
17088
17128
  d(detaching) {
@@ -17091,46 +17131,59 @@ function create_fragment(ctx) {
17091
17131
  };
17092
17132
  }
17093
17133
 
17134
+ function unescapeBraces(str) {
17135
+ if (!str) return str;
17136
+ return str.replace(/\\([{}])/g, '$1');
17137
+ }
17138
+
17094
17139
  function instance($$self, $$props, $$invalidate) {
17095
17140
  let { props = {} } = $$props;
17141
+ let { layerId = '' } = $$props;
17096
17142
 
17097
- // JavaScriptの実行を安全に行う関数
17098
17143
  function injectJavaScript() {
17099
17144
  const script = document.createElement('script');
17100
- script.textContent = props.rawScript;
17101
-
17102
- // 動的に作成したスクリプトを挿入
17145
+ script.type = 'text/javascript';
17146
+ script.textContent = unescapeBraces(props.rawScript);
17103
17147
  document.body.appendChild(script);
17104
17148
 
17105
- // スクリプトの削除
17106
17149
  return () => {
17107
17150
  document.body.removeChild(script);
17108
17151
  };
17109
17152
  }
17110
17153
 
17111
- // コンポーネントがマウントされた時にJavaScriptを実行
17154
+ function injectCss() {
17155
+ const style = document.createElement('style');
17156
+ style.textContent = props.rawCss;
17157
+ document.head.appendChild(style);
17158
+
17159
+ return () => {
17160
+ document.head.removeChild(style);
17161
+ };
17162
+ }
17163
+
17112
17164
  onMount$1(() => {
17113
- if (props.rawScript) {
17114
- const removeScript = injectJavaScript();
17165
+ const removeScript = injectJavaScript();
17166
+ const removeCss = injectCss();
17115
17167
 
17116
- // コンポーネントが破棄された時にスクリプトも削除
17117
- return () => {
17118
- removeScript();
17119
- };
17120
- }
17168
+ // コンポーネントが破棄された時にスクリプトも削除
17169
+ return () => {
17170
+ removeScript();
17171
+ removeCss();
17172
+ };
17121
17173
  });
17122
17174
 
17123
17175
  $$self.$$set = $$props => {
17124
17176
  if ('props' in $$props) $$invalidate(0, props = $$props.props);
17177
+ if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
17125
17178
  };
17126
17179
 
17127
- return [props];
17180
+ return [props, layerId];
17128
17181
  }
17129
17182
 
17130
17183
  class Code extends SvelteComponent {
17131
17184
  constructor(options) {
17132
17185
  super();
17133
- init(this, options, instance, create_fragment, safe_not_equal, { props: 0 });
17186
+ init(this, options, instance, create_fragment, safe_not_equal, { props: 0, layerId: 1 }, add_css);
17134
17187
  }
17135
17188
  }
17136
17189