@plaidev/karte-action-sdk 1.1.255 → 1.1.256-28876509.00a83155

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.es.js CHANGED
@@ -3079,7 +3079,7 @@ class State extends SvelteComponent {
3079
3079
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
3080
3080
 
3081
3081
  function add_css$J(target) {
3082
- append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
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);
@@ -3418,7 +3418,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
3418
3418
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3419
3419
 
3420
3420
  function add_css$I(target) {
3421
- append_styles(target, "svelte-g6ucc2", ".background.svelte-g6ucc2{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
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
  },
@@ -3548,7 +3548,7 @@ function checkStopPropagation(eventName, handler) {
3548
3548
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3549
3549
 
3550
3550
  function add_css$H(target) {
3551
- append_styles(target, "svelte-1kmu8zp", ".button.svelte-1kmu8zp{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-1kmu8zp:link,.button.svelte-1kmu8zp:visited,.button.svelte-1kmu8zp:active,.button.svelte-1kmu8zp:hover{color:inherit}");
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) {
@@ -4008,7 +4008,7 @@ let Button$1 = class Button extends SvelteComponent {
4008
4008
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
4009
4009
 
4010
4010
  function add_css$G(target) {
4011
- append_styles(target, "svelte-1i2vo31", ".modal.svelte-1i2vo31{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1i2vo31 > .button{flex:auto;display:flex}.close.svelte-1i2vo31{position:absolute;top:0;right:0}.close.svelte-1i2vo31 > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.close.svelte-1i2vo31 > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1i2vo31{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}@media screen and (min-width: 641px){.modal-bp.svelte-1i2vo31{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-1i2vo31{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
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) {
@@ -4976,7 +4976,7 @@ class Grid extends SvelteComponent {
4976
4976
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
4977
4977
 
4978
4978
  function add_css$F(target) {
4979
- append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
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]);
@@ -5297,7 +5297,7 @@ class RenderText extends SvelteComponent {
5297
5297
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
5298
5298
 
5299
5299
  function add_css$E(target) {
5300
- append_styles(target, "svelte-vz6867", ".text-element-wrapper.svelte-vz6867.svelte-vz6867{position:relative;height:100%}.text-element.svelte-vz6867.svelte-vz6867{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden;font-size:12px;line-height:1.5}.text-link-element.svelte-vz6867.svelte-vz6867{text-decoration:none;color:inherit}.text-element-inner.svelte-vz6867.svelte-vz6867{width:100%;height:auto}.text-direction-vertical.svelte-vz6867.svelte-vz6867{writing-mode:vertical-rl}.text-direction-vertical.svelte-vz6867 .text-element-inner.svelte-vz6867{width:auto;height:100%}.tooltip.svelte-vz6867.svelte-vz6867{display:none;position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;background-color:#3d4948;white-space:nowrap;padding:4px 8px 4px 8px;border-radius:4px;font-size:12px;z-index:2147483647}.tooltip.svelte-vz6867.svelte-vz6867:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-vz6867.svelte-vz6867{display:block}.tooltip-error.svelte-vz6867.svelte-vz6867{background-color:#c00}.tooltip-error.svelte-vz6867.svelte-vz6867:before{border-bottom:7px solid #c00}");
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);
@@ -5626,7 +5626,7 @@ class TextElement extends SvelteComponent {
5626
5626
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5627
5627
 
5628
5628
  function add_css$D(target) {
5629
- append_styles(target, "svelte-ujdxfc", ".text-button-element.svelte-ujdxfc{width:100%;height:100%}.text-button-element.svelte-ujdxfc > .button{display:flex;width:100%;height:100%;border:none;box-shadow:transparent;box-sizing:border-box;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5;background-color:#33403e;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-ujdxfc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-ujdxfc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-ujdxfc > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
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);
@@ -5774,7 +5774,7 @@ class TextButtonElement extends SvelteComponent {
5774
5774
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5775
5775
 
5776
5776
  function add_css$C(target) {
5777
- append_styles(target, "svelte-1alkh1m", ".image-element.svelte-1alkh1m{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-1alkh1m > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image-element.svelte-1alkh1m > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-1alkh1m > .button:not(._disabled):hover,.image-element.transport.svelte-1alkh1m > .button:not(._disabled):focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}.image.svelte-1alkh1m{width:100%;height:100%}");
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
  },
@@ -5939,7 +5939,7 @@ class ImageElement extends SvelteComponent {
5939
5939
  /* src/components/List.svelte generated by Svelte v3.53.1 */
5940
5940
 
5941
5941
  function add_css$B(target) {
5942
- append_styles(target, "svelte-1t8r9z", ".list.svelte-1t8r9z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
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) {
@@ -6086,7 +6086,7 @@ class List extends SvelteComponent {
6086
6086
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
6087
6087
 
6088
6088
  function add_css$A(target) {
6089
- append_styles(target, "svelte-1lbw8v2", ".list-item.svelte-1lbw8v2{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-1lbw8v2 > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
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) {
@@ -6282,7 +6282,7 @@ class ListItem extends SvelteComponent {
6282
6282
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
6283
6283
 
6284
6284
  function add_css$z(target) {
6285
- append_styles(target, "svelte-w6jkzh", ".embed.svelte-w6jkzh{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-w6jkzh iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
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) {
@@ -6334,7 +6334,7 @@ class EmbedElement extends SvelteComponent {
6334
6334
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
6335
6335
 
6336
6336
  function add_css$y(target) {
6337
- append_styles(target, "svelte-ljxq7x", ".embed.svelte-ljxq7x{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-ljxq7x iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
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) {
@@ -6688,7 +6688,7 @@ class MovieYouTubeElement extends SvelteComponent {
6688
6688
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6689
6689
 
6690
6690
  function add_css$x(target) {
6691
- append_styles(target, "svelte-ljxq7x", ".embed.svelte-ljxq7x{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-ljxq7x iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
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) {
@@ -6884,7 +6884,7 @@ class MovieVimeoElement extends SvelteComponent {
6884
6884
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
6885
6885
 
6886
6886
  function add_css$w(target) {
6887
- append_styles(target, "svelte-1fjy5oo", ".textarea-wrapper.svelte-1fjy5oo{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-1fjy5oo{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.textarea.svelte-1fjy5oo::placeholder{color:var(--placeholder-color)}.textarea.svelte-1fjy5oo:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
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) {
@@ -7054,7 +7054,7 @@ class FormTextarea extends SvelteComponent {
7054
7054
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
7055
7055
 
7056
7056
  function add_css$v(target) {
7057
- append_styles(target, "svelte-1ntb6j8", ".radio-buttons.svelte-1ntb6j8{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-1ntb6j8{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-1ntb6j8{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-1ntb6j8:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18,160,160,.08),0px 1px 4px -1px rgba(18,160,160,.24)}.radio-button-text.svelte-1ntb6j8{margin-left:0.5em}");
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) {
@@ -7329,7 +7329,7 @@ class FormRadioButtons extends SvelteComponent {
7329
7329
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
7330
7330
 
7331
7331
  function add_css$u(target) {
7332
- append_styles(target, "svelte-iejizj", ".select.svelte-iejizj{width:100%;height:100%}.select-select.svelte-iejizj{position:relative;appearance:none;width:100%;height:100%;cursor:pointer;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:0 0 0 10px;font-size:12px;line-height:1.5}.select-select.svelte-iejizj:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.select-icon.svelte-iejizj{position:absolute;width:calc(var(--icon-size) / 1.41);height:calc(var(--icon-size) / 1.41);top:calc(50% - calc(var(--icon-size) / 4));right:calc(var(--icon-size) * 1.2);box-sizing:border-box;border-right:solid 2px var(--icon-color);border-top:solid 2px var(--icon-color);transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
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) {
@@ -7668,7 +7668,7 @@ class FormSelect extends SvelteComponent {
7668
7668
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
7669
7669
 
7670
7670
  function add_css$t(target) {
7671
- append_styles(target, "svelte-2pz1us", ".check-boxes.svelte-2pz1us.svelte-2pz1us{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-2pz1us.svelte-2pz1us{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-2pz1us.svelte-2pz1us{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-2pz1us.svelte-2pz1us{display:inline-flex;background-color:var(--color-main);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-2pz1us.svelte-2pz1us{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-2pz1us.svelte-2pz1us:after{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:var(--color-sub)}.check-box-check._checked.svelte-2pz1us.svelte-2pz1us{background-color:var(--color-main-active)}.check-box-check._checked.svelte-2pz1us .check-box-icon.svelte-2pz1us:after{border-color:var(--color-sub-active)}.check-box-text.svelte-2pz1us.svelte-2pz1us{margin-left:0.5em;color:#333;font-size:12px;line-height:1.5}");
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) {
@@ -7965,7 +7965,7 @@ class FormCheckBoxes extends SvelteComponent {
7965
7965
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
7966
7966
 
7967
7967
  function add_css$s(target) {
7968
- append_styles(target, "svelte-9idbf1", ".rating-buttons.svelte-9idbf1{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-9idbf1{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s;appearance:none;background:none;border:none;margin:0;padding:0}");
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);
@@ -8182,7 +8182,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
8182
8182
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
8183
8183
 
8184
8184
  function add_css$r(target) {
8185
- append_styles(target, "svelte-1b5dvzw", ".rating-buttons.svelte-1b5dvzw{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1b5dvzw{appearance:none;background:none;border:none;margin:0;padding:0}.rating-button-image.svelte-1b5dvzw{cursor:pointer;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.rating-button-image.svelte-1b5dvzw:not(._active){filter:grayscale(100%)}");
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);
@@ -8366,7 +8366,7 @@ class FormRatingButtonsFace extends SvelteComponent {
8366
8366
  /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
8367
8367
 
8368
8368
  function add_css$q(target) {
8369
- append_styles(target, "svelte-f14zo5", ".input-wrapper.svelte-f14zo5{display:flex;align-items:center;width:100%;height:100%}.input.svelte-f14zo5{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.input.svelte-f14zo5::placeholder{color:var(--placeholder-color)}.input.svelte-f14zo5:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.input._error.svelte-f14zo5{outline:none;border-width:var(--error-border-width) !important;border-color:var(--error-border-color) !important;border-style:var(--error-border-style) !important}");
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
 
@@ -8587,7 +8587,7 @@ class FormIdentifyInput extends SvelteComponent {
8587
8587
  /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
8588
8588
 
8589
8589
  function add_css$p(target) {
8590
- append_styles(target, "svelte-pzrwlo", ".radio-buttons.svelte-pzrwlo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-pzrwlo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-pzrwlo{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-pzrwlo:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18, 160, 160, 0.08), 0px 1px 4px -1px rgba(18, 160, 160, 0.24)}.radio-button-text.svelte-pzrwlo{margin-left:0.5em}");
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) {
@@ -8806,7 +8806,7 @@ class FormIdentifyChoices extends SvelteComponent {
8806
8806
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
8807
8807
 
8808
8808
  function add_css$o(target) {
8809
- append_styles(target, "svelte-1qfq79t", ".root.svelte-1qfq79t{width:100%;height:100%;position:relative}.container.svelte-1qfq79t{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000}.slide.svelte-1qfq79t{height:100%;position:absolute;display:flex}.transition.svelte-1qfq79t{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-1qfq79t{height:100%;flex:none}.prev-button-container.svelte-1qfq79t,.next-button-container.svelte-1qfq79t{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-1qfq79t{left:0}.next-button-container.svelte-1qfq79t{right:0}.move-button.svelte-1qfq79t{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-1qfq79t{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-1qfq79t{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-1qfq79t{border-radius:51%}");
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;
@@ -9642,7 +9642,7 @@ class Slide extends SvelteComponent {
9642
9642
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
9643
9643
 
9644
9644
  function add_css$n(target) {
9645
- append_styles(target, "svelte-1rv0qgo", ".item.svelte-1rv0qgo{height:100%;flex:none;position:relative}.item.svelte-1rv0qgo img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-1rv0qgo{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;cursor:default;overflow:hidden}");
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) {
@@ -9785,7 +9785,7 @@ class SlideItem extends SvelteComponent {
9785
9785
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
9786
9786
 
9787
9787
  function add_css$m(target) {
9788
- append_styles(target, "svelte-t87l6f", ".countdown.svelte-t87l6f{position:relative;width:100%;height:100%}.countdown-inner.svelte-t87l6f{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
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);
@@ -9939,7 +9939,7 @@ class Countdown extends SvelteComponent {
9939
9939
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
9940
9940
 
9941
9941
  function add_css$l(target) {
9942
- append_styles(target, "svelte-1c91vpe", ".box.svelte-1c91vpe{position:relative;width:100%;height:100%}.box.svelte-1c91vpe > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
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);
@@ -10070,7 +10070,7 @@ class Box extends SvelteComponent {
10070
10070
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
10071
10071
 
10072
10072
  function add_css$k(target) {
10073
- append_styles(target, "svelte-1mk6wi4", ".icon.svelte-1mk6wi4{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon.svelte-1mk6wi4 > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;overflow:hidden}.icon.svelte-1mk6wi4 > .button._disabled{cursor:not-allowed !important;opacity:0.2}.icon.svelte-1mk6wi4 svg{width:var(--width);height:var(--height);color:var(--color);stroke:var(--stroke);fill:var(--fill)}");
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);
@@ -10261,7 +10261,7 @@ class IconElement extends SvelteComponent {
10261
10261
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
10262
10262
 
10263
10263
  function add_css$j(target) {
10264
- append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
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) {
@@ -10376,7 +10376,7 @@ class CodeElement extends SvelteComponent {
10376
10376
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
10377
10377
 
10378
10378
  function add_css$i(target) {
10379
- append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
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) {
@@ -10487,7 +10487,7 @@ class Flex extends SvelteComponent {
10487
10487
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
10488
10488
 
10489
10489
  function add_css$h(target) {
10490
- append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
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) {
@@ -10908,7 +10908,7 @@ class GridModalState extends SvelteComponent {
10908
10908
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
10909
10909
 
10910
10910
  function add_css$g(target) {
10911
- append_styles(target, "svelte-akic2e", ".text-block.svelte-akic2e.svelte-akic2e{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:hidden}.text-block-inner.svelte-akic2e.svelte-akic2e{width:100%;height:auto}.text-direction-vertical.svelte-akic2e.svelte-akic2e{writing-mode:vertical-rl}.text-direction-vertical.svelte-akic2e .text-block-inner.svelte-akic2e{width:auto;height:100%}");
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
 
@@ -11017,7 +11017,7 @@ class TextBlock extends SvelteComponent {
11017
11017
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
11018
11018
 
11019
11019
  function add_css$f(target) {
11020
- append_styles(target, "svelte-1c34p4n", ".text-button-block.svelte-1c34p4n{width:100%;height:100%;background-color:#000000;border-radius:4px}.text-button.svelte-1c34p4n{display:flex;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5}.text-button.svelte-1c34p4n:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-1c34p4n:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
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) {
@@ -11142,7 +11142,7 @@ class TextButtonBlock extends SvelteComponent {
11142
11142
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
11143
11143
 
11144
11144
  function add_css$e(target) {
11145
- append_styles(target, "svelte-1jus6sx", ".image-block.svelte-1jus6sx{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image.svelte-1jus6sx{width:100%;height:100%}.transport.svelte-1jus6sx:hover,.transport.svelte-1jus6sx:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
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
 
@@ -11418,11 +11418,19 @@ const useClickable = ({ eventValue = {}, eventName = '', onClick, element = 'div
11418
11418
 
11419
11419
  const useInjectCustomizeCss = (props) => {
11420
11420
  function injectCss() {
11421
+ const modalElement = document.querySelector(`.${KARTE_MODAL_ROOT}`);
11421
11422
  const style = document.createElement('style');
11422
11423
  style.textContent = props.customizeCss;
11423
- document.head.appendChild(style);
11424
+ if (modalElement?.shadowRoot) {
11425
+ modalElement.shadowRoot.appendChild(style);
11426
+ }
11427
+ else {
11428
+ document.head.appendChild(style);
11429
+ }
11424
11430
  return () => {
11425
- document.head.removeChild(style);
11431
+ modalElement?.shadowRoot
11432
+ ? modalElement.shadowRoot.removeChild(style)
11433
+ : document.head.removeChild(style);
11426
11434
  };
11427
11435
  }
11428
11436
  onMount$1(() => {
@@ -11438,7 +11446,7 @@ const useInjectCustomizeCss = (props) => {
11438
11446
  /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
11439
11447
 
11440
11448
  function add_css$d(target) {
11441
- append_styles(target, "svelte-uy130g", ".avatar.svelte-uy130g{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}");
11449
+ append_styles(target, "svelte-1vk223g", ".avatar.svelte-1vk223g{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}");
11442
11450
  }
11443
11451
 
11444
11452
  // (35:0) <svelte:element {...attributes} this={element} class="avatar" style={style} data-layer-id={layerId} on:click={handleClick} >
@@ -11468,7 +11476,7 @@ function create_dynamic_element$8(ctx) {
11468
11476
  svelte_element = element(/*element*/ ctx[5]);
11469
11477
  img = element("img");
11470
11478
  if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
11471
- attr(img, "class", "avatar-image svelte-uy130g");
11479
+ attr(img, "class", "avatar-image svelte-1vk223g");
11472
11480
  attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
11473
11481
  attr(img, "style", /*imgStyle*/ ctx[2]);
11474
11482
 
@@ -11478,7 +11486,7 @@ function create_dynamic_element$8(ctx) {
11478
11486
  set_attributes(svelte_element, svelte_element_data);
11479
11487
  }
11480
11488
 
11481
- toggle_class(svelte_element, "svelte-uy130g", true);
11489
+ toggle_class(svelte_element, "svelte-1vk223g", true);
11482
11490
  },
11483
11491
  m(target, anchor) {
11484
11492
  insert(target, svelte_element, anchor);
@@ -11515,7 +11523,7 @@ function create_dynamic_element$8(ctx) {
11515
11523
  set_attributes(svelte_element, svelte_element_data);
11516
11524
  }
11517
11525
 
11518
- toggle_class(svelte_element, "svelte-uy130g", true);
11526
+ toggle_class(svelte_element, "svelte-1vk223g", true);
11519
11527
  },
11520
11528
  d(detaching) {
11521
11529
  if (detaching) detach(svelte_element);
@@ -13318,7 +13326,7 @@ const ICON_VARIANTS = {
13318
13326
  /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
13319
13327
 
13320
13328
  function add_css$c(target) {
13321
- append_styles(target, "svelte-mut6o2", ".icon.svelte-mut6o2{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
13329
+ append_styles(target, "svelte-19rssou", ".icon.svelte-19rssou{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
13322
13330
  }
13323
13331
 
13324
13332
  // (24:0) <svelte:element {...attributes} this={element} class="icon" style={style} data-layer-id={layerId} on:click={handleClick} >
@@ -13366,7 +13374,7 @@ function create_dynamic_element$7(ctx) {
13366
13374
  set_attributes(svelte_element, svelte_element_data);
13367
13375
  }
13368
13376
 
13369
- toggle_class(svelte_element, "svelte-mut6o2", true);
13377
+ toggle_class(svelte_element, "svelte-19rssou", true);
13370
13378
  },
13371
13379
  m(target, anchor) {
13372
13380
  insert(target, svelte_element, anchor);
@@ -13419,7 +13427,7 @@ function create_dynamic_element$7(ctx) {
13419
13427
  set_attributes(svelte_element, svelte_element_data);
13420
13428
  }
13421
13429
 
13422
- toggle_class(svelte_element, "svelte-mut6o2", true);
13430
+ toggle_class(svelte_element, "svelte-19rssou", true);
13423
13431
  },
13424
13432
  i(local) {
13425
13433
  if (current) return;
@@ -13696,7 +13704,7 @@ function darkenColor(color, percent) {
13696
13704
  /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
13697
13705
 
13698
13706
  function add_css$b(target) {
13699
- 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}");
13707
+ 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}");
13700
13708
  }
13701
13709
 
13702
13710
  // (49:2) {#if props.isIcon && props.iconVariant}
@@ -13720,7 +13728,7 @@ function create_if_block$6(ctx) {
13720
13728
  c() {
13721
13729
  div = element("div");
13722
13730
  create_component(icon.$$.fragment);
13723
- attr(div, "class", "button-icon svelte-1o60d09");
13731
+ attr(div, "class", "button-icon svelte-1ix4ul");
13724
13732
  },
13725
13733
  m(target, anchor) {
13726
13734
  insert(target, div, anchor);
@@ -13787,7 +13795,7 @@ function create_dynamic_element$6(ctx) {
13787
13795
  t0 = space();
13788
13796
  span = element("span");
13789
13797
  t1 = text(t1_value);
13790
- attr(span, "class", "button-label svelte-1o60d09");
13798
+ attr(span, "class", "button-label svelte-1ix4ul");
13791
13799
 
13792
13800
  if ((/-/).test(/*element*/ ctx[4])) {
13793
13801
  set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -13795,7 +13803,7 @@ function create_dynamic_element$6(ctx) {
13795
13803
  set_attributes(svelte_element, svelte_element_data);
13796
13804
  }
13797
13805
 
13798
- toggle_class(svelte_element, "svelte-1o60d09", true);
13806
+ toggle_class(svelte_element, "svelte-1ix4ul", true);
13799
13807
  },
13800
13808
  m(target, anchor) {
13801
13809
  insert(target, svelte_element, anchor);
@@ -13849,7 +13857,7 @@ function create_dynamic_element$6(ctx) {
13849
13857
  set_attributes(svelte_element, svelte_element_data);
13850
13858
  }
13851
13859
 
13852
- toggle_class(svelte_element, "svelte-1o60d09", true);
13860
+ toggle_class(svelte_element, "svelte-1ix4ul", true);
13853
13861
  },
13854
13862
  i(local) {
13855
13863
  if (current) return;
@@ -14073,7 +14081,7 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
14073
14081
  /* src/components-flex/button-outlined/ButtonOutlined.svelte generated by Svelte v3.53.1 */
14074
14082
 
14075
14083
  function add_css$a(target) {
14076
- 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}");
14084
+ 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}");
14077
14085
  }
14078
14086
 
14079
14087
  // (44:2) {#if props.isIcon && props.iconVariant}
@@ -14097,7 +14105,7 @@ function create_if_block$5(ctx) {
14097
14105
  c() {
14098
14106
  div = element("div");
14099
14107
  create_component(icon.$$.fragment);
14100
- attr(div, "class", "button-outlined-icon svelte-1ogxph4");
14108
+ attr(div, "class", "button-outlined-icon svelte-b990ec");
14101
14109
  },
14102
14110
  m(target, anchor) {
14103
14111
  insert(target, div, anchor);
@@ -14164,7 +14172,7 @@ function create_dynamic_element$5(ctx) {
14164
14172
  t0 = space();
14165
14173
  span = element("span");
14166
14174
  t1 = text(t1_value);
14167
- attr(span, "class", "button-outlined-label svelte-1ogxph4");
14175
+ attr(span, "class", "button-outlined-label svelte-b990ec");
14168
14176
 
14169
14177
  if ((/-/).test(/*element*/ ctx[4])) {
14170
14178
  set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -14172,7 +14180,7 @@ function create_dynamic_element$5(ctx) {
14172
14180
  set_attributes(svelte_element, svelte_element_data);
14173
14181
  }
14174
14182
 
14175
- toggle_class(svelte_element, "svelte-1ogxph4", true);
14183
+ toggle_class(svelte_element, "svelte-b990ec", true);
14176
14184
  },
14177
14185
  m(target, anchor) {
14178
14186
  insert(target, svelte_element, anchor);
@@ -14226,7 +14234,7 @@ function create_dynamic_element$5(ctx) {
14226
14234
  set_attributes(svelte_element, svelte_element_data);
14227
14235
  }
14228
14236
 
14229
- toggle_class(svelte_element, "svelte-1ogxph4", true);
14237
+ toggle_class(svelte_element, "svelte-b990ec", true);
14230
14238
  },
14231
14239
  i(local) {
14232
14240
  if (current) return;
@@ -14397,7 +14405,7 @@ const BUTTON_TEXT_THEME_STYLES = {
14397
14405
  /* src/components-flex/button-text/ButtonText.svelte generated by Svelte v3.53.1 */
14398
14406
 
14399
14407
  function add_css$9(target) {
14400
- 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}");
14408
+ 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}");
14401
14409
  }
14402
14410
 
14403
14411
  // (46:2) {#if props.isIcon && props.iconVariant}
@@ -14421,7 +14429,7 @@ function create_if_block$4(ctx) {
14421
14429
  c() {
14422
14430
  div = element("div");
14423
14431
  create_component(icon.$$.fragment);
14424
- attr(div, "class", "button-text-icon svelte-lted9r");
14432
+ attr(div, "class", "button-text-icon svelte-1xgvp8r");
14425
14433
  },
14426
14434
  m(target, anchor) {
14427
14435
  insert(target, div, anchor);
@@ -14488,7 +14496,7 @@ function create_dynamic_element$4(ctx) {
14488
14496
  t0 = space();
14489
14497
  span = element("span");
14490
14498
  t1 = text(t1_value);
14491
- attr(span, "class", "button-text-label svelte-lted9r");
14499
+ attr(span, "class", "button-text-label svelte-1xgvp8r");
14492
14500
 
14493
14501
  if ((/-/).test(/*element*/ ctx[4])) {
14494
14502
  set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -14496,7 +14504,7 @@ function create_dynamic_element$4(ctx) {
14496
14504
  set_attributes(svelte_element, svelte_element_data);
14497
14505
  }
14498
14506
 
14499
- toggle_class(svelte_element, "svelte-lted9r", true);
14507
+ toggle_class(svelte_element, "svelte-1xgvp8r", true);
14500
14508
  },
14501
14509
  m(target, anchor) {
14502
14510
  insert(target, svelte_element, anchor);
@@ -14550,7 +14558,7 @@ function create_dynamic_element$4(ctx) {
14550
14558
  set_attributes(svelte_element, svelte_element_data);
14551
14559
  }
14552
14560
 
14553
- toggle_class(svelte_element, "svelte-lted9r", true);
14561
+ toggle_class(svelte_element, "svelte-1xgvp8r", true);
14554
14562
  },
14555
14563
  i(local) {
14556
14564
  if (current) return;
@@ -14712,7 +14720,7 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
14712
14720
  /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
14713
14721
 
14714
14722
  function add_css$8(target) {
14715
- 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}");
14723
+ 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}");
14716
14724
  }
14717
14725
 
14718
14726
  // (91:2) {#if hasLabel}
@@ -14728,7 +14736,7 @@ function create_if_block$3(ctx) {
14728
14736
 
14729
14737
  attr(span, "class", "close-button-label " + (/*isLeftLabelPlacement*/ ctx[10]
14730
14738
  ? 'close-button-order-one'
14731
- : '') + " svelte-3133h2");
14739
+ : '') + " svelte-3mvsv6");
14732
14740
  },
14733
14741
  m(target, anchor) {
14734
14742
  insert(target, span, anchor);
@@ -14788,7 +14796,7 @@ function create_dynamic_element$3(ctx) {
14788
14796
  set_style(svg, "width", "100%");
14789
14797
  set_style(svg, "height", "100%");
14790
14798
  attr(svg, "fill", /*color*/ ctx[8]);
14791
- attr(svg, "class", "svelte-3133h2");
14799
+ attr(svg, "class", "svelte-3mvsv6");
14792
14800
  attr(span, "style", /*iconStyle*/ ctx[1]);
14793
14801
 
14794
14802
  if ((/-/).test(/*element*/ ctx[6])) {
@@ -14797,7 +14805,7 @@ function create_dynamic_element$3(ctx) {
14797
14805
  set_attributes(svelte_element, svelte_element_data);
14798
14806
  }
14799
14807
 
14800
- toggle_class(svelte_element, "svelte-3133h2", true);
14808
+ toggle_class(svelte_element, "svelte-3mvsv6", true);
14801
14809
  },
14802
14810
  m(target, anchor) {
14803
14811
  insert(target, svelte_element, anchor);
@@ -14843,7 +14851,7 @@ function create_dynamic_element$3(ctx) {
14843
14851
  set_attributes(svelte_element, svelte_element_data);
14844
14852
  }
14845
14853
 
14846
- toggle_class(svelte_element, "svelte-3133h2", true);
14854
+ toggle_class(svelte_element, "svelte-3mvsv6", true);
14847
14855
  },
14848
14856
  d(detaching) {
14849
14857
  if (detaching) detach(svelte_element);
@@ -15012,10 +15020,10 @@ class CloseButton extends SvelteComponent {
15012
15020
  /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
15013
15021
 
15014
15022
  function add_css$7(target) {
15015
- 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}");
15023
+ 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}");
15016
15024
  }
15017
15025
 
15018
- // (19:0) <svelte:element {...attributes} this={element} class="image" style={style} data-layer-id={layerId} on:click={handleClick} >
15026
+ // (19:0) <svelte:element this={element} {...attributes} class="image" {style} data-layer-id={layerId} on:click={handleClick} >
15019
15027
  function create_dynamic_element$2(ctx) {
15020
15028
  let svelte_element;
15021
15029
  let object;
@@ -15045,9 +15053,9 @@ function create_dynamic_element$2(ctx) {
15045
15053
  img = element("img");
15046
15054
  if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
15047
15055
  attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
15048
- attr(img, "class", "image-img svelte-1x7ex8r");
15056
+ attr(img, "class", "image-img svelte-10a9nyt");
15049
15057
  attr(object, "style", /*objectStyle*/ ctx[2]);
15050
- attr(object, "class", "image-object svelte-1x7ex8r");
15058
+ attr(object, "class", "image-object svelte-10a9nyt");
15051
15059
 
15052
15060
  if ((/-/).test(/*element*/ ctx[5])) {
15053
15061
  set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -15055,7 +15063,7 @@ function create_dynamic_element$2(ctx) {
15055
15063
  set_attributes(svelte_element, svelte_element_data);
15056
15064
  }
15057
15065
 
15058
- toggle_class(svelte_element, "svelte-1x7ex8r", true);
15066
+ toggle_class(svelte_element, "svelte-10a9nyt", true);
15059
15067
  },
15060
15068
  m(target, anchor) {
15061
15069
  insert(target, svelte_element, anchor);
@@ -15093,7 +15101,7 @@ function create_dynamic_element$2(ctx) {
15093
15101
  set_attributes(svelte_element, svelte_element_data);
15094
15102
  }
15095
15103
 
15096
- toggle_class(svelte_element, "svelte-1x7ex8r", true);
15104
+ toggle_class(svelte_element, "svelte-10a9nyt", true);
15097
15105
  },
15098
15106
  d(detaching) {
15099
15107
  if (detaching) detach(svelte_element);
@@ -15187,7 +15195,7 @@ class Image extends SvelteComponent {
15187
15195
  /* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
15188
15196
 
15189
15197
  function add_css$6(target) {
15190
- 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}");
15198
+ 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}");
15191
15199
  }
15192
15200
 
15193
15201
  // (28:0) <svelte:element {...attributes} this="div" class="layout" style={style} data-layer-id={layerId} on:click={handleClick} >
@@ -15223,7 +15231,7 @@ function create_dynamic_element$1(ctx) {
15223
15231
  set_attributes(svelte_element, svelte_element_data);
15224
15232
  }
15225
15233
 
15226
- toggle_class(svelte_element, "svelte-1tjo4al", true);
15234
+ toggle_class(svelte_element, "svelte-139vx15", true);
15227
15235
  },
15228
15236
  m(target, anchor) {
15229
15237
  insert(target, svelte_element, anchor);
@@ -15268,7 +15276,7 @@ function create_dynamic_element$1(ctx) {
15268
15276
  set_attributes(svelte_element, svelte_element_data);
15269
15277
  }
15270
15278
 
15271
- toggle_class(svelte_element, "svelte-1tjo4al", true);
15279
+ toggle_class(svelte_element, "svelte-139vx15", true);
15272
15280
  },
15273
15281
  i(local) {
15274
15282
  if (current) return;
@@ -15392,7 +15400,7 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
15392
15400
  /* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
15393
15401
 
15394
15402
  function add_css$5(target) {
15395
- append_styles(target, "svelte-10vbkzx", ".container.svelte-10vbkzx{-webkit-user-drag:none}");
15403
+ append_styles(target, "svelte-17ij7ip", ".container.svelte-17ij7ip{-webkit-user-drag:none}");
15396
15404
  }
15397
15405
 
15398
15406
  function get_each_context(ctx, list, i) {
@@ -15494,7 +15502,7 @@ function create_fragment$5(ctx) {
15494
15502
  each_blocks[i].c();
15495
15503
  }
15496
15504
 
15497
- attr(div0, "class", "container svelte-10vbkzx");
15505
+ attr(div0, "class", "container svelte-17ij7ip");
15498
15506
  attr(div0, "style", div0_style_value = [/*containerStyle*/ ctx[5], /*overrideStyle*/ ctx[1]].join(' '));
15499
15507
  attr(div1, "style", /*indicatorListStyle*/ ctx[4]);
15500
15508
  attr(div2, "data-layer-id", /*layerId*/ ctx[0]);
@@ -15900,7 +15908,7 @@ const TEXT_THEME_STYLES = {
15900
15908
  /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
15901
15909
 
15902
15910
  function add_css$4(target) {
15903
- append_styles(target, "svelte-14kt34i", ".text.svelte-14kt34i{margin:0;word-break:break-all;text-decoration:none}");
15911
+ append_styles(target, "svelte-vifn7y", ".text.svelte-vifn7y{margin:0;word-break:break-all;text-decoration:none}");
15904
15912
  }
15905
15913
 
15906
15914
  function create_fragment$4(ctx) {
@@ -15909,7 +15917,7 @@ function create_fragment$4(ctx) {
15909
15917
  return {
15910
15918
  c() {
15911
15919
  p = element("p");
15912
- attr(p, "class", "text svelte-14kt34i");
15920
+ attr(p, "class", "text svelte-vifn7y");
15913
15921
  attr(p, "style", /*style*/ ctx[1]);
15914
15922
  attr(p, "data-layer-id", /*layerId*/ ctx[0]);
15915
15923
  },
@@ -16059,7 +16067,7 @@ const TEXT_LINK_THEME_STYLES = {
16059
16067
  /* src/components-flex/text-link/TextLink.svelte generated by Svelte v3.53.1 */
16060
16068
 
16061
16069
  function add_css$3(target) {
16062
- append_styles(target, "svelte-1tdy1qt", ".link.svelte-1tdy1qt{-webkit-appearance:none;border:0;background:none;padding:0}.link.svelte-1tdy1qt,.link.svelte-1tdy1qt:visited,.link.svelte-1tdy1qt:link{color:var(--color)}.link.svelte-1tdy1qt:hover{color:var(--hover-color)}.link.svelte-1tdy1qt:active{color:var(--active-color)}.link.underline-hover-on.svelte-1tdy1qt{text-decoration:none}.link.underline-hover-on.svelte-1tdy1qt:hover{text-decoration:underline}.link.underline-hover-off.svelte-1tdy1qt{text-decoration:underline}.link.underline-hover-off.svelte-1tdy1qt:hover{text-decoration:none}.link.underline-on.svelte-1tdy1qt{text-decoration:underline}.link.underline-off.svelte-1tdy1qt{text-decoration:none}");
16070
+ 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}");
16063
16071
  }
16064
16072
 
16065
16073
  // (69:2) {#if props.isIcon && props.iconVariant}
@@ -16152,7 +16160,7 @@ function create_dynamic_element(ctx) {
16152
16160
  set_attributes(svelte_element, svelte_element_data);
16153
16161
  }
16154
16162
 
16155
- toggle_class(svelte_element, "svelte-1tdy1qt", true);
16163
+ toggle_class(svelte_element, "svelte-1y4hh01", true);
16156
16164
  },
16157
16165
  m(target, anchor) {
16158
16166
  insert(target, svelte_element, anchor);
@@ -16205,7 +16213,7 @@ function create_dynamic_element(ctx) {
16205
16213
  set_attributes(svelte_element, svelte_element_data);
16206
16214
  }
16207
16215
 
16208
- toggle_class(svelte_element, "svelte-1tdy1qt", true);
16216
+ toggle_class(svelte_element, "svelte-1y4hh01", true);
16209
16217
  },
16210
16218
  i(local) {
16211
16219
  if (current) return;
@@ -16375,7 +16383,7 @@ const TEXT_LINK_UNDERLINE = {
16375
16383
  /* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
16376
16384
 
16377
16385
  function add_css$2(target) {
16378
- 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}");
16386
+ 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}");
16379
16387
  }
16380
16388
 
16381
16389
  // (14:0) {#if backgroundOverlay}
@@ -16388,7 +16396,7 @@ function create_if_block$1(ctx) {
16388
16396
  return {
16389
16397
  c() {
16390
16398
  div = element("div");
16391
- attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"));
16399
+ attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
16392
16400
  },
16393
16401
  m(target, anchor) {
16394
16402
  insert(target, div, anchor);
@@ -16399,7 +16407,7 @@ function create_if_block$1(ctx) {
16399
16407
  }
16400
16408
  },
16401
16409
  p(ctx, dirty) {
16402
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"))) {
16410
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
16403
16411
  attr(div, "class", div_class_value);
16404
16412
  }
16405
16413
  },
@@ -16471,22 +16479,22 @@ class BackgroundOverlay extends SvelteComponent {
16471
16479
  /* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
16472
16480
 
16473
16481
  function add_css$1(target) {
16474
- 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}}");
16482
+ 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}}");
16475
16483
  }
16476
16484
 
16477
- // (219:0) {:else}
16485
+ // (220:0) {:else}
16478
16486
  function create_else_block(ctx) {
16479
16487
  let backgroundoverlay;
16480
16488
  let current;
16481
16489
 
16482
16490
  backgroundoverlay = new BackgroundOverlay({
16483
16491
  props: {
16484
- backgroundOverlay: /*backgroundOverlay*/ ctx[3]
16492
+ backgroundOverlay: /*backgroundOverlay*/ ctx[4]
16485
16493
  }
16486
16494
  });
16487
16495
 
16488
16496
  backgroundoverlay.$on("click", function () {
16489
- if (is_function(/*backgroundClick*/ ctx[11])) /*backgroundClick*/ ctx[11].apply(this, arguments);
16497
+ if (is_function(/*backgroundClick*/ ctx[12])) /*backgroundClick*/ ctx[12].apply(this, arguments);
16490
16498
  });
16491
16499
 
16492
16500
  return {
@@ -16500,7 +16508,7 @@ function create_else_block(ctx) {
16500
16508
  p(new_ctx, dirty) {
16501
16509
  ctx = new_ctx;
16502
16510
  const backgroundoverlay_changes = {};
16503
- if (dirty & /*backgroundOverlay*/ 8) backgroundoverlay_changes.backgroundOverlay = /*backgroundOverlay*/ ctx[3];
16511
+ if (dirty & /*backgroundOverlay*/ 16) backgroundoverlay_changes.backgroundOverlay = /*backgroundOverlay*/ ctx[4];
16504
16512
  backgroundoverlay.$set(backgroundoverlay_changes);
16505
16513
  },
16506
16514
  i(local) {
@@ -16518,7 +16526,7 @@ function create_else_block(ctx) {
16518
16526
  };
16519
16527
  }
16520
16528
 
16521
- // (208:24)
16529
+ // (209:24)
16522
16530
  function create_if_block_2(ctx) {
16523
16531
  let backgroundoverlay0;
16524
16532
  let t;
@@ -16528,23 +16536,23 @@ function create_if_block_2(ctx) {
16528
16536
  backgroundoverlay0 = new BackgroundOverlay({
16529
16537
  props: {
16530
16538
  class: "background-bp-pc",
16531
- backgroundOverlay: /*backgroundOverlayPC*/ ctx[4]
16539
+ backgroundOverlay: /*backgroundOverlayPC*/ ctx[5]
16532
16540
  }
16533
16541
  });
16534
16542
 
16535
16543
  backgroundoverlay0.$on("click", function () {
16536
- if (is_function(/*backgroundClickPC*/ ctx[10])) /*backgroundClickPC*/ ctx[10].apply(this, arguments);
16544
+ if (is_function(/*backgroundClickPC*/ ctx[11])) /*backgroundClickPC*/ ctx[11].apply(this, arguments);
16537
16545
  });
16538
16546
 
16539
16547
  backgroundoverlay1 = new BackgroundOverlay({
16540
16548
  props: {
16541
16549
  class: "background-bp-sp ",
16542
- backgroundOverlay: /*backgroundOverlaySP*/ ctx[5]
16550
+ backgroundOverlay: /*backgroundOverlaySP*/ ctx[6]
16543
16551
  }
16544
16552
  });
16545
16553
 
16546
16554
  backgroundoverlay1.$on("click", function () {
16547
- if (is_function(/*backgroundClickSP*/ ctx[9])) /*backgroundClickSP*/ ctx[9].apply(this, arguments);
16555
+ if (is_function(/*backgroundClickSP*/ ctx[10])) /*backgroundClickSP*/ ctx[10].apply(this, arguments);
16548
16556
  });
16549
16557
 
16550
16558
  return {
@@ -16562,10 +16570,10 @@ function create_if_block_2(ctx) {
16562
16570
  p(new_ctx, dirty) {
16563
16571
  ctx = new_ctx;
16564
16572
  const backgroundoverlay0_changes = {};
16565
- if (dirty & /*backgroundOverlayPC*/ 16) backgroundoverlay0_changes.backgroundOverlay = /*backgroundOverlayPC*/ ctx[4];
16573
+ if (dirty & /*backgroundOverlayPC*/ 32) backgroundoverlay0_changes.backgroundOverlay = /*backgroundOverlayPC*/ ctx[5];
16566
16574
  backgroundoverlay0.$set(backgroundoverlay0_changes);
16567
16575
  const backgroundoverlay1_changes = {};
16568
- if (dirty & /*backgroundOverlaySP*/ 32) backgroundoverlay1_changes.backgroundOverlay = /*backgroundOverlaySP*/ ctx[5];
16576
+ if (dirty & /*backgroundOverlaySP*/ 64) backgroundoverlay1_changes.backgroundOverlay = /*backgroundOverlaySP*/ ctx[6];
16569
16577
  backgroundoverlay1.$set(backgroundoverlay1_changes);
16570
16578
  },
16571
16579
  i(local) {
@@ -16587,7 +16595,7 @@ function create_if_block_2(ctx) {
16587
16595
  };
16588
16596
  }
16589
16597
 
16590
- // (206:0) {#if isPreview()}
16598
+ // (207:0) {#if isPreview()}
16591
16599
  function create_if_block_1(ctx) {
16592
16600
  return {
16593
16601
  c: noop,
@@ -16599,23 +16607,24 @@ function create_if_block_1(ctx) {
16599
16607
  };
16600
16608
  }
16601
16609
 
16602
- // (222:0) {#if visible}
16610
+ // (223:0) {#if visible}
16603
16611
  function create_if_block(ctx) {
16604
16612
  let div;
16605
16613
  let div_class_value;
16606
16614
  let div_intro;
16607
16615
  let current;
16608
- const default_slot_template = /*#slots*/ ctx[23].default;
16609
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[22], null);
16616
+ const default_slot_template = /*#slots*/ ctx[24].default;
16617
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[23], null);
16610
16618
 
16611
16619
  return {
16612
16620
  c() {
16613
16621
  div = element("div");
16614
16622
  if (default_slot) default_slot.c();
16615
- attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-15b58xm"));
16623
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"));
16616
16624
  attr(div, "role", "dialog");
16617
16625
  attr(div, "aria-modal", "true");
16618
- attr(div, "style", Array.from(/*modalStyles*/ ctx[12]).join(';'));
16626
+ attr(div, "data-layer-id", /*layerId*/ ctx[2]);
16627
+ attr(div, "style", Array.from(/*modalStyles*/ ctx[13]).join(';'));
16619
16628
  },
16620
16629
  m(target, anchor) {
16621
16630
  insert(target, div, anchor);
@@ -16624,30 +16633,34 @@ function create_if_block(ctx) {
16624
16633
  default_slot.m(div, null);
16625
16634
  }
16626
16635
 
16627
- /*div_binding*/ ctx[24](div);
16636
+ /*div_binding*/ ctx[25](div);
16628
16637
  current = true;
16629
16638
  },
16630
16639
  p(new_ctx, dirty) {
16631
16640
  ctx = new_ctx;
16632
16641
 
16633
16642
  if (default_slot) {
16634
- if (default_slot.p && (!current || dirty & /*$$scope*/ 4194304)) {
16643
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 8388608)) {
16635
16644
  update_slot_base(
16636
16645
  default_slot,
16637
16646
  default_slot_template,
16638
16647
  ctx,
16639
- /*$$scope*/ ctx[22],
16648
+ /*$$scope*/ ctx[23],
16640
16649
  !current
16641
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[22])
16642
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[22], dirty, null),
16650
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[23])
16651
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[23], dirty, null),
16643
16652
  null
16644
16653
  );
16645
16654
  }
16646
16655
  }
16647
16656
 
16648
- if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-15b58xm"))) {
16657
+ if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"))) {
16649
16658
  attr(div, "class", div_class_value);
16650
16659
  }
16660
+
16661
+ if (!current || dirty & /*layerId*/ 4) {
16662
+ attr(div, "data-layer-id", /*layerId*/ ctx[2]);
16663
+ }
16651
16664
  },
16652
16665
  i(local) {
16653
16666
  if (current) return;
@@ -16656,7 +16669,7 @@ function create_if_block(ctx) {
16656
16669
  if (!div_intro) {
16657
16670
  add_render_callback(() => {
16658
16671
  div_intro = create_in_transition(div, customAnimation, {
16659
- transforms: /*transforms*/ ctx[2],
16672
+ transforms: /*transforms*/ ctx[3],
16660
16673
  animationStyle: /*animation*/ ctx[1]
16661
16674
  });
16662
16675
 
@@ -16673,7 +16686,7 @@ function create_if_block(ctx) {
16673
16686
  d(detaching) {
16674
16687
  if (detaching) detach(div);
16675
16688
  if (default_slot) default_slot.d(detaching);
16676
- /*div_binding*/ ctx[24](null);
16689
+ /*div_binding*/ ctx[25](null);
16677
16690
  }
16678
16691
  };
16679
16692
  }
@@ -16699,7 +16712,7 @@ function create_fragment$1(ctx) {
16699
16712
 
16700
16713
  current_block_type_index = select_block_type(ctx);
16701
16714
  if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
16702
- let if_block1 = /*visible*/ ctx[7] && create_if_block(ctx);
16715
+ let if_block1 = /*visible*/ ctx[8] && create_if_block(ctx);
16703
16716
 
16704
16717
  return {
16705
16718
  c() {
@@ -16717,7 +16730,7 @@ function create_fragment$1(ctx) {
16717
16730
 
16718
16731
  if (!mounted) {
16719
16732
  dispose = listen(window, "keydown", function () {
16720
- if (is_function(/*handle_keydown*/ ctx[8])) /*handle_keydown*/ ctx[8].apply(this, arguments);
16733
+ if (is_function(/*handle_keydown*/ ctx[9])) /*handle_keydown*/ ctx[9].apply(this, arguments);
16721
16734
  });
16722
16735
 
16723
16736
  mounted = true;
@@ -16751,11 +16764,11 @@ function create_fragment$1(ctx) {
16751
16764
  if_block0.m(t.parentNode, t);
16752
16765
  }
16753
16766
 
16754
- if (/*visible*/ ctx[7]) {
16767
+ if (/*visible*/ ctx[8]) {
16755
16768
  if (if_block1) {
16756
16769
  if_block1.p(ctx, dirty);
16757
16770
 
16758
- if (dirty & /*visible*/ 128) {
16771
+ if (dirty & /*visible*/ 256) {
16759
16772
  transition_in(if_block1, 1);
16760
16773
  }
16761
16774
  } else {
@@ -16811,6 +16824,7 @@ function instance$1($$self, $$props, $$invalidate) {
16811
16824
  let { animation = 'none' } = $$props;
16812
16825
  let { closeEventName = '' } = $$props;
16813
16826
  let { closeEventValue = null } = $$props;
16827
+ let { layerId = '' } = $$props;
16814
16828
 
16815
16829
  // モーダル背景の設定
16816
16830
  const isExistBackgroundOverlayValue = placement && placement.backgroundOverlay !== undefined;
@@ -16829,7 +16843,7 @@ function instance$1($$self, $$props, $$invalidate) {
16829
16843
  let modal;
16830
16844
 
16831
16845
  onMount$1(() => {
16832
- $$invalidate(7, visible = true);
16846
+ $$invalidate(8, visible = true);
16833
16847
  });
16834
16848
 
16835
16849
  onDestroy$1(() => setPreviousFocus());
@@ -16837,24 +16851,25 @@ function instance$1($$self, $$props, $$invalidate) {
16837
16851
  function div_binding($$value) {
16838
16852
  binding_callbacks[$$value ? 'unshift' : 'push'](() => {
16839
16853
  modal = $$value;
16840
- $$invalidate(6, modal);
16854
+ $$invalidate(7, modal);
16841
16855
  });
16842
16856
  }
16843
16857
 
16844
16858
  $$self.$$set = $$props => {
16845
16859
  if ('useBreakPoint' in $$props) $$invalidate(0, useBreakPoint = $$props.useBreakPoint);
16846
- if ('placement' in $$props) $$invalidate(13, placement = $$props.placement);
16847
- if ('breakPoint' in $$props) $$invalidate(14, breakPoint = $$props.breakPoint);
16848
- if ('elasticity' in $$props) $$invalidate(15, elasticity = $$props.elasticity);
16860
+ if ('placement' in $$props) $$invalidate(14, placement = $$props.placement);
16861
+ if ('breakPoint' in $$props) $$invalidate(15, breakPoint = $$props.breakPoint);
16862
+ if ('elasticity' in $$props) $$invalidate(16, elasticity = $$props.elasticity);
16849
16863
  if ('animation' in $$props) $$invalidate(1, animation = $$props.animation);
16850
- if ('closeEventName' in $$props) $$invalidate(16, closeEventName = $$props.closeEventName);
16851
- if ('closeEventValue' in $$props) $$invalidate(17, closeEventValue = $$props.closeEventValue);
16852
- if ('$$scope' in $$props) $$invalidate(22, $$scope = $$props.$$scope);
16864
+ if ('closeEventName' in $$props) $$invalidate(17, closeEventName = $$props.closeEventName);
16865
+ if ('closeEventValue' in $$props) $$invalidate(18, closeEventValue = $$props.closeEventValue);
16866
+ if ('layerId' in $$props) $$invalidate(2, layerId = $$props.layerId);
16867
+ if ('$$scope' in $$props) $$invalidate(23, $$scope = $$props.$$scope);
16853
16868
  };
16854
16869
 
16855
16870
  $$self.$$.update = () => {
16856
- if ($$self.$$.dirty & /*closeEventName, closeEventValue*/ 196608) {
16857
- $$invalidate(21, close = () => {
16871
+ if ($$self.$$.dirty & /*closeEventName, closeEventValue*/ 393216) {
16872
+ $$invalidate(22, close = () => {
16858
16873
  const onClose = { operation: 'closeApp', args: ['button'] };
16859
16874
 
16860
16875
  if (closeEventName) {
@@ -16865,45 +16880,45 @@ function instance$1($$self, $$props, $$invalidate) {
16865
16880
  });
16866
16881
  }
16867
16882
 
16868
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 24577) {
16883
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
16869
16884
  {
16870
16885
  if (isExistBackgroundOverlayValue) {
16871
- $$invalidate(3, backgroundOverlay = placement.backgroundOverlay);
16886
+ $$invalidate(4, backgroundOverlay = placement.backgroundOverlay);
16872
16887
  }
16873
16888
 
16874
16889
  if (useBreakPoint) {
16875
16890
  const pc = breakPoint?.PC?.placement?.backgroundOverlay;
16876
- $$invalidate(4, backgroundOverlayPC = pc ?? false);
16891
+ $$invalidate(5, backgroundOverlayPC = pc ?? false);
16877
16892
  const sp = breakPoint?.SP?.placement?.backgroundOverlay;
16878
- $$invalidate(5, backgroundOverlaySP = sp ?? false);
16893
+ $$invalidate(6, backgroundOverlaySP = sp ?? false);
16879
16894
  }
16880
16895
  }
16881
16896
  }
16882
16897
 
16883
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 24577) {
16898
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
16884
16899
  {
16885
16900
  if (placement && placement.backgroundClick) {
16886
- $$invalidate(18, backgroundClickFunction = placement.backgroundClick);
16901
+ $$invalidate(19, backgroundClickFunction = placement.backgroundClick);
16887
16902
  }
16888
16903
 
16889
16904
  if (useBreakPoint) {
16890
16905
  const pc = breakPoint?.PC?.placement?.backgroundClick;
16891
16906
 
16892
16907
  if (pc) {
16893
- $$invalidate(19, backgroundClickFunctionPC = pc);
16908
+ $$invalidate(20, backgroundClickFunctionPC = pc);
16894
16909
  }
16895
16910
 
16896
16911
  const sp = breakPoint?.SP?.placement?.backgroundClick;
16897
16912
 
16898
16913
  if (sp) {
16899
- $$invalidate(20, backgroundClickFunctionSP = sp);
16914
+ $$invalidate(21, backgroundClickFunctionSP = sp);
16900
16915
  }
16901
16916
  }
16902
16917
  }
16903
16918
  }
16904
16919
 
16905
- if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 458752) {
16906
- $$invalidate(11, backgroundClick = () => {
16920
+ if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 917504) {
16921
+ $$invalidate(12, backgroundClick = () => {
16907
16922
  if (closeEventName) {
16908
16923
  send_event(closeEventName, closeEventValue);
16909
16924
  }
@@ -16912,8 +16927,8 @@ function instance$1($$self, $$props, $$invalidate) {
16912
16927
  });
16913
16928
  }
16914
16929
 
16915
- if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 720896) {
16916
- $$invalidate(10, backgroundClickPC = () => {
16930
+ if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 1441792) {
16931
+ $$invalidate(11, backgroundClickPC = () => {
16917
16932
  if (closeEventName) {
16918
16933
  send_event(closeEventName, closeEventValue);
16919
16934
  }
@@ -16922,8 +16937,8 @@ function instance$1($$self, $$props, $$invalidate) {
16922
16937
  });
16923
16938
  }
16924
16939
 
16925
- if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 1245184) {
16926
- $$invalidate(9, backgroundClickSP = () => {
16940
+ if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 2490368) {
16941
+ $$invalidate(10, backgroundClickSP = () => {
16927
16942
  if (closeEventName) {
16928
16943
  send_event(closeEventName, closeEventValue);
16929
16944
  }
@@ -16932,7 +16947,7 @@ function instance$1($$self, $$props, $$invalidate) {
16932
16947
  });
16933
16948
  }
16934
16949
 
16935
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, transforms*/ 24581) {
16950
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, transforms*/ 49161) {
16936
16951
  // 表示位置のスタイルとアニメーションの動きを設定
16937
16952
  {
16938
16953
  // 表示位置のスタイルの設定
@@ -16948,7 +16963,7 @@ function instance$1($$self, $$props, $$invalidate) {
16948
16963
  modalStyles.add(positionStyle);
16949
16964
  }
16950
16965
 
16951
- $$invalidate(2, transforms = []);
16966
+ $$invalidate(3, transforms = []);
16952
16967
 
16953
16968
  DEVICE_IDS.forEach(deviceId => {
16954
16969
  if (useBreakPoint) {
@@ -16976,7 +16991,7 @@ function instance$1($$self, $$props, $$invalidate) {
16976
16991
  }
16977
16992
  }
16978
16993
 
16979
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 24577) {
16994
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
16980
16995
  // 表示位置の調整のスタイルを設定
16981
16996
  {
16982
16997
  let margin = DefaultModalPlacement.margin;
@@ -17008,7 +17023,7 @@ function instance$1($$self, $$props, $$invalidate) {
17008
17023
  }
17009
17024
  }
17010
17025
 
17011
- if ($$self.$$.dirty & /*elasticity, useBreakPoint, breakPoint*/ 49153) {
17026
+ if ($$self.$$.dirty & /*elasticity, useBreakPoint, breakPoint*/ 98305) {
17012
17027
  // 拡大方法のスタイルを設定
17013
17028
  {
17014
17029
  let elasticStyle = ElasticityStyle[elasticity];
@@ -17034,19 +17049,20 @@ function instance$1($$self, $$props, $$invalidate) {
17034
17049
  }
17035
17050
  }
17036
17051
 
17037
- if ($$self.$$.dirty & /*close*/ 2097152) {
17038
- $$invalidate(8, handle_keydown = handleKeydown({ Escape: close }));
17052
+ if ($$self.$$.dirty & /*close*/ 4194304) {
17053
+ $$invalidate(9, handle_keydown = handleKeydown({ Escape: close }));
17039
17054
  }
17040
17055
  };
17041
17056
 
17042
- $$invalidate(6, modal = null);
17057
+ $$invalidate(7, modal = null);
17043
17058
 
17044
17059
  // svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
17045
- $$invalidate(7, visible = false);
17060
+ $$invalidate(8, visible = false);
17046
17061
 
17047
17062
  return [
17048
17063
  useBreakPoint,
17049
17064
  animation,
17065
+ layerId,
17050
17066
  transforms,
17051
17067
  backgroundOverlay,
17052
17068
  backgroundOverlayPC,
@@ -17085,12 +17101,13 @@ class Modal extends SvelteComponent {
17085
17101
  safe_not_equal,
17086
17102
  {
17087
17103
  useBreakPoint: 0,
17088
- placement: 13,
17089
- breakPoint: 14,
17090
- elasticity: 15,
17104
+ placement: 14,
17105
+ breakPoint: 15,
17106
+ elasticity: 16,
17091
17107
  animation: 1,
17092
- closeEventName: 16,
17093
- closeEventValue: 17
17108
+ closeEventName: 17,
17109
+ closeEventValue: 18,
17110
+ layerId: 2
17094
17111
  },
17095
17112
  add_css$1
17096
17113
  );
@@ -17100,7 +17117,7 @@ class Modal extends SvelteComponent {
17100
17117
  /* src/components-flex/code/Code.svelte generated by Svelte v3.53.1 */
17101
17118
 
17102
17119
  function add_css(target) {
17103
- append_styles(target, "svelte-jviwnb", ".code.svelte-jviwnb{flex-grow:1;flex-shrink:0;align-self:stretch}");
17120
+ append_styles(target, "svelte-igivoz", ".code.svelte-igivoz{flex-grow:1;flex-shrink:0;align-self:stretch}");
17104
17121
  }
17105
17122
 
17106
17123
  function create_fragment(ctx) {
@@ -17110,7 +17127,7 @@ function create_fragment(ctx) {
17110
17127
  return {
17111
17128
  c() {
17112
17129
  div = element("div");
17113
- attr(div, "class", "code svelte-jviwnb");
17130
+ attr(div, "class", "code svelte-igivoz");
17114
17131
  attr(div, "data-layer-id", /*layerId*/ ctx[1]);
17115
17132
  },
17116
17133
  m(target, anchor) {