@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.
package/dist/index.es.js CHANGED
@@ -38,6 +38,7 @@ const NOOP = (_args) => { }; // eslint-disable-line @typescript-eslint/no-unused
38
38
  const isPreview = () => {
39
39
  return false;
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;
@@ -3144,7 +3145,7 @@ let State$1 = class State extends SvelteComponent {
3144
3145
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
3145
3146
 
3146
3147
  function add_css$T(target) {
3147
- append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
3148
+ append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
3148
3149
  }
3149
3150
 
3150
3151
  // (22:0) {#if $state === path}
@@ -3161,7 +3162,7 @@ function create_if_block$i(ctx) {
3161
3162
  t = space();
3162
3163
  if (default_slot) default_slot.c();
3163
3164
  attr(div, "data-state-path", /*path*/ ctx[0]);
3164
- attr(div, "class", "state-item svelte-1amihue");
3165
+ attr(div, "class", "state-item svelte-2qb6dm");
3165
3166
  },
3166
3167
  m(target, anchor) {
3167
3168
  insert(target, div, anchor);
@@ -3483,7 +3484,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
3483
3484
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3484
3485
 
3485
3486
  function add_css$S(target) {
3486
- 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}");
3487
+ 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}");
3487
3488
  }
3488
3489
 
3489
3490
  // (14:0) {#if backgroundOverlay}
@@ -3496,7 +3497,7 @@ function create_if_block$h(ctx) {
3496
3497
  return {
3497
3498
  c() {
3498
3499
  div = element("div");
3499
- attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"));
3500
+ attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
3500
3501
  },
3501
3502
  m(target, anchor) {
3502
3503
  insert(target, div, anchor);
@@ -3507,7 +3508,7 @@ function create_if_block$h(ctx) {
3507
3508
  }
3508
3509
  },
3509
3510
  p(ctx, dirty) {
3510
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"))) {
3511
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
3511
3512
  attr(div, "class", div_class_value);
3512
3513
  }
3513
3514
  },
@@ -3613,7 +3614,7 @@ function checkStopPropagation(eventName, handler) {
3613
3614
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3614
3615
 
3615
3616
  function add_css$R(target) {
3616
- 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}");
3617
+ 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}");
3617
3618
  }
3618
3619
 
3619
3620
  // (53:0) {:else}
@@ -3642,7 +3643,7 @@ function create_else_block$5(ctx) {
3642
3643
  button = element("button");
3643
3644
  if (default_slot) default_slot.c();
3644
3645
  set_attributes(button, button_data);
3645
- toggle_class(button, "svelte-1kmu8zp", true);
3646
+ toggle_class(button, "svelte-15k4deh", true);
3646
3647
  },
3647
3648
  m(target, anchor) {
3648
3649
  insert(target, button, anchor);
@@ -3681,7 +3682,7 @@ function create_else_block$5(ctx) {
3681
3682
  dataAttrStopPropagation('click')
3682
3683
  ]));
3683
3684
 
3684
- toggle_class(button, "svelte-1kmu8zp", true);
3685
+ toggle_class(button, "svelte-15k4deh", true);
3685
3686
  },
