@plaidev/karte-action-sdk 1.1.266 → 1.1.267-29071859.db1ade43

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.
@@ -38,6 +38,7 @@ const NOOP = (_args) => { }; // eslint-disable-line @typescript-eslint/no-unused
38
38
  const isPreview = () => {
39
39
  return true;
40
40
  };
41
+ const isCanvasPreview = () => (document.querySelector('#preview')?.getAttribute('data-canvas-preview') ?? 'false') === 'true';
41
42
  /** @internal */
42
43
  const setPreviousFocus = () => {
43
44
  const previously_focused = typeof document !== 'undefined' && document.activeElement;
@@ -3106,7 +3107,7 @@ let State$1 = class State extends SvelteComponent {
3106
3107
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
3107
3108
 
3108
3109
  function add_css$T(target) {
3109
- append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
3110
+ append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
3110
3111
  }
3111
3112
 
3112
3113
  // (22:0) {#if $state === path}
@@ -3133,7 +3134,7 @@ function create_if_block$i(ctx) {
3133
3134
  },
3134
3135
  h() {
3135
3136
  attr(div, "data-state-path", /*path*/ ctx[0]);
3136
- attr(div, "class", "state-item svelte-1amihue");
3137
+ attr(div, "class", "state-item svelte-2qb6dm");
3137
3138
  },
3138
3139
  m(target, anchor) {
3139
3140
  insert_hydration(target, div, anchor);
@@ -3400,7 +3401,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
3400
3401
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3401
3402
 
3402
3403
  function add_css$S(target) {
3403
- 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}");
3404
+ 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}");
3404
3405
  }
3405
3406
 
3406
3407
  // (14:0) {#if backgroundOverlay}
@@ -3421,7 +3422,7 @@ function create_if_block$h(ctx) {
3421
3422
  this.h();
3422
3423
  },
3423
3424
  h() {
3424
- attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"));
3425
+ attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
3425
3426
  },
3426
3427
  m(target, anchor) {
3427
3428
  insert_hydration(target, div, anchor);
@@ -3432,7 +3433,7 @@ function create_if_block$h(ctx) {
3432
3433
  }
3433
3434
  },
3434
3435
  p(ctx, dirty) {
3435
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"))) {
3436
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
3436
3437
  attr(div, "class", div_class_value);
3437
3438
  }
3438
3439
  },
@@ -3542,7 +3543,7 @@ function checkStopPropagation(eventName, handler) {
3542
3543
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3543
3544
 
3544
3545
  function add_css$R(target) {
3545
- 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}");
3546
+ 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}");
3546
3547
  }
3547
3548
 
3548
3549
  // (53:0) {:else}
@@ -3581,7 +3582,7 @@ function create_else_block$5(ctx) {
3581
3582
  },
3582
3583
  h() {
3583
3584
  set_attributes(button, button_data);
3584
- toggle_class(button, "svelte-1kmu8zp", true);
3585
+ toggle_class(button, "svelte-15k4deh", true);
3585
3586
  },
3586
3587
  m(target, anchor) {
3587
3588
  insert_hydration(target, button, anchor);
@@ -3620,7 +3621,7 @@ function create_else_block$5(ctx) {
3620
3621
  dataAttrStopPropagation('click')
3621
3622
  ]));
3622
3623
 
3623
- toggle_class(button, "svelte-1kmu8zp", true);
3624
+ toggle_class(button, "svelte-15k4deh", true);
3624
3625
  },
3625
3626
  i(local) {
3626
3627
  if (current) return;
@@ -3661,7 +3662,7 @@ function create_if_block_2$2(ctx) {
3661
3662
  this.h();
3662
3663
  },
3663
3664
  h() {
3664
- attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1kmu8zp"));
3665
+ attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-15k4deh"));
3665
3666
  attr(div, "style", /*style*/ ctx[1]);
3666
3667
  },
3667
3668
  m(target, anchor) {
@@ -3761,7 +3762,7 @@ function create_if_block_1$4(ctx) {
3761
3762
  },
3762
3763
  h() {
3763
3764
  set_attributes(a, a_data);
3764
- toggle_class(a, "svelte-1kmu8zp", true);
3765
+ toggle_class(a, "svelte-15k4deh", true);
3765
3766
  },
3766
3767
  m(target, anchor) {
3767
3768
  insert_hydration(target, a, anchor);
@@ -3803,7 +3804,7 @@ function create_if_block_1$4(ctx) {
3803
3804
  dataAttrStopPropagation('click')
3804
3805
  ]));
3805
3806
 
3806
- toggle_class(a, "svelte-1kmu8zp", true);
3807
+ toggle_class(a, "svelte-15k4deh", true);
3807
3808
  },
3808
3809
  i(local) {
3809
3810
  if (current) return;
@@ -3844,7 +3845,7 @@ function create_if_block$g(ctx) {
3844
3845
  this.h();
3845
3846
  },
3846
3847
  h() {
3847
- attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1kmu8zp"));
3848
+ attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-15k4deh"));
3848
3849
  attr(div, "style", /*style*/ ctx[1]);
3849
3850
  },
3850
3851
  m(target, anchor) {
@@ -4057,7 +4058,7 @@ let Button$1 = class Button extends SvelteComponent {
4057
4058
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
4058
4059
 
4059
4060
  function add_css$Q(target) {
4060
- 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}}");
4061
+ 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}}");
4061
4062
  }
4062
4063
 
4063
4064
  // (278:0) {:else}
@@ -4232,7 +4233,7 @@ function create_if_block$f(ctx) {
4232
4233
  this.h();
4233
4234
  },
4234
4235
  h() {
4235
- attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"));
4236
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"));
4236
4237
  attr(div, "role", "dialog");
4237
4238
  attr(div, "aria-modal", "true");
4238
4239
  attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
@@ -4256,7 +4257,7 @@ function create_if_block$f(ctx) {
4256
4257
 
4257
4258
  button.$set(button_changes);
4258
4259
 
4259
- if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"))) {
4260
+ if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"))) {
4260
4261
  attr(div, "class", div_class_value);
4261
4262
  }
4262
4263
  },
@@ -4321,7 +4322,7 @@ function create_if_block_1$3(ctx) {
4321
4322
  this.h();
4322
4323
  },
4323
4324
  h() {
4324
- attr(div, "class", "close svelte-1i2vo31");
4325
+ attr(div, "class", "close svelte-1ijkyzl");
4325
4326
  set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
4326
4327
  },
