@plaidev/karte-action-sdk 1.1.254 → 1.1.255-28810552.9a96aac1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (6) hide show
  1. package/dist/hydrate/index.es.d.ts +6 -2
  2. package/dist/hydrate/index.es.js +425 -358
  3. package/dist/index.es.d.ts +6 -2
  4. package/dist/index.es.js +420 -358
  5. package/package.json +1 -1
  6. package/meta/karte-action-sdk.api.json +0 -6318
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-10a9nyt", ".image.svelte-10a9nyt{max-width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-object.svelte-10a9nyt{width:100%;overflow:hidden}.image-img.svelte-10a9nyt{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
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 this={element} {...attributes} class="image" {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-10a9nyt");
15023
15049
  attr(object, "style", /*objectStyle*/ ctx[2]);
15024
- attr(object, "class", "image-object svelte-1x7ex8r");
15050
+ attr(object, "class", "image-object svelte-10a9nyt");
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-10a9nyt", 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-10a9nyt", 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,29 +16464,29 @@ 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
- // (219:0) {:else}
16477
+ // (220:0) {:else}
16448
16478
  function create_else_block(ctx) {
16449
16479
  let backgroundoverlay;
16450
16480
  let current;
16451
16481
 
16452
16482
  backgroundoverlay = new BackgroundOverlay({
16453
16483
  props: {
16454
- backgroundOverlay: /*backgroundOverlay*/ ctx[3]
16484
+ backgroundOverlay: /*backgroundOverlay*/ ctx[4]
16455
16485
  }
16456
16486
  });
16457
16487
 
16458
16488
  backgroundoverlay.$on("click", function () {
16459
- if (is_function(/*backgroundClick*/ ctx[11])) /*backgroundClick*/ ctx[11].apply(this, arguments);
16489
+ if (is_function(/*backgroundClick*/ ctx[12])) /*backgroundClick*/ ctx[12].apply(this, arguments);
16460
16490
  });
16461
16491
 
16462
16492
  return {
@@ -16470,7 +16500,7 @@ function create_else_block(ctx) {
16470
16500
  p(new_ctx, dirty) {
16471
16501
  ctx = new_ctx;
16472
16502
  const backgroundoverlay_changes = {};
16473
- if (dirty & /*backgroundOverlay*/ 8) backgroundoverlay_changes.backgroundOverlay = /*backgroundOverlay*/ ctx[3];
16503
+ if (dirty & /*backgroundOverlay*/ 16) backgroundoverlay_changes.backgroundOverlay = /*backgroundOverlay*/ ctx[4];
16474
16504
  backgroundoverlay.$set(backgroundoverlay_changes);
16475
16505
  },
16476
16506
  i(local) {
@@ -16488,7 +16518,7 @@ function create_else_block(ctx) {
16488
16518
  };
16489
16519
  }
16490
16520
 
16491
- // (208:24)
16521
+ // (209:24)
16492
16522
  function create_if_block_2(ctx) {
16493
16523
  let backgroundoverlay0;
16494
16524
  let t;
@@ -16498,23 +16528,23 @@ function create_if_block_2(ctx) {
16498
16528
  backgroundoverlay0 = new BackgroundOverlay({
16499
16529
  props: {
16500
16530
  class: "background-bp-pc",
16501
- backgroundOverlay: /*backgroundOverlayPC*/ ctx[4]
16531
+ backgroundOverlay: /*backgroundOverlayPC*/ ctx[5]
16502
16532
  }
16503
16533
  });
16504
16534
 
16505
16535
  backgroundoverlay0.$on("click", function () {
16506
- if (is_function(/*backgroundClickPC*/ ctx[10])) /*backgroundClickPC*/ ctx[10].apply(this, arguments);
16536
+ if (is_function(/*backgroundClickPC*/ ctx[11])) /*backgroundClickPC*/ ctx[11].apply(this, arguments);
16507
16537
  });
16508
16538
 
16509
16539
  backgroundoverlay1 = new BackgroundOverlay({
16510
16540
  props: {
16511
16541
  class: "background-bp-sp ",
16512
- backgroundOverlay: /*backgroundOverlaySP*/ ctx[5]
16542
+ backgroundOverlay: /*backgroundOverlaySP*/ ctx[6]
16513
16543
  }
16514
16544
  });
16515
16545
 
16516
16546
  backgroundoverlay1.$on("click", function () {
16517
- if (is_function(/*backgroundClickSP*/ ctx[9])) /*backgroundClickSP*/ ctx[9].apply(this, arguments);
16547
+ if (is_function(/*backgroundClickSP*/ ctx[10])) /*backgroundClickSP*/ ctx[10].apply(this, arguments);
16518
16548
  });
16519
16549
 
16520
16550
  return {
@@ -16532,10 +16562,10 @@ function create_if_block_2(ctx) {
16532
16562
  p(new_ctx, dirty) {
16533
16563
  ctx = new_ctx;
16534
16564
  const backgroundoverlay0_changes = {};
16535
- if (dirty & /*backgroundOverlayPC*/ 16) backgroundoverlay0_changes.backgroundOverlay = /*backgroundOverlayPC*/ ctx[4];
16565
+ if (dirty & /*backgroundOverlayPC*/ 32) backgroundoverlay0_changes.backgroundOverlay = /*backgroundOverlayPC*/ ctx[5];
16536
16566
  backgroundoverlay0.$set(backgroundoverlay0_changes);
16537
16567
  const backgroundoverlay1_changes = {};
16538
- if (dirty & /*backgroundOverlaySP*/ 32) backgroundoverlay1_changes.backgroundOverlay = /*backgroundOverlaySP*/ ctx[5];
16568
+ if (dirty & /*backgroundOverlaySP*/ 64) backgroundoverlay1_changes.backgroundOverlay = /*backgroundOverlaySP*/ ctx[6];
16539
16569
  backgroundoverlay1.$set(backgroundoverlay1_changes);
16540
16570
  },
16541
16571
  i(local) {
@@ -16557,7 +16587,7 @@ function create_if_block_2(ctx) {
16557
16587
  };
16558
16588
  }
16559
16589
 
16560
- // (206:0) {#if isPreview()}
16590
+ // (207:0) {#if isPreview()}
16561
16591
  function create_if_block_1(ctx) {
16562
16592
  return {
16563
16593
  c: noop,
@@ -16569,23 +16599,24 @@ function create_if_block_1(ctx) {
16569
16599
  };
16570
16600
  }
16571
16601
 
16572
- // (222:0) {#if visible}
16602
+ // (223:0) {#if visible}
16573
16603
  function create_if_block(ctx) {
16574
16604
  let div;
16575
16605
  let div_class_value;
16576
16606
  let div_intro;
16577
16607
  let current;
16578
- const default_slot_template = /*#slots*/ ctx[23].default;
16579
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[22], null);
16608
+ const default_slot_template = /*#slots*/ ctx[24].default;
16609
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[23], null);
16580
16610
 
16581
16611
  return {
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
- attr(div, "style", Array.from(/*modalStyles*/ ctx[12]).join(';'));
16618
+ attr(div, "data-layer-id", /*layerId*/ ctx[2]);
16619
+ attr(div, "style", Array.from(/*modalStyles*/ ctx[13]).join(';'));
16589
16620
  },
16590
16621
  m(target, anchor) {
16591
16622
  insert(target, div, anchor);
@@ -16594,30 +16625,34 @@ function create_if_block(ctx) {
16594
16625
  default_slot.m(div, null);
16595
16626
  }
16596
16627
 
16597
- /*div_binding*/ ctx[24](div);
16628
+ /*div_binding*/ ctx[25](div);
16598
16629
  current = true;
16599
16630
  },
16600
16631
  p(new_ctx, dirty) {
16601
16632
  ctx = new_ctx;
16602
16633
 
16603
16634
  if (default_slot) {
16604
- if (default_slot.p && (!current || dirty & /*$$scope*/ 4194304)) {
16635
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 8388608)) {
16605
16636
  update_slot_base(
16606
16637
  default_slot,
16607
16638
  default_slot_template,
16608
16639
  ctx,
16609
- /*$$scope*/ ctx[22],
16640
+ /*$$scope*/ ctx[23],
16610
16641
  !current
16611
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[22])
16612
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[22], dirty, null),
16642
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[23])
16643
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[23], dirty, null),
16613
16644
  null
16614
16645
  );
16615
16646
  }
16616
16647
  }
16617
16648
 
16618
- if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-15b58xm"))) {
16649
+ if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"))) {
16619
16650
  attr(div, "class", div_class_value);
16620
16651
  }
16652
+
16653
+ if (!current || dirty & /*layerId*/ 4) {
16654
+ attr(div, "data-layer-id", /*layerId*/ ctx[2]);
16655
+ }
16621
16656
  },
16622
16657
  i(local) {
16623
16658
  if (current) return;
@@ -16626,7 +16661,7 @@ function create_if_block(ctx) {
16626
16661
  if (!div_intro) {
16627
16662
  add_render_callback(() => {
16628
16663
  div_intro = create_in_transition(div, customAnimation, {
16629
- transforms: /*transforms*/ ctx[2],
16664
+ transforms: /*transforms*/ ctx[3],
16630
16665
  animationStyle: /*animation*/ ctx[1]
16631
16666
  });
16632
16667
 
@@ -16643,7 +16678,7 @@ function create_if_block(ctx) {
16643
16678
  d(detaching) {
16644
16679
  if (detaching) detach(div);
16645
16680
  if (default_slot) default_slot.d(detaching);
16646
- /*div_binding*/ ctx[24](null);
16681
+ /*div_binding*/ ctx[25](null);
16647
16682
  }
16648
16683
  };
16649
16684
  }
@@ -16669,7 +16704,7 @@ function create_fragment$1(ctx) {
16669
16704
 
16670
16705
  current_block_type_index = select_block_type(ctx);
16671
16706
  if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
16672
- let if_block1 = /*visible*/ ctx[7] && create_if_block(ctx);
16707
+ let if_block1 = /*visible*/ ctx[8] && create_if_block(ctx);
16673
16708
 
16674
16709
  return {
16675
16710
  c() {
@@ -16687,7 +16722,7 @@ function create_fragment$1(ctx) {
16687
16722
 
16688
16723
  if (!mounted) {
16689
16724
  dispose = listen(window, "keydown", function () {
16690
- if (is_function(/*handle_keydown*/ ctx[8])) /*handle_keydown*/ ctx[8].apply(this, arguments);
16725
+ if (is_function(/*handle_keydown*/ ctx[9])) /*handle_keydown*/ ctx[9].apply(this, arguments);
16691
16726
  });
16692
16727
 
16693
16728
  mounted = true;
@@ -16721,11 +16756,11 @@ function create_fragment$1(ctx) {
16721
16756
  if_block0.m(t.parentNode, t);
16722
16757
  }
16723
16758
 
16724
- if (/*visible*/ ctx[7]) {
16759
+ if (/*visible*/ ctx[8]) {
16725
16760
  if (if_block1) {
16726
16761
  if_block1.p(ctx, dirty);
16727
16762
 
16728
- if (dirty & /*visible*/ 128) {
16763
+ if (dirty & /*visible*/ 256) {
16729
16764
  transition_in(if_block1, 1);
16730
16765
  }
16731
16766
  } else {
@@ -16781,6 +16816,7 @@ function instance$1($$self, $$props, $$invalidate) {
16781
16816
  let { animation = 'none' } = $$props;
16782
16817
  let { closeEventName = '' } = $$props;
16783
16818
  let { closeEventValue = null } = $$props;
16819
+ let { layerId = '' } = $$props;
16784
16820
 
16785
16821
  // モーダル背景の設定
16786
16822
  const isExistBackgroundOverlayValue = placement && placement.backgroundOverlay !== undefined;
@@ -16799,7 +16835,7 @@ function instance$1($$self, $$props, $$invalidate) {
16799
16835
  let modal;
16800
16836
 
16801
16837
  onMount$1(() => {
16802
- $$invalidate(7, visible = true);
16838
+ $$invalidate(8, visible = true);
16803
16839
  });
16804
16840
 
16805
16841
  onDestroy$1(() => setPreviousFocus());
@@ -16807,24 +16843,25 @@ function instance$1($$self, $$props, $$invalidate) {
16807
16843
  function div_binding($$value) {
16808
16844
  binding_callbacks[$$value ? 'unshift' : 'push'](() => {
16809
16845
  modal = $$value;
16810
- $$invalidate(6, modal);
16846
+ $$invalidate(7, modal);
16811
16847
  });
16812
16848
  }
16813
16849
 
16814
16850
  $$self.$$set = $$props => {
16815
16851
  if ('useBreakPoint' in $$props) $$invalidate(0, useBreakPoint = $$props.useBreakPoint);
16816
- if ('placement' in $$props) $$invalidate(13, placement = $$props.placement);
16817
- if ('breakPoint' in $$props) $$invalidate(14, breakPoint = $$props.breakPoint);
16818
- if ('elasticity' in $$props) $$invalidate(15, elasticity = $$props.elasticity);
16852
+ if ('placement' in $$props) $$invalidate(14, placement = $$props.placement);
16853
+ if ('breakPoint' in $$props) $$invalidate(15, breakPoint = $$props.breakPoint);
16854
+ if ('elasticity' in $$props) $$invalidate(16, elasticity = $$props.elasticity);
16819
16855
  if ('animation' in $$props) $$invalidate(1, animation = $$props.animation);
16820
- if ('closeEventName' in $$props) $$invalidate(16, closeEventName = $$props.closeEventName);
16821
- if ('closeEventValue' in $$props) $$invalidate(17, closeEventValue = $$props.closeEventValue);
16822
- if ('$$scope' in $$props) $$invalidate(22, $$scope = $$props.$$scope);
16856
+ if ('closeEventName' in $$props) $$invalidate(17, closeEventName = $$props.closeEventName);
16857
+ if ('closeEventValue' in $$props) $$invalidate(18, closeEventValue = $$props.closeEventValue);
16858
+ if ('layerId' in $$props) $$invalidate(2, layerId = $$props.layerId);
16859
+ if ('$$scope' in $$props) $$invalidate(23, $$scope = $$props.$$scope);
16823
16860
  };
16824
16861
 
16825
16862
  $$self.$$.update = () => {
16826
- if ($$self.$$.dirty & /*closeEventName, closeEventValue*/ 196608) {
16827
- $$invalidate(21, close = () => {
16863
+ if ($$self.$$.dirty & /*closeEventName, closeEventValue*/ 393216) {
16864
+ $$invalidate(22, close = () => {
16828
16865
  const onClose = { operation: 'closeApp', args: ['button'] };
16829
16866
 
16830
16867
  if (closeEventName) {
@@ -16835,45 +16872,45 @@ function instance$1($$self, $$props, $$invalidate) {
16835
16872
  });
16836
16873
  }
16837
16874
 
16838
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 24577) {
16875
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
16839
16876
  {
16840
16877
  if (isExistBackgroundOverlayValue) {
16841
- $$invalidate(3, backgroundOverlay = placement.backgroundOverlay);
16878
+ $$invalidate(4, backgroundOverlay = placement.backgroundOverlay);
16842
16879
  }
16843
16880
 
16844
16881
  if (useBreakPoint) {
16845
16882
  const pc = breakPoint?.PC?.placement?.backgroundOverlay;
16846
- $$invalidate(4, backgroundOverlayPC = pc ?? false);
16883
+ $$invalidate(5, backgroundOverlayPC = pc ?? false);
16847
16884
  const sp = breakPoint?.SP?.placement?.backgroundOverlay;
16848
- $$invalidate(5, backgroundOverlaySP = sp ?? false);
16885
+ $$invalidate(6, backgroundOverlaySP = sp ?? false);
16849
16886
  }
16850
16887
  }
16851
16888
  }
16852
16889
 
16853
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 24577) {
16890
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
16854
16891
  {
16855
16892
  if (placement && placement.backgroundClick) {
16856
- $$invalidate(18, backgroundClickFunction = placement.backgroundClick);
16893
+ $$invalidate(19, backgroundClickFunction = placement.backgroundClick);
16857
16894
  }
16858
16895
 
16859
16896
  if (useBreakPoint) {
16860
16897
  const pc = breakPoint?.PC?.placement?.backgroundClick;
16861
16898
 
16862
16899
  if (pc) {
16863
- $$invalidate(19, backgroundClickFunctionPC = pc);
16900
+ $$invalidate(20, backgroundClickFunctionPC = pc);
16864
16901
  }
16865
16902
 
16866
16903
  const sp = breakPoint?.SP?.placement?.backgroundClick;
16867
16904
 
16868
16905
  if (sp) {
16869
- $$invalidate(20, backgroundClickFunctionSP = sp);
16906
+ $$invalidate(21, backgroundClickFunctionSP = sp);
16870
16907
  }
16871
16908
  }
16872
16909
  }
16873
16910
  }
16874
16911
 
16875
- if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 458752) {
16876
- $$invalidate(11, backgroundClick = () => {
16912
+ if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 917504) {
16913
+ $$invalidate(12, backgroundClick = () => {
16877
16914
  if (closeEventName) {
16878
16915
  send_event(closeEventName, closeEventValue);
16879
16916
  }
@@ -16882,8 +16919,8 @@ function instance$1($$self, $$props, $$invalidate) {
16882
16919
  });
16883
16920
  }
16884
16921
 
16885
- if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 720896) {
16886
- $$invalidate(10, backgroundClickPC = () => {
16922
+ if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 1441792) {
16923
+ $$invalidate(11, backgroundClickPC = () => {
16887
16924
  if (closeEventName) {
16888
16925
  send_event(closeEventName, closeEventValue);
16889
16926
  }
@@ -16892,8 +16929,8 @@ function instance$1($$self, $$props, $$invalidate) {
16892
16929
  });
16893
16930
  }
16894
16931
 
16895
- if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 1245184) {
16896
- $$invalidate(9, backgroundClickSP = () => {
16932
+ if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 2490368) {
16933
+ $$invalidate(10, backgroundClickSP = () => {
16897
16934
  if (closeEventName) {
16898
16935
  send_event(closeEventName, closeEventValue);
16899
16936
  }
@@ -16902,7 +16939,7 @@ function instance$1($$self, $$props, $$invalidate) {
16902
16939
  });
16903
16940
  }
16904
16941
 
16905
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, transforms*/ 24581) {
16942
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, transforms*/ 49161) {
16906
16943
  // 表示位置のスタイルとアニメーションの動きを設定
16907
16944
  {
16908
16945
  // 表示位置のスタイルの設定
@@ -16918,7 +16955,7 @@ function instance$1($$self, $$props, $$invalidate) {
16918
16955
  modalStyles.add(positionStyle);
16919
16956
  }
16920
16957
 
16921
- $$invalidate(2, transforms = []);
16958
+ $$invalidate(3, transforms = []);
16922
16959
 
16923
16960
  DEVICE_IDS.forEach(deviceId => {
16924
16961
  if (useBreakPoint) {
@@ -16946,7 +16983,7 @@ function instance$1($$self, $$props, $$invalidate) {
16946
16983
  }
16947
16984
  }
16948
16985
 
16949
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 24577) {
16986
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
16950
16987
  // 表示位置の調整のスタイルを設定
16951
16988
  {
16952
16989
  let margin = DefaultModalPlacement.margin;
@@ -16978,7 +17015,7 @@ function instance$1($$self, $$props, $$invalidate) {
16978
17015
  }
16979
17016
  }
16980
17017
 
16981
- if ($$self.$$.dirty & /*elasticity, useBreakPoint, breakPoint*/ 49153) {
17018
+ if ($$self.$$.dirty & /*elasticity, useBreakPoint, breakPoint*/ 98305) {
16982
17019
  // 拡大方法のスタイルを設定
16983
17020
  {
16984
17021
  let elasticStyle = ElasticityStyle[elasticity];
@@ -17004,19 +17041,20 @@ function instance$1($$self, $$props, $$invalidate) {
17004
17041
  }
17005
17042
  }
17006
17043
 
17007
- if ($$self.$$.dirty & /*close*/ 2097152) {
17008
- $$invalidate(8, handle_keydown = handleKeydown({ Escape: close }));
17044
+ if ($$self.$$.dirty & /*close*/ 4194304) {
17045
+ $$invalidate(9, handle_keydown = handleKeydown({ Escape: close }));
17009
17046
  }
17010
17047
  };
17011
17048
 
17012
- $$invalidate(6, modal = null);
17049
+ $$invalidate(7, modal = null);
17013
17050
 
17014
17051
  // svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
17015
- $$invalidate(7, visible = false);
17052
+ $$invalidate(8, visible = false);
17016
17053
 
17017
17054
  return [
17018
17055
  useBreakPoint,
17019
17056
  animation,
17057
+ layerId,
17020
17058
  transforms,
17021
17059
  backgroundOverlay,
17022
17060
  backgroundOverlayPC,
@@ -17055,20 +17093,25 @@ class Modal extends SvelteComponent {
17055
17093
  safe_not_equal,
17056
17094
  {
17057
17095
  useBreakPoint: 0,
17058
- placement: 13,
17059
- breakPoint: 14,
17060
- elasticity: 15,
17096
+ placement: 14,
17097
+ breakPoint: 15,
17098
+ elasticity: 16,
17061
17099
  animation: 1,
17062
- closeEventName: 16,
17063
- closeEventValue: 17
17100
+ closeEventName: 17,
17101
+ closeEventValue: 18,
17102
+ layerId: 2
17064
17103
  },
17065
- add_css
17104
+ add_css$1
17066
17105
  );
17067
17106
  }
17068
17107
  }
17069
17108
 
17070
17109
  /* src/components-flex/code/Code.svelte generated by Svelte v3.53.1 */
17071
17110
 
17111
+ function add_css(target) {
17112
+ append_styles(target, "svelte-igivoz", ".code.svelte-igivoz{flex-grow:1;flex-shrink:0;align-self:stretch}");
17113
+ }
17114
+
17072
17115
  function create_fragment(ctx) {
17073
17116
  let div;
17074
17117
  let raw_value = /*props*/ ctx[0].rawHtml + "";
@@ -17076,13 +17119,19 @@ function create_fragment(ctx) {
17076
17119
  return {
17077
17120
  c() {
17078
17121
  div = element("div");
17122
+ attr(div, "class", "code svelte-igivoz");
17123
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
17079
17124
  },
17080
17125
  m(target, anchor) {
17081
17126
  insert(target, div, anchor);
17082
17127
  div.innerHTML = raw_value;
17083
17128
  },
17084
17129
  p(ctx, [dirty]) {
17085
- if (dirty & /*props*/ 1 && raw_value !== (raw_value = /*props*/ ctx[0].rawHtml + "")) div.innerHTML = raw_value; },
17130
+ if (dirty & /*props*/ 1 && raw_value !== (raw_value = /*props*/ ctx[0].rawHtml + "")) div.innerHTML = raw_value;
17131
+ if (dirty & /*layerId*/ 2) {
17132
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
17133
+ }
17134
+ },
17086
17135
  i: noop,
17087
17136
  o: noop,
17088
17137
  d(detaching) {
@@ -17091,46 +17140,59 @@ function create_fragment(ctx) {
17091
17140
  };
17092
17141
  }
17093
17142
 
17143
+ function unescapeBraces(str) {
17144
+ if (!str) return str;
17145
+ return str.replace(/\\([{}])/g, '$1');
17146
+ }
17147
+
17094
17148
  function instance($$self, $$props, $$invalidate) {
17095
17149
  let { props = {} } = $$props;
17150
+ let { layerId = '' } = $$props;
17096
17151
 
17097
- // JavaScriptの実行を安全に行う関数
17098
17152
  function injectJavaScript() {
17099
17153
  const script = document.createElement('script');
17100
- script.textContent = props.rawScript;
17101
-
17102
- // 動的に作成したスクリプトを挿入
17154
+ script.type = 'text/javascript';
17155
+ script.textContent = unescapeBraces(props.rawScript);
17103
17156
  document.body.appendChild(script);
17104
17157
 
17105
- // スクリプトの削除
17106
17158
  return () => {
17107
17159
  document.body.removeChild(script);
17108
17160
  };
17109
17161
  }
17110
17162
 
17111
- // コンポーネントがマウントされた時にJavaScriptを実行
17163
+ function injectCss() {
17164
+ const style = document.createElement('style');
17165
+ style.textContent = props.rawCss;
17166
+ document.head.appendChild(style);
17167
+
17168
+ return () => {
17169
+ document.head.removeChild(style);
17170
+ };
17171
+ }
17172
+
17112
17173
  onMount$1(() => {
17113
- if (props.rawScript) {
17114
- const removeScript = injectJavaScript();
17174
+ const removeScript = injectJavaScript();
17175
+ const removeCss = injectCss();
17115
17176
 
17116
- // コンポーネントが破棄された時にスクリプトも削除
17117
- return () => {
17118
- removeScript();
17119
- };
17120
- }
17177
+ // コンポーネントが破棄された時にスクリプトも削除
17178
+ return () => {
17179
+ removeScript();
17180
+ removeCss();
17181
+ };
17121
17182
  });
17122
17183
 
17123
17184
  $$self.$$set = $$props => {
17124
17185
  if ('props' in $$props) $$invalidate(0, props = $$props.props);
17186
+ if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
17125
17187
  };
17126
17188
 
17127
- return [props];
17189
+ return [props, layerId];
17128
17190
  }
17129
17191
 
17130
17192
  class Code extends SvelteComponent {
17131
17193
  constructor(options) {
17132
17194
  super();
17133
- init(this, options, instance, create_fragment, safe_not_equal, { props: 0 });
17195
+ init(this, options, instance, create_fragment, safe_not_equal, { props: 0, layerId: 1 }, add_css);
17134
17196
  }
17135
17197
  }
17136
17198