3686
3687
  i(local) {
3687
3688
  if (current) return;
@@ -3712,7 +3713,7 @@ function create_if_block_2$2(ctx) {
3712
3713
  c() {
3713
3714
  div = element("div");
3714
3715
  if (default_slot) default_slot.c();
3715
- attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1kmu8zp"));
3716
+ attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-15k4deh"));
3716
3717
  attr(div, "style", /*style*/ ctx[1]);
3717
3718
  },
3718
3719
  m(target, anchor) {
@@ -3796,7 +3797,7 @@ function create_if_block_1$4(ctx) {
3796
3797
  a = element("a");
3797
3798
  if (default_slot) default_slot.c();
3798
3799
  set_attributes(a, a_data);
3799
- toggle_class(a, "svelte-1kmu8zp", true);
3800
+ toggle_class(a, "svelte-15k4deh", true);
3800
3801
  },
3801
3802
  m(target, anchor) {
3802
3803
  insert(target, a, anchor);
@@ -3838,7 +3839,7 @@ function create_if_block_1$4(ctx) {
3838
3839
  dataAttrStopPropagation('click')
3839
3840
  ]));
3840
3841
 
3841
- toggle_class(a, "svelte-1kmu8zp", true);
3842
+ toggle_class(a, "svelte-15k4deh", true);
3842
3843
  },
3843
3844
  i(local) {
3844
3845
  if (current) return;
@@ -3869,7 +3870,7 @@ function create_if_block$g(ctx) {
3869
3870
  c() {
3870
3871
  div = element("div");
3871
3872
  if (default_slot) default_slot.c();
3872
- attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1kmu8zp"));
3873
+ attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-15k4deh"));
3873
3874
  attr(div, "style", /*style*/ ctx[1]);
3874
3875
  },
3875
3876
  m(target, anchor) {
@@ -4078,7 +4079,7 @@ let Button$1 = class Button extends SvelteComponent {
4078
4079
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
4079
4080
 
4080
4081
  function add_css$Q(target) {
4081
- 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}}");
4082
+ 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}}");
4082
4083
  }
4083
4084
 
4084
4085
  // (278:0) {:else}
@@ -4228,7 +4229,7 @@ function create_if_block$f(ctx) {
4228
4229
  c() {
4229
4230
  div = element("div");
4230
4231
  create_component(button.$$.fragment);
4231
- attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"));
4232
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"));
4232
4233
  attr(div, "role", "dialog");
4233
4234
  attr(div, "aria-modal", "true");
4234
4235
  attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
@@ -4252,7 +4253,7 @@ function create_if_block$f(ctx) {
4252
4253
 
4253
4254
  button.$set(button_changes);
4254
4255
 
4255
- if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"))) {
4256
+ if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"))) {
4256
4257
  attr(div, "class", div_class_value);
4257
4258
  }
4258
4259
  },
@@ -4307,7 +4308,7 @@ function create_if_block_1$3(ctx) {
4307
4308
  c() {
4308
4309
  div = element("div");
4309
4310
  create_component(button.$$.fragment);
4310
- attr(div, "class", "close svelte-1i2vo31");
4311
+ attr(div, "class", "close svelte-1ijkyzl");
4311
4312
  set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
4312
4313
  },
4313
4314
  m(target, anchor) {
@@ -4396,7 +4397,7 @@ function create_default_slot$7(ctx) {
4396
4397
  t = space();
4397
4398
  div = element("div");
4398
4399
  if (default_slot) default_slot.c();
4399
- attr(div, "class", "modal-content svelte-1i2vo31");
4400
+ attr(div, "class", "modal-content svelte-1ijkyzl");
4400
4401
  attr(div, "style", /*_style*/ ctx[5]);
4401
4402
  },
4402
4403
  m(target, anchor) {
@@ -5047,7 +5048,7 @@ class Grid extends SvelteComponent {
5047
5048
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
5048
5049
 
5049
5050
  function add_css$P(target) {
5050
- append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
5051
+ append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
5051
5052
  }
5052
5053
 
5053
5054
  function create_fragment$1o(ctx) {
@@ -5062,8 +5063,8 @@ function create_fragment$1o(ctx) {
5062
5063
  div1 = element("div");
5063
5064
  div0 = element("div");
5064
5065
  if (default_slot) default_slot.c();
5065
- attr(div0, "class", "grid-item-inner svelte-1cryhmb");
5066
- attr(div1, "class", "grid-item svelte-1cryhmb");
5066
+ attr(div0, "class", "grid-item-inner svelte-n7kdl3");
5067
+ attr(div1, "class", "grid-item svelte-n7kdl3");
5067
5068
  attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
5068
5069
  attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
5069
5070
  attr(div1, "style", /*_style*/ ctx[1]);
@@ -5368,7 +5369,7 @@ class RenderText extends SvelteComponent {
5368
5369
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
5369
5370
 
5370
5371
  function add_css$O(target) {
5371
- 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}");
5372
+ 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}");
5372
5373
  }
5373
5374
 
5374
5375
  // (92:2) {:else}
@@ -5385,8 +5386,8 @@ function create_else_block$2(ctx) {
5385
5386
  div1 = element("div");
5386
5387
  div0 = element("div");
5387
5388
  create_component(rendertext.$$.fragment);
5388
- attr(div0, "class", "text-element-inner svelte-vz6867");
5389
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5389
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5390
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5390
5391
  attr(div1, "style", /*style*/ ctx[5]);
5391
5392
  },
5392
5393
  m(target, anchor) {
@@ -5400,7 +5401,7 @@ function create_else_block$2(ctx) {
5400
5401
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5401
5402
  rendertext.$set(rendertext_changes);
5402
5403
 
5403
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
5404
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
5404
5405
  attr(div1, "class", div1_class_value);
5405
5406
  }
5406
5407
 
@@ -5450,12 +5451,12 @@ function create_if_block$d(ctx) {
5450
5451
  t2 = space();
5451
5452
  div2 = element("div");
5452
5453
  div2.textContent = "コピーできませんでした";
5453
- attr(div0, "class", "text-element-inner svelte-vz6867");
5454
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5454
5455
  attr(a, "href", '');
5455
- attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5456
+ attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5456
5457
  attr(a, "style", /*style*/ ctx[5]);
5457
- attr(div1, "class", "tooltip svelte-vz6867");
5458
- attr(div2, "class", "tooltip tooltip-error svelte-vz6867");
5458
+ attr(div1, "class", "tooltip svelte-9ixs0b");
5459
+ attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
5459
5460
  },
5460
5461
  m(target, anchor) {
5461
5462
  insert(target, a, anchor);
@@ -5479,7 +5480,7 @@ function create_if_block$d(ctx) {
5479
5480
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5480
5481
  rendertext.$set(rendertext_changes);
5481
5482
 
5482
- 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"))) {
5483
+ 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"))) {
5483
5484
  attr(a, "class", a_class_value);
5484
5485
  }
5485
5486
 
@@ -5531,7 +5532,7 @@ function create_fragment$1m(ctx) {
5531
5532
  c() {
5532
5533
  div = element("div");
5533
5534
  if_block.c();
5534
- attr(div, "class", "text-element-wrapper svelte-vz6867");
5535
+ attr(div, "class", "text-element-wrapper svelte-9ixs0b");
5535
5536
  },
5536
5537
  m(target, anchor) {
5537
5538
  insert(target, div, anchor);
@@ -5697,7 +5698,7 @@ class TextElement extends SvelteComponent {
5697
5698
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5698
5699
 
5699
5700
  function add_css$N(target) {
5700
- 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)}");
5701
+ 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)}");
5701
5702
  }
5702
5703
 
5703
5704
  // (48:2) <Button {onClick} {style} {eventName}>
@@ -5753,7 +5754,7 @@ function create_fragment$1l(ctx) {
5753
5754
  c() {
5754
5755
  div = element("div");
5755
5756
  create_component(button.$$.fragment);
5756
- attr(div, "class", "text-button-element svelte-ujdxfc");
5757
+ attr(div, "class", "text-button-element svelte-1vg84sc");
5757
5758
  },
5758
5759
  m(target, anchor) {
5759
5760
  insert(target, div, anchor);
@@ -5845,7 +5846,7 @@ class TextButtonElement extends SvelteComponent {
5845
5846
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5846
5847
 
5847
5848
  function add_css$M(target) {
5848
- 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%}");
5849
+ 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%}");
5849
5850
  }
5850
5851
 
5851
5852
  // (44:2) <Button {onClick} style={_style} {eventName}>
@@ -5857,7 +5858,7 @@ function create_default_slot$5(ctx) {
5857
5858
  return {
5858
5859
  c() {
5859
5860
  img = element("img");
5860
- attr(img, "class", "image svelte-1alkh1m");
5861
+ attr(img, "class", "image svelte-t6tu0e");
5861
5862
  attr(img, "loading", "lazy");
5862
5863
  attr(img, "width", "auto");
5863
5864
  attr(img, "height", "auto");
@@ -5919,7 +5920,7 @@ function create_fragment$1k(ctx) {
5919
5920
  c() {
5920
5921
  div = element("div");
5921
5922
  create_component(button.$$.fragment);
5922
- attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m");
5923
+ attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
5923
5924
  },
5924
5925
  m(target, anchor) {
5925
5926
  insert(target, div, anchor);
@@ -5938,7 +5939,7 @@ function create_fragment$1k(ctx) {
5938
5939
 
5939
5940
  button.$set(button_changes);
5940
5941
 
5941
- if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m")) {
5942
+ if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
5942
5943
  attr(div, "class", div_class_value);
5943
5944
  }
5944
5945
  },
@@ -6010,7 +6011,7 @@ class ImageElement extends SvelteComponent {
6010
6011
  /* src/components/List.svelte generated by Svelte v3.53.1 */
6011
6012
 
6012
6013
  function add_css$L(target) {
6013
- 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}");
6014
+ 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}");
6014
6015
  }
6015
6016
 
6016
6017
  function create_fragment$1j(ctx) {
@@ -6023,7 +6024,7 @@ function create_fragment$1j(ctx) {
6023
6024
  c() {
6024
6025
  div = element("div");
6025
6026
  if (default_slot) default_slot.c();
6026
- attr(div, "class", "list svelte-1t8r9z");
6027
+ attr(div, "class", "list svelte-aquv6z");
6027
6028
  attr(div, "style", /*style*/ ctx[0]);
6028
6029
  },
6029
6030
  m(target, anchor) {
@@ -6157,7 +6158,7 @@ let List$1 = class List extends SvelteComponent {
6157
6158
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
6158
6159
 
6159
6160
  function add_css$K(target) {
6160
- 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}");
6161
+ 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}");
6161
6162
  }
6162
6163
 
6163
6164
  // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
@@ -6227,7 +6228,7 @@ function create_fragment$1i(ctx) {
6227
6228
  c() {
6228
6229
  div = element("div");
6229
6230
  create_component(button.$$.fragment);
6230
- attr(div, "class", "list-item svelte-1lbw8v2");
6231
+ attr(div, "class", "list-item svelte-9n97pe");
6231
6232
  attr(div, "style", /*listItemStyle*/ ctx[3]);
6232
6233
  },
6233
6234
  m(target, anchor) {
@@ -6353,7 +6354,7 @@ let ListItem$1 = class ListItem extends SvelteComponent {
6353
6354
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
6354
6355
 
6355
6356
  function add_css$J(target) {
6356
- 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}");
6357
+ 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}");
6357
6358
  }
6358
6359
 
6359
6360
  function create_fragment$1h(ctx) {
@@ -6362,7 +6363,7 @@ function create_fragment$1h(ctx) {
6362
6363
  return {
6363
6364
  c() {
6364
6365
  div = element("div");
6365
- attr(div, "class", "embed svelte-w6jkzh");
6366
+ attr(div, "class", "embed svelte-wocq4p");
6366
6367
  attr(div, "style", /*_style*/ ctx[1]);
6367
6368
  },
6368
6369
  m(target, anchor) {
@@ -6405,7 +6406,7 @@ class EmbedElement extends SvelteComponent {
6405
6406
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
6406
6407
 
6407
6408
  function add_css$I(target) {
6408
- 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%}");
6409
+ 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%}");
6409
6410
  }
6410
6411
 
6411
6412
  function create_fragment$1g(ctx) {
@@ -6417,7 +6418,7 @@ function create_fragment$1g(ctx) {
6417
6418
  div1 = element("div");
6418
6419
  div0 = element("div");
6419
6420
  attr(div0, "class", "karte-player");
6420
- attr(div1, "class", "embed svelte-ljxq7x");
6421
+ attr(div1, "class", "embed svelte-vikz49");
6421
6422
  attr(div1, "style", /*_style*/ ctx[0]);
6422
6423
  },
6423
6424
  m(target, anchor) {
@@ -6759,7 +6760,7 @@ class MovieYouTubeElement extends SvelteComponent {
6759
6760
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6760
6761
 
6761
6762
  function add_css$H(target) {
6762
- 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%}");
6763
+ 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%}");
6763
6764
  }
6764
6765
 
6765
6766
  function create_fragment$1f(ctx) {
@@ -6771,7 +6772,7 @@ function create_fragment$1f(ctx) {
6771
6772
  div1 = element("div");
6772
6773
  div0 = element("div");
6773
6774
  attr(div0, "class", "karte-player");
6774
- attr(div1, "class", "embed svelte-ljxq7x");
6775
+ attr(div1, "class", "embed svelte-vikz49");
6775
6776
  attr(div1, "style", /*_style*/ ctx[0]);
6776
6777
  },
6777
6778
  m(target, anchor) {
@@ -6955,7 +6956,7 @@ class MovieVimeoElement extends SvelteComponent {
6955
6956
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
6956
6957
 
6957
6958
  function add_css$G(target) {
6958
- 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}");
6959
+ 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}");
6959
6960
  }
6960
6961
 
6961
6962
  function create_fragment$1e(ctx) {
@@ -6968,12 +6969,12 @@ function create_fragment$1e(ctx) {
6968
6969
  c() {
6969
6970
  div = element("div");
6970
6971
  textarea = element("textarea");
6971
- attr(textarea, "class", "textarea svelte-1fjy5oo");
6972
+ attr(textarea, "class", "textarea svelte-zxvkkc");
6972
6973
  textarea.value = /*$value*/ ctx[4];
6973
6974
  textarea.required = /*required*/ ctx[1];
6974
6975
  attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
6975
6976
  attr(textarea, "style", /*style*/ ctx[3]);
6976
- attr(div, "class", "textarea-wrapper svelte-1fjy5oo");
6977
+ attr(div, "class", "textarea-wrapper svelte-zxvkkc");
6977
6978
  attr(div, "style", /*styleVariables*/ ctx[2]);
6978
6979
  },
6979
6980
  m(target, anchor) {
@@ -7125,7 +7126,7 @@ class FormTextarea extends SvelteComponent {
7125
7126
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
7126
7127
 
7127
7128
  function add_css$F(target) {
7128
- 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}");
7129
+ 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}");
7129
7130
  }
7130
7131
 
7131
7132
  function get_each_context$7(ctx, list, i) {
@@ -7159,14 +7160,14 @@ function create_each_block$7(ctx) {
7159
7160
  t1 = text(t1_value);
7160
7161
  t2 = space();
7161
7162
  attr(input, "type", "radio");
7162
- attr(input, "class", "radio-button-input svelte-1ntb6j8");
7163
+ attr(input, "class", "radio-button-input svelte-17s08g");
7163
7164
  attr(input, "style", /*buttonStyle*/ ctx[5]);
7164
7165
  attr(input, "name", /*name*/ ctx[0]);
7165
7166
  input.value = input_value_value = /*option*/ ctx[17];
7166
7167
  input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
7167
- attr(span, "class", "radio-button-text svelte-1ntb6j8");
7168
+ attr(span, "class", "radio-button-text svelte-17s08g");
7168
7169
  attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7169
- attr(label, "class", "radio-button svelte-1ntb6j8");
7170
+ attr(label, "class", "radio-button svelte-17s08g");
7170
7171
  },
7171
7172
  m(target, anchor) {
7172
7173
  insert(target, label, anchor);
@@ -7231,7 +7232,7 @@ function create_fragment$1d(ctx) {
7231
7232
  each_blocks[i].c();
7232
7233
  }
7233
7234
 
7234
- attr(div, "class", "radio-buttons svelte-1ntb6j8");
7235
+ attr(div, "class", "radio-buttons svelte-17s08g");
7235
7236
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7236
7237
  },
7237
7238
  m(target, anchor) {
@@ -7400,7 +7401,7 @@ class FormRadioButtons extends SvelteComponent {
7400
7401
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
7401
7402
 
7402
7403
  function add_css$E(target) {
7403
- 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}");
7404
+ 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}");
7404
7405
  }
7405
7406
 
7406
7407
  function get_each_context$6(ctx, list, i) {
@@ -7534,10 +7535,10 @@ function create_fragment$1c(ctx) {
7534
7535
 
7535
7536
  t = space();
7536
7537
  div0 = element("div");
7537
- attr(select, "class", "select-select svelte-iejizj");
7538
+ attr(select, "class", "select-select svelte-t9ynyj");
7538
7539
  attr(select, "style", /*style*/ ctx[3]);
7539
- attr(div0, "class", "select-icon svelte-iejizj");
7540
- attr(div1, "class", "select svelte-iejizj");
7540
+ attr(div0, "class", "select-icon svelte-t9ynyj");
7541
+ attr(div1, "class", "select svelte-t9ynyj");
7541
7542
  attr(div1, "style", /*styleVariables*/ ctx[2]);
7542
7543
  },
7543
7544
  m(target, anchor) {
@@ -7739,7 +7740,7 @@ class FormSelect extends SvelteComponent {
7739
7740
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
7740
7741
 
7741
7742
  function add_css$D(target) {
7742
- 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}");
7743
+ 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}");
7743
7744
  }
7744
7745
 
7745
7746
  function get_each_context$5(ctx, list, i) {
@@ -7778,19 +7779,19 @@ function create_each_block$5(ctx) {
7778
7779
  span2 = element("span");
7779
7780
  t2 = text(t2_value);
7780
7781
  t3 = space();
7781
- attr(input, "class", "check-box-input svelte-2pz1us");
7782
+ attr(input, "class", "check-box-input svelte-1p65cg8");
7782
7783
  attr(input, "type", "checkbox");
7783
7784
  attr(input, "name", /*name*/ ctx[0]);
7784
7785
  input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
7785
- attr(span0, "class", "check-box-icon svelte-2pz1us");
7786
+ attr(span0, "class", "check-box-icon svelte-1p65cg8");
7786
7787
 
7787
7788
  attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7788
7789
  ? ' _checked'
7789
- : ''}`) + " svelte-2pz1us"));
7790
+ : ''}`) + " svelte-1p65cg8"));
7790
7791
 
7791
- attr(span2, "class", "check-box-text svelte-2pz1us");
7792
+ attr(span2, "class", "check-box-text svelte-1p65cg8");
7792
7793
  attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7793
- attr(label, "class", "check-box svelte-2pz1us");
7794
+ attr(label, "class", "check-box svelte-1p65cg8");
7794
7795
  attr(label, "style", /*styleVariables*/ ctx[5]);
7795
7796
  },
7796
7797
  m(target, anchor) {
@@ -7822,7 +7823,7 @@ function create_each_block$5(ctx) {
7822
7823
 
7823
7824
  if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7824
7825
  ? ' _checked'
7825
- : ''}`) + " svelte-2pz1us"))) {
7826
+ : ''}`) + " svelte-1p65cg8"))) {
7826
7827
  attr(span1, "class", span1_class_value);
7827
7828
  }
7828
7829
 
@@ -7861,7 +7862,7 @@ function create_fragment$1b(ctx) {
7861
7862
  each_blocks[i].c();
7862
7863
  }
7863
7864
 
7864
- attr(div, "class", "check-boxes svelte-2pz1us");
7865
+ attr(div, "class", "check-boxes svelte-1p65cg8");
7865
7866
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7866
7867
  },
7867
7868
  m(target, anchor) {
@@ -8036,7 +8037,7 @@ class FormCheckBoxes extends SvelteComponent {
8036
8037
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
8037
8038
 
8038
8039
  function add_css$C(target) {
8039
- 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}");
8040
+ 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}");
8040
8041
  }
8041
8042
 
8042
8043
  function get_each_context$4(ctx, list, i) {
@@ -8060,7 +8061,7 @@ function create_each_block$4(ctx) {
8060
8061
  button = element("button");
8061
8062
  t0 = text(t0_value);
8062
8063
  t1 = space();
8063
- attr(button, "class", "rating-button svelte-9idbf1");
8064
+ attr(button, "class", "rating-button svelte-1iqf36p");
8064
8065
  attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
8065
8066
  },
8066
8067
  m(target, anchor) {
@@ -8109,7 +8110,7 @@ function create_fragment$1a(ctx) {
8109
8110
  each_blocks[i].c();
8110
8111
  }
8111
8112
 
8112
- attr(div, "class", "rating-buttons svelte-9idbf1");
8113
+ attr(div, "class", "rating-buttons svelte-1iqf36p");
8113
8114
  },
8114
8115
  m(target, anchor) {
8115
8116
  insert(target, div, anchor);
@@ -8253,7 +8254,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
8253
8254
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
8254
8255
 
8255
8256
  function add_css$B(target) {
8256
- 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%)}");
8257
+ 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%)}");
8257
8258
  }
8258
8259
 
8259
8260
  function get_each_context$3(ctx, list, i) {
@@ -8278,9 +8279,9 @@ function create_each_block$3(ctx) {
8278
8279
  img = element("img");
8279
8280
  t = space();
8280
8281
  if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
8281
- attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"));
8282
+ attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
8282
8283
  attr(img, "alt", "rate" + /*i*/ ctx[10]);
8283
- attr(button, "class", "rating-button svelte-1b5dvzw");
8284
+ attr(button, "class", "rating-button svelte-tbunko");
8284
8285
  attr(button, "style", /*buttonStyle*/ ctx[0]);
8285
8286
  },
8286
8287
  m(target, anchor) {
@@ -8296,7 +8297,7 @@ function create_each_block$3(ctx) {
8296
8297
  p(new_ctx, dirty) {
8297
8298
  ctx = new_ctx;
8298
8299
 
8299
- 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"))) {
8300
+ 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"))) {
8300
8301
  attr(img, "class", img_class_value);
8301
8302
  }
8302
8303
 
@@ -8329,7 +8330,7 @@ function create_fragment$19(ctx) {
8329
8330
  each_blocks[i].c();
8330
8331
  }
8331
8332
 
8332
- attr(div, "class", "rating-buttons svelte-1b5dvzw");
8333
+ attr(div, "class", "rating-buttons svelte-tbunko");
8333
8334
  },
8334
8335
  m(target, anchor) {
8335
8336
  insert(target, div, anchor);
@@ -8437,7 +8438,7 @@ class FormRatingButtonsFace extends SvelteComponent {
8437
8438
  /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
8438
8439
 
8439
8440
  function add_css$A(target) {
8440
- 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}");
8441
+ 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}");
8441
8442
  }
8442
8443
 
8443
8444
  function create_fragment$18(ctx) {
@@ -8451,13 +8452,13 @@ function create_fragment$18(ctx) {
8451
8452
  c() {
8452
8453
  div = element("div");
8453
8454
  input = element("input");
8454
- attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"));
8455
+ attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"));
8455
8456
  attr(input, "type", "text");
8456
8457
  input.value = /*$value*/ ctx[2];
8457
8458
  input.required = /*required*/ ctx[0];
8458
8459
  attr(input, "placeholder", /*placeholder*/ ctx[1]);
8459
8460
  attr(input, "style", /*style*/ ctx[5]);
8460
- attr(div, "class", "input-wrapper svelte-f14zo5");
8461
+ attr(div, "class", "input-wrapper svelte-h8fqwx");
8461
8462
  attr(div, "style", /*styleVariables*/ ctx[4]);
8462
8463
  },
8463
8464
  m(target, anchor) {
@@ -8470,7 +8471,7 @@ function create_fragment$18(ctx) {
8470
8471
  }
8471
8472
  },
8472
8473
  p(ctx, [dirty]) {
8473
- if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"))) {
8474
+ if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"))) {
8474
8475
  attr(input, "class", input_class_value);
8475
8476
  }
8476
8477
 
@@ -8658,7 +8659,7 @@ class FormIdentifyInput extends SvelteComponent {
8658
8659
  /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
8659
8660
 
8660
8661
  function add_css$z(target) {
8661
- 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}");
8662
+ 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}");
8662
8663
  }
8663
8664
 
8664
8665
  function create_fragment$17(ctx) {
@@ -8696,20 +8697,20 @@ function create_fragment$17(ctx) {
8696
8697
  span1 = element("span");
8697
8698
  t4 = text("いいえ");
8698
8699
  attr(input0, "type", "radio");
8699
- attr(input0, "class", "radio-button-input svelte-pzrwlo");
8700
+ attr(input0, "class", "radio-button-input svelte-8zbmyo");
8700
8701
  attr(input0, "style", /*buttonStyle*/ ctx[2]);
8701
8702
  input0.checked = input0_checked_value = /*$value*/ ctx[3] === true;
8702
- attr(span0, "class", "radio-button-text svelte-pzrwlo");
8703
+ attr(span0, "class", "radio-button-text svelte-8zbmyo");
8703
8704
  attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
8704
- attr(label0, "class", "radio-button svelte-pzrwlo");
8705
+ attr(label0, "class", "radio-button svelte-8zbmyo");
8705
8706
  attr(input1, "type", "radio");
8706
- attr(input1, "class", "radio-button-input svelte-pzrwlo");
8707
+ attr(input1, "class", "radio-button-input svelte-8zbmyo");
8707
8708
  attr(input1, "style", /*buttonStyle*/ ctx[2]);
8708
8709
  input1.checked = input1_checked_value = /*$value*/ ctx[3] === false;
8709
- attr(span1, "class", "radio-button-text svelte-pzrwlo");
8710
+ attr(span1, "class", "radio-button-text svelte-8zbmyo");
8710
8711
  attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
8711
- attr(label1, "class", "radio-button svelte-pzrwlo");
8712
- attr(div, "class", "radio-buttons svelte-pzrwlo");
8712
+ attr(label1, "class", "radio-button svelte-8zbmyo");
8713
+ attr(div, "class", "radio-buttons svelte-8zbmyo");
8713
8714
  attr(div, "style", /*_layoutStyle*/ ctx[0]);
8714
8715
  },
8715
8716
  m(target, anchor) {
@@ -8877,7 +8878,7 @@ class FormIdentifyChoices extends SvelteComponent {
8877
8878
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
8878
8879
 
8879
8880
  function add_css$y(target) {
8880
- 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%}");
8881
+ 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%}");
8881
8882
  }
8882
8883
 
8883
8884
  function get_each_context$2(ctx, list, i) {
@@ -8906,9 +8907,9 @@ function create_if_block_1$2(ctx) {
8906
8907
  attr(svg, "viewBox", "0 0 10 16");
8907
8908
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8908
8909
  attr(svg, "style", /*prevIconStyle*/ ctx[10]);
8909
- attr(button, "class", "move-button svelte-1qfq79t");
8910
+ attr(button, "class", "move-button svelte-ji1fh");
8910
8911
  attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
8911
- attr(div, "class", "prev-button-container svelte-1qfq79t");
8912
+ attr(div, "class", "prev-button-container svelte-ji1fh");
8912
8913
  },
8913
8914
  m(target, anchor) {
8914
8915
  insert(target, div, anchor);
@@ -8957,9 +8958,9 @@ function create_if_block$b(ctx) {
8957
8958
  attr(svg, "viewBox", "0 0 10 16");
8958
8959
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8959
8960
  attr(svg, "style", /*nextIconStyle*/ ctx[8]);
8960
- attr(button, "class", "move-button svelte-1qfq79t");
8961
+ attr(button, "class", "move-button svelte-ji1fh");
8961
8962
  attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
8962
- attr(div, "class", "next-button-container svelte-1qfq79t");
8963
+ attr(div, "class", "next-button-container svelte-ji1fh");
8963
8964
  },
8964
8965
  m(target, anchor) {
8965
8966
  insert(target, div, anchor);
@@ -9007,9 +9008,9 @@ function create_each_block$2(ctx) {
9007
9008
  button = element("button");
9008
9009
  div = element("div");
9009
9010
  t = space();
9010
- attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
9011
+ attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
9011
9012
  attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
9012
- attr(button, "class", "navigation-item svelte-1qfq79t");
9013
+ attr(button, "class", "navigation-item svelte-ji1fh");
9013
9014
  attr(button, "style", /*navigationItemStyle*/ ctx[6]);
9014
9015
  },
9015
9016
  m(target, anchor) {
@@ -9086,14 +9087,14 @@ function create_fragment$16(ctx) {
9086
9087
  each_blocks[i].c();
9087
9088
  }
9088
9089
 
9089
- attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
9090
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
9090
9091
  attr(div0, "style", /*slideStyle*/ ctx[14]);
9091
- attr(div1, "class", "container svelte-1qfq79t");
9092
+ attr(div1, "class", "container svelte-ji1fh");
9092
9093
  attr(div1, "style", /*_style*/ ctx[0]);
9093
- attr(div2, "class", "navigation svelte-1qfq79t");
9094
+ attr(div2, "class", "navigation svelte-ji1fh");
9094
9095
  attr(div2, "style", /*navigationStyle*/ ctx[4]);
9095
9096
  set_attributes(div3, div3_data);
9096
- toggle_class(div3, "svelte-1qfq79t", true);
9097
+ toggle_class(div3, "svelte-ji1fh", true);
9097
9098
  },
9098
9099
  m(target, anchor) {
9099
9100
  insert(target, div3, anchor);
@@ -9135,7 +9136,7 @@ function create_fragment$16(ctx) {
9135
9136
  }
9136
9137
  }
9137
9138
 
9138
- if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
9139
+ if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
9139
9140
  attr(div0, "class", div0_class_value);
9140
9141
  }
9141
9142
 
@@ -9201,7 +9202,7 @@ function create_fragment$16(ctx) {
9201
9202
  }
9202
9203
 
9203
9204
  set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
9204
- toggle_class(div3, "svelte-1qfq79t", true);
9205
+ toggle_class(div3, "svelte-ji1fh", true);
9205
9206
  },
9206
9207
  i(local) {
9207
9208
  if (current) return;
@@ -9713,7 +9714,7 @@ class Slide extends SvelteComponent {
9713
9714
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
9714
9715
 
9715
9716
  function add_css$x(target) {
9716
- 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}");
9717
+ 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}");
9717
9718
  }
9718
9719
 
9719
9720
  function create_fragment$15(ctx) {
@@ -9728,9 +9729,9 @@ function create_fragment$15(ctx) {
9728
9729
  div1 = element("div");
9729
9730
  div0 = element("div");
9730
9731
  if (default_slot) default_slot.c();
9731
- attr(div0, "class", "item-inner svelte-1rv0qgo");
9732
+ attr(div0, "class", "item-inner svelte-9ygf1w");
9732
9733
  attr(div0, "style", /*_style*/ ctx[0]);
9733
- attr(div1, "class", "item svelte-1rv0qgo");
9734
+ attr(div1, "class", "item svelte-9ygf1w");
9734
9735
  attr(div1, "style", /*itemStyle*/ ctx[1]);
9735
9736
  },
9736
9737
  m(target, anchor) {
@@ -9856,7 +9857,7 @@ class SlideItem extends SvelteComponent {
9856
9857
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
9857
9858
 
9858
9859
  function add_css$w(target) {
9859
- 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}");
9860
+ 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}");
9860
9861
  }
9861
9862
 
9862
9863
  const get_default_slot_changes$1 = dirty => ({ countdown: dirty & /*countdown*/ 2 });
@@ -9874,9 +9875,9 @@ function create_fragment$14(ctx) {
9874
9875
  div1 = element("div");
9875
9876
  div0 = element("div");
9876
9877
  if (default_slot) default_slot.c();
9877
- attr(div0, "class", "countdown-inner svelte-t87l6f");
9878
+ attr(div0, "class", "countdown-inner svelte-rroxiz");
9878
9879
  attr(div0, "style", /*_style*/ ctx[0]);
9879
- attr(div1, "class", "countdown svelte-t87l6f");
9880
+ attr(div1, "class", "countdown svelte-rroxiz");
9880
9881
  },
9881
9882
  m(target, anchor) {
9882
9883
  insert(target, div1, anchor);
@@ -10010,7 +10011,7 @@ class Countdown extends SvelteComponent {
10010
10011
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
10011
10012
 
10012
10013
  function add_css$v(target) {
10013
- 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}");
10014
+ 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}");
10014
10015
  }
10015
10016
 
10016
10017
  // (24:2) <Button {onClick} style={_style} {eventName}>
@@ -10080,7 +10081,7 @@ function create_fragment$13(ctx) {
10080
10081
  c() {
10081
10082
  div = element("div");
10082
10083
  create_component(button.$$.fragment);
10083
- attr(div, "class", "box svelte-1c91vpe");
10084
+ attr(div, "class", "box svelte-1ccydfy");
10084
10085
  },
10085
10086
  m(target, anchor) {
10086
10087
  insert(target, div, anchor);
@@ -10141,7 +10142,7 @@ class Box extends SvelteComponent {
10141
10142
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
10142
10143
 
10143
10144
  function add_css$u(target) {
10144
- 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)}");
10145
+ 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)}");
10145
10146
  }
10146
10147
 
10147
10148
  // (56:4) {#if svg}
@@ -10223,7 +10224,7 @@ function create_fragment$12(ctx) {
10223
10224
  c() {
10224
10225
  div = element("div");
10225
10226
  create_component(button.$$.fragment);
10226
- attr(div, "class", "icon svelte-1mk6wi4");
10227
+ attr(div, "class", "icon svelte-1mkvcuo");
10227
10228
  },
10228
10229
  m(target, anchor) {
10229
10230
  insert(target, div, anchor);
@@ -10332,7 +10333,7 @@ class IconElement extends SvelteComponent {
10332
10333
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
10333
10334
 
10334
10335
  function add_css$t(target) {
10335
- append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10336
+ append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10336
10337
  }
10337
10338
 
10338
10339
  function create_fragment$11(ctx) {
@@ -10358,7 +10359,7 @@ function create_fragment$11(ctx) {
10358
10359
  c() {
10359
10360
  div = element("div");
10360
10361
  if (switch_instance) create_component(switch_instance.$$.fragment);
10361
- attr(div, "class", "codeElement svelte-1ng2n51");
10362
+ attr(div, "class", "codeElement svelte-ymsb9l");
10362
10363
  attr(div, "style", /*style*/ ctx[3]);
10363
10364
  },
10364
10365
  m(target, anchor) {
@@ -10447,7 +10448,7 @@ class CodeElement extends SvelteComponent {
10447
10448
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
10448
10449
 
10449
10450
  function add_css$s(target) {
10450
- append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
10451
+ append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
10451
10452
  }
10452
10453
 
10453
10454
  function create_fragment$10(ctx) {
@@ -10461,7 +10462,7 @@ function create_fragment$10(ctx) {
10461
10462
  c() {
10462
10463
  div = element("div");
10463
10464
  if (default_slot) default_slot.c();
10464
- attr(div, "class", "flex svelte-9v2qdg");
10465
+ attr(div, "class", "flex svelte-1e71ejc");
10465
10466
  attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
10466
10467
  },
10467
10468
  m(target, anchor) {
@@ -10558,7 +10559,7 @@ class Flex extends SvelteComponent {
10558
10559
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
10559
10560
 
10560
10561
  function add_css$r(target) {
10561
- append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
10562
+ append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
10562
10563
  }
10563
10564
 
10564
10565
  function create_fragment$$(ctx) {
@@ -10571,7 +10572,7 @@ function create_fragment$$(ctx) {
10571
10572
  c() {
10572
10573
  div = element("div");
10573
10574
  if (default_slot) default_slot.c();
10574
- attr(div, "class", "flex-item svelte-164ah5d");
10575
+ attr(div, "class", "flex-item svelte-1p0bk1x");
10575
10576
  attr(div, "style", /*style*/ ctx[0]);
10576
10577
  },
10577
10578
  m(target, anchor) {
@@ -10979,7 +10980,7 @@ class GridModalState extends SvelteComponent {
10979
10980
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
10980
10981
 
10981
10982
  function add_css$q(target) {
10982
- 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%}");
10983
+ 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%}");
10983
10984
  }
10984
10985
 
10985
10986
  function create_fragment$Z(ctx) {
@@ -10995,8 +10996,8 @@ function create_fragment$Z(ctx) {
10995
10996
  div1 = element("div");
10996
10997
  div0 = element("div");
10997
10998
  create_component(rendertext.$$.fragment);
10998
- attr(div0, "class", "text-block-inner svelte-akic2e");
10999
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"));
10999
+ attr(div0, "class", "text-block-inner svelte-15pej1m");
11000
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
11000
11001
  attr(div1, "style", /*style*/ ctx[2]);
11001
11002
  },
11002
11003
  m(target, anchor) {
@@ -11010,7 +11011,7 @@ function create_fragment$Z(ctx) {
11010
11011
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
11011
11012
  rendertext.$set(rendertext_changes);
11012
11013
 
11013
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"))) {
11014
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
11014
11015
  attr(div1, "class", div1_class_value);
11015
11016
  }
11016
11017
 
@@ -11088,7 +11089,7 @@ class TextBlock extends SvelteComponent {
11088
11089
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
11089
11090
 
11090
11091
  function add_css$p(target) {
11091
- 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)}");
11092
+ 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)}");
11092
11093
  }
11093
11094
 
11094
11095
  function create_fragment$Y(ctx) {
@@ -11105,9 +11106,9 @@ function create_fragment$Y(ctx) {
11105
11106
  div = element("div");
11106
11107
  button = element("button");
11107
11108
  create_component(rendertext.$$.fragment);
11108
- attr(button, "class", "text-button svelte-1c34p4n");
11109
+ attr(button, "class", "text-button svelte-ff0k6r");
11109
11110
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
11110
- attr(div, "class", "text-button-block svelte-1c34p4n");
11111
+ attr(div, "class", "text-button-block svelte-ff0k6r");
11111
11112
  attr(div, "style", /*_style*/ ctx[2]);
11112
11113
  },
11113
11114
  m(target, anchor) {
@@ -11213,7 +11214,7 @@ class TextButtonBlock extends SvelteComponent {
11213
11214
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
11214
11215
 
11215
11216
  function add_css$o(target) {
11216
- 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)}");
11217
+ 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)}");
11217
11218
  }
11218
11219
 
11219
11220
  function create_fragment$X(ctx) {
@@ -11229,14 +11230,14 @@ function create_fragment$X(ctx) {
11229
11230
  c() {
11230
11231
  div = element("div");
11231
11232
  img = element("img");
11232
- attr(img, "class", "image svelte-1jus6sx");
11233
+ attr(img, "class", "image svelte-1pdw891");
11233
11234
  attr(img, "loading", "lazy");
11234
11235
  attr(img, "width", "auto");
11235
11236
  attr(img, "height", "auto");
11236
11237
  attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
11237
11238
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
11238
11239
  attr(img, "alt", /*alt*/ ctx[1]);
11239
- attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"));
11240
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
11240
11241
  attr(div, "style", /*_style*/ ctx[5]);
11241
11242
  },
11242
11243
  m(target, anchor) {
@@ -11261,7 +11262,7 @@ function create_fragment$X(ctx) {
11261
11262
  attr(img, "alt", /*alt*/ ctx[1]);
11262
11263
  }
11263
11264
 
11264
- if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"))) {
11265
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
11265
11266
  attr(div, "class", div_class_value);
11266
11267
  }
11267
11268
 
@@ -11713,7 +11714,7 @@ const AVATAR_SIZE_STYLES = {
11713
11714
  /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
11714
11715
 
11715
11716
  function add_css$n(target) {
11716
- append_styles(target, "svelte-apww0t", ".avatar.svelte-apww0t{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:0}");
11717
+ append_styles(target, "svelte-1krsdyx", ".avatar.svelte-1krsdyx{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:0}");
11717
11718
  }
11718
11719
 
11719
11720
  // (42:0) <svelte:element {...attributes} this={element} class="avatar" style={style} data-layer-id={layerId} on:click={handleClick} >
@@ -11743,7 +11744,7 @@ function create_dynamic_element$b(ctx) {
11743
11744
  svelte_element = element(/*element*/ ctx[5]);
11744
11745
  img = element("img");
11745
11746
  if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
11746
- attr(img, "class", "avatar-image svelte-apww0t");
11747
+ attr(img, "class", "avatar-image svelte-1krsdyx");
11747
11748
  attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
11748
11749
  attr(img, "style", /*imgStyle*/ ctx[2]);
11749
11750
 
@@ -11753,7 +11754,7 @@ function create_dynamic_element$b(ctx) {
11753
11754
  set_attributes(svelte_element, svelte_element_data);
11754
11755
  }
11755
11756
 
11756
- toggle_class(svelte_element, "svelte-apww0t", true);
11757
+ toggle_class(svelte_element, "svelte-1krsdyx", true);
11757
11758
  },
11758
11759
  m(target, anchor) {
11759
11760
  insert(target, svelte_element, anchor);
@@ -11790,7 +11791,7 @@ function create_dynamic_element$b(ctx) {
11790
11791
  set_attributes(svelte_element, svelte_element_data);
11791
11792
  }
11792
11793
 
11793
- toggle_class(svelte_element, "svelte-apww0t", true);
11794
+ toggle_class(svelte_element, "svelte-1krsdyx", true);
11794
11795
  },
11795
11796
  d(detaching) {
11796
11797
  if (detaching) detach(svelte_element);
@@ -13595,7 +13596,7 @@ const ICON_VARIANTS = {
13595
13596
  /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
13596
13597
 
13597
13598
  function add_css$m(target) {
13598
- append_styles(target, "svelte-mut6o2", ".icon.svelte-mut6o2{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
13599
+ append_styles(target, "svelte-19rssou", ".icon.svelte-19rssou{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
13599
13600
  }
13600
13601
 
13601
13602
  // (24:0) <svelte:element {...attributes} this={element} class="icon" style={style} data-layer-id={layerId} on:click={handleClick} >
@@ -13643,7 +13644,7 @@ function create_dynamic_element$a(ctx) {
13643
13644
  set_attributes(svelte_element, svelte_element_data);
13644
13645
  }
13645
13646
 
13646
- toggle_class(svelte_element, "svelte-mut6o2", true);
13647
+ toggle_class(svelte_element, "svelte-19rssou", true);
13647
13648
  },
13648
13649
  m(target, anchor) {
13649
13650
  insert(target, svelte_element, anchor);
@@ -13696,7 +13697,7 @@ function create_dynamic_element$a(ctx) {
13696
13697
  set_attributes(svelte_element, svelte_element_data);
13697
13698
  }
13698
13699
 
13699
- toggle_class(svelte_element, "svelte-mut6o2", true);
13700
+ toggle_class(svelte_element, "svelte-19rssou", true);
13700
13701
  },
13701
13702
  i(local) {
13702
13703
  if (current) return;
@@ -13994,7 +13995,7 @@ function darkenColor(color, percent) {
13994
13995
  /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
13995
13996
 
13996
13997
  function add_css$l(target) {
13997
- 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}");
13998
+ 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}");
13998
13999
  }
13999
14000
 
14000
14001
  // (91:2) {#if props.isIcon && props.iconVariant}
@@ -14018,7 +14019,7 @@ function create_if_block$9(ctx) {
14018
14019
  c() {
14019
14020
  div = element("div");
14020
14021
  create_component(icon.$$.fragment);
14021
- attr(div, "class", "button-icon svelte-brd6e9");
14022
+ attr(div, "class", "button-icon svelte-o2gomt");
14022
14023
  },
14023
14024
  m(target, anchor) {
14024
14025
  insert(target, div, anchor);
@@ -14094,7 +14095,7 @@ function create_dynamic_element$9(ctx) {
14094
14095
  set_attributes(svelte_element, svelte_element_data);
14095
14096
  }
14096
14097
 
14097
- toggle_class(svelte_element, "svelte-brd6e9", true);
14098
+ toggle_class(svelte_element, "svelte-o2gomt", true);
14098
14099
  },
14099
14100
  m(target, anchor) {
14100
14101
  insert(target, svelte_element, anchor);
@@ -14149,7 +14150,7 @@ function create_dynamic_element$9(ctx) {
14149
14150
  set_attributes(svelte_element, svelte_element_data);
14150
14151
  }
14151
14152
 
14152
- toggle_class(svelte_element, "svelte-brd6e9", true);
14153
+ toggle_class(svelte_element, "svelte-o2gomt", true);
14153
14154
  },
14154
14155
  i(local) {
14155
14156
  if (current) return;
@@ -14424,7 +14425,7 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
14424
14425
  /* src/components-flex/button-outlined/ButtonOutlined.svelte generated by Svelte v3.53.1 */
14425
14426
 
14426
14427
  function add_css$k(target) {
14427
- 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}");
14428
+ 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}");
14428
14429
  }
14429
14430
 
14430
14431
  // (53:2) {#if props.isIcon && props.iconVariant}
@@ -14448,7 +14449,7 @@ function create_if_block$8(ctx) {
14448
14449
  c() {
14449
14450
  div = element("div");
14450
14451
  create_component(icon.$$.fragment);
14451
- attr(div, "class", "button-outlined-icon svelte-ypshn1");
14452
+ attr(div, "class", "button-outlined-icon svelte-38fju1");
14452
14453
  },
14453
14454
  m(target, anchor) {
14454
14455
  insert(target, div, anchor);
@@ -14515,7 +14516,7 @@ function create_dynamic_element$8(ctx) {
14515
14516
  t0 = space();
14516
14517
  span = element("span");
14517
14518
  t1 = text(t1_value);
14518
- attr(span, "class", "button-outlined-label svelte-ypshn1");
14519
+ attr(span, "class", "button-outlined-label svelte-38fju1");
14519
14520
 
14520
14521
  if ((/-/).test(/*element*/ ctx[4])) {
14521
14522
  set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -14523,7 +14524,7 @@ function create_dynamic_element$8(ctx) {
14523
14524
  set_attributes(svelte_element, svelte_element_data);
14524
14525
  }
14525
14526
 
14526
- toggle_class(svelte_element, "svelte-ypshn1", true);
14527
+ toggle_class(svelte_element, "svelte-38fju1", true);
14527
14528
  },
14528
14529
  m(target, anchor) {
14529
14530
  insert(target, svelte_element, anchor);
@@ -14577,7 +14578,7 @@ function create_dynamic_element$8(ctx) {
14577
14578
  set_attributes(svelte_element, svelte_element_data);
14578
14579
  }
14579
14580
 
14580
- toggle_class(svelte_element, "svelte-ypshn1", true);
14581
+ toggle_class(svelte_element, "svelte-38fju1", true);
14581
14582
  },
14582
14583
  i(local) {
14583
14584
  if (current) return;
@@ -14769,7 +14770,7 @@ const getButtonTextThemeStyles = getPropStyles(callback$2);
14769
14770
  /* src/components-flex/button-text/ButtonText.svelte generated by Svelte v3.53.1 */
14770
14771
 
14771
14772
  function add_css$j(target) {
14772
- 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}");
14773
+ 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}");
14773
14774
  }
14774
14775
 
14775
14776
  // (49:2) {#if props.isIcon && props.iconVariant}
@@ -14793,7 +14794,7 @@ function create_if_block$7(ctx) {
14793
14794
  c() {
14794
14795
  div = element("div");
14795
14796
  create_component(icon.$$.fragment);
14796
- attr(div, "class", "button-text-icon svelte-lted9r");
14797
+ attr(div, "class", "button-text-icon svelte-1xgvp8r");
14797
14798
  },
14798
14799
  m(target, anchor) {
14799
14800
  insert(target, div, anchor);
@@ -14860,7 +14861,7 @@ function create_dynamic_element$7(ctx) {
14860
14861
  t0 = space();
14861
14862
  span = element("span");
14862
14863
  t1 = text(t1_value);
14863
- attr(span, "class", "button-text-label svelte-lted9r");
14864
+ attr(span, "class", "button-text-label svelte-1xgvp8r");
14864
14865
 
14865
14866
  if ((/-/).test(/*element*/ ctx[4])) {
14866
14867
  set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -14868,7 +14869,7 @@ function create_dynamic_element$7(ctx) {
14868
14869
  set_attributes(svelte_element, svelte_element_data);
14869
14870
  }
14870
14871
 
14871
- toggle_class(svelte_element, "svelte-lted9r", true);
14872
+ toggle_class(svelte_element, "svelte-1xgvp8r", true);
14872
14873
  },
14873
14874
  m(target, anchor) {
14874
14875
  insert(target, svelte_element, anchor);
@@ -14922,7 +14923,7 @@ function create_dynamic_element$7(ctx) {
14922
14923
  set_attributes(svelte_element, svelte_element_data);
14923
14924
  }
14924
14925
 
14925
- toggle_class(svelte_element, "svelte-lted9r", true);
14926
+ toggle_class(svelte_element, "svelte-1xgvp8r", true);
14926
14927
  },
14927
14928
  i(local) {
14928
14929
  if (current) return;
@@ -15070,7 +15071,7 @@ const BUTTON_TEXT_THEME = {
15070
15071
  /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
15071
15072
 
15072
15073
  function add_css$i(target) {
15073
- 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}");
15074
+ 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}");
15074
15075
  }
15075
15076
 
15076
15077
  // (90:2) {#if hasLabel}
@@ -15086,7 +15087,7 @@ function create_if_block$6(ctx) {
15086
15087
 
15087
15088
  attr(span, "class", "close-button-label " + (/*isLeftLabelPlacement*/ ctx[10]
15088
15089
  ? 'close-button-order-one'
15089
- : '') + " svelte-3133h2");
15090
+ : '') + " svelte-3mvsv6");
15090
15091
  },
15091
15092
  m(target, anchor) {
15092
15093
  insert(target, span, anchor);
@@ -15146,7 +15147,7 @@ function create_dynamic_element$6(ctx) {
15146
15147
  set_style(svg, "width", "100%");
15147
15148
  set_style(svg, "height", "100%");
15148
15149
  attr(svg, "fill", /*color*/ ctx[8]);
15149
- attr(svg, "class", "svelte-3133h2");
15150
+ attr(svg, "class", "svelte-3mvsv6");
15150
15151
  attr(span, "style", /*iconStyle*/ ctx[1]);
15151
15152
 
15152
15153
  if ((/-/).test(/*element*/ ctx[6])) {
@@ -15155,7 +15156,7 @@ function create_dynamic_element$6(ctx) {
15155
15156
  set_attributes(svelte_element, svelte_element_data);
15156
15157
  }
15157
15158
 
15158
- toggle_class(svelte_element, "svelte-3133h2", true);
15159
+ toggle_class(svelte_element, "svelte-3mvsv6", true);
15159
15160
  },
15160
15161
  m(target, anchor) {
15161
15162
  insert(target, svelte_element, anchor);
@@ -15201,7 +15202,7 @@ function create_dynamic_element$6(ctx) {
15201
15202
  set_attributes(svelte_element, svelte_element_data);
15202
15203
  }
15203
15204
 
15204
- toggle_class(svelte_element, "svelte-3133h2", true);
15205
+ toggle_class(svelte_element, "svelte-3mvsv6", true);
15205
15206
  },
15206
15207
  d(detaching) {
15207
15208
  if (detaching) detach(svelte_element);
@@ -15438,10 +15439,10 @@ const IMAGE_ROUND_STYLES = {
15438
15439
  /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
15439
15440
 
15440
15441
  function add_css$h(target) {
15441
- 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}");
15442
+ 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}");
15442
15443
  }
15443
15444
 
15444
- // (24:0) <svelte:element this={element} {...attributes} class="image" {style} data-layer-id={layerId} on:click={handleClick} >
15445
+ // (26:0) <svelte:element this={element} {...attributes} class="image" {style} data-layer-id={layerId} on:click={handleClick} >
15445
15446
  function create_dynamic_element$5(ctx) {
15446
15447
  let svelte_element;
15447
15448
  let img;
@@ -15469,7 +15470,7 @@ function create_dynamic_element$5(ctx) {
15469
15470
  img = element("img");
15470
15471
  if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
15471
15472
  attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
15472
- attr(img, "class", "image-img svelte-1y7kpsc");
15473
+ attr(img, "class", "image-img svelte-rewdem");
15473
15474
 
15474
15475
  if ((/-/).test(/*element*/ ctx[4])) {
15475
15476
  set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -15477,7 +15478,7 @@ function create_dynamic_element$5(ctx) {
15477
15478
  set_attributes(svelte_element, svelte_element_data);
15478
15479
  }
15479
15480
 
15480
- toggle_class(svelte_element, "svelte-1y7kpsc", true);
15481
+ toggle_class(svelte_element, "svelte-rewdem", true);
15481
15482
  },
15482
15483
  m(target, anchor) {
15483
15484
  insert(target, svelte_element, anchor);
@@ -15510,7 +15511,7 @@ function create_dynamic_element$5(ctx) {
15510
15511
  set_attributes(svelte_element, svelte_element_data);
15511
15512
  }
15512
15513
 
15513
- toggle_class(svelte_element, "svelte-1y7kpsc", true);
15514
+ toggle_class(svelte_element, "svelte-rewdem", true);
15514
15515
  },
15515
15516
  d(detaching) {
15516
15517
  if (detaching) detach(svelte_element);
@@ -15571,6 +15572,7 @@ function instance$l($$self, $$props, $$invalidate) {
15571
15572
  useInjectCustomizeCss(props);
15572
15573
  const { attributes, element, handleClick } = useClickable(props);
15573
15574
  const aspectVariantStyles = ASPECT_VARIANT[props.aspectVariant]?.getProps();
15575
+ const width = props.width ?? '100%';
15574
15576
 
15575
15577
  $$self.$$set = $$props => {
15576
15578
  if ('props' in $$props) $$invalidate(0, props = $$props.props);
@@ -15583,7 +15585,8 @@ function instance$l($$self, $$props, $$invalidate) {
15583
15585
  ...props.borderTopLeftRadius
15584
15586
  ? toCssRadius(props)
15585
15587
  : IMAGE_ROUND_STYLES[props.shape ?? 'square'],
15586
- width: props.width ?? '100%',
15588
+ width,
15589
+ flexShrink: String(width).indexOf('px') !== -1 ? 0 : 1,
15587
15590
  height: props.height ?? 'auto',
15588
15591
  aspectRatio: props.aspect ?? aspectVariantStyles?.aspect,
15589
15592
  ...toCssCommon(props),
@@ -15623,7 +15626,7 @@ const IMAGE_ASPECT_VARIANTS = {
15623
15626
  /* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
15624
15627
 
15625
15628
  function add_css$g(target) {
15626
- 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}");
15629
+ 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}");
15627
15630
  }
15628
15631
 
15629
15632
  // (28:0) <svelte:element {...attributes} this="div" class="layout" style={style} data-layer-id={layerId} on:click={handleClick} >
@@ -15659,7 +15662,7 @@ function create_dynamic_element$4(ctx) {
15659
15662
  set_attributes(svelte_element, svelte_element_data);
15660
15663
  }
15661
15664
 
15662
- toggle_class(svelte_element, "svelte-1tjo4al", true);
15665
+ toggle_class(svelte_element, "svelte-139vx15", true);
15663
15666
  },
15664
15667
  m(target, anchor) {
15665
15668
  insert(target, svelte_element, anchor);
@@ -15704,7 +15707,7 @@ function create_dynamic_element$4(ctx) {
15704
15707
  set_attributes(svelte_element, svelte_element_data);
15705
15708
  }
15706
15709
 
15707
- toggle_class(svelte_element, "svelte-1tjo4al", true);
15710
+ toggle_class(svelte_element, "svelte-139vx15", true);
15708
15711
  },
15709
15712
  i(local) {
15710
15713
  if (current) return;
@@ -15828,7 +15831,7 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
15828
15831
  /* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
15829
15832
 
15830
15833
  function add_css$f(target) {
15831
- append_styles(target, "svelte-1k4xkut", ".slider-list.svelte-1k4xkut{-webkit-user-drag:none;margin:0;padding:0;list-style:none}");
15834
+ append_styles(target, "svelte-1slel1d", ".slider-list.svelte-1slel1d{-webkit-user-drag:none;margin:0;padding:0;list-style:none}");
15832
15835
  }
15833
15836
 
15834
15837
  function get_each_context$1(ctx, list, i) {
@@ -15930,12 +15933,12 @@ function create_fragment$j(ctx) {
15930
15933
  each_blocks[i].c();
15931
15934
  }
15932
15935
 
15933
- attr(ul, "class", "slider-list svelte-1k4xkut");
15936
+ attr(ul, "class", "slider-list svelte-1slel1d");
15934
15937
  attr(ul, "style", ul_style_value = [/*containerStyle*/ ctx[5], /*overrideStyle*/ ctx[1]].join(' '));
15935
15938
  attr(div0, "style", /*indicatorListStyle*/ ctx[4]);
15936
15939
  attr(div1, "data-layer-id", /*layerId*/ ctx[0]);
15937
15940
  attr(div1, "style", /*style*/ ctx[6]);
15938
- attr(div1, "class", "slider svelte-1k4xkut");
15941
+ attr(div1, "class", "slider svelte-1slel1d");
15939
15942
  },
15940
15943
  m(target, anchor) {
15941
15944
  insert(target, div1, anchor);
@@ -16284,7 +16287,7 @@ class Slider extends SvelteComponent {
16284
16287
  /* src/components-flex/slider/SliderItem.svelte generated by Svelte v3.53.1 */
16285
16288
 
16286
16289
  function add_css$e(target) {
16287
- 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}");
16290
+ 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}");
16288
16291
  }
16289
16292
 
16290
16293
  // (10:2) <svelte:element {...attributes} this={element} class="slider-item-inner" on:click={handleClick} >
@@ -16313,7 +16316,7 @@ function create_dynamic_element$3(ctx) {
16313
16316
  set_attributes(svelte_element, svelte_element_data);
16314
16317
  }
16315
16318
 
16316
- toggle_class(svelte_element, "svelte-j5pon4", true);
16319
+ toggle_class(svelte_element, "svelte-1amglxo", true);
16317
16320
  },
16318
16321
  m(target, anchor) {
16319
16322
  insert(target, svelte_element, anchor);
@@ -16353,7 +16356,7 @@ function create_dynamic_element$3(ctx) {
16353
16356
  set_attributes(svelte_element, svelte_element_data);
16354
16357
  }
16355
16358
 
16356
- toggle_class(svelte_element, "svelte-j5pon4", true);
16359
+ toggle_class(svelte_element, "svelte-1amglxo", true);
16357
16360
  },
16358
16361
  i(local) {
16359
16362
  if (current) return;
@@ -16384,7 +16387,7 @@ function create_fragment$i(ctx) {
16384
16387
  li = element("li");
16385
16388
  if (svelte_element) svelte_element.c();
16386
16389
  attr(li, "data-layer-id", /*layerId*/ ctx[0]);
16387
- attr(li, "class", "slider-item svelte-j5pon4");
16390
+ attr(li, "class", "slider-item svelte-1amglxo");
16388
16391
  },
16389
16392
  m(target, anchor) {
16390
16393
  insert(target, li, anchor);
@@ -16541,7 +16544,7 @@ const TEXT_VARIANTS = {
16541
16544
  /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
16542
16545
 
16543
16546
  function add_css$d(target) {
16544
- append_styles(target, "svelte-14kt34i", ".text.svelte-14kt34i{margin:0;word-break:break-all;text-decoration:none}");
16547
+ append_styles(target, "svelte-vifn7y", ".text.svelte-vifn7y{margin:0;word-break:break-all;text-decoration:none}");
16545
16548
  }
16546
16549
 
16547
16550
  function create_fragment$h(ctx) {
@@ -16550,7 +16553,7 @@ function create_fragment$h(ctx) {
16550
16553
  return {
16551
16554
  c() {
16552
16555
  p = element("p");
16553
- attr(p, "class", "text svelte-14kt34i");
16556
+ attr(p, "class", "text svelte-vifn7y");
16554
16557
  attr(p, "data-layer-id", /*layerId*/ ctx[0]);
16555
16558
  attr(p, "style", /*style*/ ctx[1]);
16556
16559
  },
@@ -16668,7 +16671,7 @@ class Text extends SvelteComponent {
16668
16671
  /* src/components-flex/rich-text/RichText.svelte generated by Svelte v3.53.1 */
16669
16672
 
16670
16673
  function add_css$c(target) {
16671
- 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}");
16674
+ 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}");
16672
16675
  }
16673
16676
 
16674
16677
  function create_fragment$g(ctx) {
@@ -16678,7 +16681,7 @@ function create_fragment$g(ctx) {
16678
16681
  return {
16679
16682
  c() {
16680
16683
  div = element("div");
16681
- attr(div, "class", "rich-text svelte-mq7h73");
16684
+ attr(div, "class", "rich-text svelte-dxr423");
16682
16685
  attr(div, "style", /*style*/ ctx[2]);
16683
16686
  attr(div, "data-layer-id", /*layerId*/ ctx[1]);
16684
16687
  },
@@ -16851,7 +16854,7 @@ const getTextLinkThemeStyles = getPropStyles(callback);
16851
16854
  /* src/components-flex/text-link/TextLink.svelte generated by Svelte v3.53.1 */
16852
16855
 
16853
16856
  function add_css$b(target) {
16854
- 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}");
16857
+ 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}");
16855
16858
  }
16856
16859
 
16857
16860
  // (81:2) {#if props.isIcon && props.iconVariant}
@@ -16944,7 +16947,7 @@ function create_dynamic_element$2(ctx) {
16944
16947
  set_attributes(svelte_element, svelte_element_data);
16945
16948
  }
16946
16949
 
16947
- toggle_class(svelte_element, "svelte-1qyhpm7", true);
16950
+ toggle_class(svelte_element, "svelte-dc9m5n", true);
16948
16951
  },
16949
16952
  m(target, anchor) {
16950
16953
  insert(target, svelte_element, anchor);
@@ -16997,7 +17000,7 @@ function create_dynamic_element$2(ctx) {
16997
17000
  set_attributes(svelte_element, svelte_element_data);
16998
17001
  }
16999
17002
 
17000
- toggle_class(svelte_element, "svelte-1qyhpm7", true);
17003
+ toggle_class(svelte_element, "svelte-dc9m5n", true);
17001
17004
  },
17002
17005
  i(local) {
17003
17006
  if (current) return;
@@ -17180,7 +17183,7 @@ const TEXT_LINK_UNDERLINE = {
17180
17183
  /* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
17181
17184
 
17182
17185
  function add_css$a(target) {
17183
- 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}");
17186
+ 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}");
17184
17187
  }
17185
17188
 
17186
17189
  // (14:0) {#if backgroundOverlay}
@@ -17193,7 +17196,7 @@ function create_if_block$4(ctx) {
17193
17196
  return {
17194
17197
  c() {
17195
17198
  div = element("div");
17196
- attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"));
17199
+ attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
17197
17200
  },
17198
17201
  m(target, anchor) {
17199
17202
  insert(target, div, anchor);
@@ -17204,7 +17207,7 @@ function create_if_block$4(ctx) {
17204
17207
  }
17205
17208
  },
17206
17209
  p(ctx, dirty) {
17207
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"))) {
17210
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
17208
17211
  attr(div, "class", div_class_value);
17209
17212
  }
17210
17213
  },
@@ -17276,10 +17279,10 @@ class BackgroundOverlay extends SvelteComponent {
17276
17279
  /* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
17277
17280
 
17278
17281
  function add_css$9(target) {
17279
- 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}}");
17282
+ 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}}");
17280
17283
  }
17281
17284
 
17282
- // (220:0) {:else}
17285
+ // (219:0) {:else}
17283
17286
  function create_else_block(ctx) {
17284
17287
  let backgroundoverlay;
17285
17288
  let current;
@@ -17291,7 +17294,7 @@ function create_else_block(ctx) {
17291
17294
  });
17292
17295
 
17293
17296
  backgroundoverlay.$on("click", function () {
17294
- if (is_function(/*backgroundClick*/ ctx[13])) /*backgroundClick*/ ctx[13].apply(this, arguments);
17297
+ if (is_function(/*backgroundClick*/ ctx[12])) /*backgroundClick*/ ctx[12].apply(this, arguments);
17295
17298
  });
17296
17299
 
17297
17300
  return {
@@ -17323,7 +17326,7 @@ function create_else_block(ctx) {
17323
17326
  };
17324
17327
  }
17325
17328
 
17326
- // (209:24)
17329
+ // (208:24)
17327
17330
  function create_if_block_2(ctx) {
17328
17331
  let backgroundoverlay0;
17329
17332
  let t;
@@ -17338,7 +17341,7 @@ function create_if_block_2(ctx) {
17338
17341
  });
17339
17342
 
17340
17343
  backgroundoverlay0.$on("click", function () {
17341
- if (is_function(/*backgroundClickPC*/ ctx[12])) /*backgroundClickPC*/ ctx[12].apply(this, arguments);
17344
+ if (is_function(/*backgroundClickPC*/ ctx[11])) /*backgroundClickPC*/ ctx[11].apply(this, arguments);
17342
17345
  });
17343
17346
 
17344
17347
  backgroundoverlay1 = new BackgroundOverlay({
@@ -17349,7 +17352,7 @@ function create_if_block_2(ctx) {
17349
17352
  });
17350
17353
 
17351
17354
  backgroundoverlay1.$on("click", function () {
17352
- if (is_function(/*backgroundClickSP*/ ctx[11])) /*backgroundClickSP*/ ctx[11].apply(this, arguments);
17355
+ if (is_function(/*backgroundClickSP*/ ctx[10])) /*backgroundClickSP*/ ctx[10].apply(this, arguments);
17353
17356
  });
17354
17357
 
17355
17358
  return {
@@ -17392,7 +17395,7 @@ function create_if_block_2(ctx) {
17392
17395
  };
17393
17396
  }
17394
17397
 
17395
- // (207:0) {#if !isOnSite}
17398
+ // (206:0) {#if isCanvasPreview()}
17396
17399
  function create_if_block_1$1(ctx) {
17397
17400
  return {
17398
17401
  c: noop,
@@ -17404,25 +17407,24 @@ function create_if_block_1$1(ctx) {
17404
17407
  };
17405
17408
  }
17406
17409
 
17407
- // (223:0) {#if visible}
17410
+ // (222:0) {#if visible}
17408
17411
  function create_if_block$3(ctx) {
17409
17412
  let div;
17410
17413
  let div_class_value;
17411
- let div_style_value;
17412
17414
  let div_intro;
17413
17415
  let current;
17414
- const default_slot_template = /*#slots*/ ctx[27].default;
17415
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[26], null);
17416
+ const default_slot_template = /*#slots*/ ctx[25].default;
17417
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[24], null);
17416
17418
 
17417
17419
  return {
17418
17420
  c() {
17419
17421
  div = element("div");
17420
17422
  if (default_slot) default_slot.c();
17421
- attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-15b58xm"));
17423
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"));
17422
17424
  attr(div, "role", "dialog");
17423
17425
  attr(div, "aria-modal", "true");
17424
17426
  attr(div, "data-layer-id", /*layerId*/ ctx[2]);
17425
- attr(div, "style", div_style_value = [Array.from(/*modalStyles*/ ctx[15]).join(';'), /*style*/ ctx[9]].join(' '));
17427
+ attr(div, "style", Array.from(/*modalStyles*/ ctx[13]).join(';'));
17426
17428
  },
17427
17429
  m(target, anchor) {
17428
17430
  insert(target, div, anchor);
@@ -17431,38 +17433,34 @@ function create_if_block$3(ctx) {
17431
17433
  default_slot.m(div, null);
17432
17434
  }
17433
17435
 
17434
- /*div_binding*/ ctx[28](div);
17436
+ /*div_binding*/ ctx[26](div);
17435
17437
  current = true;
17436
17438
  },
17437
17439
  p(new_ctx, dirty) {
17438
17440
  ctx = new_ctx;
17439
17441
 
17440
17442
  if (default_slot) {
17441
- if (default_slot.p && (!current || dirty & /*$$scope*/ 67108864)) {
17443
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 16777216)) {
17442
17444
  update_slot_base(
17443
17445
  default_slot,
17444
17446
  default_slot_template,
17445
17447
  ctx,
17446
- /*$$scope*/ ctx[26],
17448
+ /*$$scope*/ ctx[24],
17447
17449
  !current
17448
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[26])
17449
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[26], dirty, null),
17450
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[24])
17451
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[24], dirty, null),
17450
17452
  null
17451
17453
  );
17452
17454
  }
17453
17455
  }
17454
17456
 
17455
- if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-15b58xm"))) {
17457
+ if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"))) {
17456
17458
  attr(div, "class", div_class_value);
17457
17459
  }
17458
17460
 
17459
17461
  if (!current || dirty & /*layerId*/ 4) {
17460
17462
  attr(div, "data-layer-id", /*layerId*/ ctx[2]);
17461
17463
  }
17462
-
17463
- if (!current || dirty & /*style*/ 512 && div_style_value !== (div_style_value = [Array.from(/*modalStyles*/ ctx[15]).join(';'), /*style*/ ctx[9]].join(' '))) {
17464
- attr(div, "style", div_style_value);
17465
- }
17466
17464
  },
17467
17465
  i(local) {
17468
17466
  if (current) return;
@@ -17488,12 +17486,13 @@ function create_if_block$3(ctx) {
17488
17486
  d(detaching) {
17489
17487
  if (detaching) detach(div);
17490
17488
  if (default_slot) default_slot.d(detaching);
17491
- /*div_binding*/ ctx[28](null);
17489
+ /*div_binding*/ ctx[26](null);
17492
17490
  }
17493
17491
  };
17494
17492
  }
17495
17493
 
17496
17494
  function create_fragment$d(ctx) {
17495
+ let show_if;
17497
17496
  let current_block_type_index;
17498
17497
  let if_block0;
17499
17498
  let t;
@@ -17505,7 +17504,8 @@ function create_fragment$d(ctx) {
17505
17504
  const if_blocks = [];
17506
17505
 
17507
17506
  function select_block_type(ctx, dirty) {
17508
- if (!/*isOnSite*/ ctx[14]) return 0;
17507
+ if (show_if == null) show_if = !!isCanvasPreview();
17508
+ if (show_if) return 0;
17509
17509
  if (/*useBreakPoint*/ ctx[0]) return 1;
17510
17510
  return 2;
17511
17511
  }
@@ -17530,7 +17530,7 @@ function create_fragment$d(ctx) {
17530
17530
 
17531
17531
  if (!mounted) {
17532
17532
  dispose = listen(window, "keydown", function () {
17533
- if (is_function(/*handle_keydown*/ ctx[10])) /*handle_keydown*/ ctx[10].apply(this, arguments);
17533
+ if (is_function(/*handle_keydown*/ ctx[9])) /*handle_keydown*/ ctx[9].apply(this, arguments);
17534
17534
  });
17535
17535
 
17536
17536
  mounted = true;
@@ -17616,7 +17616,6 @@ function instance$d($$self, $$props, $$invalidate) {
17616
17616
  let backgroundClickSP;
17617
17617
  let handle_keydown;
17618
17618
  let visible;
17619
- let style;
17620
17619
  let { $$slots: slots = {}, $$scope } = $$props;
17621
17620
  let { useBreakPoint = false } = $$props;
17622
17621
  let { placement } = $$props;
@@ -17629,9 +17628,6 @@ function instance$d($$self, $$props, $$invalidate) {
17629
17628
  let { layerId = '' } = $$props;
17630
17629
  const { brandKit } = useBrandKit();
17631
17630
 
17632
- // falseが明示的に指定されている場合以外はtrueにする
17633
- const isOnSite = (document.querySelector('#preview')?.getAttribute('data-on-site') ?? 'true') !== 'false';
17634
-
17635
17631
  // モーダル背景の設定
17636
17632
  const isExistBackgroundOverlayValue = placement && placement.backgroundOverlay !== undefined;
17637
17633
 
@@ -17663,20 +17659,20 @@ function instance$d($$self, $$props, $$invalidate) {
17663
17659
 
17664
17660
  $$self.$$set = $$props => {
17665
17661
  if ('useBreakPoint' in $$props) $$invalidate(0, useBreakPoint = $$props.useBreakPoint);
17666
- if ('placement' in $$props) $$invalidate(16, placement = $$props.placement);
17667
- if ('breakPoint' in $$props) $$invalidate(17, breakPoint = $$props.breakPoint);
17668
- if ('elasticity' in $$props) $$invalidate(18, elasticity = $$props.elasticity);
17662
+ if ('placement' in $$props) $$invalidate(14, placement = $$props.placement);
17663
+ if ('breakPoint' in $$props) $$invalidate(15, breakPoint = $$props.breakPoint);
17664
+ if ('elasticity' in $$props) $$invalidate(16, elasticity = $$props.elasticity);
17669
17665
  if ('animation' in $$props) $$invalidate(1, animation = $$props.animation);
17670
- if ('props' in $$props) $$invalidate(19, props = $$props.props);
17671
- if ('closeEventName' in $$props) $$invalidate(20, closeEventName = $$props.closeEventName);
17672
- if ('closeEventValue' in $$props) $$invalidate(21, closeEventValue = $$props.closeEventValue);
17666
+ if ('props' in $$props) $$invalidate(17, props = $$props.props);
17667
+ if ('closeEventName' in $$props) $$invalidate(18, closeEventName = $$props.closeEventName);
17668
+ if ('closeEventValue' in $$props) $$invalidate(19, closeEventValue = $$props.closeEventValue);
17673
17669
  if ('layerId' in $$props) $$invalidate(2, layerId = $$props.layerId);
17674
- if ('$$scope' in $$props) $$invalidate(26, $$scope = $$props.$$scope);
17670
+ if ('$$scope' in $$props) $$invalidate(24, $$scope = $$props.$$scope);
17675
17671
  };
17676
17672
 
17677
17673
  $$self.$$.update = () => {
17678
- if ($$self.$$.dirty & /*closeEventName, closeEventValue*/ 3145728) {
17679
- $$invalidate(25, close = () => {
17674
+ if ($$self.$$.dirty & /*closeEventName, closeEventValue*/ 786432) {
17675
+ $$invalidate(23, close = () => {
17680
17676
  const onClose = { operation: 'closeApp', args: ['button'] };
17681
17677
 
17682
17678
  if (closeEventName) {
@@ -17687,9 +17683,9 @@ function instance$d($$self, $$props, $$invalidate) {
17687
17683
  });
17688
17684
  }
17689
17685
 
17690
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 196609) {
17686
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
17691
17687
  {
17692
- if (isOnSite && isExistBackgroundOverlayValue) {
17688
+ if (!isCanvasPreview() && isExistBackgroundOverlayValue) {
17693
17689
  $$invalidate(4, backgroundOverlay = placement.backgroundOverlay);
17694
17690
  }
17695
17691
 
@@ -17702,30 +17698,30 @@ function instance$d($$self, $$props, $$invalidate) {
17702
17698
  }
17703
17699
  }
17704
17700
 
17705
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 196609) {
17701
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
17706
17702
  {
17707
17703
  if (placement && placement.backgroundClick) {
17708
- $$invalidate(22, backgroundClickFunction = placement.backgroundClick);
17704
+ $$invalidate(20, backgroundClickFunction = placement.backgroundClick);
17709
17705
  }
17710
17706
 
17711
17707
  if (useBreakPoint) {
17712
17708
  const pc = breakPoint?.PC?.placement?.backgroundClick;
17713
17709
 
17714
17710
  if (pc) {
17715
- $$invalidate(23, backgroundClickFunctionPC = pc);
17711
+ $$invalidate(21, backgroundClickFunctionPC = pc);
17716
17712
  }
17717
17713
 
17718
17714
  const sp = breakPoint?.SP?.placement?.backgroundClick;
17719
17715
 
17720
17716
  if (sp) {
17721
- $$invalidate(24, backgroundClickFunctionSP = sp);
17717
+ $$invalidate(22, backgroundClickFunctionSP = sp);
17722
17718
  }
17723
17719
  }
17724
17720
  }
17725
17721
  }
17726
17722
 
17727
- if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 7340032) {
17728
- $$invalidate(13, backgroundClick = () => {
17723
+ if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 1835008) {
17724
+ $$invalidate(12, backgroundClick = () => {
17729
17725
  if (closeEventName) {
17730
17726
  send_event(closeEventName, closeEventValue);
17731
17727
  }
@@ -17734,8 +17730,8 @@ function instance$d($$self, $$props, $$invalidate) {
17734
17730
  });
17735
17731
  }
17736
17732
 
17737
- if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 11534336) {
17738
- $$invalidate(12, backgroundClickPC = () => {
17733
+ if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 2883584) {
17734
+ $$invalidate(11, backgroundClickPC = () => {
17739
17735
  if (closeEventName) {
17740
17736
  send_event(closeEventName, closeEventValue);
17741
17737
  }
@@ -17744,8 +17740,8 @@ function instance$d($$self, $$props, $$invalidate) {
17744
17740
  });
17745
17741
  }
17746
17742
 
17747
- if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 19922944) {
17748
- $$invalidate(11, backgroundClickSP = () => {
17743
+ if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 4980736) {
17744
+ $$invalidate(10, backgroundClickSP = () => {
17749
17745
  if (closeEventName) {
17750
17746
  send_event(closeEventName, closeEventValue);
17751
17747
  }
@@ -17754,13 +17750,13 @@ function instance$d($$self, $$props, $$invalidate) {
17754
17750
  });
17755
17751
  }
17756
17752
 
17757
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, transforms*/ 196617) {
17753
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, transforms*/ 49161) {
17758
17754
  // 表示位置のスタイルとアニメーションの動きを設定
17759
17755
  {
17760
17756
  // 表示位置のスタイルの設定
17761
17757
  let position = DefaultModalPlacement.position;
17762
17758
 
17763
- if (isOnSite && placement && placement.position !== null) {
17759
+ if (!isCanvasPreview() && placement && placement.position !== null) {
17764
17760
  position = placement.position;
17765
17761
  }
17766
17762
 
@@ -17777,7 +17773,7 @@ function instance$d($$self, $$props, $$invalidate) {
17777
17773
  $$invalidate(3, transforms = []);
17778
17774
 
17779
17775
  DEVICE_IDS.forEach(deviceId => {
17780
- if (isOnSite && useBreakPoint) {
17776
+ if (!isCanvasPreview() && useBreakPoint) {
17781
17777
  const positionWithBp = breakPoint[deviceId]?.placement?.position;
17782
17778
 
17783
17779
  transforms.push({
@@ -17802,12 +17798,12 @@ function instance$d($$self, $$props, $$invalidate) {
17802
17798
  }
17803
17799
  }
17804
17800
 
17805
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 196609) {
17801
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, props*/ 180225) {
17806
17802
  // 表示位置の調整のスタイルを設定
17807
17803
  {
17808
17804
  let margin = DefaultModalPlacement.margin;
17809
17805
 
17810
- if (isOnSite && placement && placement.margin !== null) {
17806
+ if (!isCanvasPreview() && placement && placement.margin !== null) {
17811
17807
  margin = placement.margin;
17812
17808
  }
17813
17809
 
@@ -17818,7 +17814,7 @@ function instance$d($$self, $$props, $$invalidate) {
17818
17814
  }
17819
17815
 
17820
17816
  DEVICE_IDS.forEach(deviceId => {
17821
- if (isOnSite && useBreakPoint) {
17817
+ if (!isCanvasPreview() && useBreakPoint) {
17822
17818
  const marginWithBp = breakPoint[deviceId]?.placement?.margin;
17823
17819
  marginStyle = getMarginStyle(marginWithBp);
17824
17820
  }
@@ -17831,23 +17827,23 @@ function instance$d($$self, $$props, $$invalidate) {
17831
17827
 
17832
17828
  modalStyles.add(marginVariables);
17833
17829
  });
17834
- }
17835
- }
17836
17830
 
17837
- if ($$self.$$.dirty & /*close*/ 33554432) {
17838
- $$invalidate(10, handle_keydown = handleKeydown({ Escape: close }));
17831
+ const propsStyle = objToStyle({
17832
+ width: props.width,
17833
+ ...toCssOverflow(props),
17834
+ ...toCssShadow(props),
17835
+ ...toCssRadius(props),
17836
+ ...toCssBackgroundImage(props),
17837
+ ...toCssBackgroundColor(props),
17838
+ ...toCssBorder(props)
17839
+ });
17840
+
17841
+ modalStyles.add(propsStyle);
17842
+ }
17839
17843
  }
17840
17844
 
17841
- if ($$self.$$.dirty & /*props*/ 524288) {
17842
- $$invalidate(9, style = objToStyle({
17843
- width: props.width,
17844
- ...toCssOverflow(props),
17845
- ...toCssShadow(props),
17846
- ...toCssRadius(props),
17847
- ...toCssBackgroundImage(props),
17848
- ...toCssBackgroundColor(props),
17849
- ...toCssBorder(props)
17850
- }));
17845
+ if ($$self.$$.dirty & /*close*/ 8388608) {
17846
+ $$invalidate(9, handle_keydown = handleKeydown({ Escape: close }));
17851
17847
  }
17852
17848
  };
17853
17849
 
@@ -17866,12 +17862,10 @@ function instance$d($$self, $$props, $$invalidate) {
17866
17862
  backgroundOverlaySP,
17867
17863
  modal,
17868
17864
  visible,
17869
- style,
17870
17865
  handle_keydown,
17871
17866
  backgroundClickSP,
17872
17867
  backgroundClickPC,
17873
17868
  backgroundClick,
17874
- isOnSite,
17875
17869
  modalStyles,
17876
17870
  placement,
17877
17871
  breakPoint,
@@ -17901,13 +17895,13 @@ class Modal extends SvelteComponent {
17901
17895
  safe_not_equal,
17902
17896
  {
17903
17897
  useBreakPoint: 0,
17904
- placement: 16,
17905
- breakPoint: 17,
17906
- elasticity: 18,
17898
+ placement: 14,
17899
+ breakPoint: 15,
17900
+ elasticity: 16,
17907
17901
  animation: 1,
17908
- props: 19,
17909
- closeEventName: 20,
17910
- closeEventValue: 21,
17902
+ props: 17,
17903
+ closeEventName: 18,
17904
+ closeEventValue: 19,
17911
17905
  layerId: 2
17912
17906
  },
17913
17907
  add_css$9
@@ -17918,7 +17912,7 @@ class Modal extends SvelteComponent {
17918
17912
  /* src/components-flex/code/Code.svelte generated by Svelte v3.53.1 */
17919
17913
 
17920
17914
  function add_css$8(target) {
17921
- append_styles(target, "svelte-jviwnb", ".code.svelte-jviwnb{flex-grow:1;flex-shrink:0;align-self:stretch}");
17915
+ append_styles(target, "svelte-igivoz", ".code.svelte-igivoz{flex-grow:1;flex-shrink:0;align-self:stretch}");
17922
17916
  }
17923
17917
 
17924
17918
  function create_fragment$c(ctx) {
@@ -17928,7 +17922,7 @@ function create_fragment$c(ctx) {
17928
17922
  return {
17929
17923
  c() {
17930
17924
  div = element("div");
17931
- attr(div, "class", "code svelte-jviwnb");
17925
+ attr(div, "class", "code svelte-igivoz");
17932
17926
  attr(div, "data-layer-id", /*layerId*/ ctx[1]);
17933
17927
  },
17934
17928
  m(target, anchor) {
@@ -18010,7 +18004,7 @@ const LIST_ITEM_CONTEXT_KEY = 'ListItemContext';
18010
18004
  /* src/components-flex/list/List.svelte generated by Svelte v3.53.1 */
18011
18005
 
18012
18006
  function add_css$7(target) {
18013
- 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)}");
18007
+ 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)}");
18014
18008
  }
18015
18009
 
18016
18010
  function create_fragment$b(ctx) {
@@ -18024,7 +18018,7 @@ function create_fragment$b(ctx) {
18024
18018
  ul = element("ul");
18025
18019
  if (default_slot) default_slot.c();
18026
18020
  attr(ul, "data-layer-id", /*layerId*/ ctx[0]);
18027
- attr(ul, "class", "list svelte-5g0mcl");
18021
+ attr(ul, "class", "list svelte-v2vy6p");
18028
18022
  attr(ul, "style", /*style*/ ctx[1]);
18029
18023
  },
18030
18024
  m(target, anchor) {
@@ -18147,7 +18141,7 @@ class List extends SvelteComponent {
18147
18141
  /* src/components-flex/list/ListItem.svelte generated by Svelte v3.53.1 */
18148
18142
 
18149
18143
  function add_css$6(target) {
18150
- 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)}");
18144
+ 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)}");
18151
18145
  }
18152
18146
 
18153
18147
  // (30:2) <svelte:element {...attributes} this={element} class="list-item-inner" style={innerStyle} on:click={handleClick} >
@@ -18182,7 +18176,7 @@ function create_dynamic_element$1(ctx) {
18182
18176
  set_attributes(svelte_element, svelte_element_data);
18183
18177
  }
18184
18178
 
18185
- toggle_class(svelte_element, "svelte-1e6dn58", true);
18179
+ toggle_class(svelte_element, "svelte-1223veg", true);
18186
18180
  },
18187
18181
  m(target, anchor) {
18188
18182
  insert(target, svelte_element, anchor);
@@ -18226,7 +18220,7 @@ function create_dynamic_element$1(ctx) {
18226
18220
  set_attributes(svelte_element, svelte_element_data);
18227
18221
  }
18228
18222
 
18229
- toggle_class(svelte_element, "svelte-1e6dn58", true);
18223
+ toggle_class(svelte_element, "svelte-1223veg", true);
18230
18224
  },
18231
18225
  i(local) {
18232
18226
  if (current) return;
@@ -18256,7 +18250,7 @@ function create_fragment$a(ctx) {
18256
18250
  c() {
18257
18251
  li = element("li");
18258
18252
  if (svelte_element) svelte_element.c();
18259
- attr(li, "class", "list-item svelte-1e6dn58");
18253
+ attr(li, "class", "list-item svelte-1223veg");
18260
18254
  attr(li, "data-layer-id", /*layerId*/ ctx[0]);
18261
18255
  attr(li, "style", /*style*/ ctx[2]);
18262
18256
  },
@@ -18402,7 +18396,7 @@ function splitNumberAndUnit(value) {
18402
18396
  /* src/components-flex/multi-column/MultiColumn.svelte generated by Svelte v3.53.1 */
18403
18397
 
18404
18398
  function add_css$5(target) {
18405
- append_styles(target, "svelte-1csavnh", ".list.svelte-1csavnh{padding:0;margin:0;list-style:none;display:flex;flex-direction:row}");
18399
+ append_styles(target, "svelte-aoppwp", ".list.svelte-aoppwp{padding:0;margin:0;list-style:none;display:flex;flex-direction:row}");
18406
18400
  }
18407
18401
 
18408
18402
  function create_fragment$9(ctx) {
@@ -18416,7 +18410,7 @@ function create_fragment$9(ctx) {
18416
18410
  ul = element("ul");
18417
18411
  if (default_slot) default_slot.c();
18418
18412
  attr(ul, "data-layer-id", /*layerId*/ ctx[0]);
18419
- attr(ul, "class", "list svelte-1csavnh");
18413
+ attr(ul, "class", "list svelte-aoppwp");
18420
18414
  attr(ul, "style", /*style*/ ctx[1]);
18421
18415
  },
18422
18416
  m(target, anchor) {
@@ -18528,7 +18522,7 @@ class MultiColumn extends SvelteComponent {
18528
18522
  /* src/components-flex/multi-column/MultiColumnItem.svelte generated by Svelte v3.53.1 */
18529
18523
 
18530
18524
  function add_css$4(target) {
18531
- 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)}");
18525
+ 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)}");
18532
18526
  }
18533
18527
 
18534
18528
  // (28:2) <svelte:element {...attributes} this={element} class="multi-column-item-inner" on:click={handleClick} >
@@ -18557,7 +18551,7 @@ function create_dynamic_element(ctx) {
18557
18551
  set_attributes(svelte_element, svelte_element_data);
18558
18552
  }
18559
18553
 
18560
- toggle_class(svelte_element, "svelte-1mk0qj6", true);
18554
+ toggle_class(svelte_element, "svelte-1blzs1a", true);
18561
18555
  },
18562
18556
  m(target, anchor) {
18563
18557
  insert(target, svelte_element, anchor);
@@ -18597,7 +18591,7 @@ function create_dynamic_element(ctx) {
18597
18591
  set_attributes(svelte_element, svelte_element_data);
18598
18592
  }
18599
18593
 
18600
- toggle_class(svelte_element, "svelte-1mk0qj6", true);
18594
+ toggle_class(svelte_element, "svelte-1blzs1a", true);
18601
18595
  },
18602
18596
  i(local) {
18603
18597
  if (current) return;
@@ -18627,7 +18621,7 @@ function create_fragment$8(ctx) {
18627
18621
  c() {
18628
18622
  li = element("li");
18629
18623
  if (svelte_element) svelte_element.c();
18630
- attr(li, "class", "multi-column-item svelte-1mk0qj6");
18624
+ attr(li, "class", "multi-column-item svelte-1blzs1a");
18631
18625
  attr(li, "data-layer-id", /*layerId*/ ctx[0]);
18632
18626
  attr(li, "style", /*style*/ ctx[1]);
18633
18627
  },
@@ -18742,7 +18736,7 @@ class MultiColumnItem extends SvelteComponent {
18742
18736
  /* src/components-flex/youtube/Youtube.svelte generated by Svelte v3.53.1 */
18743
18737
 
18744
18738
  function add_css$3(target) {
18745
- 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}");
18739
+ 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}");
18746
18740
  }
18747
18741
 
18748
18742
  function create_fragment$7(ctx) {
@@ -18754,7 +18748,7 @@ function create_fragment$7(ctx) {
18754
18748
  div1 = element("div");
18755
18749
  div0 = element("div");
18756
18750
  attr(div0, "class", "youtube-player");
18757
- attr(div1, "class", "youtube svelte-1bgnrue");
18751
+ attr(div1, "class", "youtube svelte-odfkc2");
18758
18752
  attr(div1, "style", /*style*/ ctx[2]);
18759
18753
  attr(div1, "data-layer-id", /*layerId*/ ctx[0]);
18760
18754
  },
@@ -18901,7 +18895,7 @@ class Youtube extends SvelteComponent {
18901
18895
  /* src/components-flex/count-down/CountDown.svelte generated by Svelte v3.53.1 */
18902
18896
 
18903
18897
  function add_css$2(target) {
18904
- append_styles(target, "svelte-1eft5i1", ".countdown.svelte-1eft5i1{display:flex;align-items:center;gap:4px}");
18898
+ append_styles(target, "svelte-1n395il", ".countdown.svelte-1n395il{display:flex;align-items:center;gap:4px}");
18905
18899
  }
18906
18900
 
18907
18901
  const get_default_slot_changes = dirty => ({
@@ -18928,7 +18922,7 @@ function create_fragment$6(ctx) {
18928
18922
  c() {
18929
18923
  div = element("div");
18930
18924
  if (default_slot) default_slot.c();
18931
- attr(div, "class", "countdown svelte-1eft5i1");
18925
+ attr(div, "class", "countdown svelte-1n395il");
18932
18926
  attr(div, "data-layer-id", /*layerId*/ ctx[0]);
18933
18927
  },
18934
18928
  m(target, anchor) {
@@ -19223,7 +19217,7 @@ class CountDownValue extends SvelteComponent {
19223
19217
  /* src/components-flex/clip-copy/ClipCopy.svelte generated by Svelte v3.53.1 */
19224
19218
 
19225
19219
  function add_css$1(target) {
19226
- 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%)}");
19220
+ 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%)}");
19227
19221
  }
19228
19222
 
19229
19223
  function create_fragment$4(ctx) {
@@ -19247,10 +19241,10 @@ function create_fragment$4(ctx) {
19247
19241
  t0 = space();
19248
19242
  span = element("span");
19249
19243
  t1 = text("コピーしました");
19250
- attr(button, "class", "clipboard-button svelte-1z01gne");
19244
+ attr(button, "class", "clipboard-button svelte-30zd8m");
19251
19245
  attr(span, "aria-hidden", span_aria_hidden_value = !/*showTooltip*/ ctx[2]);
19252
- attr(span, "class", "clipboard-tooltip svelte-1z01gne");
19253
- attr(div, "class", "clipboard svelte-1z01gne");
19246
+ attr(span, "class", "clipboard-tooltip svelte-30zd8m");
19247
+ attr(div, "class", "clipboard svelte-30zd8m");
19254
19248
  attr(div, "data-layer-id", /*layerId*/ ctx[0]);
19255
19249
  },
19256
19250
  m(target, anchor) {
@@ -19860,7 +19854,7 @@ class State extends SvelteComponent {
19860
19854
  /* src/components-flex/state/StateItem.svelte generated by Svelte v3.53.1 */
19861
19855
 
19862
19856
  function add_css(target) {
19863
- append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
19857
+ append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
19864
19858
  }
19865
19859
 
19866
19860
  // (22:0) {#if $state === path}
@@ -19877,7 +19871,7 @@ function create_if_block$1(ctx) {
19877
19871
  t = space();
19878
19872
  if (default_slot) default_slot.c();
19879
19873
  attr(div, "data-state-path", /*path*/ ctx[0]);
19880
- attr(div, "class", "state-item svelte-1amihue");
19874
+ attr(div, "class", "state-item svelte-2qb6dm");
19881
19875
  },
19882
19876
  m(target, anchor) {
19883
19877
  insert(target, div, anchor);
@@ -20446,7 +20440,7 @@ function get_each_context(ctx, list, i) {
20446
20440
  return child_ctx;
20447
20441
  }
20448
20442
 
20449
- // (13:0) {#if component}
20443
+ // (12:0) {#if component}
20450
20444
  function create_if_block(ctx) {
20451
20445
  let switch_instance;
20452
20446
  let switch_instance_anchor;
@@ -20530,7 +20524,7 @@ function create_if_block(ctx) {
20530
20524
  };
20531
20525
  }
20532
20526
 
20533
- // (20:4) {#if option.children}
20527
+ // (19:4) {#if option.children}
20534
20528
  function create_if_block_1(ctx) {
20535
20529
  let each_1_anchor;
20536
20530
  let current;
@@ -20614,7 +20608,7 @@ function create_if_block_1(ctx) {
20614
20608
  };
20615
20609
  }
20616
20610
 
20617
- // (21:6) {#each option.children as child}
20611
+ // (20:6) {#each option.children as child}
20618
20612
  function create_each_block(ctx) {
20619
20613
  let thumbnailpreview;
20620
20614
  let current;
@@ -20648,7 +20642,7 @@ function create_each_block(ctx) {
20648
20642
  };
20649
20643
  }
20650
20644
 
20651
- // (14:2) <svelte:component this={component} props={'previewProps' in option && typeof option.previewProps !== 'undefined' ? option.previewProps : option.props} >
20645
+ // (13:2) <svelte:component this={component} props={'previewProps' in option && typeof option.previewProps !== 'undefined' ? option.previewProps : option.props} >
20652
20646
  function create_default_slot(ctx) {
20653
20647
  let if_block_anchor;
20654
20648
  let current;
@@ -20763,7 +20757,6 @@ function instance($$self, $$props, $$invalidate) {
20763
20757
  let component;
20764
20758
  let { option = {} } = $$props;
20765
20759
  let { customBrandKit = undefined } = $$props;
20766
- console.log('option', option);
20767
20760
 
20768
20761
  const getComponent = key => {
20769
20762
  return key in sdk ? sdk[key] : null;