4327
4328
  m(target, anchor) {
@@ -4446,7 +4447,7 @@ function create_default_slot$7(ctx) {
4446
4447
  this.h();
4447
4448
  },
4448
4449
  h() {
4449
- attr(div, "class", "modal-content svelte-1i2vo31");
4450
+ attr(div, "class", "modal-content svelte-1ijkyzl");
4450
4451
  attr(div, "style", /*_style*/ ctx[5]);
4451
4452
  },
4452
4453
  m(target, anchor) {
@@ -5084,7 +5085,7 @@ class Grid extends SvelteComponent {
5084
5085
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
5085
5086
 
5086
5087
  function add_css$P(target) {
5087
- append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
5088
+ append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
5088
5089
  }
5089
5090
 
5090
5091
  function create_fragment$1o(ctx) {
@@ -5118,8 +5119,8 @@ function create_fragment$1o(ctx) {
5118
5119
  this.h();
5119
5120
  },
5120
5121
  h() {
5121
- attr(div0, "class", "grid-item-inner svelte-1cryhmb");
5122
- attr(div1, "class", "grid-item svelte-1cryhmb");
5122
+ attr(div0, "class", "grid-item-inner svelte-n7kdl3");
5123
+ attr(div1, "class", "grid-item svelte-n7kdl3");
5123
5124
  attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
5124
5125
  attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
5125
5126
  attr(div1, "style", /*_style*/ ctx[1]);
@@ -5441,7 +5442,7 @@ class RenderText extends SvelteComponent {
5441
5442
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
5442
5443
 
5443
5444
  function add_css$O(target) {
5444
- 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}");
5445
+ 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}");
5445
5446
  }
5446
5447
 
5447
5448
  // (92:2) {:else}
@@ -5471,8 +5472,8 @@ function create_else_block$2(ctx) {
5471
5472
  this.h();
5472
5473
  },
5473
5474
  h() {
5474
- attr(div0, "class", "text-element-inner svelte-vz6867");
5475
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5475
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5476
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5476
5477
  attr(div1, "style", /*style*/ ctx[5]);
5477
5478
  },
5478
5479
  m(target, anchor) {
@@ -5486,7 +5487,7 @@ function create_else_block$2(ctx) {
5486
5487
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5487
5488
  rendertext.$set(rendertext_changes);
5488
5489
 
5489
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
5490
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
5490
5491
  attr(div1, "class", div1_class_value);
5491
5492
  }
5492
5493
 
@@ -5561,12 +5562,12 @@ function create_if_block$d(ctx) {
5561
5562
  this.h();
5562
5563
  },
5563
5564
  h() {
5564
- attr(div0, "class", "text-element-inner svelte-vz6867");
5565
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5565
5566
  attr(a, "href", '');
5566
- attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5567
+ attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5567
5568
  attr(a, "style", /*style*/ ctx[5]);
5568
- attr(div1, "class", "tooltip svelte-vz6867");
5569
- attr(div2, "class", "tooltip tooltip-error svelte-vz6867");
5569
+ attr(div1, "class", "tooltip svelte-9ixs0b");
5570
+ attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
5570
5571
  },
5571
5572
  m(target, anchor) {
5572
5573
  insert_hydration(target, a, anchor);
@@ -5592,7 +5593,7 @@ function create_if_block$d(ctx) {
5592
5593
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5593
5594
  rendertext.$set(rendertext_changes);
5594
5595
 
5595
- 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"))) {
5596
+ 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"))) {
5596
5597
  attr(a, "class", a_class_value);
5597
5598
  }
5598
5599
 
@@ -5654,7 +5655,7 @@ function create_fragment$1m(ctx) {
5654
5655
  this.h();
5655
5656
  },
5656
5657
  h() {
5657
- attr(div, "class", "text-element-wrapper svelte-vz6867");
5658
+ attr(div, "class", "text-element-wrapper svelte-9ixs0b");
5658
5659
  },
5659
5660
  m(target, anchor) {
5660
5661
  insert_hydration(target, div, anchor);
@@ -5820,7 +5821,7 @@ class TextElement extends SvelteComponent {
5820
5821
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5821
5822
 
5822
5823
  function add_css$N(target) {
5823
- 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)}");
5824
+ 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)}");
5824
5825
  }
5825
5826
 
5826
5827
  // (48:2) <Button {onClick} {style} {eventName}>
@@ -5889,7 +5890,7 @@ function create_fragment$1l(ctx) {
5889
5890
  this.h();
5890
5891
  },
5891
5892
  h() {
5892
- attr(div, "class", "text-button-element svelte-ujdxfc");
5893
+ attr(div, "class", "text-button-element svelte-1vg84sc");
5893
5894
  },
5894
5895
  m(target, anchor) {
5895
5896
  insert_hydration(target, div, anchor);
@@ -5981,7 +5982,7 @@ class TextButtonElement extends SvelteComponent {
5981
5982
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5982
5983
 
5983
5984
  function add_css$M(target) {
5984
- 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%}");
5985
+ 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%}");
5985
5986
  }
5986
5987
 
5987
5988
  // (44:2) <Button {onClick} style={_style} {eventName}>
@@ -6009,7 +6010,7 @@ function create_default_slot$5(ctx) {
6009
6010
  this.h();
6010
6011
  },
6011
6012
  h() {
6012
- attr(img, "class", "image svelte-1alkh1m");
6013
+ attr(img, "class", "image svelte-t6tu0e");
6013
6014
  attr(img, "loading", "lazy");
6014
6015
  attr(img, "width", "auto");
6015
6016
  attr(img, "height", "auto");
@@ -6081,7 +6082,7 @@ function create_fragment$1k(ctx) {
6081
6082
  this.h();
6082
6083
  },
6083
6084
  h() {
6084
- attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m");
6085
+ attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
6085
6086
  },
6086
6087
  m(target, anchor) {
6087
6088
  insert_hydration(target, div, anchor);
@@ -6100,7 +6101,7 @@ function create_fragment$1k(ctx) {
6100
6101
 
6101
6102
  button.$set(button_changes);
6102
6103
 
6103
- if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m")) {
6104
+ if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
6104
6105
  attr(div, "class", div_class_value);
6105
6106
  }
6106
6107
  },
@@ -6172,7 +6173,7 @@ class ImageElement extends SvelteComponent {
6172
6173
  /* src/components/List.svelte generated by Svelte v3.53.1 */
6173
6174
 
6174
6175
  function add_css$L(target) {
6175
- 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}");
6176
+ 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}");
6176
6177
  }
6177
6178
 
6178
6179
  function create_fragment$1j(ctx) {
@@ -6195,7 +6196,7 @@ function create_fragment$1j(ctx) {
6195
6196
  this.h();
6196
6197
  },
6197
6198
  h() {
6198
- attr(div, "class", "list svelte-1t8r9z");
6199
+ attr(div, "class", "list svelte-aquv6z");
6199
6200
  attr(div, "style", /*style*/ ctx[0]);
6200
6201
  },
6201
6202
  m(target, anchor) {
@@ -6329,7 +6330,7 @@ let List$1 = class List extends SvelteComponent {
6329
6330
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
6330
6331
 
6331
6332
  function add_css$K(target) {
6332
- 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}");
6333
+ 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}");
6333
6334
  }
6334
6335
 
6335
6336
  // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
@@ -6412,7 +6413,7 @@ function create_fragment$1i(ctx) {
6412
6413
  this.h();
6413
6414
  },
6414
6415
  h() {
6415
- attr(div, "class", "list-item svelte-1lbw8v2");
6416
+ attr(div, "class", "list-item svelte-9n97pe");
6416
6417
  attr(div, "style", /*listItemStyle*/ ctx[3]);
6417
6418
  },
6418
6419
  m(target, anchor) {
@@ -6538,7 +6539,7 @@ let ListItem$1 = class ListItem extends SvelteComponent {
6538
6539
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
6539
6540
 
6540
6541
  function add_css$J(target) {
6541
- 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}");
6542
+ 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}");
6542
6543
  }
6543
6544
 
6544
6545
  function create_fragment$1h(ctx) {
@@ -6556,7 +6557,7 @@ function create_fragment$1h(ctx) {
6556
6557
  this.h();
6557
6558
  },
6558
6559
  h() {
6559
- attr(div, "class", "embed svelte-w6jkzh");
6560
+ attr(div, "class", "embed svelte-wocq4p");
6560
6561
  attr(div, "style", /*_style*/ ctx[1]);
6561
6562
  },
6562
6563
  m(target, anchor) {
@@ -6599,7 +6600,7 @@ class EmbedElement extends SvelteComponent {
6599
6600
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
6600
6601
 
6601
6602
  function add_css$I(target) {
6602
- 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%}");
6603
+ 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%}");
6603
6604
  }
6604
6605
 
6605
6606
  function create_fragment$1g(ctx) {
@@ -6622,7 +6623,7 @@ function create_fragment$1g(ctx) {
6622
6623
  },
6623
6624
  h() {
6624
6625
  attr(div0, "class", "karte-player");
6625
- attr(div1, "class", "embed svelte-ljxq7x");
6626
+ attr(div1, "class", "embed svelte-vikz49");
6626
6627
  attr(div1, "style", /*_style*/ ctx[0]);
6627
6628
  },
6628
6629
  m(target, anchor) {
@@ -6964,7 +6965,7 @@ class MovieYouTubeElement extends SvelteComponent {
6964
6965
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6965
6966
 
6966
6967
  function add_css$H(target) {
6967
- 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%}");
6968
+ 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%}");
6968
6969
  }
6969
6970
 
6970
6971
  function create_fragment$1f(ctx) {
@@ -6987,7 +6988,7 @@ function create_fragment$1f(ctx) {
6987
6988
  },
6988
6989
  h() {
6989
6990
  attr(div0, "class", "karte-player");
6990
- attr(div1, "class", "embed svelte-ljxq7x");
6991
+ attr(div1, "class", "embed svelte-vikz49");
6991
6992
  attr(div1, "style", /*_style*/ ctx[0]);
6992
6993
  },
6993
6994
  m(target, anchor) {
@@ -7171,7 +7172,7 @@ class MovieVimeoElement extends SvelteComponent {
7171
7172
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
7172
7173
 
7173
7174
  function add_css$G(target) {
7174
- 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}");
7175
+ 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}");
7175
7176
  }
7176
7177
 
7177
7178
  function create_fragment$1e(ctx) {
@@ -7201,12 +7202,12 @@ function create_fragment$1e(ctx) {
7201
7202
  this.h();
7202
7203
  },
7203
7204
  h() {
7204
- attr(textarea, "class", "textarea svelte-1fjy5oo");
7205
+ attr(textarea, "class", "textarea svelte-zxvkkc");
7205
7206
  textarea.value = /*$value*/ ctx[4];
7206
7207
  textarea.required = /*required*/ ctx[1];
7207
7208
  attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
7208
7209
  attr(textarea, "style", /*style*/ ctx[3]);
7209
- attr(div, "class", "textarea-wrapper svelte-1fjy5oo");
7210
+ attr(div, "class", "textarea-wrapper svelte-zxvkkc");
7210
7211
  attr(div, "style", /*styleVariables*/ ctx[2]);
7211
7212
  },
7212
7213
  m(target, anchor) {
@@ -7358,7 +7359,7 @@ class FormTextarea extends SvelteComponent {
7358
7359
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
7359
7360
 
7360
7361
  function add_css$F(target) {
7361
- 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}");
7362
+ 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}");
7362
7363
  }
7363
7364
 
7364
7365
  function get_each_context$7(ctx, list, i) {
@@ -7415,14 +7416,14 @@ function create_each_block$7(ctx) {
7415
7416
  },
7416
7417
  h() {
7417
7418
  attr(input, "type", "radio");
7418
- attr(input, "class", "radio-button-input svelte-1ntb6j8");
7419
+ attr(input, "class", "radio-button-input svelte-17s08g");
7419
7420
  attr(input, "style", /*buttonStyle*/ ctx[5]);
7420
7421
  attr(input, "name", /*name*/ ctx[0]);
7421
7422
  input.value = input_value_value = /*option*/ ctx[17];
7422
7423
  input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
7423
- attr(span, "class", "radio-button-text svelte-1ntb6j8");
7424
+ attr(span, "class", "radio-button-text svelte-17s08g");
7424
7425
  attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7425
- attr(label, "class", "radio-button svelte-1ntb6j8");
7426
+ attr(label, "class", "radio-button svelte-17s08g");
7426
7427
  },
7427
7428
  m(target, anchor) {
7428
7429
  insert_hydration(target, label, anchor);
@@ -7501,7 +7502,7 @@ function create_fragment$1d(ctx) {
7501
7502
  this.h();
7502
7503
  },
7503
7504
  h() {
7504
- attr(div, "class", "radio-buttons svelte-1ntb6j8");
7505
+ attr(div, "class", "radio-buttons svelte-17s08g");
7505
7506
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7506
7507
  },
7507
7508
  m(target, anchor) {
@@ -7670,7 +7671,7 @@ class FormRadioButtons extends SvelteComponent {
7670
7671
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
7671
7672
 
7672
7673
  function add_css$E(target) {
7673
- 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}");
7674
+ 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}");
7674
7675
  }
7675
7676
 
7676
7677
  function get_each_context$6(ctx, list, i) {
@@ -7841,10 +7842,10 @@ function create_fragment$1c(ctx) {
7841
7842
  this.h();
7842
7843
  },
7843
7844
  h() {
7844
- attr(select, "class", "select-select svelte-iejizj");
7845
+ attr(select, "class", "select-select svelte-t9ynyj");
7845
7846
  attr(select, "style", /*style*/ ctx[3]);
7846
- attr(div0, "class", "select-icon svelte-iejizj");
7847
- attr(div1, "class", "select svelte-iejizj");
7847
+ attr(div0, "class", "select-icon svelte-t9ynyj");
7848
+ attr(div1, "class", "select svelte-t9ynyj");
7848
7849
  attr(div1, "style", /*styleVariables*/ ctx[2]);
7849
7850
  },
7850
7851
  m(target, anchor) {
@@ -8046,7 +8047,7 @@ class FormSelect extends SvelteComponent {
8046
8047
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
8047
8048
 
8048
8049
  function add_css$D(target) {
8049
- 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}");
8050
+ 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}");
8050
8051
  }
8051
8052
 
8052
8053
  function get_each_context$5(ctx, list, i) {
@@ -8108,19 +8109,19 @@ function create_each_block$5(ctx) {
8108
8109
  this.h();
8109
8110
  },
8110
8111
  h() {
8111
- attr(input, "class", "check-box-input svelte-2pz1us");
8112
+ attr(input, "class", "check-box-input svelte-1p65cg8");
8112
8113
  attr(input, "type", "checkbox");
8113
8114
  attr(input, "name", /*name*/ ctx[0]);
8114
8115
  input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
8115
- attr(span0, "class", "check-box-icon svelte-2pz1us");
8116
+ attr(span0, "class", "check-box-icon svelte-1p65cg8");
8116
8117
 
8117
8118
  attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
8118
8119
  ? ' _checked'
8119
- : ''}`) + " svelte-2pz1us"));
8120
+ : ''}`) + " svelte-1p65cg8"));
8120
8121
 
8121
- attr(span2, "class", "check-box-text svelte-2pz1us");
8122
+ attr(span2, "class", "check-box-text svelte-1p65cg8");
8122
8123
  attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
8123
- attr(label, "class", "check-box svelte-2pz1us");
8124
+ attr(label, "class", "check-box svelte-1p65cg8");
8124
8125
  attr(label, "style", /*styleVariables*/ ctx[5]);
8125
8126
  },
8126
8127
  m(target, anchor) {
@@ -8152,7 +8153,7 @@ function create_each_block$5(ctx) {
8152
8153
 
8153
8154
  if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
8154
8155
  ? ' _checked'
8155
- : ''}`) + " svelte-2pz1us"))) {
8156
+ : ''}`) + " svelte-1p65cg8"))) {
8156
8157
  attr(span1, "class", span1_class_value);
8157
8158
  }
8158
8159
 
@@ -8205,7 +8206,7 @@ function create_fragment$1b(ctx) {
8205
8206
  this.h();
8206
8207
  },
8207
8208
  h() {
8208
- attr(div, "class", "check-boxes svelte-2pz1us");
8209
+ attr(div, "class", "check-boxes svelte-1p65cg8");
8209
8210
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
8210
8211
  },
8211
8212
  m(target, anchor) {
@@ -8380,7 +8381,7 @@ class FormCheckBoxes extends SvelteComponent {
8380
8381
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
8381
8382
 
8382
8383
  function add_css$C(target) {
8383
- 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}");
8384
+ 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}");
8384
8385
  }
8385
8386
 
8386
8387
  function get_each_context$4(ctx, list, i) {
@@ -8415,7 +8416,7 @@ function create_each_block$4(ctx) {
8415
8416
  this.h();
8416
8417
  },
8417
8418
  h() {
8418
- attr(button, "class", "rating-button svelte-9idbf1");
8419
+ attr(button, "class", "rating-button svelte-1iqf36p");
8419
8420
  attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
8420
8421
  },
8421
8422
  m(target, anchor) {
@@ -8478,7 +8479,7 @@ function create_fragment$1a(ctx) {
8478
8479
  this.h();
8479
8480
  },
8480
8481
  h() {
8481
- attr(div, "class", "rating-buttons svelte-9idbf1");
8482
+ attr(div, "class", "rating-buttons svelte-1iqf36p");
8482
8483
  },
8483
8484
  m(target, anchor) {
8484
8485
  insert_hydration(target, div, anchor);
@@ -8622,7 +8623,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
8622
8623
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
8623
8624
 
8624
8625
  function add_css$B(target) {
8625
- 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%)}");
8626
+ 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%)}");
8626
8627
  }
8627
8628
 
8628
8629
  function get_each_context$3(ctx, list, i) {
@@ -8658,9 +8659,9 @@ function create_each_block$3(ctx) {
8658
8659
  },
8659
8660
  h() {
8660
8661
  if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
8661
- attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"));
8662
+ attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
8662
8663
  attr(img, "alt", "rate" + /*i*/ ctx[10]);
8663
- attr(button, "class", "rating-button svelte-1b5dvzw");
8664
+ attr(button, "class", "rating-button svelte-tbunko");
8664
8665
  attr(button, "style", /*buttonStyle*/ ctx[0]);
8665
8666
  },
8666
8667
  m(target, anchor) {
@@ -8676,7 +8677,7 @@ function create_each_block$3(ctx) {
8676
8677
  p(new_ctx, dirty) {
8677
8678
  ctx = new_ctx;
8678
8679
 
8679
- 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"))) {
8680
+ 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"))) {
8680
8681
  attr(img, "class", img_class_value);
8681
8682
  }
8682
8683
 
@@ -8723,7 +8724,7 @@ function create_fragment$19(ctx) {
8723
8724
  this.h();
8724
8725
  },
8725
8726
  h() {
8726
- attr(div, "class", "rating-buttons svelte-1b5dvzw");
8727
+ attr(div, "class", "rating-buttons svelte-tbunko");
8727
8728
  },
8728
8729
  m(target, anchor) {
8729
8730
  insert_hydration(target, div, anchor);
@@ -8831,7 +8832,7 @@ class FormRatingButtonsFace extends SvelteComponent {
8831
8832
  /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
8832
8833
 
8833
8834
  function add_css$A(target) {
8834
- 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}");
8835
+ 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}");
8835
8836
  }
8836
8837
 
8837
8838
  function create_fragment$18(ctx) {
@@ -8862,13 +8863,13 @@ function create_fragment$18(ctx) {
8862
8863
  this.h();
8863
8864
  },
8864
8865
  h() {
8865
- attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"));
8866
+ attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"));
8866
8867
  attr(input, "type", "text");
8867
8868
  input.value = /*$value*/ ctx[2];
8868
8869
  input.required = /*required*/ ctx[0];
8869
8870
  attr(input, "placeholder", /*placeholder*/ ctx[1]);
8870
8871
  attr(input, "style", /*style*/ ctx[5]);
8871
- attr(div, "class", "input-wrapper svelte-f14zo5");
8872
+ attr(div, "class", "input-wrapper svelte-h8fqwx");
8872
8873
  attr(div, "style", /*styleVariables*/ ctx[4]);
8873
8874
  },
8874
8875
  m(target, anchor) {
@@ -8881,7 +8882,7 @@ function create_fragment$18(ctx) {
8881
8882
  }
8882
8883
  },
8883
8884
  p(ctx, [dirty]) {
8884
- if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"))) {
8885
+ if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"))) {
8885
8886
  attr(input, "class", input_class_value);
8886
8887
  }
8887
8888
 
@@ -9069,7 +9070,7 @@ class FormIdentifyInput extends SvelteComponent {
9069
9070
  /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
9070
9071
 
9071
9072
  function add_css$z(target) {
9072
- 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}");
9073
+ 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}");
9073
9074
  }
9074
9075
 
9075
9076
  function create_fragment$17(ctx) {
@@ -9135,20 +9136,20 @@ function create_fragment$17(ctx) {
9135
9136
  },
9136
9137
  h() {
9137
9138
  attr(input0, "type", "radio");
9138
- attr(input0, "class", "radio-button-input svelte-pzrwlo");
9139
+ attr(input0, "class", "radio-button-input svelte-8zbmyo");
9139
9140
  attr(input0, "style", /*buttonStyle*/ ctx[2]);
9140
9141
  input0.checked = input0_checked_value = /*$value*/ ctx[3] === true;
9141
- attr(span0, "class", "radio-button-text svelte-pzrwlo");
9142
+ attr(span0, "class", "radio-button-text svelte-8zbmyo");
9142
9143
  attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
9143
- attr(label0, "class", "radio-button svelte-pzrwlo");
9144
+ attr(label0, "class", "radio-button svelte-8zbmyo");
9144
9145
  attr(input1, "type", "radio");
9145
- attr(input1, "class", "radio-button-input svelte-pzrwlo");
9146
+ attr(input1, "class", "radio-button-input svelte-8zbmyo");
9146
9147
  attr(input1, "style", /*buttonStyle*/ ctx[2]);
9147
9148
  input1.checked = input1_checked_value = /*$value*/ ctx[3] === false;
9148
- attr(span1, "class", "radio-button-text svelte-pzrwlo");
9149
+ attr(span1, "class", "radio-button-text svelte-8zbmyo");
9149
9150
  attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
9150
- attr(label1, "class", "radio-button svelte-pzrwlo");
9151
- attr(div, "class", "radio-buttons svelte-pzrwlo");
9151
+ attr(label1, "class", "radio-button svelte-8zbmyo");
9152
+ attr(div, "class", "radio-buttons svelte-8zbmyo");
9152
9153
  attr(div, "style", /*_layoutStyle*/ ctx[0]);
9153
9154
  },
9154
9155
  m(target, anchor) {
@@ -9316,7 +9317,7 @@ class FormIdentifyChoices extends SvelteComponent {
9316
9317
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
9317
9318
 
9318
9319
  function add_css$y(target) {
9319
- 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%}");
9320
+ 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%}");
9320
9321
  }
9321
9322
 
9322
9323
  function get_each_context$2(ctx, list, i) {
@@ -9362,9 +9363,9 @@ function create_if_block_1$2(ctx) {
9362
9363
  attr(svg, "viewBox", "0 0 10 16");
9363
9364
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
9364
9365
  attr(svg, "style", /*prevIconStyle*/ ctx[10]);
9365
- attr(button, "class", "move-button svelte-1qfq79t");
9366
+ attr(button, "class", "move-button svelte-ji1fh");
9366
9367
  attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
9367
- attr(div, "class", "prev-button-container svelte-1qfq79t");
9368
+ attr(div, "class", "prev-button-container svelte-ji1fh");
9368
9369
  },
9369
9370
  m(target, anchor) {
9370
9371
  insert_hydration(target, div, anchor);
@@ -9430,9 +9431,9 @@ function create_if_block$b(ctx) {
9430
9431
  attr(svg, "viewBox", "0 0 10 16");
9431
9432
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
9432
9433
  attr(svg, "style", /*nextIconStyle*/ ctx[8]);
9433
- attr(button, "class", "move-button svelte-1qfq79t");
9434
+ attr(button, "class", "move-button svelte-ji1fh");
9434
9435
  attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
9435
- attr(div, "class", "next-button-container svelte-1qfq79t");
9436
+ attr(div, "class", "next-button-container svelte-ji1fh");
9436
9437
  },
9437
9438
  m(target, anchor) {
9438
9439
  insert_hydration(target, div, anchor);
@@ -9492,9 +9493,9 @@ function create_each_block$2(ctx) {
9492
9493
  this.h();
9493
9494
  },
9494
9495
  h() {
9495
- attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
9496
+ attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
9496
9497
  attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
9497
- attr(button, "class", "navigation-item svelte-1qfq79t");
9498
+ attr(button, "class", "navigation-item svelte-ji1fh");
9498
9499
  attr(button, "style", /*navigationItemStyle*/ ctx[6]);
9499
9500
  },
9500
9501
  m(target, anchor) {
@@ -9600,14 +9601,14 @@ function create_fragment$16(ctx) {
9600
9601
  this.h();
9601
9602
  },
9602
9603
  h() {
9603
- attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
9604
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
9604
9605
  attr(div0, "style", /*slideStyle*/ ctx[14]);
9605
- attr(div1, "class", "container svelte-1qfq79t");
9606
+ attr(div1, "class", "container svelte-ji1fh");
9606
9607
  attr(div1, "style", /*_style*/ ctx[0]);
9607
- attr(div2, "class", "navigation svelte-1qfq79t");
9608
+ attr(div2, "class", "navigation svelte-ji1fh");
9608
9609
  attr(div2, "style", /*navigationStyle*/ ctx[4]);
9609
9610
  set_attributes(div3, div3_data);
9610
- toggle_class(div3, "svelte-1qfq79t", true);
9611
+ toggle_class(div3, "svelte-ji1fh", true);
9611
9612
  },
9612
9613
  m(target, anchor) {
9613
9614
  insert_hydration(target, div3, anchor);
@@ -9649,7 +9650,7 @@ function create_fragment$16(ctx) {
9649
9650
  }
9650
9651
  }
9651
9652
 
9652
- if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
9653
+ if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
9653
9654
  attr(div0, "class", div0_class_value);
9654
9655
  }
9655
9656
 
@@ -9715,7 +9716,7 @@ function create_fragment$16(ctx) {
9715
9716
  }
9716
9717
 
9717
9718
  set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
9718
- toggle_class(div3, "svelte-1qfq79t", true);
9719
+ toggle_class(div3, "svelte-ji1fh", true);
9719
9720
  },
9720
9721
  i(local) {
9721
9722
  if (current) return;
@@ -10227,7 +10228,7 @@ class Slide extends SvelteComponent {
10227
10228
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
10228
10229
 
10229
10230
  function add_css$x(target) {
10230
- 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}");
10231
+ 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}");
10231
10232
  }
10232
10233
 
10233
10234
  function create_fragment$15(ctx) {
@@ -10255,9 +10256,9 @@ function create_fragment$15(ctx) {
10255
10256
  this.h();
10256
10257
  },
10257
10258
  h() {
10258
- attr(div0, "class", "item-inner svelte-1rv0qgo");
10259
+ attr(div0, "class", "item-inner svelte-9ygf1w");
10259
10260
  attr(div0, "style", /*_style*/ ctx[0]);
10260
- attr(div1, "class", "item svelte-1rv0qgo");
10261
+ attr(div1, "class", "item svelte-9ygf1w");
10261
10262
  attr(div1, "style", /*itemStyle*/ ctx[1]);
10262
10263
  },
10263
10264
  m(target, anchor) {
@@ -10383,7 +10384,7 @@ class SlideItem extends SvelteComponent {
10383
10384
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
10384
10385
 
10385
10386
  function add_css$w(target) {
10386
- 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}");
10387
+ 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}");
10387
10388
  }
10388
10389
 
10389
10390
  const get_default_slot_changes$1 = dirty => ({ countdown: dirty & /*countdown*/ 2 });
@@ -10414,9 +10415,9 @@ function create_fragment$14(ctx) {
10414
10415
  this.h();
10415
10416
  },
10416
10417
  h() {
10417
- attr(div0, "class", "countdown-inner svelte-t87l6f");
10418
+ attr(div0, "class", "countdown-inner svelte-rroxiz");
10418
10419
  attr(div0, "style", /*_style*/ ctx[0]);
10419
- attr(div1, "class", "countdown svelte-t87l6f");
10420
+ attr(div1, "class", "countdown svelte-rroxiz");
10420
10421
  },
10421
10422
  m(target, anchor) {
10422
10423
  insert_hydration(target, div1, anchor);
@@ -10546,7 +10547,7 @@ class Countdown extends SvelteComponent {
10546
10547
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
10547
10548
 
10548
10549
  function add_css$v(target) {
10549
- 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}");
10550
+ 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}");
10550
10551
  }
10551
10552
 
10552
10553
  // (24:2) <Button {onClick} style={_style} {eventName}>
@@ -10629,7 +10630,7 @@ function create_fragment$13(ctx) {
10629
10630
  this.h();
10630
10631
  },
10631
10632
  h() {
10632
- attr(div, "class", "box svelte-1c91vpe");
10633
+ attr(div, "class", "box svelte-1ccydfy");
10633
10634
  },
10634
10635
  m(target, anchor) {
10635
10636
  insert_hydration(target, div, anchor);
@@ -10690,7 +10691,7 @@ class Box extends SvelteComponent {
10690
10691
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
10691
10692
 
10692
10693
  function add_css$u(target) {
10693
- 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)}");
10694
+ 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)}");
10694
10695
  }
10695
10696
 
10696
10697
  // (56:4) {#if svg}
@@ -10794,7 +10795,7 @@ function create_fragment$12(ctx) {
10794
10795
  this.h();
10795
10796
  },
10796
10797
  h() {
10797
- attr(div, "class", "icon svelte-1mk6wi4");
10798
+ attr(div, "class", "icon svelte-1mkvcuo");
10798
10799
  },
10799
10800
  m(target, anchor) {
10800
10801
  insert_hydration(target, div, anchor);
@@ -10903,7 +10904,7 @@ class IconElement extends SvelteComponent {
10903
10904
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
10904
10905
 
10905
10906
  function add_css$t(target) {
10906
- append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10907
+ append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10907
10908
  }
10908
10909
 
10909
10910
  function create_fragment$11(ctx) {
@@ -10939,7 +10940,7 @@ function create_fragment$11(ctx) {
10939
10940
  this.h();
10940
10941
  },
10941
10942
  h() {
10942
- attr(div, "class", "codeElement svelte-1ng2n51");
10943
+ attr(div, "class", "codeElement svelte-ymsb9l");
10943
10944
  attr(div, "style", /*style*/ ctx[3]);
10944
10945
  },
10945
10946
  m(target, anchor) {
@@ -11028,7 +11029,7 @@ class CodeElement extends SvelteComponent {
11028
11029
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
11029
11030
 
11030
11031
  function add_css$s(target) {
11031
- append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
11032
+ append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
11032
11033
  }
11033
11034
 
11034
11035
  function create_fragment$10(ctx) {
@@ -11052,7 +11053,7 @@ function create_fragment$10(ctx) {
11052
11053
  this.h();
11053
11054
  },
11054
11055
  h() {
11055
- attr(div, "class", "flex svelte-9v2qdg");
11056
+ attr(div, "class", "flex svelte-1e71ejc");
11056
11057
  attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
11057
11058
  },
11058
11059
  m(target, anchor) {
@@ -11149,7 +11150,7 @@ class Flex extends SvelteComponent {
11149
11150
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
11150
11151
 
11151
11152
  function add_css$r(target) {
11152
- append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
11153
+ append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
11153
11154
  }
11154
11155
 
11155
11156
  function create_fragment$$(ctx) {
@@ -11172,7 +11173,7 @@ function create_fragment$$(ctx) {
11172
11173
  this.h();
11173
11174
  },
11174
11175
  h() {
11175
- attr(div, "class", "flex-item svelte-164ah5d");
11176
+ attr(div, "class", "flex-item svelte-1p0bk1x");
11176
11177
  attr(div, "style", /*style*/ ctx[0]);
11177
11178
  },
11178
11179
  m(target, anchor) {
@@ -11592,7 +11593,7 @@ class GridModalState extends SvelteComponent {
11592
11593
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
11593
11594
 
11594
11595
  function add_css$q(target) {
11595
- 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%}");
11596
+ 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%}");
11596
11597
  }
11597
11598
 
11598
11599
  function create_fragment$Z(ctx) {
@@ -11621,8 +11622,8 @@ function create_fragment$Z(ctx) {
11621
11622
  this.h();
11622
11623
  },
11623
11624
  h() {
11624
- attr(div0, "class", "text-block-inner svelte-akic2e");
11625
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"));
11625
+ attr(div0, "class", "text-block-inner svelte-15pej1m");
11626
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
11626
11627
  attr(div1, "style", /*style*/ ctx[2]);
11627
11628
  },
11628
11629
  m(target, anchor) {
@@ -11636,7 +11637,7 @@ function create_fragment$Z(ctx) {
11636
11637
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
11637
11638
  rendertext.$set(rendertext_changes);
11638
11639
 
11639
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"))) {
11640
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
11640
11641
  attr(div1, "class", div1_class_value);
11641
11642
  }
11642
11643
 
@@ -11714,7 +11715,7 @@ class TextBlock extends SvelteComponent {
11714
11715
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
11715
11716
 
11716
11717
  function add_css$p(target) {
11717
- 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)}");
11718
+ 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)}");
11718
11719
  }
11719
11720
 
11720
11721
  function create_fragment$Y(ctx) {
@@ -11744,9 +11745,9 @@ function create_fragment$Y(ctx) {
11744
11745
  this.h();
11745
11746
  },
11746
11747
  h() {
11747
- attr(button, "class", "text-button svelte-1c34p4n");
11748
+ attr(button, "class", "text-button svelte-ff0k6r");
11748
11749
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
11749
- attr(div, "class", "text-button-block svelte-1c34p4n");
11750
+ attr(div, "class", "text-button-block svelte-ff0k6r");
11750
11751
  attr(div, "style", /*_style*/ ctx[2]);
11751
11752
  },
11752
11753
  m(target, anchor) {
@@ -11852,7 +11853,7 @@ class TextButtonBlock extends SvelteComponent {
11852
11853
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
11853
11854
 
11854
11855
  function add_css$o(target) {
11855
- 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)}");
11856
+ 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)}");
11856
11857
  }
11857
11858
 
11858
11859
  function create_fragment$X(ctx) {
@@ -11888,14 +11889,14 @@ function create_fragment$X(ctx) {
11888
11889
  this.h();
11889
11890
  },
11890
11891
  h() {
11891
- attr(img, "class", "image svelte-1jus6sx");
11892
+ attr(img, "class", "image svelte-1pdw891");
11892
11893
  attr(img, "loading", "lazy");
11893
11894
  attr(img, "width", "auto");
11894
11895
  attr(img, "height", "auto");
11895
11896
  attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
11896
11897
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
11897
11898
  attr(img, "alt", /*alt*/ ctx[1]);
11898
- attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"));
11899
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
11899
11900
  attr(div, "style", /*_style*/ ctx[5]);
11900
11901
  },
11901
11902
  m(target, anchor) {
@@ -11920,7 +11921,7 @@ function create_fragment$X(ctx) {
11920
11921
  attr(img, "alt", /*alt*/ ctx[1]);
11921
11922
  }
11922
11923
 
11923
- if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"))) {
11924
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
11924
11925
  attr(div, "class", div_class_value);
11925
11926
  }
11926
11927
 
@@ -12372,7 +12373,7 @@ const AVATAR_SIZE_STYLES = {
12372
12373
  /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
12373
12374
 
12374
12375
  function add_css$n(target) {
12375
- append_styles(target, "svelte-apww0t", ".avatar.svelte-apww0t{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:0}");
12376
+ append_styles(target, "svelte-1krsdyx", ".avatar.svelte-1krsdyx{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:0}");
12376
12377
  }
12377
12378
 
12378
12379
  // (42:0) <svelte:element {...attributes} this={element} class="avatar" style={style} data-layer-id={layerId} on:click={handleClick} >
@@ -12424,7 +12425,7 @@ function create_dynamic_element$b(ctx) {
12424
12425
  },
12425
12426
  h() {
12426
12427
  if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
12427
- attr(img, "class", "avatar-image svelte-apww0t");
12428
+ attr(img, "class", "avatar-image svelte-1krsdyx");
12428
12429
  attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
12429
12430
  attr(img, "style", /*imgStyle*/ ctx[2]);
12430
12431
 
@@ -12434,7 +12435,7 @@ function create_dynamic_element$b(ctx) {
12434
12435
  set_attributes(svelte_element, svelte_element_data);
12435
12436
  }
12436
12437
 
12437
- toggle_class(svelte_element, "svelte-apww0t", true);
12438
+ toggle_class(svelte_element, "svelte-1krsdyx", true);
12438
12439
  },
12439
12440
  m(target, anchor) {
12440
12441
  insert_hydration(target, svelte_element, anchor);
@@ -12471,7 +12472,7 @@ function create_dynamic_element$b(ctx) {
12471
12472
  set_attributes(svelte_element, svelte_element_data);
12472
12473
  }
12473
12474
 
12474
- toggle_class(svelte_element, "svelte-apww0t", true);
12475
+ toggle_class(svelte_element, "svelte-1krsdyx", true);
12475
12476
  },
12476
12477
  d(detaching) {
12477
12478
  if (detaching) detach(svelte_element);
@@ -14639,7 +14640,7 @@ const ICON_VARIANTS = {
14639
14640
  /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
14640
14641
 
14641
14642
  function add_css$m(target) {
14642
- append_styles(target, "svelte-mut6o2", ".icon.svelte-mut6o2{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
14643
+ append_styles(target, "svelte-19rssou", ".icon.svelte-19rssou{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
14643
14644
  }
14644
14645
 
14645
14646
  // (24:0) <svelte:element {...attributes} this={element} class="icon" style={style} data-layer-id={layerId} on:click={handleClick} >
@@ -14701,7 +14702,7 @@ function create_dynamic_element$a(ctx) {
14701
14702
  set_attributes(svelte_element, svelte_element_data);
14702
14703
  }
14703
14704
 
14704
- toggle_class(svelte_element, "svelte-mut6o2", true);
14705
+ toggle_class(svelte_element, "svelte-19rssou", true);
14705
14706
  },
14706
14707
  m(target, anchor) {
14707
14708
  insert_hydration(target, svelte_element, anchor);
@@ -14754,7 +14755,7 @@ function create_dynamic_element$a(ctx) {
14754
14755
  set_attributes(svelte_element, svelte_element_data);
14755
14756
  }
14756
14757
 
14757
- toggle_class(svelte_element, "svelte-mut6o2", true);
14758
+ toggle_class(svelte_element, "svelte-19rssou", true);
14758
14759
  },
14759
14760
  i(local) {
14760
14761
  if (current) return;
@@ -15056,7 +15057,7 @@ function darkenColor(color, percent) {
15056
15057
  /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
15057
15058
 
15058
15059
  function add_css$l(target) {
15059
- append_styles(target, "svelte-brd6e9", ".button.svelte-brd6e9{display:inline-flex;gap:0.8em;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;color:var(--color);border-color:var(--border-color);background-color:var(--bg-color)}.button.svelte-brd6e9:hover{background-color:var(--hover-bg-color);border-color:var(--hover-border-color)}.button-icon.svelte-brd6e9{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
15060
+ append_styles(target, "svelte-o2gomt", ".button.svelte-o2gomt{display:inline-flex;gap:0.8em;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;color:var(--color);border-color:var(--border-color);background-color:var(--bg-color)}.button.svelte-o2gomt:hover{background-color:var(--hover-bg-color);border-color:var(--hover-border-color)}.button-icon.svelte-o2gomt{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
15060
15061
  }
15061
15062
 
15062
15063
  // (91:2) {#if props.isIcon && props.iconVariant}
@@ -15090,7 +15091,7 @@ function create_if_block$9(ctx) {
15090
15091
  this.h();
15091
15092
  },
15092
15093
  h() {
15093
- attr(div, "class", "button-icon svelte-brd6e9");
15094
+ attr(div, "class", "button-icon svelte-o2gomt");
15094
15095
  },
15095
15096
  m(target, anchor) {
15096
15097
  insert_hydration(target, div, anchor);
@@ -15187,7 +15188,7 @@ function create_dynamic_element$9(ctx) {
15187
15188
  set_attributes(svelte_element, svelte_element_data);
15188
15189
  }
15189
15190
 
15190
- toggle_class(svelte_element, "svelte-brd6e9", true);
15191
+ toggle_class(svelte_element, "svelte-o2gomt", true);
15191
15192
  },
15192
15193
  m(target, anchor) {
15193
15194
  insert_hydration(target, svelte_element, anchor);
@@ -15242,7 +15243,7 @@ function create_dynamic_element$9(ctx) {
15242
15243
  set_attributes(svelte_element, svelte_element_data);
15243
15244
  }
15244
15245
 
15245
- toggle_class(svelte_element, "svelte-brd6e9", true);
15246
+ toggle_class(svelte_element, "svelte-o2gomt", true);
15246
15247
  },
15247
15248
  i(local) {
15248
15249
  if (current) return;
@@ -15521,7 +15522,7 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
15521
15522
  /* src/components-flex/button-outlined/ButtonOutlined.svelte generated by Svelte v3.53.1 */
15522
15523
 
15523
15524
  function add_css$k(target) {
15524
- append_styles(target, "svelte-ypshn1", ".button-outlined.svelte-ypshn1{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:var(--bg-color)}.button-outlined.svelte-ypshn1:hover{background-color:var(--hover-bg-color)}.button-outlined-icon.svelte-ypshn1{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
15525
+ append_styles(target, "svelte-38fju1", ".button-outlined.svelte-38fju1{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:var(--bg-color)}.button-outlined.svelte-38fju1:hover{background-color:var(--hover-bg-color)}.button-outlined-icon.svelte-38fju1{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
15525
15526
  }
15526
15527
 
15527
15528
  // (53:2) {#if props.isIcon && props.iconVariant}
@@ -15555,7 +15556,7 @@ function create_if_block$8(ctx) {
15555
15556
  this.h();
15556
15557
  },
15557
15558
  h() {
15558
- attr(div, "class", "button-outlined-icon svelte-ypshn1");
15559
+ attr(div, "class", "button-outlined-icon svelte-38fju1");
15559
15560
  },
15560
15561
  m(target, anchor) {
15561
15562
  insert_hydration(target, div, anchor);
@@ -15642,7 +15643,7 @@ function create_dynamic_element$8(ctx) {
15642
15643
  this.h();
15643
15644
  },
15644
15645
  h() {
15645
- attr(span, "class", "button-outlined-label svelte-ypshn1");
15646
+ attr(span, "class", "button-outlined-label svelte-38fju1");
15646
15647
 
15647
15648
  if ((/-/).test(/*element*/ ctx[4])) {
15648
15649
  set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -15650,7 +15651,7 @@ function create_dynamic_element$8(ctx) {
15650
15651
  set_attributes(svelte_element, svelte_element_data);
15651
15652
  }
15652
15653
 
15653
- toggle_class(svelte_element, "svelte-ypshn1", true);
15654
+ toggle_class(svelte_element, "svelte-38fju1", true);
15654
15655
  },
15655
15656
  m(target, anchor) {
15656
15657
  insert_hydration(target, svelte_element, anchor);
@@ -15704,7 +15705,7 @@ function create_dynamic_element$8(ctx) {
15704
15705
  set_attributes(svelte_element, svelte_element_data);
15705
15706
  }
15706
15707
 
15707
- toggle_class(svelte_element, "svelte-ypshn1", true);
15708
+ toggle_class(svelte_element, "svelte-38fju1", true);
15708
15709
  },
15709
15710
  i(local) {
15710
15711
  if (current) return;
@@ -15900,7 +15901,7 @@ const getButtonTextThemeStyles = getPropStyles(callback$2);
15900
15901
  /* src/components-flex/button-text/ButtonText.svelte generated by Svelte v3.53.1 */
15901
15902
 
15902
15903
  function add_css$j(target) {
15903
- 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}");
15904
+ 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}");
15904
15905
  }
15905
15906
 
15906
15907
  // (49:2) {#if props.isIcon && props.iconVariant}
@@ -15934,7 +15935,7 @@ function create_if_block$7(ctx) {
15934
15935
  this.h();
15935
15936
  },
15936
15937
  h() {
15937
- attr(div, "class", "button-text-icon svelte-lted9r");
15938
+ attr(div, "class", "button-text-icon svelte-1xgvp8r");
15938
15939
  },
15939
15940
  m(target, anchor) {
15940
15941
  insert_hydration(target, div, anchor);
@@ -16021,7 +16022,7 @@ function create_dynamic_element$7(ctx) {
16021
16022
  this.h();
16022
16023
  },
16023
16024
  h() {
16024
- attr(span, "class", "button-text-label svelte-lted9r");
16025
+ attr(span, "class", "button-text-label svelte-1xgvp8r");
16025
16026
 
16026
16027
  if ((/-/).test(/*element*/ ctx[4])) {
16027
16028
  set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -16029,7 +16030,7 @@ function create_dynamic_element$7(ctx) {
16029
16030
  set_attributes(svelte_element, svelte_element_data);
16030
16031
  }
16031
16032
 
16032
- toggle_class(svelte_element, "svelte-lted9r", true);
16033
+ toggle_class(svelte_element, "svelte-1xgvp8r", true);
16033
16034
  },
16034
16035
  m(target, anchor) {
16035
16036
  insert_hydration(target, svelte_element, anchor);
@@ -16083,7 +16084,7 @@ function create_dynamic_element$7(ctx) {
16083
16084
  set_attributes(svelte_element, svelte_element_data);
16084
16085
  }
16085
16086
 
16086
- toggle_class(svelte_element, "svelte-lted9r", true);
16087
+ toggle_class(svelte_element, "svelte-1xgvp8r", true);
16087
16088
  },
16088
16089
  i(local) {
16089
16090
  if (current) return;
@@ -16235,7 +16236,7 @@ const BUTTON_TEXT_THEME = {
16235
16236
  /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
16236
16237
 
16237
16238
  function add_css$i(target) {
16238
- 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}");
16239
+ 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}");
16239
16240
  }
16240
16241
 
16241
16242
  // (90:2) {#if hasLabel}
@@ -16261,7 +16262,7 @@ function create_if_block$6(ctx) {
16261
16262
 
16262
16263
  attr(span, "class", "close-button-label " + (/*isLeftLabelPlacement*/ ctx[10]
16263
16264
  ? 'close-button-order-one'
16264
- : '') + " svelte-3133h2");
16265
+ : '') + " svelte-3mvsv6");
16265
16266
  },
16266
16267
  m(target, anchor) {
16267
16268
  insert_hydration(target, span, anchor);
@@ -16353,7 +16354,7 @@ function create_dynamic_element$6(ctx) {
16353
16354
  set_style(svg, "width", "100%");
16354
16355
  set_style(svg, "height", "100%");
16355
16356
  attr(svg, "fill", /*color*/ ctx[8]);
16356
- attr(svg, "class", "svelte-3133h2");
16357
+ attr(svg, "class", "svelte-3mvsv6");
16357
16358
  attr(span, "style", /*iconStyle*/ ctx[1]);
16358
16359
 
16359
16360
  if ((/-/).test(/*element*/ ctx[6])) {
@@ -16362,7 +16363,7 @@ function create_dynamic_element$6(ctx) {
16362
16363
  set_attributes(svelte_element, svelte_element_data);
16363
16364
  }
16364
16365
 
16365
- toggle_class(svelte_element, "svelte-3133h2", true);
16366
+ toggle_class(svelte_element, "svelte-3mvsv6", true);
16366
16367
  },
16367
16368
  m(target, anchor) {
16368
16369
  insert_hydration(target, svelte_element, anchor);
@@ -16408,7 +16409,7 @@ function create_dynamic_element$6(ctx) {
16408
16409
  set_attributes(svelte_element, svelte_element_data);
16409
16410
  }
16410
16411
 
16411
- toggle_class(svelte_element, "svelte-3133h2", true);
16412
+ toggle_class(svelte_element, "svelte-3mvsv6", true);
16412
16413
  },
16413
16414
  d(detaching) {
16414
16415
  if (detaching) detach(svelte_element);
@@ -16649,10 +16650,10 @@ const IMAGE_ROUND_STYLES = {
16649
16650
  /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
16650
16651
 
16651
16652
  function add_css$h(target) {
16652
- append_styles(target, "svelte-1y7kpsc", ".image.svelte-1y7kpsc{max-width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.image-img.svelte-1y7kpsc{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
16653
+ append_styles(target, "svelte-rewdem", ".image.svelte-rewdem{max-width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-img.svelte-rewdem{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
16653
16654
  }
16654
16655
 
16655
- // (24:0) <svelte:element this={element} {...attributes} class="image" {style} data-layer-id={layerId} on:click={handleClick} >
16656
+ // (26:0) <svelte:element this={element} {...attributes} class="image" {style} data-layer-id={layerId} on:click={handleClick} >
16656
16657
  function create_dynamic_element$5(ctx) {
16657
16658
  let svelte_element;
16658
16659
  let img;
@@ -16695,7 +16696,7 @@ function create_dynamic_element$5(ctx) {
16695
16696
  h() {
16696
16697
  if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
16697
16698
  attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
16698
- attr(img, "class", "image-img svelte-1y7kpsc");
16699
+ attr(img, "class", "image-img svelte-rewdem");
16699
16700
 
16700
16701
  if ((/-/).test(/*element*/ ctx[4])) {
16701
16702
  set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -16703,7 +16704,7 @@ function create_dynamic_element$5(ctx) {
16703
16704
  set_attributes(svelte_element, svelte_element_data);
16704
16705
  }
16705
16706
 
16706
- toggle_class(svelte_element, "svelte-1y7kpsc", true);
16707
+ toggle_class(svelte_element, "svelte-rewdem", true);
16707
16708
  },
16708
16709
  m(target, anchor) {
16709
16710
  insert_hydration(target, svelte_element, anchor);
@@ -16736,7 +16737,7 @@ function create_dynamic_element$5(ctx) {
16736
16737
  set_attributes(svelte_element, svelte_element_data);
16737
16738
  }
16738
16739
 
16739
- toggle_class(svelte_element, "svelte-1y7kpsc", true);
16740
+ toggle_class(svelte_element, "svelte-rewdem", true);
16740
16741
  },
16741
16742
  d(detaching) {
16742
16743
  if (detaching) detach(svelte_element);
@@ -16801,6 +16802,7 @@ function instance$l($$self, $$props, $$invalidate) {
16801
16802
  useInjectCustomizeCss(props);
16802
16803
  const { attributes, element, handleClick } = useClickable(props);
16803
16804
  const aspectVariantStyles = ASPECT_VARIANT[props.aspectVariant]?.getProps();
16805
+ const width = props.width ?? '100%';
16804
16806
 
16805
16807
  $$self.$$set = $$props => {
16806
16808
  if ('props' in $$props) $$invalidate(0, props = $$props.props);
@@ -16813,7 +16815,8 @@ function instance$l($$self, $$props, $$invalidate) {
16813
16815
  ...props.borderTopLeftRadius
16814
16816
  ? toCssRadius(props)
16815
16817
  : IMAGE_ROUND_STYLES[props.shape ?? 'square'],
16816
- width: props.width ?? '100%',
16818
+ width,
16819
+ flexShrink: String(width).indexOf('px') !== -1 ? 0 : 1,
16817
16820
  height: props.height ?? 'auto',
16818
16821
  aspectRatio: props.aspect ?? aspectVariantStyles?.aspect,
16819
16822
  ...toCssCommon(props),
@@ -16853,7 +16856,7 @@ const IMAGE_ASPECT_VARIANTS = {
16853
16856
  /* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
16854
16857
 
16855
16858
  function add_css$g(target) {
16856
- 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}");
16859
+ 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}");
16857
16860
  }
16858
16861
 
16859
16862
  // (28:0) <svelte:element {...attributes} this="div" class="layout" style={style} data-layer-id={layerId} on:click={handleClick} >
@@ -16903,7 +16906,7 @@ function create_dynamic_element$4(ctx) {
16903
16906
  set_attributes(svelte_element, svelte_element_data);
16904
16907
  }
16905
16908
 
16906
- toggle_class(svelte_element, "svelte-1tjo4al", true);
16909
+ toggle_class(svelte_element, "svelte-139vx15", true);
16907
16910
  },
16908
16911
  m(target, anchor) {
16909
16912
  insert_hydration(target, svelte_element, anchor);
@@ -16948,7 +16951,7 @@ function create_dynamic_element$4(ctx) {
16948
16951
  set_attributes(svelte_element, svelte_element_data);
16949
16952
  }
16950
16953
 
16951
- toggle_class(svelte_element, "svelte-1tjo4al", true);
16954
+ toggle_class(svelte_element, "svelte-139vx15", true);
16952
16955
  },
16953
16956
  i(local) {
16954
16957
  if (current) return;
@@ -17076,7 +17079,7 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
17076
17079
  /* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
17077
17080
 
17078
17081
  function add_css$f(target) {
17079
- append_styles(target, "svelte-1k4xkut", ".slider-list.svelte-1k4xkut{-webkit-user-drag:none;margin:0;padding:0;list-style:none}");
17082
+ append_styles(target, "svelte-1slel1d", ".slider-list.svelte-1slel1d{-webkit-user-drag:none;margin:0;padding:0;list-style:none}");
17080
17083
  }
17081
17084
 
17082
17085
  function get_each_context$1(ctx, list, i) {
@@ -17216,12 +17219,12 @@ function create_fragment$j(ctx) {
17216
17219
  this.h();
17217
17220
  },
17218
17221
  h() {
17219
- attr(ul, "class", "slider-list svelte-1k4xkut");
17222
+ attr(ul, "class", "slider-list svelte-1slel1d");
17220
17223
  attr(ul, "style", ul_style_value = [/*containerStyle*/ ctx[5], /*overrideStyle*/ ctx[1]].join(' '));
17221
17224
  attr(div0, "style", /*indicatorListStyle*/ ctx[4]);
17222
17225
  attr(div1, "data-layer-id", /*layerId*/ ctx[0]);
17223
17226
  attr(div1, "style", /*style*/ ctx[6]);
17224
- attr(div1, "class", "slider svelte-1k4xkut");
17227
+ attr(div1, "class", "slider svelte-1slel1d");
17225
17228
  },
17226
17229
  m(target, anchor) {
17227
17230
  insert_hydration(target, div1, anchor);
@@ -17570,7 +17573,7 @@ class Slider extends SvelteComponent {
17570
17573
  /* src/components-flex/slider/SliderItem.svelte generated by Svelte v3.53.1 */
17571
17574
 
17572
17575
  function add_css$e(target) {
17573
- append_styles(target, "svelte-j5pon4", ".slider-item.svelte-j5pon4{overflow:hidden}.slider-item-inner.svelte-j5pon4{text-decoration:none;background:none;border:0;margin:0;padding:0;color:inherit;-webkit-user-drag:none;user-select:none}");
17576
+ append_styles(target, "svelte-1amglxo", ".slider-item.svelte-1amglxo{overflow:hidden}.slider-item-inner.svelte-1amglxo{text-decoration:none;background:none;border:0;margin:0;padding:0;color:inherit;-webkit-user-drag:none;user-select:none}");
17574
17577
  }
17575
17578
 
17576
17579
  // (10:2) <svelte:element {...attributes} this={element} class="slider-item-inner" on:click={handleClick} >
@@ -17608,7 +17611,7 @@ function create_dynamic_element$3(ctx) {
17608
17611
  set_attributes(svelte_element, svelte_element_data);
17609
17612
  }
17610
17613
 
17611
- toggle_class(svelte_element, "svelte-j5pon4", true);
17614
+ toggle_class(svelte_element, "svelte-1amglxo", true);
17612
17615
  },
17613
17616
  m(target, anchor) {
17614
17617
  insert_hydration(target, svelte_element, anchor);
@@ -17648,7 +17651,7 @@ function create_dynamic_element$3(ctx) {
17648
17651
  set_attributes(svelte_element, svelte_element_data);
17649
17652
  }
17650
17653
 
17651
- toggle_class(svelte_element, "svelte-j5pon4", true);
17654
+ toggle_class(svelte_element, "svelte-1amglxo", true);
17652
17655
  },
17653
17656
  i(local) {
17654
17657
  if (current) return;
@@ -17689,7 +17692,7 @@ function create_fragment$i(ctx) {
17689
17692
  },
17690
17693
  h() {
17691
17694
  attr(li, "data-layer-id", /*layerId*/ ctx[0]);
17692
- attr(li, "class", "slider-item svelte-j5pon4");
17695
+ attr(li, "class", "slider-item svelte-1amglxo");
17693
17696
  },
17694
17697
  m(target, anchor) {
17695
17698
  insert_hydration(target, li, anchor);
@@ -17846,7 +17849,7 @@ const TEXT_VARIANTS = {
17846
17849
  /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
17847
17850
 
17848
17851
  function add_css$d(target) {
17849
- append_styles(target, "svelte-14kt34i", ".text.svelte-14kt34i{margin:0;word-break:break-all;text-decoration:none}");
17852
+ append_styles(target, "svelte-vifn7y", ".text.svelte-vifn7y{margin:0;word-break:break-all;text-decoration:none}");
17850
17853
  }
17851
17854
 
17852
17855
  function create_fragment$h(ctx) {
@@ -17869,7 +17872,7 @@ function create_fragment$h(ctx) {
17869
17872
  this.h();
17870
17873
  },
17871
17874
  h() {
17872
- attr(p, "class", "text svelte-14kt34i");
17875
+ attr(p, "class", "text svelte-vifn7y");
17873
17876
  attr(p, "data-layer-id", /*layerId*/ ctx[0]);
17874
17877
  attr(p, "style", /*style*/ ctx[1]);
17875
17878
  },
@@ -17987,7 +17990,7 @@ class Text extends SvelteComponent {
17987
17990
  /* src/components-flex/rich-text/RichText.svelte generated by Svelte v3.53.1 */
17988
17991
 
17989
17992
  function add_css$c(target) {
17990
- append_styles(target, "svelte-mq7h73", ".rich-text.svelte-mq7h73 p{margin:0;word-break:break-all;text-decoration:none}.rich-text.svelte-mq7h73 p + p{margin-top:0.75em}");
17993
+ append_styles(target, "svelte-dxr423", ".rich-text.svelte-dxr423 p{margin:0;word-break:break-all;text-decoration:none}.rich-text.svelte-dxr423 p + p{margin-top:0.75em}");
17991
17994
  }
17992
17995
 
17993
17996
  function create_fragment$g(ctx) {
@@ -18011,7 +18014,7 @@ function create_fragment$g(ctx) {
18011
18014
  this.h();
18012
18015
  },
18013
18016
  h() {
18014
- attr(div, "class", "rich-text svelte-mq7h73");
18017
+ attr(div, "class", "rich-text svelte-dxr423");
18015
18018
  attr(div, "style", /*style*/ ctx[2]);
18016
18019
  attr(div, "data-layer-id", /*layerId*/ ctx[1]);
18017
18020
  },
@@ -18184,7 +18187,7 @@ const getTextLinkThemeStyles = getPropStyles(callback);
18184
18187
  /* src/components-flex/text-link/TextLink.svelte generated by Svelte v3.53.1 */
18185
18188
 
18186
18189
  function add_css$b(target) {
18187
- append_styles(target, "svelte-1qyhpm7", ".link.svelte-1qyhpm7{-webkit-appearance:none;border:0;background:none;padding:0;display:inline-flex}.link.svelte-1qyhpm7,.link.svelte-1qyhpm7:visited,.link.svelte-1qyhpm7:link{color:var(--color)}.link.svelte-1qyhpm7:hover{color:var(--hover-color)}.link.svelte-1qyhpm7:active{color:var(--active-color)}.link.underline-hover-on.svelte-1qyhpm7{text-decoration:none}.link.underline-hover-on.svelte-1qyhpm7:hover{text-decoration:underline}.link.underline-hover-off.svelte-1qyhpm7{text-decoration:underline}.link.underline-hover-off.svelte-1qyhpm7:hover{text-decoration:none}.link.underline-on.svelte-1qyhpm7{text-decoration:underline}.link.underline-off.svelte-1qyhpm7{text-decoration:none}");
18190
+ append_styles(target, "svelte-dc9m5n", ".link.svelte-dc9m5n{-webkit-appearance:none;border:0;background:none;padding:0;display:inline-flex}.link.svelte-dc9m5n,.link.svelte-dc9m5n:visited,.link.svelte-dc9m5n:link{color:var(--color)}.link.svelte-dc9m5n:hover{color:var(--hover-color)}.link.svelte-dc9m5n:active{color:var(--active-color)}.link.underline-hover-on.svelte-dc9m5n{text-decoration:none}.link.underline-hover-on.svelte-dc9m5n:hover{text-decoration:underline}.link.underline-hover-off.svelte-dc9m5n{text-decoration:underline}.link.underline-hover-off.svelte-dc9m5n:hover{text-decoration:none}.link.underline-on.svelte-dc9m5n{text-decoration:underline}.link.underline-off.svelte-dc9m5n{text-decoration:none}");
18188
18191
  }
18189
18192
 
18190
18193
  // (81:2) {#if props.isIcon && props.iconVariant}
@@ -18298,7 +18301,7 @@ function create_dynamic_element$2(ctx) {
18298
18301
  set_attributes(svelte_element, svelte_element_data);
18299
18302
  }
18300
18303
 
18301
- toggle_class(svelte_element, "svelte-1qyhpm7", true);
18304
+ toggle_class(svelte_element, "svelte-dc9m5n", true);
18302
18305
  },
18303
18306
  m(target, anchor) {
18304
18307
  insert_hydration(target, svelte_element, anchor);
@@ -18351,7 +18354,7 @@ function create_dynamic_element$2(ctx) {
18351
18354
  set_attributes(svelte_element, svelte_element_data);
18352
18355
  }
18353
18356
 
18354
- toggle_class(svelte_element, "svelte-1qyhpm7", true);
18357
+ toggle_class(svelte_element, "svelte-dc9m5n", true);
18355
18358
  },
18356
18359
  i(local) {
18357
18360
  if (current) return;
@@ -18538,7 +18541,7 @@ const TEXT_LINK_UNDERLINE = {
18538
18541
  /* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
18539
18542
 
18540
18543
  function add_css$a(target) {
18541
- 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}");
18544
+ 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}");
18542
18545
  }
18543
18546
 
18544
18547
  // (14:0) {#if backgroundOverlay}
@@ -18559,7 +18562,7 @@ function create_if_block$4(ctx) {
18559
18562
  this.h();
18560
18563
  },
18561
18564
  h() {
18562
- attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"));
18565
+ attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
18563
18566
  },
18564
18567
  m(target, anchor) {
18565
18568
  insert_hydration(target, div, anchor);
@@ -18570,7 +18573,7 @@ function create_if_block$4(ctx) {
18570
18573
  }
18571
18574
  },
18572
18575
  p(ctx, dirty) {
18573
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"))) {
18576
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
18574
18577
  attr(div, "class", div_class_value);
18575
18578
  }
18576
18579
  },
@@ -18646,10 +18649,10 @@ class BackgroundOverlay extends SvelteComponent {
18646
18649
  /* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
18647
18650
 
18648
18651
  function add_css$9(target) {
18649
- 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}}");
18652
+ 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}}");
18650
18653
  }
18651
18654
 
18652
- // (220:0) {:else}
18655
+ // (219:0) {:else}
18653
18656
  function create_else_block(ctx) {
18654
18657
  let backgroundoverlay;
18655
18658
  let current;
@@ -18661,7 +18664,7 @@ function create_else_block(ctx) {
18661
18664
  });
18662
18665
 
18663
18666
  backgroundoverlay.$on("click", function () {
18664
- if (is_function(/*backgroundClick*/ ctx[13])) /*backgroundClick*/ ctx[13].apply(this, arguments);
18667
+ if (is_function(/*backgroundClick*/ ctx[12])) /*backgroundClick*/ ctx[12].apply(this, arguments);
18665
18668
  });
18666
18669
 
18667
18670
  return {
@@ -18696,7 +18699,7 @@ function create_else_block(ctx) {
18696
18699
  };
18697
18700
  }
18698
18701
 
18699
- // (209:24)
18702
+ // (208:24)
18700
18703
  function create_if_block_2(ctx) {
18701
18704
  let backgroundoverlay0;
18702
18705
  let t;
@@ -18711,7 +18714,7 @@ function create_if_block_2(ctx) {
18711
18714
  });
18712
18715
 
18713
18716
  backgroundoverlay0.$on("click", function () {
18714
- if (is_function(/*backgroundClickPC*/ ctx[12])) /*backgroundClickPC*/ ctx[12].apply(this, arguments);
18717
+ if (is_function(/*backgroundClickPC*/ ctx[11])) /*backgroundClickPC*/ ctx[11].apply(this, arguments);
18715
18718
  });
18716
18719
 
18717
18720
  backgroundoverlay1 = new BackgroundOverlay({
@@ -18722,7 +18725,7 @@ function create_if_block_2(ctx) {
18722
18725
  });
18723
18726
 
18724
18727
  backgroundoverlay1.$on("click", function () {
18725
- if (is_function(/*backgroundClickSP*/ ctx[11])) /*backgroundClickSP*/ ctx[11].apply(this, arguments);
18728
+ if (is_function(/*backgroundClickSP*/ ctx[10])) /*backgroundClickSP*/ ctx[10].apply(this, arguments);
18726
18729
  });
18727
18730
 
18728
18731
  return {
@@ -18770,7 +18773,7 @@ function create_if_block_2(ctx) {
18770
18773
  };
18771
18774
  }
18772
18775
 
18773
- // (207:0) {#if !isOnSite}
18776
+ // (206:0) {#if isCanvasPreview()}
18774
18777
  function create_if_block_1$1(ctx) {
18775
18778
  return {
18776
18779
  c: noop,
@@ -18783,15 +18786,14 @@ function create_if_block_1$1(ctx) {
18783
18786
  };
18784
18787
  }
18785
18788
 
18786
- // (223:0) {#if visible}
18789
+ // (222:0) {#if visible}
18787
18790
  function create_if_block$3(ctx) {
18788
18791
  let div;
18789
18792
  let div_class_value;
18790
- let div_style_value;
18791
18793
  let div_intro;
18792
18794
  let current;
18793
- const default_slot_template = /*#slots*/ ctx[27].default;
18794
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[26], null);
18795
+ const default_slot_template = /*#slots*/ ctx[25].default;
18796
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[24], null);
18795
18797
 
18796
18798
  return {
18797
18799
  c() {
@@ -18814,11 +18816,11 @@ function create_if_block$3(ctx) {
18814
18816
  this.h();
18815
18817
  },
18816
18818
  h() {
18817
- attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-15b58xm"));
18819
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"));
18818
18820
  attr(div, "role", "dialog");
18819
18821
  attr(div, "aria-modal", "true");
18820
18822
  attr(div, "data-layer-id", /*layerId*/ ctx[2]);
18821
- attr(div, "style", div_style_value = [Array.from(/*modalStyles*/ ctx[15]).join(';'), /*style*/ ctx[9]].join(' '));
18823
+ attr(div, "style", Array.from(/*modalStyles*/ ctx[13]).join(';'));
18822
18824
  },
18823
18825
  m(target, anchor) {
18824
18826
  insert_hydration(target, div, anchor);
@@ -18827,38 +18829,34 @@ function create_if_block$3(ctx) {
18827
18829
  default_slot.m(div, null);
18828
18830
  }
18829
18831
 
18830
- /*div_binding*/ ctx[28](div);
18832
+ /*div_binding*/ ctx[26](div);
18831
18833
  current = true;
18832
18834
  },
18833
18835
  p(new_ctx, dirty) {
18834
18836
  ctx = new_ctx;
18835
18837
 
18836
18838
  if (default_slot) {
18837
- if (default_slot.p && (!current || dirty & /*$$scope*/ 67108864)) {
18839
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 16777216)) {
18838
18840
  update_slot_base(
18839
18841
  default_slot,
18840
18842
  default_slot_template,
18841
18843
  ctx,
18842
- /*$$scope*/ ctx[26],
18844
+ /*$$scope*/ ctx[24],
18843
18845
  !current
18844
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[26])
18845
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[26], dirty, null),
18846
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[24])
18847
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[24], dirty, null),
18846
18848
  null
18847
18849
  );
18848
18850
  }
18849
18851
  }
18850
18852
 
18851
- if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-15b58xm"))) {
18853
+ if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"))) {
18852
18854
  attr(div, "class", div_class_value);
18853
18855
  }
18854
18856
 
18855
18857
  if (!current || dirty & /*layerId*/ 4) {
18856
18858
  attr(div, "data-layer-id", /*layerId*/ ctx[2]);
18857
18859
  }
18858
-
18859
- if (!current || dirty & /*style*/ 512 && div_style_value !== (div_style_value = [Array.from(/*modalStyles*/ ctx[15]).join(';'), /*style*/ ctx[9]].join(' '))) {
18860
- attr(div, "style", div_style_value);
18861
- }
18862
18860
  },
18863
18861
  i(local) {
18864
18862
  if (current) return;
@@ -18884,12 +18882,13 @@ function create_if_block$3(ctx) {
18884
18882
  d(detaching) {
18885
18883
  if (detaching) detach(div);
18886
18884
  if (default_slot) default_slot.d(detaching);
18887
- /*div_binding*/ ctx[28](null);
18885
+ /*div_binding*/ ctx[26](null);
18888
18886
  }
18889
18887
  };
18890
18888
  }
18891
18889
 
18892
18890
  function create_fragment$d(ctx) {
18891
+ let show_if;
18893
18892
  let current_block_type_index;
18894
18893
  let if_block0;
18895
18894
  let t;
@@ -18901,7 +18900,8 @@ function create_fragment$d(ctx) {
18901
18900
  const if_blocks = [];
18902
18901
 
18903
18902
  function select_block_type(ctx, dirty) {
18904
- if (!/*isOnSite*/ ctx[14]) return 0;
18903
+ if (show_if == null) show_if = !!isCanvasPreview();
18904
+ if (show_if) return 0;
18905
18905
  if (/*useBreakPoint*/ ctx[0]) return 1;
18906
18906
  return 2;
18907
18907
  }
@@ -18932,7 +18932,7 @@ function create_fragment$d(ctx) {
18932
18932
 
18933
18933
  if (!mounted) {
18934
18934
  dispose = listen(window, "keydown", function () {
18935
- if (is_function(/*handle_keydown*/ ctx[10])) /*handle_keydown*/ ctx[10].apply(this, arguments);
18935
+ if (is_function(/*handle_keydown*/ ctx[9])) /*handle_keydown*/ ctx[9].apply(this, arguments);
18936
18936
  });
18937
18937
 
18938
18938
  mounted = true;
@@ -19018,7 +19018,6 @@ function instance$d($$self, $$props, $$invalidate) {
19018
19018
  let backgroundClickSP;
19019
19019
  let handle_keydown;
19020
19020
  let visible;
19021
- let style;
19022
19021
  let { $$slots: slots = {}, $$scope } = $$props;
19023
19022
  let { useBreakPoint = false } = $$props;
19024
19023
  let { placement } = $$props;
@@ -19031,9 +19030,6 @@ function instance$d($$self, $$props, $$invalidate) {
19031
19030
  let { layerId = '' } = $$props;
19032
19031
  const { brandKit } = useBrandKit();
19033
19032
 
19034
- // falseが明示的に指定されている場合以外はtrueにする
19035
- const isOnSite = (document.querySelector('#preview')?.getAttribute('data-on-site') ?? 'true') !== 'false';
19036
-
19037
19033
  // モーダル背景の設定
19038
19034
  const isExistBackgroundOverlayValue = placement && placement.backgroundOverlay !== undefined;
19039
19035
 
@@ -19065,20 +19061,20 @@ function instance$d($$self, $$props, $$invalidate) {
19065
19061
 
19066
19062
  $$self.$$set = $$props => {
19067
19063
  if ('useBreakPoint' in $$props) $$invalidate(0, useBreakPoint = $$props.useBreakPoint);
19068
- if ('placement' in $$props) $$invalidate(16, placement = $$props.placement);
19069
- if ('breakPoint' in $$props) $$invalidate(17, breakPoint = $$props.breakPoint);
19070
- if ('elasticity' in $$props) $$invalidate(18, elasticity = $$props.elasticity);
19064
+ if ('placement' in $$props) $$invalidate(14, placement = $$props.placement);
19065
+ if ('breakPoint' in $$props) $$invalidate(15, breakPoint = $$props.breakPoint);
19066
+ if ('elasticity' in $$props) $$invalidate(16, elasticity = $$props.elasticity);
19071
19067
  if ('animation' in $$props) $$invalidate(1, animation = $$props.animation);
19072
- if ('props' in $$props) $$invalidate(19, props = $$props.props);
19073
- if ('closeEventName' in $$props) $$invalidate(20, closeEventName = $$props.closeEventName);
19074
- if ('closeEventValue' in $$props) $$invalidate(21, closeEventValue = $$props.closeEventValue);
19068
+ if ('props' in $$props) $$invalidate(17, props = $$props.props);
19069
+ if ('closeEventName' in $$props) $$invalidate(18, closeEventName = $$props.closeEventName);
19070
+ if ('closeEventValue' in $$props) $$invalidate(19, closeEventValue = $$props.closeEventValue);
19075
19071
  if ('layerId' in $$props) $$invalidate(2, layerId = $$props.layerId);
19076
- if ('$$scope' in $$props) $$invalidate(26, $$scope = $$props.$$scope);
19072
+ if ('$$scope' in $$props) $$invalidate(24, $$scope = $$props.$$scope);
19077
19073
  };
19078
19074
 
19079
19075
  $$self.$$.update = () => {
19080
- if ($$self.$$.dirty & /*closeEventName, closeEventValue*/ 3145728) {
19081
- $$invalidate(25, close = () => {
19076
+ if ($$self.$$.dirty & /*closeEventName, closeEventValue*/ 786432) {
19077
+ $$invalidate(23, close = () => {
19082
19078
  const onClose = { operation: 'closeApp', args: ['button'] };
19083
19079
 
19084
19080
  if (closeEventName) {
@@ -19089,9 +19085,9 @@ function instance$d($$self, $$props, $$invalidate) {
19089
19085
  });
19090
19086
  }
19091
19087
 
19092
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 196609) {
19088
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
19093
19089
  {
19094
- if (isOnSite && isExistBackgroundOverlayValue) {
19090
+ if (!isCanvasPreview() && isExistBackgroundOverlayValue) {
19095
19091
  $$invalidate(4, backgroundOverlay = placement.backgroundOverlay);
19096
19092
  }
19097
19093
 
@@ -19104,30 +19100,30 @@ function instance$d($$self, $$props, $$invalidate) {
19104
19100
  }
19105
19101
  }
19106
19102
 
19107
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 196609) {
19103
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
19108
19104
  {
19109
19105
  if (placement && placement.backgroundClick) {
19110
- $$invalidate(22, backgroundClickFunction = placement.backgroundClick);
19106
+ $$invalidate(20, backgroundClickFunction = placement.backgroundClick);
19111
19107
  }
19112
19108
 
19113
19109
  if (useBreakPoint) {
19114
19110
  const pc = breakPoint?.PC?.placement?.backgroundClick;
19115
19111
 
19116
19112
  if (pc) {
19117
- $$invalidate(23, backgroundClickFunctionPC = pc);
19113
+ $$invalidate(21, backgroundClickFunctionPC = pc);
19118
19114
  }
19119
19115
 
19120
19116
  const sp = breakPoint?.SP?.placement?.backgroundClick;
19121
19117
 
19122
19118
  if (sp) {
19123
- $$invalidate(24, backgroundClickFunctionSP = sp);
19119
+ $$invalidate(22, backgroundClickFunctionSP = sp);
19124
19120
  }
19125
19121
  }
19126
19122
  }
19127
19123
  }
19128
19124
 
19129
- if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 7340032) {
19130
- $$invalidate(13, backgroundClick = () => {
19125
+ if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 1835008) {
19126
+ $$invalidate(12, backgroundClick = () => {
19131
19127
  if (closeEventName) {
19132
19128
  send_event(closeEventName, closeEventValue);
19133
19129
  }
@@ -19136,8 +19132,8 @@ function instance$d($$self, $$props, $$invalidate) {
19136
19132
  });
19137
19133
  }
19138
19134
 
19139
- if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 11534336) {
19140
- $$invalidate(12, backgroundClickPC = () => {
19135
+ if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 2883584) {
19136
+ $$invalidate(11, backgroundClickPC = () => {
19141
19137
  if (closeEventName) {
19142
19138
  send_event(closeEventName, closeEventValue);
19143
19139
  }
@@ -19146,8 +19142,8 @@ function instance$d($$self, $$props, $$invalidate) {
19146
19142
  });
19147
19143
  }
19148
19144
 
19149
- if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 19922944) {
19150
- $$invalidate(11, backgroundClickSP = () => {
19145
+ if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 4980736) {
19146
+ $$invalidate(10, backgroundClickSP = () => {
19151
19147
  if (closeEventName) {
19152
19148
  send_event(closeEventName, closeEventValue);
19153
19149
  }
@@ -19156,13 +19152,13 @@ function instance$d($$self, $$props, $$invalidate) {
19156
19152
  });
19157
19153
  }
19158
19154
 
19159
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, transforms*/ 196617) {
19155
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, transforms*/ 49161) {
19160
19156
  // 表示位置のスタイルとアニメーションの動きを設定
19161
19157
  {
19162
19158
  // 表示位置のスタイルの設定
19163
19159
  let position = DefaultModalPlacement.position;
19164
19160
 
19165
- if (isOnSite && placement && placement.position !== null) {
19161
+ if (!isCanvasPreview() && placement && placement.position !== null) {
19166
19162
  position = placement.position;
19167
19163
  }
19168
19164
 
@@ -19179,7 +19175,7 @@ function instance$d($$self, $$props, $$invalidate) {
19179
19175
  $$invalidate(3, transforms = []);
19180
19176
 
19181
19177
  DEVICE_IDS.forEach(deviceId => {
19182
- if (isOnSite && useBreakPoint) {
19178
+ if (!isCanvasPreview() && useBreakPoint) {
19183
19179
  const positionWithBp = breakPoint[deviceId]?.placement?.position;
19184
19180
 
19185
19181
  transforms.push({
@@ -19204,12 +19200,12 @@ function instance$d($$self, $$props, $$invalidate) {
19204
19200
  }
19205
19201
  }
19206
19202
 
19207
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 196609) {
19203
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, props*/ 180225) {
19208
19204
  // 表示位置の調整のスタイルを設定
19209
19205
  {
19210
19206
  let margin = DefaultModalPlacement.margin;
19211
19207
 
19212
- if (isOnSite && placement && placement.margin !== null) {
19208
+ if (!isCanvasPreview() && placement && placement.margin !== null) {
19213
19209
  margin = placement.margin;
19214
19210
  }
19215
19211
 
@@ -19220,7 +19216,7 @@ function instance$d($$self, $$props, $$invalidate) {
19220
19216
  }
19221
19217
 
19222
19218
  DEVICE_IDS.forEach(deviceId => {
19223
- if (isOnSite && useBreakPoint) {
19219
+ if (!isCanvasPreview() && useBreakPoint) {
19224
19220
  const marginWithBp = breakPoint[deviceId]?.placement?.margin;
19225
19221
  marginStyle = getMarginStyle(marginWithBp);
19226
19222
  }
@@ -19233,23 +19229,23 @@ function instance$d($$self, $$props, $$invalidate) {
19233
19229
 
19234
19230
  modalStyles.add(marginVariables);
19235
19231
  });
19236
- }
19237
- }
19238
19232
 
19239
- if ($$self.$$.dirty & /*close*/ 33554432) {
19240
- $$invalidate(10, handle_keydown = handleKeydown({ Escape: close }));
19233
+ const propsStyle = objToStyle({
19234
+ width: props.width,
19235
+ ...toCssOverflow(props),
19236
+ ...toCssShadow(props),
19237
+ ...toCssRadius(props),
19238
+ ...toCssBackgroundImage(props),
19239
+ ...toCssBackgroundColor(props),
19240
+ ...toCssBorder(props)
19241
+ });
19242
+
19243
+ modalStyles.add(propsStyle);
19244
+ }
19241
19245
  }
19242
19246
 
19243
- if ($$self.$$.dirty & /*props*/ 524288) {
19244
- $$invalidate(9, style = objToStyle({
19245
- width: props.width,
19246
- ...toCssOverflow(props),
19247
- ...toCssShadow(props),
19248
- ...toCssRadius(props),
19249
- ...toCssBackgroundImage(props),
19250
- ...toCssBackgroundColor(props),
19251
- ...toCssBorder(props)
19252
- }));
19247
+ if ($$self.$$.dirty & /*close*/ 8388608) {
19248
+ $$invalidate(9, handle_keydown = handleKeydown({ Escape: close }));
19253
19249
  }
19254
19250
  };
19255
19251
 
@@ -19268,12 +19264,10 @@ function instance$d($$self, $$props, $$invalidate) {
19268
19264
  backgroundOverlaySP,
19269
19265
  modal,
19270
19266
  visible,
19271
- style,
19272
19267
  handle_keydown,
19273
19268
  backgroundClickSP,
19274
19269
  backgroundClickPC,
19275
19270
  backgroundClick,
19276
- isOnSite,
19277
19271
  modalStyles,
19278
19272
  placement,
19279
19273
  breakPoint,
@@ -19303,13 +19297,13 @@ class Modal extends SvelteComponent {
19303
19297
  safe_not_equal,
19304
19298
  {
19305
19299
  useBreakPoint: 0,
19306
- placement: 16,
19307
- breakPoint: 17,
19308
- elasticity: 18,
19300
+ placement: 14,
19301
+ breakPoint: 15,
19302
+ elasticity: 16,
19309
19303
  animation: 1,
19310
- props: 19,
19311
- closeEventName: 20,
19312
- closeEventValue: 21,
19304
+ props: 17,
19305
+ closeEventName: 18,
19306
+ closeEventValue: 19,
19313
19307
  layerId: 2
19314
19308
  },
19315
19309
  add_css$9
@@ -19320,7 +19314,7 @@ class Modal extends SvelteComponent {
19320
19314
  /* src/components-flex/code/Code.svelte generated by Svelte v3.53.1 */
19321
19315
 
19322
19316
  function add_css$8(target) {
19323
- append_styles(target, "svelte-jviwnb", ".code.svelte-jviwnb{flex-grow:1;flex-shrink:0;align-self:stretch}");
19317
+ append_styles(target, "svelte-igivoz", ".code.svelte-igivoz{flex-grow:1;flex-shrink:0;align-self:stretch}");
19324
19318
  }
19325
19319
 
19326
19320
  function create_fragment$c(ctx) {
@@ -19339,7 +19333,7 @@ function create_fragment$c(ctx) {
19339
19333
  this.h();
19340
19334
  },
19341
19335
  h() {
19342
- attr(div, "class", "code svelte-jviwnb");
19336
+ attr(div, "class", "code svelte-igivoz");
19343
19337
  attr(div, "data-layer-id", /*layerId*/ ctx[1]);
19344
19338
  },
19345
19339
  m(target, anchor) {
@@ -19421,7 +19415,7 @@ const LIST_ITEM_CONTEXT_KEY = 'ListItemContext';
19421
19415
  /* src/components-flex/list/List.svelte generated by Svelte v3.53.1 */
19422
19416
 
19423
19417
  function add_css$7(target) {
19424
- append_styles(target, "svelte-5g0mcl", ".list.svelte-5g0mcl{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;--border-width:0;--border-style:solit;--border-color:rgba(255, 255, 255, 0);border-top-width:var(--border-width);border-top-style:var(--border-style);border-top-color:var(--border-color);border-bottom-width:var(--border-width);border-bottom-style:var(--border-style);border-bottom-color:var(--border-color)}");
19418
+ append_styles(target, "svelte-v2vy6p", ".list.svelte-v2vy6p{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;--border-width:0;--border-style:solit;--border-color:rgba(255, 255, 255, 0);border-top-width:var(--border-width);border-top-style:var(--border-style);border-top-color:var(--border-color);border-bottom-width:var(--border-width);border-bottom-style:var(--border-style);border-bottom-color:var(--border-color)}");
19425
19419
  }
19426
19420
 
19427
19421
  function create_fragment$b(ctx) {
@@ -19450,7 +19444,7 @@ function create_fragment$b(ctx) {
19450
19444
  },
19451
19445
  h() {
19452
19446
  attr(ul, "data-layer-id", /*layerId*/ ctx[0]);
19453
- attr(ul, "class", "list svelte-5g0mcl");
19447
+ attr(ul, "class", "list svelte-v2vy6p");
19454
19448
  attr(ul, "style", /*style*/ ctx[1]);
19455
19449
  },
19456
19450
  m(target, anchor) {
@@ -19573,7 +19567,7 @@ class List extends SvelteComponent {
19573
19567
  /* src/components-flex/list/ListItem.svelte generated by Svelte v3.53.1 */
19574
19568
 
19575
19569
  function add_css$6(target) {
19576
- append_styles(target, "svelte-1e6dn58", ".list-item.svelte-1e6dn58{margin:0;padding:0}.list-item-inner.svelte-1e6dn58{display:flex;align-items:center;width:100%;text-decoration:none;color:inherit}.list-item-inner.svelte-1e6dn58:hover{opacity:0.8}.list-item.svelte-1e6dn58:not(:first-child){border-top-width:var(--list-item-border-width);border-top-style:var(--list-item-border-style);border-top-color:var(--list-item-border-color)}");
19570
+ append_styles(target, "svelte-1223veg", ".list-item.svelte-1223veg{margin:0;padding:0}.list-item-inner.svelte-1223veg{display:flex;align-items:center;width:100%;text-decoration:none;color:inherit}.list-item-inner.svelte-1223veg:hover{opacity:0.8}.list-item.svelte-1223veg:not(:first-child){border-top-width:var(--list-item-border-width);border-top-style:var(--list-item-border-style);border-top-color:var(--list-item-border-color)}");
19577
19571
  }
19578
19572
 
19579
19573
  // (30:2) <svelte:element {...attributes} this={element} class="list-item-inner" style={innerStyle} on:click={handleClick} >
@@ -19617,7 +19611,7 @@ function create_dynamic_element$1(ctx) {
19617
19611
  set_attributes(svelte_element, svelte_element_data);
19618
19612
  }
19619
19613
 
19620
- toggle_class(svelte_element, "svelte-1e6dn58", true);
19614
+ toggle_class(svelte_element, "svelte-1223veg", true);
19621
19615
  },
19622
19616
  m(target, anchor) {
19623
19617
  insert_hydration(target, svelte_element, anchor);
@@ -19661,7 +19655,7 @@ function create_dynamic_element$1(ctx) {
19661
19655
  set_attributes(svelte_element, svelte_element_data);
19662
19656
  }
19663
19657
 
19664
- toggle_class(svelte_element, "svelte-1e6dn58", true);
19658
+ toggle_class(svelte_element, "svelte-1223veg", true);
19665
19659
  },
19666
19660
  i(local) {
19667
19661
  if (current) return;
@@ -19706,7 +19700,7 @@ function create_fragment$a(ctx) {
19706
19700
  this.h();
19707
19701
  },
19708
19702
  h() {
19709
- attr(li, "class", "list-item svelte-1e6dn58");
19703
+ attr(li, "class", "list-item svelte-1223veg");
19710
19704
  attr(li, "data-layer-id", /*layerId*/ ctx[0]);
19711
19705
  attr(li, "style", /*style*/ ctx[2]);
19712
19706
  },
@@ -19852,7 +19846,7 @@ function splitNumberAndUnit(value) {
19852
19846
  /* src/components-flex/multi-column/MultiColumn.svelte generated by Svelte v3.53.1 */
19853
19847
 
19854
19848
  function add_css$5(target) {
19855
- append_styles(target, "svelte-1csavnh", ".list.svelte-1csavnh{padding:0;margin:0;list-style:none;display:flex;flex-direction:row}");
19849
+ append_styles(target, "svelte-aoppwp", ".list.svelte-aoppwp{padding:0;margin:0;list-style:none;display:flex;flex-direction:row}");
19856
19850
  }
19857
19851
 
19858
19852
  function create_fragment$9(ctx) {
@@ -19881,7 +19875,7 @@ function create_fragment$9(ctx) {
19881
19875
  },
19882
19876
  h() {
19883
19877
  attr(ul, "data-layer-id", /*layerId*/ ctx[0]);
19884
- attr(ul, "class", "list svelte-1csavnh");
19878
+ attr(ul, "class", "list svelte-aoppwp");
19885
19879
  attr(ul, "style", /*style*/ ctx[1]);
19886
19880
  },
19887
19881
  m(target, anchor) {
@@ -19993,7 +19987,7 @@ class MultiColumn extends SvelteComponent {
19993
19987
  /* src/components-flex/multi-column/MultiColumnItem.svelte generated by Svelte v3.53.1 */
19994
19988
 
19995
19989
  function add_css$4(target) {
19996
- append_styles(target, "svelte-1mk0qj6", ".multi-column-item.svelte-1mk0qj6{margin:0;width:100%;padding-top:0;padding-bottom:0;padding-left:var(--multi-column-item-padding);padding-right:var(--multi-column-item-padding)}.multi-column-item-inner.svelte-1mk0qj6{display:flex;flex-direction:column;align-items:center;gap:var(--multi-column-item-gap);width:100%;text-decoration:none;color:inherit;padding-top:var(--multi-column-item-padding-top);padding-left:var(--multi-column-item-padding-left);padding-right:var(--multi-column-item-padding-right);padding-bottom:var(--multi-column-item-padding-bottom)}.multi-column-item-inner.svelte-1mk0qj6:hover{opacity:0.8}.multi-column-item.svelte-1mk0qj6:not(:first-child){border-left-width:var(--multi-column-item-border-width);border-left-style:var(--multi-column-item-border-style);border-left-color:var(--multi-column-item-border-color)}");
19990
+ append_styles(target, "svelte-1blzs1a", ".multi-column-item.svelte-1blzs1a{margin:0;width:100%;padding-top:0;padding-bottom:0;padding-left:var(--multi-column-item-padding);padding-right:var(--multi-column-item-padding)}.multi-column-item-inner.svelte-1blzs1a{display:flex;flex-direction:column;align-items:center;gap:var(--multi-column-item-gap);width:100%;text-decoration:none;color:inherit;padding-top:var(--multi-column-item-padding-top);padding-left:var(--multi-column-item-padding-left);padding-right:var(--multi-column-item-padding-right);padding-bottom:var(--multi-column-item-padding-bottom)}.multi-column-item-inner.svelte-1blzs1a:hover{opacity:0.8}.multi-column-item.svelte-1blzs1a:not(:first-child){border-left-width:var(--multi-column-item-border-width);border-left-style:var(--multi-column-item-border-style);border-left-color:var(--multi-column-item-border-color)}");
19997
19991
  }
19998
19992
 
19999
19993
  // (28:2) <svelte:element {...attributes} this={element} class="multi-column-item-inner" on:click={handleClick} >
@@ -20031,7 +20025,7 @@ function create_dynamic_element(ctx) {
20031
20025
  set_attributes(svelte_element, svelte_element_data);
20032
20026
  }
20033
20027
 
20034
- toggle_class(svelte_element, "svelte-1mk0qj6", true);
20028
+ toggle_class(svelte_element, "svelte-1blzs1a", true);
20035
20029
  },
20036
20030
  m(target, anchor) {
20037
20031
  insert_hydration(target, svelte_element, anchor);
@@ -20071,7 +20065,7 @@ function create_dynamic_element(ctx) {
20071
20065
  set_attributes(svelte_element, svelte_element_data);
20072
20066
  }
20073
20067
 
20074
- toggle_class(svelte_element, "svelte-1mk0qj6", true);
20068
+ toggle_class(svelte_element, "svelte-1blzs1a", true);
20075
20069
  },
20076
20070
  i(local) {
20077
20071
  if (current) return;
@@ -20116,7 +20110,7 @@ function create_fragment$8(ctx) {
20116
20110
  this.h();
20117
20111
  },
20118
20112
  h() {
20119
- attr(li, "class", "multi-column-item svelte-1mk0qj6");
20113
+ attr(li, "class", "multi-column-item svelte-1blzs1a");
20120
20114
  attr(li, "data-layer-id", /*layerId*/ ctx[0]);
20121
20115
  attr(li, "style", /*style*/ ctx[1]);
20122
20116
  },
@@ -20231,7 +20225,7 @@ class MultiColumnItem extends SvelteComponent {
20231
20225
  /* src/components-flex/youtube/Youtube.svelte generated by Svelte v3.53.1 */
20232
20226
 
20233
20227
  function add_css$3(target) {
20234
- append_styles(target, "svelte-1bgnrue", ".youtube.svelte-1bgnrue{position:relative;aspect-ratio:16 / 9;width:100%;border-radius:3px}.youtube.svelte-1bgnrue iframe{position:absolute;width:100%;height:100%;object-fit:cover}");
20228
+ append_styles(target, "svelte-odfkc2", ".youtube.svelte-odfkc2{position:relative;aspect-ratio:16 / 9;width:100%;border-radius:3px}.youtube.svelte-odfkc2 iframe{position:absolute;width:100%;height:100%;object-fit:cover}");
20235
20229
  }
20236
20230
 
20237
20231
  function create_fragment$7(ctx) {
@@ -20259,7 +20253,7 @@ function create_fragment$7(ctx) {
20259
20253
  },
20260
20254
  h() {
20261
20255
  attr(div0, "class", "youtube-player");
20262
- attr(div1, "class", "youtube svelte-1bgnrue");
20256
+ attr(div1, "class", "youtube svelte-odfkc2");
20263
20257
  attr(div1, "style", /*style*/ ctx[2]);
20264
20258
  attr(div1, "data-layer-id", /*layerId*/ ctx[0]);
20265
20259
  },
@@ -20406,7 +20400,7 @@ class Youtube extends SvelteComponent {
20406
20400
  /* src/components-flex/count-down/CountDown.svelte generated by Svelte v3.53.1 */
20407
20401
 
20408
20402
  function add_css$2(target) {
20409
- append_styles(target, "svelte-1eft5i1", ".countdown.svelte-1eft5i1{display:flex;align-items:center;gap:4px}");
20403
+ append_styles(target, "svelte-1n395il", ".countdown.svelte-1n395il{display:flex;align-items:center;gap:4px}");
20410
20404
  }
20411
20405
 
20412
20406
  const get_default_slot_changes = dirty => ({
@@ -20443,7 +20437,7 @@ function create_fragment$6(ctx) {
20443
20437
  this.h();
20444
20438
  },
20445
20439
  h() {
20446
- attr(div, "class", "countdown svelte-1eft5i1");
20440
+ attr(div, "class", "countdown svelte-1n395il");
20447
20441
  attr(div, "data-layer-id", /*layerId*/ ctx[0]);
20448
20442
  },
20449
20443
  m(target, anchor) {
@@ -20753,7 +20747,7 @@ class CountDownValue extends SvelteComponent {
20753
20747
  /* src/components-flex/clip-copy/ClipCopy.svelte generated by Svelte v3.53.1 */
20754
20748
 
20755
20749
  function add_css$1(target) {
20756
- append_styles(target, "svelte-1z01gne", ".clipboard.svelte-1z01gne{position:relative;display:inline-flex}.clipboard-button.svelte-1z01gne{position:relative;display:inline-flex;align-items:center;white-space:nowrap;gap:12px;background:none;border:0;transition:0.12s;cursor:pointer}.clipboard-button.svelte-1z01gne:hover{opacity:0.8}.clipboard-button.svelte-1z01gne:active{opacity:0.6}.clipboard-tooltip.svelte-1z01gne{position:absolute;top:-8px;left:50%;display:block;transform:translate(-50%, -100%);padding:4px 10px;background-color:#333333;color:#ffffff;font-size:11px;font-weight:bold;border-radius:4px;transition:transform 0.2s ease-out;white-space:nowrap;pointer-events:none}.clipboard-tooltip.svelte-1z01gne:after{content:'';display:block;position:absolute;bottom:0;left:50%;width:8px;height:8px;background-color:#333333;border-radius:1px;transform:translate(-50%, 40%) rotate(45deg)}.clipboard-tooltip[aria-hidden=\"true\"].svelte-1z01gne{opacity:0;transform:translate(-50%, -80%)}");
20750
+ append_styles(target, "svelte-30zd8m", ".clipboard.svelte-30zd8m{position:relative;display:inline-flex}.clipboard-button.svelte-30zd8m{position:relative;display:inline-flex;align-items:center;white-space:nowrap;gap:12px;background:none;border:0;transition:0.12s;cursor:pointer}.clipboard-button.svelte-30zd8m:hover{opacity:0.8}.clipboard-button.svelte-30zd8m:active{opacity:0.6}.clipboard-tooltip.svelte-30zd8m{position:absolute;top:-8px;left:50%;display:block;transform:translate(-50%, -100%);padding:4px 10px;background-color:#333333;color:#ffffff;font-size:11px;font-weight:bold;border-radius:4px;transition:transform 0.2s ease-out;white-space:nowrap;pointer-events:none}.clipboard-tooltip.svelte-30zd8m:after{content:'';display:block;position:absolute;bottom:0;left:50%;width:8px;height:8px;background-color:#333333;border-radius:1px;transform:translate(-50%, 40%) rotate(45deg)}.clipboard-tooltip[aria-hidden=\"true\"].svelte-30zd8m{opacity:0;transform:translate(-50%, -80%)}");
20757
20751
  }
20758
20752
 
20759
20753
  function create_fragment$4(ctx) {
@@ -20795,10 +20789,10 @@ function create_fragment$4(ctx) {
20795
20789
  this.h();
20796
20790
  },
20797
20791
  h() {
20798
- attr(button, "class", "clipboard-button svelte-1z01gne");
20792
+ attr(button, "class", "clipboard-button svelte-30zd8m");
20799
20793
  attr(span, "aria-hidden", span_aria_hidden_value = !/*showTooltip*/ ctx[2]);
20800
- attr(span, "class", "clipboard-tooltip svelte-1z01gne");
20801
- attr(div, "class", "clipboard svelte-1z01gne");
20794
+ attr(span, "class", "clipboard-tooltip svelte-30zd8m");
20795
+ attr(div, "class", "clipboard svelte-30zd8m");
20802
20796
  attr(div, "data-layer-id", /*layerId*/ ctx[0]);
20803
20797
  },
20804
20798
  m(target, anchor) {
@@ -21427,7 +21421,7 @@ class State extends SvelteComponent {
21427
21421
  /* src/components-flex/state/StateItem.svelte generated by Svelte v3.53.1 */
21428
21422
 
21429
21423
  function add_css(target) {
21430
- append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
21424
+ append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
21431
21425
  }
21432
21426
 
21433
21427
  // (22:0) {#if $state === path}
@@ -21454,7 +21448,7 @@ function create_if_block$1(ctx) {
21454
21448
  },
21455
21449
  h() {
21456
21450
  attr(div, "data-state-path", /*path*/ ctx[0]);
21457
- attr(div, "class", "state-item svelte-1amihue");
21451
+ attr(div, "class", "state-item svelte-2qb6dm");
21458
21452
  },
21459
21453
  m(target, anchor) {
21460
21454
  insert_hydration(target, div, anchor);
@@ -22027,7 +22021,7 @@ function get_each_context(ctx, list, i) {
22027
22021
  return child_ctx;
22028
22022
  }
22029
22023
 
22030
- // (13:0) {#if component}
22024
+ // (12:0) {#if component}
22031
22025
  function create_if_block(ctx) {
22032
22026
  let switch_instance;
22033
22027
  let switch_instance_anchor;
@@ -22115,7 +22109,7 @@ function create_if_block(ctx) {
22115
22109
  };
22116
22110
  }
22117
22111
 
22118
- // (20:4) {#if option.children}
22112
+ // (19:4) {#if option.children}
22119
22113
  function create_if_block_1(ctx) {
22120
22114
  let each_1_anchor;
22121
22115
  let current;
@@ -22206,7 +22200,7 @@ function create_if_block_1(ctx) {
22206
22200
  };
22207
22201
  }
22208
22202
 
22209
- // (21:6) {#each option.children as child}
22203
+ // (20:6) {#each option.children as child}
22210
22204
  function create_each_block(ctx) {
22211
22205
  let thumbnailpreview;
22212
22206
  let current;
@@ -22243,7 +22237,7 @@ function create_each_block(ctx) {
22243
22237
  };
22244
22238
  }
22245
22239
 
22246
- // (14:2) <svelte:component this={component} props={'previewProps' in option && typeof option.previewProps !== 'undefined' ? option.previewProps : option.props} >
22240
+ // (13:2) <svelte:component this={component} props={'previewProps' in option && typeof option.previewProps !== 'undefined' ? option.previewProps : option.props} >
22247
22241
  function create_default_slot(ctx) {
22248
22242
  let if_block_anchor;
22249
22243
  let current;
@@ -22366,7 +22360,6 @@ function instance($$self, $$props, $$invalidate) {
22366
22360
  let component;
22367
22361
  let { option = {} } = $$props;
22368
22362
  let { customBrandKit = undefined } = $$props;
22369
- console.log('option', option);
22370
22363
 
22371
22364
  const getComponent = key => {
22372
22365
  return key in sdk ? sdk[key] : null;