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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3035,8 +3035,8 @@ class State extends SvelteComponent {
3035
3035
 
3036
3036
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
3037
3037
 
3038
- function add_css$I(target) {
3039
- append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
3038
+ function add_css$J(target) {
3039
+ append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
3040
3040
  }
3041
3041
 
3042
3042
  // (23:0) {#if $state === path}
@@ -3063,7 +3063,7 @@ function create_if_block$f(ctx) {
3063
3063
  },
3064
3064
  h() {
3065
3065
  attr(div, "data-state-path", /*path*/ ctx[0]);
3066
- attr(div, "class", "state-item svelte-1amihue");
3066
+ attr(div, "class", "state-item svelte-2qb6dm");
3067
3067
  },
3068
3068
  m(target, anchor) {
3069
3069
  insert_hydration(target, div, anchor);
@@ -3203,7 +3203,7 @@ function instance$1f($$self, $$props, $$invalidate) {
3203
3203
  class StateItem extends SvelteComponent {
3204
3204
  constructor(options) {
3205
3205
  super();
3206
- init(this, options, instance$1f, create_fragment$1f, safe_not_equal, { path: 0 }, add_css$I);
3206
+ init(this, options, instance$1f, create_fragment$1f, safe_not_equal, { path: 0 }, add_css$J);
3207
3207
  }
3208
3208
  }
3209
3209
 
@@ -3329,8 +3329,8 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
3329
3329
 
3330
3330
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3331
3331
 
3332
- function add_css$H(target) {
3333
- 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}");
3332
+ function add_css$I(target) {
3333
+ 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}");
3334
3334
  }
3335
3335
 
3336
3336
  // (14:0) {#if backgroundOverlay}
@@ -3351,7 +3351,7 @@ function create_if_block$e(ctx) {
3351
3351
  this.h();
3352
3352
  },
3353
3353
  h() {
3354
- attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"));
3354
+ attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
3355
3355
  },
3356
3356
  m(target, anchor) {
3357
3357
  insert_hydration(target, div, anchor);
@@ -3362,7 +3362,7 @@ function create_if_block$e(ctx) {
3362
3362
  }
3363
3363
  },
3364
3364
  p(ctx, dirty) {
3365
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"))) {
3365
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
3366
3366
  attr(div, "class", div_class_value);
3367
3367
  }
3368
3368
  },
@@ -3431,7 +3431,7 @@ function instance$1e($$self, $$props, $$invalidate) {
3431
3431
  let BackgroundOverlay$1 = class BackgroundOverlay extends SvelteComponent {
3432
3432
  constructor(options) {
3433
3433
  super();
3434
- init(this, options, instance$1e, create_fragment$1e, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$H);
3434
+ init(this, options, instance$1e, create_fragment$1e, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$I);
3435
3435
  }
3436
3436
  };
3437
3437
 
@@ -3471,8 +3471,8 @@ function checkStopPropagation(eventName, handler) {
3471
3471
 
3472
3472
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3473
3473
 
3474
- function add_css$G(target) {
3475
- 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}");
3474
+ function add_css$H(target) {
3475
+ 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}");
3476
3476
  }
3477
3477
 
3478
3478
  // (50:0) {:else}
@@ -3511,7 +3511,7 @@ function create_else_block$5(ctx) {
3511
3511
  },
3512
3512
  h() {
3513
3513
  set_attributes(button, button_data);
3514
- toggle_class(button, "svelte-1kmu8zp", true);
3514
+ toggle_class(button, "svelte-15k4deh", true);
3515
3515
  },
3516
3516
  m(target, anchor) {
3517
3517
  insert_hydration(target, button, anchor);
@@ -3550,7 +3550,7 @@ function create_else_block$5(ctx) {
3550
3550
  dataAttrStopPropagation('click')
3551
3551
  ]));
3552
3552
 
3553
- toggle_class(button, "svelte-1kmu8zp", true);
3553
+ toggle_class(button, "svelte-15k4deh", true);
3554
3554
  },
3555
3555
  i(local) {
3556
3556
  if (current) return;
@@ -3591,7 +3591,7 @@ function create_if_block_2$2(ctx) {
3591
3591
  this.h();
3592
3592
  },
3593
3593
  h() {
3594
- attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1kmu8zp"));
3594
+ attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-15k4deh"));
3595
3595
  attr(div, "style", /*style*/ ctx[1]);
3596
3596
  },
3597
3597
  m(target, anchor) {
@@ -3691,7 +3691,7 @@ function create_if_block_1$3(ctx) {
3691
3691
  },
3692
3692
  h() {
3693
3693
  set_attributes(a, a_data);
3694
- toggle_class(a, "svelte-1kmu8zp", true);
3694
+ toggle_class(a, "svelte-15k4deh", true);
3695
3695
  },
3696
3696
  m(target, anchor) {
3697
3697
  insert_hydration(target, a, anchor);
@@ -3733,7 +3733,7 @@ function create_if_block_1$3(ctx) {
3733
3733
  dataAttrStopPropagation('click')
3734
3734
  ]));
3735
3735
 
3736
- toggle_class(a, "svelte-1kmu8zp", true);
3736
+ toggle_class(a, "svelte-15k4deh", true);
3737
3737
  },
3738
3738
  i(local) {
3739
3739
  if (current) return;
@@ -3774,7 +3774,7 @@ function create_if_block$d(ctx) {
3774
3774
  this.h();
3775
3775
  },
3776
3776
  h() {
3777
- attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1kmu8zp"));
3777
+ attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-15k4deh"));
3778
3778
  attr(div, "style", /*style*/ ctx[1]);
3779
3779
  },
3780
3780
  m(target, anchor) {
@@ -3974,15 +3974,15 @@ let Button$1 = class Button extends SvelteComponent {
3974
3974
  eventValue: 6,
3975
3975
  style: 1
3976
3976
  },
3977
- add_css$G
3977
+ add_css$H
3978
3978
  );
3979
3979
  }
3980
3980
  };
3981
3981
 
3982
3982
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
3983
3983
 
3984
- function add_css$F(target) {
3985
- 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}}");
3984
+ function add_css$G(target) {
3985
+ 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}}");
3986
3986
  }
3987
3987
 
3988
3988
  // (278:0) {:else}
@@ -4157,7 +4157,7 @@ function create_if_block$c(ctx) {
4157
4157
  this.h();
4158
4158
  },
4159
4159
  h() {
4160
- attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"));
4160
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"));
4161
4161
  attr(div, "role", "dialog");
4162
4162
  attr(div, "aria-modal", "true");
4163
4163
  attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
@@ -4181,7 +4181,7 @@ function create_if_block$c(ctx) {
4181
4181
 
4182
4182
  button.$set(button_changes);
4183
4183
 
4184
- if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"))) {
4184
+ if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"))) {
4185
4185
  attr(div, "class", div_class_value);
4186
4186
  }
4187
4187
  },
@@ -4245,7 +4245,7 @@ function create_if_block_1$2(ctx) {
4245
4245
  this.h();
4246
4246
  },
4247
4247
  h() {
4248
- attr(div, "class", "close svelte-1i2vo31");
4248
+ attr(div, "class", "close svelte-1ijkyzl");
4249
4249
  set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
4250
4250
  },
4251
4251
  m(target, anchor) {
@@ -4370,7 +4370,7 @@ function create_default_slot$6(ctx) {
4370
4370
  this.h();
4371
4371
  },
4372
4372
  h() {
4373
- attr(div, "class", "modal-content svelte-1i2vo31");
4373
+ attr(div, "class", "modal-content svelte-1ijkyzl");
4374
4374
  attr(div, "style", /*_style*/ ctx[5]);
4375
4375
  },
4376
4376
  m(target, anchor) {
@@ -4873,7 +4873,7 @@ let Modal$1 = class Modal extends SvelteComponent {
4873
4873
  closeButtonColor: 9,
4874
4874
  _closeStyle: 10
4875
4875
  },
4876
- add_css$F,
4876
+ add_css$G,
4877
4877
  [-1, -1]
4878
4878
  );
4879
4879
  }
@@ -5007,8 +5007,8 @@ class Grid extends SvelteComponent {
5007
5007
 
5008
5008
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
5009
5009
 
5010
- function add_css$E(target) {
5011
- append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
5010
+ function add_css$F(target) {
5011
+ append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
5012
5012
  }
5013
5013
 
5014
5014
  function create_fragment$1a(ctx) {
@@ -5042,8 +5042,8 @@ function create_fragment$1a(ctx) {
5042
5042
  this.h();
5043
5043
  },
5044
5044
  h() {
5045
- attr(div0, "class", "grid-item-inner svelte-1cryhmb");
5046
- attr(div1, "class", "grid-item svelte-1cryhmb");
5045
+ attr(div0, "class", "grid-item-inner svelte-n7kdl3");
5046
+ attr(div1, "class", "grid-item svelte-n7kdl3");
5047
5047
  attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
5048
5048
  attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
5049
5049
  attr(div1, "style", /*_style*/ ctx[1]);
@@ -5165,7 +5165,7 @@ class GridItem extends SvelteComponent {
5165
5165
  background: 7,
5166
5166
  gridItemId: 0
5167
5167
  },
5168
- add_css$E
5168
+ add_css$F
5169
5169
  );
5170
5170
  }
5171
5171
  }
@@ -5364,8 +5364,8 @@ class RenderText extends SvelteComponent {
5364
5364
 
5365
5365
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
5366
5366
 
5367
- function add_css$D(target) {
5368
- 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}");
5367
+ function add_css$E(target) {
5368
+ 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}");
5369
5369
  }
5370
5370
 
5371
5371
  // (94:2) {:else}
@@ -5395,8 +5395,8 @@ function create_else_block$2(ctx) {
5395
5395
  this.h();
5396
5396
  },
5397
5397
  h() {
5398
- attr(div0, "class", "text-element-inner svelte-vz6867");
5399
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5398
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5399
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5400
5400
  attr(div1, "style", /*style*/ ctx[5]);
5401
5401
  },
5402
5402
  m(target, anchor) {
@@ -5410,7 +5410,7 @@ function create_else_block$2(ctx) {
5410
5410
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5411
5411
  rendertext.$set(rendertext_changes);
5412
5412
 
5413
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
5413
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
5414
5414
  attr(div1, "class", div1_class_value);
5415
5415
  }
5416
5416
 
@@ -5485,12 +5485,12 @@ function create_if_block$a(ctx) {
5485
5485
  this.h();
5486
5486
  },
5487
5487
  h() {
5488
- attr(div0, "class", "text-element-inner svelte-vz6867");
5488
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5489
5489
  attr(a, "href", '');
5490
- attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5490
+ attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5491
5491
  attr(a, "style", /*style*/ ctx[5]);
5492
- attr(div1, "class", "tooltip svelte-vz6867");
5493
- attr(div2, "class", "tooltip tooltip-error svelte-vz6867");
5492
+ attr(div1, "class", "tooltip svelte-9ixs0b");
5493
+ attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
5494
5494
  },
5495
5495
  m(target, anchor) {
5496
5496
  insert_hydration(target, a, anchor);
@@ -5516,7 +5516,7 @@ function create_if_block$a(ctx) {
5516
5516
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5517
5517
  rendertext.$set(rendertext_changes);
5518
5518
 
5519
- 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"))) {
5519
+ 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"))) {
5520
5520
  attr(a, "class", a_class_value);
5521
5521
  }
5522
5522
 
@@ -5578,7 +5578,7 @@ function create_fragment$18(ctx) {
5578
5578
  this.h();
5579
5579
  },
5580
5580
  h() {
5581
- attr(div, "class", "text-element-wrapper svelte-vz6867");
5581
+ attr(div, "class", "text-element-wrapper svelte-9ixs0b");
5582
5582
  },
5583
5583
  m(target, anchor) {
5584
5584
  insert_hydration(target, div, anchor);
@@ -5736,15 +5736,15 @@ class TextElement extends SvelteComponent {
5736
5736
  enableCopy: 2,
5737
5737
  eventName: 10
5738
5738
  },
5739
- add_css$D
5739
+ add_css$E
5740
5740
  );
5741
5741
  }
5742
5742
  }
5743
5743
 
5744
5744
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5745
5745
 
5746
- function add_css$C(target) {
5747
- 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)}");
5746
+ function add_css$D(target) {
5747
+ 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)}");
5748
5748
  }
5749
5749
 
5750
5750
  // (48:2) <Button {onClick} {style} {eventName}>
@@ -5813,7 +5813,7 @@ function create_fragment$17(ctx) {
5813
5813
  this.h();
5814
5814
  },
5815
5815
  h() {
5816
- attr(div, "class", "text-button-element svelte-ujdxfc");
5816
+ attr(div, "class", "text-button-element svelte-1vg84sc");
5817
5817
  },
5818
5818
  m(target, anchor) {
5819
5819
  insert_hydration(target, div, anchor);
@@ -5897,15 +5897,15 @@ class TextButtonElement extends SvelteComponent {
5897
5897
  _buttonStyle: 5,
5898
5898
  _style: 6
5899
5899
  },
5900
- add_css$C
5900
+ add_css$D
5901
5901
  );
5902
5902
  }
5903
5903
  }
5904
5904
 
5905
5905
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5906
5906
 
5907
- function add_css$B(target) {
5908
- 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%}");
5907
+ function add_css$C(target) {
5908
+ 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%}");
5909
5909
  }
5910
5910
 
5911
5911
  // (44:2) <Button {onClick} style={_style} {eventName}>
@@ -5933,7 +5933,7 @@ function create_default_slot$4(ctx) {
5933
5933
  this.h();
5934
5934
  },
5935
5935
  h() {
5936
- attr(img, "class", "image svelte-1alkh1m");
5936
+ attr(img, "class", "image svelte-t6tu0e");
5937
5937
  attr(img, "loading", "lazy");
5938
5938
  attr(img, "width", "auto");
5939
5939
  attr(img, "height", "auto");
@@ -6005,7 +6005,7 @@ function create_fragment$16(ctx) {
6005
6005
  this.h();
6006
6006
  },
6007
6007
  h() {
6008
- attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m");
6008
+ attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
6009
6009
  },
6010
6010
  m(target, anchor) {
6011
6011
  insert_hydration(target, div, anchor);
@@ -6024,7 +6024,7 @@ function create_fragment$16(ctx) {
6024
6024
 
6025
6025
  button.$set(button_changes);
6026
6026
 
6027
- if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m")) {
6027
+ if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
6028
6028
  attr(div, "class", div_class_value);
6029
6029
  }
6030
6030
  },
@@ -6088,15 +6088,15 @@ class ImageElement extends SvelteComponent {
6088
6088
  _imageStyle: 6,
6089
6089
  _style: 7
6090
6090
  },
6091
- add_css$B
6091
+ add_css$C
6092
6092
  );
6093
6093
  }
6094
6094
  }
6095
6095
 
6096
6096
  /* src/components/List.svelte generated by Svelte v3.53.1 */
6097
6097
 
6098
- function add_css$A(target) {
6099
- 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}");
6098
+ function add_css$B(target) {
6099
+ 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}");
6100
6100
  }
6101
6101
 
6102
6102
  function create_fragment$15(ctx) {
@@ -6119,7 +6119,7 @@ function create_fragment$15(ctx) {
6119
6119
  this.h();
6120
6120
  },
6121
6121
  h() {
6122
- attr(div, "class", "list svelte-1t8r9z");
6122
+ attr(div, "class", "list svelte-aquv6z");
6123
6123
  attr(div, "style", /*style*/ ctx[0]);
6124
6124
  },
6125
6125
  m(target, anchor) {
@@ -6245,15 +6245,15 @@ class List extends SvelteComponent {
6245
6245
  background: 3,
6246
6246
  _style: 4
6247
6247
  },
6248
- add_css$A
6248
+ add_css$B
6249
6249
  );
6250
6250
  }
6251
6251
  }
6252
6252
 
6253
6253
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
6254
6254
 
6255
- function add_css$z(target) {
6256
- 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}");
6255
+ function add_css$A(target) {
6256
+ 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}");
6257
6257
  }
6258
6258
 
6259
6259
  // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
@@ -6336,7 +6336,7 @@ function create_fragment$14(ctx) {
6336
6336
  this.h();
6337
6337
  },
6338
6338
  h() {
6339
- attr(div, "class", "list-item svelte-1lbw8v2");
6339
+ attr(div, "class", "list-item svelte-9n97pe");
6340
6340
  attr(div, "style", /*listItemStyle*/ ctx[3]);
6341
6341
  },
6342
6342
  m(target, anchor) {
@@ -6455,14 +6455,14 @@ function instance$14($$self, $$props, $$invalidate) {
6455
6455
  class ListItem extends SvelteComponent {
6456
6456
  constructor(options) {
6457
6457
  super();
6458
- init(this, options, instance$14, create_fragment$14, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$z);
6458
+ init(this, options, instance$14, create_fragment$14, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$A);
6459
6459
  }
6460
6460
  }
6461
6461
 
6462
6462
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
6463
6463
 
6464
- function add_css$y(target) {
6465
- 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}");
6464
+ function add_css$z(target) {
6465
+ 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}");
6466
6466
  }
6467
6467
 
6468
6468
  function create_fragment$13(ctx) {
@@ -6480,7 +6480,7 @@ function create_fragment$13(ctx) {
6480
6480
  this.h();
6481
6481
  },
6482
6482
  h() {
6483
- attr(div, "class", "embed svelte-w6jkzh");
6483
+ attr(div, "class", "embed svelte-wocq4p");
6484
6484
  attr(div, "style", /*_style*/ ctx[1]);
6485
6485
  },
6486
6486
  m(target, anchor) {
@@ -6516,14 +6516,14 @@ function instance$13($$self, $$props, $$invalidate) {
6516
6516
  class EmbedElement extends SvelteComponent {
6517
6517
  constructor(options) {
6518
6518
  super();
6519
- init(this, options, instance$13, create_fragment$13, safe_not_equal, { code: 0, _style: 1 }, add_css$y);
6519
+ init(this, options, instance$13, create_fragment$13, safe_not_equal, { code: 0, _style: 1 }, add_css$z);
6520
6520
  }
6521
6521
  }
6522
6522
 
6523
6523
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
6524
6524
 
6525
- function add_css$x(target) {
6526
- 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%}");
6525
+ function add_css$y(target) {
6526
+ 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%}");
6527
6527
  }
6528
6528
 
6529
6529
  function create_fragment$12(ctx) {
@@ -6546,7 +6546,7 @@ function create_fragment$12(ctx) {
6546
6546
  },
6547
6547
  h() {
6548
6548
  attr(div0, "class", "karte-player");
6549
- attr(div1, "class", "embed svelte-ljxq7x");
6549
+ attr(div1, "class", "embed svelte-vikz49");
6550
6550
  attr(div1, "style", /*_style*/ ctx[0]);
6551
6551
  },
6552
6552
  m(target, anchor) {
@@ -6879,7 +6879,7 @@ class MovieYouTubeElement extends SvelteComponent {
6879
6879
  mute: 25,
6880
6880
  _style: 0
6881
6881
  },
6882
- add_css$x,
6882
+ add_css$y,
6883
6883
  [-1, -1]
6884
6884
  );
6885
6885
  }
@@ -6887,8 +6887,8 @@ class MovieYouTubeElement extends SvelteComponent {
6887
6887
 
6888
6888
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6889
6889
 
6890
- function add_css$w(target) {
6891
- 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%}");
6890
+ function add_css$x(target) {
6891
+ 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%}");
6892
6892
  }
6893
6893
 
6894
6894
  function create_fragment$11(ctx) {
@@ -6911,7 +6911,7 @@ function create_fragment$11(ctx) {
6911
6911
  },
6912
6912
  h() {
6913
6913
  attr(div0, "class", "karte-player");
6914
- attr(div1, "class", "embed svelte-ljxq7x");
6914
+ attr(div1, "class", "embed svelte-vikz49");
6915
6915
  attr(div1, "style", /*_style*/ ctx[0]);
6916
6916
  },
6917
6917
  m(target, anchor) {
@@ -7087,15 +7087,15 @@ class MovieVimeoElement extends SvelteComponent {
7087
7087
  mute: 6,
7088
7088
  _style: 0
7089
7089
  },
7090
- add_css$w
7090
+ add_css$x
7091
7091
  );
7092
7092
  }
7093
7093
  }
7094
7094
 
7095
7095
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
7096
7096
 
7097
- function add_css$v(target) {
7098
- 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}");
7097
+ function add_css$w(target) {
7098
+ 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}");
7099
7099
  }
7100
7100
 
7101
7101
  function create_fragment$10(ctx) {
@@ -7125,12 +7125,12 @@ function create_fragment$10(ctx) {
7125
7125
  this.h();
7126
7126
  },
7127
7127
  h() {
7128
- attr(textarea, "class", "textarea svelte-1fjy5oo");
7128
+ attr(textarea, "class", "textarea svelte-zxvkkc");
7129
7129
  textarea.value = /*$value*/ ctx[4];
7130
7130
  textarea.required = /*required*/ ctx[1];
7131
7131
  attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
7132
7132
  attr(textarea, "style", /*style*/ ctx[3]);
7133
- attr(div, "class", "textarea-wrapper svelte-1fjy5oo");
7133
+ attr(div, "class", "textarea-wrapper svelte-zxvkkc");
7134
7134
  attr(div, "style", /*styleVariables*/ ctx[2]);
7135
7135
  },
7136
7136
  m(target, anchor) {
@@ -7274,15 +7274,15 @@ class FormTextarea extends SvelteComponent {
7274
7274
  _textStyle: 11,
7275
7275
  _placeholderStyle: 12
7276
7276
  },
7277
- add_css$v
7277
+ add_css$w
7278
7278
  );
7279
7279
  }
7280
7280
  }
7281
7281
 
7282
7282
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
7283
7283
 
7284
- function add_css$u(target) {
7285
- 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}");
7284
+ function add_css$v(target) {
7285
+ 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}");
7286
7286
  }
7287
7287
 
7288
7288
  function get_each_context$6(ctx, list, i) {
@@ -7339,14 +7339,14 @@ function create_each_block$6(ctx) {
7339
7339
  },
7340
7340
  h() {
7341
7341
  attr(input, "type", "radio");
7342
- attr(input, "class", "radio-button-input svelte-1ntb6j8");
7342
+ attr(input, "class", "radio-button-input svelte-17s08g");
7343
7343
  attr(input, "style", /*buttonStyle*/ ctx[5]);
7344
7344
  attr(input, "name", /*name*/ ctx[0]);
7345
7345
  input.value = input_value_value = /*option*/ ctx[17];
7346
7346
  input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
7347
- attr(span, "class", "radio-button-text svelte-1ntb6j8");
7347
+ attr(span, "class", "radio-button-text svelte-17s08g");
7348
7348
  attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7349
- attr(label, "class", "radio-button svelte-1ntb6j8");
7349
+ attr(label, "class", "radio-button svelte-17s08g");
7350
7350
  },
7351
7351
  m(target, anchor) {
7352
7352
  insert_hydration(target, label, anchor);
@@ -7425,7 +7425,7 @@ function create_fragment$$(ctx) {
7425
7425
  this.h();
7426
7426
  },
7427
7427
  h() {
7428
- attr(div, "class", "radio-buttons svelte-1ntb6j8");
7428
+ attr(div, "class", "radio-buttons svelte-17s08g");
7429
7429
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7430
7430
  },
7431
7431
  m(target, anchor) {
@@ -7586,15 +7586,15 @@ class FormRadioButtons extends SvelteComponent {
7586
7586
  buttonColor: 13,
7587
7587
  buttonColorActive: 14
7588
7588
  },
7589
- add_css$u
7589
+ add_css$v
7590
7590
  );
7591
7591
  }
7592
7592
  }
7593
7593
 
7594
7594
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
7595
7595
 
7596
- function add_css$t(target) {
7597
- 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}");
7596
+ function add_css$u(target) {
7597
+ 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}");
7598
7598
  }
7599
7599
 
7600
7600
  function get_each_context$5(ctx, list, i) {
@@ -7765,10 +7765,10 @@ function create_fragment$_(ctx) {
7765
7765
  this.h();
7766
7766
  },
7767
7767
  h() {
7768
- attr(select, "class", "select-select svelte-iejizj");
7768
+ attr(select, "class", "select-select svelte-t9ynyj");
7769
7769
  attr(select, "style", /*style*/ ctx[3]);
7770
- attr(div0, "class", "select-icon svelte-iejizj");
7771
- attr(div1, "class", "select svelte-iejizj");
7770
+ attr(div0, "class", "select-icon svelte-t9ynyj");
7771
+ attr(div1, "class", "select svelte-t9ynyj");
7772
7772
  attr(div1, "style", /*styleVariables*/ ctx[2]);
7773
7773
  },
7774
7774
  m(target, anchor) {
@@ -7962,15 +7962,15 @@ class FormSelect extends SvelteComponent {
7962
7962
  iconColor: 15,
7963
7963
  iconSize: 16
7964
7964
  },
7965
- add_css$t
7965
+ add_css$u
7966
7966
  );
7967
7967
  }
7968
7968
  }
7969
7969
 
7970
7970
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
7971
7971
 
7972
- function add_css$s(target) {
7973
- 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}");
7972
+ function add_css$t(target) {
7973
+ 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}");
7974
7974
  }
7975
7975
 
7976
7976
  function get_each_context$4(ctx, list, i) {
@@ -8032,19 +8032,19 @@ function create_each_block$4(ctx) {
8032
8032
  this.h();
8033
8033
  },
8034
8034
  h() {
8035
- attr(input, "class", "check-box-input svelte-2pz1us");
8035
+ attr(input, "class", "check-box-input svelte-1p65cg8");
8036
8036
  attr(input, "type", "checkbox");
8037
8037
  attr(input, "name", /*name*/ ctx[0]);
8038
8038
  input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
8039
- attr(span0, "class", "check-box-icon svelte-2pz1us");
8039
+ attr(span0, "class", "check-box-icon svelte-1p65cg8");
8040
8040
 
8041
8041
  attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
8042
8042
  ? ' _checked'
8043
- : ''}`) + " svelte-2pz1us"));
8043
+ : ''}`) + " svelte-1p65cg8"));
8044
8044
 
8045
- attr(span2, "class", "check-box-text svelte-2pz1us");
8045
+ attr(span2, "class", "check-box-text svelte-1p65cg8");
8046
8046
  attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
8047
- attr(label, "class", "check-box svelte-2pz1us");
8047
+ attr(label, "class", "check-box svelte-1p65cg8");
8048
8048
  attr(label, "style", /*styleVariables*/ ctx[5]);
8049
8049
  },
8050
8050
  m(target, anchor) {
@@ -8076,7 +8076,7 @@ function create_each_block$4(ctx) {
8076
8076
 
8077
8077
  if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
8078
8078
  ? ' _checked'
8079
- : ''}`) + " svelte-2pz1us"))) {
8079
+ : ''}`) + " svelte-1p65cg8"))) {
8080
8080
  attr(span1, "class", span1_class_value);
8081
8081
  }
8082
8082
 
@@ -8129,7 +8129,7 @@ function create_fragment$Z(ctx) {
8129
8129
  this.h();
8130
8130
  },
8131
8131
  h() {
8132
- attr(div, "class", "check-boxes svelte-2pz1us");
8132
+ attr(div, "class", "check-boxes svelte-1p65cg8");
8133
8133
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
8134
8134
  },
8135
8135
  m(target, anchor) {
@@ -8296,15 +8296,15 @@ class FormCheckBoxes extends SvelteComponent {
8296
8296
  buttonColor: 13,
8297
8297
  buttonColorActive: 14
8298
8298
  },
8299
- add_css$s
8299
+ add_css$t
8300
8300
  );
8301
8301
  }
8302
8302
  }
8303
8303
 
8304
8304
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
8305
8305
 
8306
- function add_css$r(target) {
8307
- 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}");
8306
+ function add_css$s(target) {
8307
+ 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}");
8308
8308
  }
8309
8309
 
8310
8310
  function get_each_context$3(ctx, list, i) {
@@ -8339,7 +8339,7 @@ function create_each_block$3(ctx) {
8339
8339
  this.h();
8340
8340
  },
8341
8341
  h() {
8342
- attr(button, "class", "rating-button svelte-9idbf1");
8342
+ attr(button, "class", "rating-button svelte-1iqf36p");
8343
8343
  attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
8344
8344
  },
8345
8345
  m(target, anchor) {
@@ -8402,7 +8402,7 @@ function create_fragment$Y(ctx) {
8402
8402
  this.h();
8403
8403
  },
8404
8404
  h() {
8405
- attr(div, "class", "rating-buttons svelte-9idbf1");
8405
+ attr(div, "class", "rating-buttons svelte-1iqf36p");
8406
8406
  },
8407
8407
  m(target, anchor) {
8408
8408
  insert_hydration(target, div, anchor);
@@ -8538,15 +8538,15 @@ class FormRatingButtonsNumber extends SvelteComponent {
8538
8538
  buttonStyle: 9,
8539
8539
  buttonActiveStyle: 10
8540
8540
  },
8541
- add_css$r
8541
+ add_css$s
8542
8542
  );
8543
8543
  }
8544
8544
  }
8545
8545
 
8546
8546
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
8547
8547
 
8548
- function add_css$q(target) {
8549
- 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%)}");
8548
+ function add_css$r(target) {
8549
+ 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%)}");
8550
8550
  }
8551
8551
 
8552
8552
  function get_each_context$2(ctx, list, i) {
@@ -8582,9 +8582,9 @@ function create_each_block$2(ctx) {
8582
8582
  },
8583
8583
  h() {
8584
8584
  if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
8585
- attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"));
8585
+ attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
8586
8586
  attr(img, "alt", "rate" + /*i*/ ctx[10]);
8587
- attr(button, "class", "rating-button svelte-1b5dvzw");
8587
+ attr(button, "class", "rating-button svelte-tbunko");
8588
8588
  attr(button, "style", /*buttonStyle*/ ctx[0]);
8589
8589
  },
8590
8590
  m(target, anchor) {
@@ -8600,7 +8600,7 @@ function create_each_block$2(ctx) {
8600
8600
  p(new_ctx, dirty) {
8601
8601
  ctx = new_ctx;
8602
8602
 
8603
- 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"))) {
8603
+ 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"))) {
8604
8604
  attr(img, "class", img_class_value);
8605
8605
  }
8606
8606
 
@@ -8647,7 +8647,7 @@ function create_fragment$X(ctx) {
8647
8647
  this.h();
8648
8648
  },
8649
8649
  h() {
8650
- attr(div, "class", "rating-buttons svelte-1b5dvzw");
8650
+ attr(div, "class", "rating-buttons svelte-tbunko");
8651
8651
  },
8652
8652
  m(target, anchor) {
8653
8653
  insert_hydration(target, div, anchor);
@@ -8748,14 +8748,14 @@ function instance$X($$self, $$props, $$invalidate) {
8748
8748
  class FormRatingButtonsFace extends SvelteComponent {
8749
8749
  constructor(options) {
8750
8750
  super();
8751
- init(this, options, instance$X, create_fragment$X, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$q);
8751
+ init(this, options, instance$X, create_fragment$X, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$r);
8752
8752
  }
8753
8753
  }
8754
8754
 
8755
8755
  /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
8756
8756
 
8757
- function add_css$p(target) {
8758
- 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}");
8757
+ function add_css$q(target) {
8758
+ 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}");
8759
8759
  }
8760
8760
 
8761
8761
  function create_fragment$W(ctx) {
@@ -8786,13 +8786,13 @@ function create_fragment$W(ctx) {
8786
8786
  this.h();
8787
8787
  },
8788
8788
  h() {
8789
- attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"));
8789
+ attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"));
8790
8790
  attr(input, "type", "text");
8791
8791
  input.value = /*$value*/ ctx[2];
8792
8792
  input.required = /*required*/ ctx[0];
8793
8793
  attr(input, "placeholder", /*placeholder*/ ctx[1]);
8794
8794
  attr(input, "style", /*style*/ ctx[5]);
8795
- attr(div, "class", "input-wrapper svelte-f14zo5");
8795
+ attr(div, "class", "input-wrapper svelte-h8fqwx");
8796
8796
  attr(div, "style", /*styleVariables*/ ctx[4]);
8797
8797
  },
8798
8798
  m(target, anchor) {
@@ -8805,7 +8805,7 @@ function create_fragment$W(ctx) {
8805
8805
  }
8806
8806
  },
8807
8807
  p(ctx, [dirty]) {
8808
- if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"))) {
8808
+ if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"))) {
8809
8809
  attr(input, "class", input_class_value);
8810
8810
  }
8811
8811
 
@@ -8985,15 +8985,15 @@ class FormIdentifyInput extends SvelteComponent {
8985
8985
  _textStyle: 15,
8986
8986
  _placeholderStyle: 16
8987
8987
  },
8988
- add_css$p
8988
+ add_css$q
8989
8989
  );
8990
8990
  }
8991
8991
  }
8992
8992
 
8993
8993
  /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
8994
8994
 
8995
- function add_css$o(target) {
8996
- 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}");
8995
+ function add_css$p(target) {
8996
+ 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}");
8997
8997
  }
8998
8998
 
8999
8999
  function create_fragment$V(ctx) {
@@ -9059,20 +9059,20 @@ function create_fragment$V(ctx) {
9059
9059
  },
9060
9060
  h() {
9061
9061
  attr(input0, "type", "radio");
9062
- attr(input0, "class", "radio-button-input svelte-pzrwlo");
9062
+ attr(input0, "class", "radio-button-input svelte-8zbmyo");
9063
9063
  attr(input0, "style", /*buttonStyle*/ ctx[2]);
9064
9064
  input0.checked = input0_checked_value = /*$value*/ ctx[3] === true;
9065
- attr(span0, "class", "radio-button-text svelte-pzrwlo");
9065
+ attr(span0, "class", "radio-button-text svelte-8zbmyo");
9066
9066
  attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
9067
- attr(label0, "class", "radio-button svelte-pzrwlo");
9067
+ attr(label0, "class", "radio-button svelte-8zbmyo");
9068
9068
  attr(input1, "type", "radio");
9069
- attr(input1, "class", "radio-button-input svelte-pzrwlo");
9069
+ attr(input1, "class", "radio-button-input svelte-8zbmyo");
9070
9070
  attr(input1, "style", /*buttonStyle*/ ctx[2]);
9071
9071
  input1.checked = input1_checked_value = /*$value*/ ctx[3] === false;
9072
- attr(span1, "class", "radio-button-text svelte-pzrwlo");
9072
+ attr(span1, "class", "radio-button-text svelte-8zbmyo");
9073
9073
  attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
9074
- attr(label1, "class", "radio-button svelte-pzrwlo");
9075
- attr(div, "class", "radio-buttons svelte-pzrwlo");
9074
+ attr(label1, "class", "radio-button svelte-8zbmyo");
9075
+ attr(div, "class", "radio-buttons svelte-8zbmyo");
9076
9076
  attr(div, "style", /*_layoutStyle*/ ctx[0]);
9077
9077
  },
9078
9078
  m(target, anchor) {
@@ -9232,15 +9232,15 @@ class FormIdentifyChoices extends SvelteComponent {
9232
9232
  buttonColor: 10,
9233
9233
  buttonColorActive: 11
9234
9234
  },
9235
- add_css$o
9235
+ add_css$p
9236
9236
  );
9237
9237
  }
9238
9238
  }
9239
9239
 
9240
9240
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
9241
9241
 
9242
- function add_css$n(target) {
9243
- 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%}");
9242
+ function add_css$o(target) {
9243
+ 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%}");
9244
9244
  }
9245
9245
 
9246
9246
  function get_each_context$1(ctx, list, i) {
@@ -9286,9 +9286,9 @@ function create_if_block_1$1(ctx) {
9286
9286
  attr(svg, "viewBox", "0 0 10 16");
9287
9287
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
9288
9288
  attr(svg, "style", /*prevIconStyle*/ ctx[10]);
9289
- attr(button, "class", "move-button svelte-1qfq79t");
9289
+ attr(button, "class", "move-button svelte-ji1fh");
9290
9290
  attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
9291
- attr(div, "class", "prev-button-container svelte-1qfq79t");
9291
+ attr(div, "class", "prev-button-container svelte-ji1fh");
9292
9292
  },
9293
9293
  m(target, anchor) {
9294
9294
  insert_hydration(target, div, anchor);
@@ -9354,9 +9354,9 @@ function create_if_block$8(ctx) {
9354
9354
  attr(svg, "viewBox", "0 0 10 16");
9355
9355
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
9356
9356
  attr(svg, "style", /*nextIconStyle*/ ctx[8]);
9357
- attr(button, "class", "move-button svelte-1qfq79t");
9357
+ attr(button, "class", "move-button svelte-ji1fh");
9358
9358
  attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
9359
- attr(div, "class", "next-button-container svelte-1qfq79t");
9359
+ attr(div, "class", "next-button-container svelte-ji1fh");
9360
9360
  },
9361
9361
  m(target, anchor) {
9362
9362
  insert_hydration(target, div, anchor);
@@ -9416,9 +9416,9 @@ function create_each_block$1(ctx) {
9416
9416
  this.h();
9417
9417
  },
9418
9418
  h() {
9419
- attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
9419
+ attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
9420
9420
  attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
9421
- attr(button, "class", "navigation-item svelte-1qfq79t");
9421
+ attr(button, "class", "navigation-item svelte-ji1fh");
9422
9422
  attr(button, "style", /*navigationItemStyle*/ ctx[6]);
9423
9423
  },
9424
9424
  m(target, anchor) {
@@ -9524,14 +9524,14 @@ function create_fragment$U(ctx) {
9524
9524
  this.h();
9525
9525
  },
9526
9526
  h() {
9527
- attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
9527
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
9528
9528
  attr(div0, "style", /*slideStyle*/ ctx[14]);
9529
- attr(div1, "class", "container svelte-1qfq79t");
9529
+ attr(div1, "class", "container svelte-ji1fh");
9530
9530
  attr(div1, "style", /*_style*/ ctx[0]);
9531
- attr(div2, "class", "navigation svelte-1qfq79t");
9531
+ attr(div2, "class", "navigation svelte-ji1fh");
9532
9532
  attr(div2, "style", /*navigationStyle*/ ctx[4]);
9533
9533
  set_attributes(div3, div3_data);
9534
- toggle_class(div3, "svelte-1qfq79t", true);
9534
+ toggle_class(div3, "svelte-ji1fh", true);
9535
9535
  },
9536
9536
  m(target, anchor) {
9537
9537
  insert_hydration(target, div3, anchor);
@@ -9573,7 +9573,7 @@ function create_fragment$U(ctx) {
9573
9573
  }
9574
9574
  }
9575
9575
 
9576
- if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
9576
+ if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
9577
9577
  attr(div0, "class", div0_class_value);
9578
9578
  }
9579
9579
 
@@ -9639,7 +9639,7 @@ function create_fragment$U(ctx) {
9639
9639
  }
9640
9640
 
9641
9641
  set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
9642
- toggle_class(div3, "svelte-1qfq79t", true);
9642
+ toggle_class(div3, "svelte-ji1fh", true);
9643
9643
  },
9644
9644
  i(local) {
9645
9645
  if (current) return;
@@ -10142,7 +10142,7 @@ class Slide extends SvelteComponent {
10142
10142
  navigationButton: 25,
10143
10143
  navigationEdgePosition: 26
10144
10144
  },
10145
- add_css$n,
10145
+ add_css$o,
10146
10146
  [-1, -1, -1]
10147
10147
  );
10148
10148
  }
@@ -10150,8 +10150,8 @@ class Slide extends SvelteComponent {
10150
10150
 
10151
10151
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
10152
10152
 
10153
- function add_css$m(target) {
10154
- 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}");
10153
+ function add_css$n(target) {
10154
+ 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}");
10155
10155
  }
10156
10156
 
10157
10157
  function create_fragment$T(ctx) {
@@ -10179,9 +10179,9 @@ function create_fragment$T(ctx) {
10179
10179
  this.h();
10180
10180
  },
10181
10181
  h() {
10182
- attr(div0, "class", "item-inner svelte-1rv0qgo");
10182
+ attr(div0, "class", "item-inner svelte-9ygf1w");
10183
10183
  attr(div0, "style", /*_style*/ ctx[0]);
10184
- attr(div1, "class", "item svelte-1rv0qgo");
10184
+ attr(div1, "class", "item svelte-9ygf1w");
10185
10185
  attr(div1, "style", /*itemStyle*/ ctx[1]);
10186
10186
  },
10187
10187
  m(target, anchor) {
@@ -10300,14 +10300,14 @@ function instance$T($$self, $$props, $$invalidate) {
10300
10300
  class SlideItem extends SvelteComponent {
10301
10301
  constructor(options) {
10302
10302
  super();
10303
- init(this, options, instance$T, create_fragment$T, safe_not_equal, { _style: 0 }, add_css$m);
10303
+ init(this, options, instance$T, create_fragment$T, safe_not_equal, { _style: 0 }, add_css$n);
10304
10304
  }
10305
10305
  }
10306
10306
 
10307
10307
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
10308
10308
 
10309
- function add_css$l(target) {
10310
- 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}");
10309
+ function add_css$m(target) {
10310
+ 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}");
10311
10311
  }
10312
10312
 
10313
10313
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
@@ -10338,9 +10338,9 @@ function create_fragment$S(ctx) {
10338
10338
  this.h();
10339
10339
  },
10340
10340
  h() {
10341
- attr(div0, "class", "countdown-inner svelte-t87l6f");
10341
+ attr(div0, "class", "countdown-inner svelte-rroxiz");
10342
10342
  attr(div0, "style", /*_style*/ ctx[0]);
10343
- attr(div1, "class", "countdown svelte-t87l6f");
10343
+ attr(div1, "class", "countdown svelte-rroxiz");
10344
10344
  },
10345
10345
  m(target, anchor) {
10346
10346
  insert_hydration(target, div1, anchor);
@@ -10463,14 +10463,14 @@ function instance$S($$self, $$props, $$invalidate) {
10463
10463
  class Countdown extends SvelteComponent {
10464
10464
  constructor(options) {
10465
10465
  super();
10466
- init(this, options, instance$S, create_fragment$S, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$l);
10466
+ init(this, options, instance$S, create_fragment$S, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$m);
10467
10467
  }
10468
10468
  }
10469
10469
 
10470
10470
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
10471
10471
 
10472
- function add_css$k(target) {
10473
- 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}");
10472
+ function add_css$l(target) {
10473
+ 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}");
10474
10474
  }
10475
10475
 
10476
10476
  // (24:2) <Button {onClick} style={_style} {eventName}>
@@ -10553,7 +10553,7 @@ function create_fragment$R(ctx) {
10553
10553
  this.h();
10554
10554
  },
10555
10555
  h() {
10556
- attr(div, "class", "box svelte-1c91vpe");
10556
+ attr(div, "class", "box svelte-1ccydfy");
10557
10557
  },
10558
10558
  m(target, anchor) {
10559
10559
  insert_hydration(target, div, anchor);
@@ -10607,14 +10607,14 @@ function instance$R($$self, $$props, $$invalidate) {
10607
10607
  class Box extends SvelteComponent {
10608
10608
  constructor(options) {
10609
10609
  super();
10610
- init(this, options, instance$R, create_fragment$R, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$k);
10610
+ init(this, options, instance$R, create_fragment$R, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$l);
10611
10611
  }
10612
10612
  }
10613
10613
 
10614
10614
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
10615
10615
 
10616
- function add_css$j(target) {
10617
- 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)}");
10616
+ function add_css$k(target) {
10617
+ 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)}");
10618
10618
  }
10619
10619
 
10620
10620
  // (56:4) {#if svg}
@@ -10718,7 +10718,7 @@ function create_fragment$Q(ctx) {
10718
10718
  this.h();
10719
10719
  },
10720
10720
  h() {
10721
- attr(div, "class", "icon svelte-1mk6wi4");
10721
+ attr(div, "class", "icon svelte-1mkvcuo");
10722
10722
  },
10723
10723
  m(target, anchor) {
10724
10724
  insert_hydration(target, div, anchor);
@@ -10819,15 +10819,15 @@ class IconElement extends SvelteComponent {
10819
10819
  color: 6,
10820
10820
  _style: 7
10821
10821
  },
10822
- add_css$j
10822
+ add_css$k
10823
10823
  );
10824
10824
  }
10825
10825
  }
10826
10826
 
10827
10827
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
10828
10828
 
10829
- function add_css$i(target) {
10830
- append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10829
+ function add_css$j(target) {
10830
+ append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10831
10831
  }
10832
10832
 
10833
10833
  function create_fragment$P(ctx) {
@@ -10863,7 +10863,7 @@ function create_fragment$P(ctx) {
10863
10863
  this.h();
10864
10864
  },
10865
10865
  h() {
10866
- attr(div, "class", "codeElement svelte-1ng2n51");
10866
+ attr(div, "class", "codeElement svelte-ymsb9l");
10867
10867
  attr(div, "style", /*style*/ ctx[3]);
10868
10868
  },
10869
10869
  m(target, anchor) {
@@ -10945,14 +10945,14 @@ function instance$P($$self, $$props, $$invalidate) {
10945
10945
  class CodeElement extends SvelteComponent {
10946
10946
  constructor(options) {
10947
10947
  super();
10948
- init(this, options, instance$P, create_fragment$P, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$i);
10948
+ init(this, options, instance$P, create_fragment$P, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$j);
10949
10949
  }
10950
10950
  }
10951
10951
 
10952
10952
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
10953
10953
 
10954
- function add_css$h(target) {
10955
- append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
10954
+ function add_css$i(target) {
10955
+ append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
10956
10956
  }
10957
10957
 
10958
10958
  function create_fragment$O(ctx) {
@@ -10976,7 +10976,7 @@ function create_fragment$O(ctx) {
10976
10976
  this.h();
10977
10977
  },
10978
10978
  h() {
10979
- attr(div, "class", "flex svelte-9v2qdg");
10979
+ attr(div, "class", "flex svelte-1e71ejc");
10980
10980
  attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
10981
10981
  },
10982
10982
  m(target, anchor) {
@@ -11065,15 +11065,15 @@ class Flex extends SvelteComponent {
11065
11065
  height: 2,
11066
11066
  _style: 3
11067
11067
  },
11068
- add_css$h
11068
+ add_css$i
11069
11069
  );
11070
11070
  }
11071
11071
  }
11072
11072
 
11073
11073
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
11074
11074
 
11075
- function add_css$g(target) {
11076
- append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
11075
+ function add_css$h(target) {
11076
+ append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
11077
11077
  }
11078
11078
 
11079
11079
  function create_fragment$N(ctx) {
@@ -11096,7 +11096,7 @@ function create_fragment$N(ctx) {
11096
11096
  this.h();
11097
11097
  },
11098
11098
  h() {
11099
- attr(div, "class", "flex-item svelte-164ah5d");
11099
+ attr(div, "class", "flex-item svelte-1p0bk1x");
11100
11100
  attr(div, "style", /*style*/ ctx[0]);
11101
11101
  },
11102
11102
  m(target, anchor) {
@@ -11187,7 +11187,7 @@ function instance$N($$self, $$props, $$invalidate) {
11187
11187
  class FlexItem extends SvelteComponent {
11188
11188
  constructor(options) {
11189
11189
  super();
11190
- init(this, options, instance$N, create_fragment$N, safe_not_equal, { length: 1, _style: 2 }, add_css$g);
11190
+ init(this, options, instance$N, create_fragment$N, safe_not_equal, { length: 1, _style: 2 }, add_css$h);
11191
11191
  }
11192
11192
  }
11193
11193
 
@@ -11515,8 +11515,8 @@ class GridModalState extends SvelteComponent {
11515
11515
 
11516
11516
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
11517
11517
 
11518
- function add_css$f(target) {
11519
- 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%}");
11518
+ function add_css$g(target) {
11519
+ 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%}");
11520
11520
  }
11521
11521
 
11522
11522
  function create_fragment$L(ctx) {
@@ -11545,8 +11545,8 @@ function create_fragment$L(ctx) {
11545
11545
  this.h();
11546
11546
  },
11547
11547
  h() {
11548
- attr(div0, "class", "text-block-inner svelte-akic2e");
11549
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"));
11548
+ attr(div0, "class", "text-block-inner svelte-15pej1m");
11549
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
11550
11550
  attr(div1, "style", /*style*/ ctx[2]);
11551
11551
  },
11552
11552
  m(target, anchor) {
@@ -11560,7 +11560,7 @@ function create_fragment$L(ctx) {
11560
11560
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
11561
11561
  rendertext.$set(rendertext_changes);
11562
11562
 
11563
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"))) {
11563
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
11564
11564
  attr(div1, "class", div1_class_value);
11565
11565
  }
11566
11566
 
@@ -11630,15 +11630,15 @@ class TextBlock extends SvelteComponent {
11630
11630
  textDirection: 1,
11631
11631
  _style: 5
11632
11632
  },
11633
- add_css$f
11633
+ add_css$g
11634
11634
  );
11635
11635
  }
11636
11636
  }
11637
11637
 
11638
11638
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
11639
11639
 
11640
- function add_css$e(target) {
11641
- 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)}");
11640
+ function add_css$f(target) {
11641
+ 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)}");
11642
11642
  }
11643
11643
 
11644
11644
  function create_fragment$K(ctx) {
@@ -11668,9 +11668,9 @@ function create_fragment$K(ctx) {
11668
11668
  this.h();
11669
11669
  },
11670
11670
  h() {
11671
- attr(button, "class", "text-button svelte-1c34p4n");
11671
+ attr(button, "class", "text-button svelte-ff0k6r");
11672
11672
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
11673
- attr(div, "class", "text-button-block svelte-1c34p4n");
11673
+ attr(div, "class", "text-button-block svelte-ff0k6r");
11674
11674
  attr(div, "style", /*_style*/ ctx[2]);
11675
11675
  },
11676
11676
  m(target, anchor) {
@@ -11768,15 +11768,15 @@ class TextButtonBlock extends SvelteComponent {
11768
11768
  _buttonStyle: 1,
11769
11769
  _style: 2
11770
11770
  },
11771
- add_css$e
11771
+ add_css$f
11772
11772
  );
11773
11773
  }
11774
11774
  }
11775
11775
 
11776
11776
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
11777
11777
 
11778
- function add_css$d(target) {
11779
- 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)}");
11778
+ function add_css$e(target) {
11779
+ 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)}");
11780
11780
  }
11781
11781
 
11782
11782
  function create_fragment$J(ctx) {
@@ -11812,14 +11812,14 @@ function create_fragment$J(ctx) {
11812
11812
  this.h();
11813
11813
  },
11814
11814
  h() {
11815
- attr(img, "class", "image svelte-1jus6sx");
11815
+ attr(img, "class", "image svelte-1pdw891");
11816
11816
  attr(img, "loading", "lazy");
11817
11817
  attr(img, "width", "auto");
11818
11818
  attr(img, "height", "auto");
11819
11819
  attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
11820
11820
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
11821
11821
  attr(img, "alt", /*alt*/ ctx[1]);
11822
- attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"));
11822
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
11823
11823
  attr(div, "style", /*_style*/ ctx[5]);
11824
11824
  },
11825
11825
  m(target, anchor) {
@@ -11844,7 +11844,7 @@ function create_fragment$J(ctx) {
11844
11844
  attr(img, "alt", /*alt*/ ctx[1]);
11845
11845
  }
11846
11846
 
11847
- if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"))) {
11847
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
11848
11848
  attr(div, "class", div_class_value);
11849
11849
  }
11850
11850
 
@@ -11915,7 +11915,7 @@ class ImageBlock extends SvelteComponent {
11915
11915
  _imageStyle: 4,
11916
11916
  _style: 5
11917
11917
  },
11918
- add_css$d
11918
+ add_css$e
11919
11919
  );
11920
11920
  }
11921
11921
  }
@@ -11992,6 +11992,7 @@ const toCssBackgroundImage = (p) => {
11992
11992
  return {
11993
11993
  backgroundImage: url ? `url(${url})` : undefined,
11994
11994
  backgroundSize: url ? 'cover' : undefined,
11995
+ backgroundPosition: 'center',
11995
11996
  };
11996
11997
  };
11997
11998
  const toCssBackgroundColor = (p) => {
@@ -12069,13 +12070,32 @@ const useClickable = ({ eventValue = {}, eventName = '', onClick, element = 'div
12069
12070
  };
12070
12071
  };
12071
12072
 
12073
+ const useInjectCustomizeCss = (props) => {
12074
+ function injectCss() {
12075
+ const style = document.createElement('style');
12076
+ style.textContent = props.customizeCss;
12077
+ document.head.appendChild(style);
12078
+ return () => {
12079
+ document.head.removeChild(style);
12080
+ };
12081
+ }
12082
+ onMount$1(() => {
12083
+ if (!props.isCustomizeCss)
12084
+ return;
12085
+ const removeCss = injectCss();
12086
+ return () => {
12087
+ removeCss();
12088
+ };
12089
+ });
12090
+ };
12091
+
12072
12092
  /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
12073
12093
 
12074
- function add_css$c(target) {
12075
- append_styles(target, "svelte-uy130g", ".avatar.svelte-uy130g{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}");
12094
+ function add_css$d(target) {
12095
+ append_styles(target, "svelte-1vk223g", ".avatar.svelte-1vk223g{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}");
12076
12096
  }
12077
12097
 
12078
- // (33:0) <svelte:element {...attributes} this={element} class="avatar" style={style} data-layer-id={layerId} on:click={handleClick} >
12098
+ // (35:0) <svelte:element {...attributes} this={element} class="avatar" style={style} data-layer-id={layerId} on:click={handleClick} >
12079
12099
  function create_dynamic_element$8(ctx) {
12080
12100
  let svelte_element;
12081
12101
  let img;
@@ -12124,7 +12144,7 @@ function create_dynamic_element$8(ctx) {
12124
12144
  },
12125
12145
  h() {
12126
12146
  if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
12127
- attr(img, "class", "avatar-image svelte-uy130g");
12147
+ attr(img, "class", "avatar-image svelte-1vk223g");
12128
12148
  attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
12129
12149
  attr(img, "style", /*imgStyle*/ ctx[2]);
12130
12150
 
@@ -12134,7 +12154,7 @@ function create_dynamic_element$8(ctx) {
12134
12154
  set_attributes(svelte_element, svelte_element_data);
12135
12155
  }
12136
12156
 
12137
- toggle_class(svelte_element, "svelte-uy130g", true);
12157
+ toggle_class(svelte_element, "svelte-1vk223g", true);
12138
12158
  },
12139
12159
  m(target, anchor) {
12140
12160
  insert_hydration(target, svelte_element, anchor);
@@ -12171,7 +12191,7 @@ function create_dynamic_element$8(ctx) {
12171
12191
  set_attributes(svelte_element, svelte_element_data);
12172
12192
  }
12173
12193
 
12174
- toggle_class(svelte_element, "svelte-uy130g", true);
12194
+ toggle_class(svelte_element, "svelte-1vk223g", true);
12175
12195
  },
12176
12196
  d(detaching) {
12177
12197
  if (detaching) detach(svelte_element);
@@ -12234,6 +12254,7 @@ function instance$I($$self, $$props, $$invalidate) {
12234
12254
  let imgStyle;
12235
12255
  let { props = {} } = $$props;
12236
12256
  let { layerId = '' } = $$props;
12257
+ useInjectCustomizeCss(props);
12237
12258
  const { attributes, element, handleClick } = useClickable(props);
12238
12259
 
12239
12260
  const VARIANTS = {
@@ -12274,7 +12295,7 @@ function instance$I($$self, $$props, $$invalidate) {
12274
12295
  class Avatar extends SvelteComponent {
12275
12296
  constructor(options) {
12276
12297
  super();
12277
- init(this, options, instance$I, create_fragment$I, safe_not_equal, { props: 0, layerId: 1 }, add_css$c);
12298
+ init(this, options, instance$I, create_fragment$I, safe_not_equal, { props: 0, layerId: 1 }, add_css$d);
12278
12299
  }
12279
12300
  }
12280
12301
 
@@ -14335,11 +14356,11 @@ const ICON_VARIANTS = {
14335
14356
 
14336
14357
  /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
14337
14358
 
14338
- function add_css$b(target) {
14339
- append_styles(target, "svelte-mut6o2", ".icon.svelte-mut6o2{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
14359
+ function add_css$c(target) {
14360
+ append_styles(target, "svelte-19rssou", ".icon.svelte-19rssou{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
14340
14361
  }
14341
14362
 
14342
- // (22:0) <svelte:element {...attributes} this={element} class="icon" style={style} data-layer-id={layerId} on:click={handleClick} >
14363
+ // (24:0) <svelte:element {...attributes} this={element} class="icon" style={style} data-layer-id={layerId} on:click={handleClick} >
14343
14364
  function create_dynamic_element$7(ctx) {
14344
14365
  let svelte_element;
14345
14366
  let switch_instance;
@@ -14398,7 +14419,7 @@ function create_dynamic_element$7(ctx) {
14398
14419
  set_attributes(svelte_element, svelte_element_data);
14399
14420
  }
14400
14421
 
14401
- toggle_class(svelte_element, "svelte-mut6o2", true);
14422
+ toggle_class(svelte_element, "svelte-19rssou", true);
14402
14423
  },
14403
14424
  m(target, anchor) {
14404
14425
  insert_hydration(target, svelte_element, anchor);
@@ -14451,7 +14472,7 @@ function create_dynamic_element$7(ctx) {
14451
14472
  set_attributes(svelte_element, svelte_element_data);
14452
14473
  }
14453
14474
 
14454
- toggle_class(svelte_element, "svelte-mut6o2", true);
14475
+ toggle_class(svelte_element, "svelte-19rssou", true);
14455
14476
  },
14456
14477
  i(local) {
14457
14478
  if (current) return;
@@ -14526,6 +14547,7 @@ function instance$c($$self, $$props, $$invalidate) {
14526
14547
  let IconComponent;
14527
14548
  let { props = {} } = $$props;
14528
14549
  let { layerId = '' } = $$props;
14550
+ useInjectCustomizeCss(props);
14529
14551
  const { attributes, element, handleClick } = useClickable(props);
14530
14552
 
14531
14553
  const getSizeCss = () => {
@@ -14563,7 +14585,7 @@ function instance$c($$self, $$props, $$invalidate) {
14563
14585
  class Icon extends SvelteComponent {
14564
14586
  constructor(options) {
14565
14587
  super();
14566
- init(this, options, instance$c, create_fragment$c, safe_not_equal, { props: 0, layerId: 1 }, add_css$b);
14588
+ init(this, options, instance$c, create_fragment$c, safe_not_equal, { props: 0, layerId: 1 }, add_css$c);
14567
14589
  }
14568
14590
  }
14569
14591
 
@@ -14730,11 +14752,11 @@ function darkenColor(color, percent) {
14730
14752
 
14731
14753
  /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
14732
14754
 
14733
- function add_css$a(target) {
14734
- append_styles(target, "svelte-1o60d09", ".button.svelte-1o60d09{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border:0;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:var(--bg-color)}.button.svelte-1o60d09:hover{background-color:var(--hover-bg-color)}.button-icon.svelte-1o60d09{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
14755
+ function add_css$b(target) {
14756
+ append_styles(target, "svelte-1ix4ul", ".button.svelte-1ix4ul{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border:0;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:var(--bg-color)}.button.svelte-1ix4ul:hover{background-color:var(--hover-bg-color)}.button-icon.svelte-1ix4ul{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
14735
14757
  }
14736
14758
 
14737
- // (47:2) {#if props.isIcon && props.iconVariant}
14759
+ // (49:2) {#if props.isIcon && props.iconVariant}
14738
14760
  function create_if_block$6(ctx) {
14739
14761
  let div;
14740
14762
  let icon;
@@ -14765,7 +14787,7 @@ function create_if_block$6(ctx) {
14765
14787
  this.h();
14766
14788
  },
14767
14789
  h() {
14768
- attr(div, "class", "button-icon svelte-1o60d09");
14790
+ attr(div, "class", "button-icon svelte-1ix4ul");
14769
14791
  },
14770
14792
  m(target, anchor) {
14771
14793
  insert_hydration(target, div, anchor);
@@ -14800,7 +14822,7 @@ function create_if_block$6(ctx) {
14800
14822
  };
14801
14823
  }
14802
14824
 
14803
- // (39:0) <svelte:element {...attributes} this={element} class="button" style={style} data-layer-id={layerId} on:click={handleClick} >
14825
+ // (41:0) <svelte:element {...attributes} this={element} class="button" style={style} data-layer-id={layerId} on:click={handleClick} >
14804
14826
  function create_dynamic_element$6(ctx) {
14805
14827
  let svelte_element;
14806
14828
  let t0;
@@ -14852,7 +14874,7 @@ function create_dynamic_element$6(ctx) {
14852
14874
  this.h();
14853
14875
  },
14854
14876
  h() {
14855
- attr(span, "class", "button-label svelte-1o60d09");
14877
+ attr(span, "class", "button-label svelte-1ix4ul");
14856
14878
 
14857
14879
  if ((/-/).test(/*element*/ ctx[4])) {
14858
14880
  set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -14860,7 +14882,7 @@ function create_dynamic_element$6(ctx) {
14860
14882
  set_attributes(svelte_element, svelte_element_data);
14861
14883
  }
14862
14884
 
14863
- toggle_class(svelte_element, "svelte-1o60d09", true);
14885
+ toggle_class(svelte_element, "svelte-1ix4ul", true);
14864
14886
  },
14865
14887
  m(target, anchor) {
14866
14888
  insert_hydration(target, svelte_element, anchor);
@@ -14914,7 +14936,7 @@ function create_dynamic_element$6(ctx) {
14914
14936
  set_attributes(svelte_element, svelte_element_data);
14915
14937
  }
14916
14938
 
14917
- toggle_class(svelte_element, "svelte-1o60d09", true);
14939
+ toggle_class(svelte_element, "svelte-1ix4ul", true);
14918
14940
  },
14919
14941
  i(local) {
14920
14942
  if (current) return;
@@ -14989,6 +15011,7 @@ function instance$b($$self, $$props, $$invalidate) {
14989
15011
  let style;
14990
15012
  let { props = {} } = $$props;
14991
15013
  let { layerId = '' } = $$props;
15014
+ useInjectCustomizeCss(props);
14992
15015
  const { attributes, element, handleClick } = useClickable(props);
14993
15016
  const buttonThemeStyle = BUTTON_THEME_STYLES[props.theme ?? buttonPropsDefault.theme];
14994
15017
  const buttonSizeStyle = BUTTON_SIZE_STYLES[props.size ?? buttonPropsDefault.size];
@@ -15043,7 +15066,7 @@ function instance$b($$self, $$props, $$invalidate) {
15043
15066
  class Button extends SvelteComponent {
15044
15067
  constructor(options) {
15045
15068
  super();
15046
- init(this, options, instance$b, create_fragment$b, safe_not_equal, { props: 0, layerId: 1 }, add_css$a);
15069
+ init(this, options, instance$b, create_fragment$b, safe_not_equal, { props: 0, layerId: 1 }, add_css$b);
15047
15070
  }
15048
15071
  }
15049
15072
 
@@ -15140,11 +15163,11 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
15140
15163
 
15141
15164
  /* src/components-flex/button-outlined/ButtonOutlined.svelte generated by Svelte v3.53.1 */
15142
15165
 
15143
- function add_css$9(target) {
15144
- append_styles(target, "svelte-1ogxph4", ".button-outlined.svelte-1ogxph4{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:#ffffff}.button-outlined.svelte-1ogxph4:hover{background-color:#f6f6f6}.button-outlined-icon.svelte-1ogxph4{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
15166
+ function add_css$a(target) {
15167
+ append_styles(target, "svelte-b990ec", ".button-outlined.svelte-b990ec{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:#ffffff}.button-outlined.svelte-b990ec:hover{background-color:#f6f6f6}.button-outlined-icon.svelte-b990ec{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
15145
15168
  }
15146
15169
 
15147
- // (42:2) {#if props.isIcon && props.iconVariant}
15170
+ // (44:2) {#if props.isIcon && props.iconVariant}
15148
15171
  function create_if_block$5(ctx) {
15149
15172
  let div;
15150
15173
  let icon;
@@ -15175,7 +15198,7 @@ function create_if_block$5(ctx) {
15175
15198
  this.h();
15176
15199
  },
15177
15200
  h() {
15178
- attr(div, "class", "button-outlined-icon svelte-1ogxph4");
15201
+ attr(div, "class", "button-outlined-icon svelte-b990ec");
15179
15202
  },
15180
15203
  m(target, anchor) {
15181
15204
  insert_hydration(target, div, anchor);
@@ -15210,7 +15233,7 @@ function create_if_block$5(ctx) {
15210
15233
  };
15211
15234
  }
15212
15235
 
15213
- // (34:0) <svelte:element {...attributes} this={element} class="button-outlined" style={style} data-layer-id={layerId} on:click={handleClick} >
15236
+ // (36:0) <svelte:element {...attributes} this={element} class="button-outlined" style={style} data-layer-id={layerId} on:click={handleClick} >
15214
15237
  function create_dynamic_element$5(ctx) {
15215
15238
  let svelte_element;
15216
15239
  let t0;
@@ -15262,7 +15285,7 @@ function create_dynamic_element$5(ctx) {
15262
15285
  this.h();
15263
15286
  },
15264
15287
  h() {
15265
- attr(span, "class", "button-outlined-label svelte-1ogxph4");
15288
+ attr(span, "class", "button-outlined-label svelte-b990ec");
15266
15289
 
15267
15290
  if ((/-/).test(/*element*/ ctx[4])) {
15268
15291
  set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -15270,7 +15293,7 @@ function create_dynamic_element$5(ctx) {
15270
15293
  set_attributes(svelte_element, svelte_element_data);
15271
15294
  }
15272
15295
 
15273
- toggle_class(svelte_element, "svelte-1ogxph4", true);
15296
+ toggle_class(svelte_element, "svelte-b990ec", true);
15274
15297
  },
15275
15298
  m(target, anchor) {
15276
15299
  insert_hydration(target, svelte_element, anchor);
@@ -15324,7 +15347,7 @@ function create_dynamic_element$5(ctx) {
15324
15347
  set_attributes(svelte_element, svelte_element_data);
15325
15348
  }
15326
15349
 
15327
- toggle_class(svelte_element, "svelte-1ogxph4", true);
15350
+ toggle_class(svelte_element, "svelte-b990ec", true);
15328
15351
  },
15329
15352
  i(local) {
15330
15353
  if (current) return;
@@ -15398,6 +15421,7 @@ function instance$a($$self, $$props, $$invalidate) {
15398
15421
  let style;
15399
15422
  let { props = {} } = $$props;
15400
15423
  let { layerId = '' } = $$props;
15424
+ useInjectCustomizeCss(props);
15401
15425
  const { attributes, element, handleClick } = useClickable(props);
15402
15426
  const buttonThemeStyle = BUTTON_OUTLINED_THEME_STYLES[props.theme ?? buttonOutlinedPropsDefault.theme];
15403
15427
  const buttonSizeStyle = BUTTON_OUTLINED_SIZE_STYLES[props.size ?? buttonOutlinedPropsDefault.size];
@@ -15436,7 +15460,7 @@ function instance$a($$self, $$props, $$invalidate) {
15436
15460
  class ButtonOutlined extends SvelteComponent {
15437
15461
  constructor(options) {
15438
15462
  super();
15439
- init(this, options, instance$a, create_fragment$a, safe_not_equal, { props: 0, layerId: 1 }, add_css$9);
15463
+ init(this, options, instance$a, create_fragment$a, safe_not_equal, { props: 0, layerId: 1 }, add_css$a);
15440
15464
  }
15441
15465
  }
15442
15466
 
@@ -15497,11 +15521,11 @@ const BUTTON_TEXT_THEME_STYLES = {
15497
15521
 
15498
15522
  /* src/components-flex/button-text/ButtonText.svelte generated by Svelte v3.53.1 */
15499
15523
 
15500
- function add_css$8(target) {
15501
- 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}");
15524
+ function add_css$9(target) {
15525
+ 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}");
15502
15526
  }
15503
15527
 
15504
- // (44:2) {#if props.isIcon && props.iconVariant}
15528
+ // (46:2) {#if props.isIcon && props.iconVariant}
15505
15529
  function create_if_block$4(ctx) {
15506
15530
  let div;
15507
15531
  let icon;
@@ -15532,7 +15556,7 @@ function create_if_block$4(ctx) {
15532
15556
  this.h();
15533
15557
  },
15534
15558
  h() {
15535
- attr(div, "class", "button-text-icon svelte-lted9r");
15559
+ attr(div, "class", "button-text-icon svelte-1xgvp8r");
15536
15560
  },
15537
15561
  m(target, anchor) {
15538
15562
  insert_hydration(target, div, anchor);
@@ -15567,7 +15591,7 @@ function create_if_block$4(ctx) {
15567
15591
  };
15568
15592
  }
15569
15593
 
15570
- // (36:0) <svelte:element {...attributes} this={element} class="button-text" style={style} data-layer-id={layerId} on:click={handleClick} >
15594
+ // (38:0) <svelte:element {...attributes} this={element} class="button-text" style={style} data-layer-id={layerId} on:click={handleClick} >
15571
15595
  function create_dynamic_element$4(ctx) {
15572
15596
  let svelte_element;
15573
15597
  let t0;
@@ -15619,7 +15643,7 @@ function create_dynamic_element$4(ctx) {
15619
15643
  this.h();
15620
15644
  },
15621
15645
  h() {
15622
- attr(span, "class", "button-text-label svelte-lted9r");
15646
+ attr(span, "class", "button-text-label svelte-1xgvp8r");
15623
15647
 
15624
15648
  if ((/-/).test(/*element*/ ctx[4])) {
15625
15649
  set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -15627,7 +15651,7 @@ function create_dynamic_element$4(ctx) {
15627
15651
  set_attributes(svelte_element, svelte_element_data);
15628
15652
  }
15629
15653
 
15630
- toggle_class(svelte_element, "svelte-lted9r", true);
15654
+ toggle_class(svelte_element, "svelte-1xgvp8r", true);
15631
15655
  },
15632
15656
  m(target, anchor) {
15633
15657
  insert_hydration(target, svelte_element, anchor);
@@ -15681,7 +15705,7 @@ function create_dynamic_element$4(ctx) {
15681
15705
  set_attributes(svelte_element, svelte_element_data);
15682
15706
  }
15683
15707
 
15684
- toggle_class(svelte_element, "svelte-lted9r", true);
15708
+ toggle_class(svelte_element, "svelte-1xgvp8r", true);
15685
15709
  },
15686
15710
  i(local) {
15687
15711
  if (current) return;
@@ -15756,6 +15780,7 @@ function instance$9($$self, $$props, $$invalidate) {
15756
15780
  let style;
15757
15781
  let { props = {} } = $$props;
15758
15782
  let { layerId = '' } = $$props;
15783
+ useInjectCustomizeCss(props);
15759
15784
  const { attributes, element, handleClick } = useClickable(props);
15760
15785
  const buttonThemeStyle = BUTTON_TEXT_THEME_STYLES[props.theme ?? 'default'];
15761
15786
  const buttonSizeStyle = BUTTON_TEXT_SIZE_STYLES[props.size ?? 'medium'];
@@ -15807,7 +15832,7 @@ function instance$9($$self, $$props, $$invalidate) {
15807
15832
  class ButtonText extends SvelteComponent {
15808
15833
  constructor(options) {
15809
15834
  super();
15810
- init(this, options, instance$9, create_fragment$9, safe_not_equal, { props: 0, layerId: 1 }, add_css$8);
15835
+ init(this, options, instance$9, create_fragment$9, safe_not_equal, { props: 0, layerId: 1 }, add_css$9);
15811
15836
  }
15812
15837
  }
15813
15838
 
@@ -15845,11 +15870,11 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
15845
15870
 
15846
15871
  /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
15847
15872
 
15848
- function add_css$7(target) {
15849
- 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}");
15873
+ function add_css$8(target) {
15874
+ 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}");
15850
15875
  }
15851
15876
 
15852
- // (89:2) {#if hasLabel}
15877
+ // (91:2) {#if hasLabel}
15853
15878
  function create_if_block$3(ctx) {
15854
15879
  let span;
15855
15880
  let t;
@@ -15872,7 +15897,7 @@ function create_if_block$3(ctx) {
15872
15897
 
15873
15898
  attr(span, "class", "close-button-label " + (/*isLeftLabelPlacement*/ ctx[10]
15874
15899
  ? 'close-button-order-one'
15875
- : '') + " svelte-3133h2");
15900
+ : '') + " svelte-3mvsv6");
15876
15901
  },
15877
15902
  m(target, anchor) {
15878
15903
  insert_hydration(target, span, anchor);
@@ -15889,7 +15914,7 @@ function create_if_block$3(ctx) {
15889
15914
  };
15890
15915
  }
15891
15916
 
15892
- // (70:0) <svelte:element {...attributes} this={element} class="close-button {isLeftLabelPlacement ? 'close-button-order-two' : ''}" data-layer-id={layerId} style={style} on:click={handleClick} >
15917
+ // (72:0) <svelte:element {...attributes} this={element} class="close-button {isLeftLabelPlacement ? 'close-button-order-two' : ''}" data-layer-id={layerId} style={style} on:click={handleClick} >
15893
15918
  function create_dynamic_element$3(ctx) {
15894
15919
  let svelte_element;
15895
15920
  let span;
@@ -15964,7 +15989,7 @@ function create_dynamic_element$3(ctx) {
15964
15989
  set_style(svg, "width", "100%");
15965
15990
  set_style(svg, "height", "100%");
15966
15991
  attr(svg, "fill", /*color*/ ctx[8]);
15967
- attr(svg, "class", "svelte-3133h2");
15992
+ attr(svg, "class", "svelte-3mvsv6");
15968
15993
  attr(span, "style", /*iconStyle*/ ctx[1]);
15969
15994
 
15970
15995
  if ((/-/).test(/*element*/ ctx[6])) {
@@ -15973,7 +15998,7 @@ function create_dynamic_element$3(ctx) {
15973
15998
  set_attributes(svelte_element, svelte_element_data);
15974
15999
  }
15975
16000
 
15976
- toggle_class(svelte_element, "svelte-3133h2", true);
16001
+ toggle_class(svelte_element, "svelte-3mvsv6", true);
15977
16002
  },
15978
16003
  m(target, anchor) {
15979
16004
  insert_hydration(target, svelte_element, anchor);
@@ -16019,7 +16044,7 @@ function create_dynamic_element$3(ctx) {
16019
16044
  set_attributes(svelte_element, svelte_element_data);
16020
16045
  }
16021
16046
 
16022
- toggle_class(svelte_element, "svelte-3133h2", true);
16047
+ toggle_class(svelte_element, "svelte-3mvsv6", true);
16023
16048
  },
16024
16049
  d(detaching) {
16025
16050
  if (detaching) detach(svelte_element);
@@ -16087,6 +16112,7 @@ function instance$8($$self, $$props, $$invalidate) {
16087
16112
  let { layerId = '' } = $$props;
16088
16113
  let { eventName = '' } = $$props;
16089
16114
  let { eventValue = undefined } = $$props;
16115
+ useInjectCustomizeCss(props);
16090
16116
 
16091
16117
  const { attributes, element, handleClick } = useClickable({
16092
16118
  onClick: { operation: 'closeApp', args: ['button'] },
@@ -16183,18 +16209,18 @@ class CloseButton extends SvelteComponent {
16183
16209
  eventName: 12,
16184
16210
  eventValue: 13
16185
16211
  },
16186
- add_css$7
16212
+ add_css$8
16187
16213
  );
16188
16214
  }
16189
16215
  }
16190
16216
 
16191
16217
  /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
16192
16218
 
16193
- function add_css$6(target) {
16194
- append_styles(target, "svelte-1x7ex8r", ".image.svelte-1x7ex8r{max-width:100%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.image-object.svelte-1x7ex8r{width:100%;overflow:hidden}.image-img.svelte-1x7ex8r{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
16219
+ function add_css$7(target) {
16220
+ append_styles(target, "svelte-1jfwn73", ".image.svelte-1jfwn73{max-width:100%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.image-object.svelte-1jfwn73{width:100%;overflow:hidden}.image-img.svelte-1jfwn73{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
16195
16221
  }
16196
16222
 
16197
- // (17:0) <svelte:element {...attributes} this={element} class="image" style={style} data-layer-id={layerId} on:click={handleClick} >
16223
+ // (19:0) <svelte:element {...attributes} this={element} class="image" style={style} data-layer-id={layerId} on:click={handleClick} >
16198
16224
  function create_dynamic_element$2(ctx) {
16199
16225
  let svelte_element;
16200
16226
  let object;
@@ -16242,9 +16268,9 @@ function create_dynamic_element$2(ctx) {
16242
16268
  h() {
16243
16269
  if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
16244
16270
  attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
16245
- attr(img, "class", "image-img svelte-1x7ex8r");
16271
+ attr(img, "class", "image-img svelte-1jfwn73");
16246
16272
  attr(object, "style", /*objectStyle*/ ctx[2]);
16247
- attr(object, "class", "image-object svelte-1x7ex8r");
16273
+ attr(object, "class", "image-object svelte-1jfwn73");
16248
16274
 
16249
16275
  if ((/-/).test(/*element*/ ctx[5])) {
16250
16276
  set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -16252,7 +16278,7 @@ function create_dynamic_element$2(ctx) {
16252
16278
  set_attributes(svelte_element, svelte_element_data);
16253
16279
  }
16254
16280
 
16255
- toggle_class(svelte_element, "svelte-1x7ex8r", true);
16281
+ toggle_class(svelte_element, "svelte-1jfwn73", true);
16256
16282
  },
16257
16283
  m(target, anchor) {
16258
16284
  insert_hydration(target, svelte_element, anchor);
@@ -16290,7 +16316,7 @@ function create_dynamic_element$2(ctx) {
16290
16316
  set_attributes(svelte_element, svelte_element_data);
16291
16317
  }
16292
16318
 
16293
- toggle_class(svelte_element, "svelte-1x7ex8r", true);
16319
+ toggle_class(svelte_element, "svelte-1jfwn73", true);
16294
16320
  },
16295
16321
  d(detaching) {
16296
16322
  if (detaching) detach(svelte_element);
@@ -16353,6 +16379,7 @@ function instance$7($$self, $$props, $$invalidate) {
16353
16379
  let objectStyle;
16354
16380
  let { props = {} } = $$props;
16355
16381
  let { layerId = '' } = $$props;
16382
+ useInjectCustomizeCss(props);
16356
16383
  const { attributes, element, handleClick } = useClickable(props);
16357
16384
 
16358
16385
  $$self.$$set = $$props => {
@@ -16380,17 +16407,17 @@ function instance$7($$self, $$props, $$invalidate) {
16380
16407
  class Image extends SvelteComponent {
16381
16408
  constructor(options) {
16382
16409
  super();
16383
- init(this, options, instance$7, create_fragment$7, safe_not_equal, { props: 0, layerId: 1 }, add_css$6);
16410
+ init(this, options, instance$7, create_fragment$7, safe_not_equal, { props: 0, layerId: 1 }, add_css$7);
16384
16411
  }
16385
16412
  }
16386
16413
 
16387
16414
  /* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
16388
16415
 
16389
- function add_css$5(target) {
16390
- 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}");
16416
+ function add_css$6(target) {
16417
+ 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}");
16391
16418
  }
16392
16419
 
16393
- // (27:0) <svelte:element {...attributes} this="div" class="layout" style={style} data-layer-id={layerId} on:click={handleClick} >
16420
+ // (28:0) <svelte:element {...attributes} this="div" class="layout" style={style} data-layer-id={layerId} on:click={handleClick} >
16394
16421
  function create_dynamic_element$1(ctx) {
16395
16422
  let svelte_element;
16396
16423
  let current;
@@ -16437,7 +16464,7 @@ function create_dynamic_element$1(ctx) {
16437
16464
  set_attributes(svelte_element, svelte_element_data);
16438
16465
  }
16439
16466
 
16440
- toggle_class(svelte_element, "svelte-1tjo4al", true);
16467
+ toggle_class(svelte_element, "svelte-139vx15", true);
16441
16468
  },
16442
16469
  m(target, anchor) {
16443
16470
  insert_hydration(target, svelte_element, anchor);
@@ -16482,7 +16509,7 @@ function create_dynamic_element$1(ctx) {
16482
16509
  set_attributes(svelte_element, svelte_element_data);
16483
16510
  }
16484
16511
 
16485
- toggle_class(svelte_element, "svelte-1tjo4al", true);
16512
+ toggle_class(svelte_element, "svelte-139vx15", true);
16486
16513
  },
16487
16514
  i(local) {
16488
16515
  if (current) return;
@@ -16561,6 +16588,7 @@ function instance$6($$self, $$props, $$invalidate) {
16561
16588
  let { $$slots: slots = {}, $$scope } = $$props;
16562
16589
  let { props = {} } = $$props;
16563
16590
  let { layerId = '' } = $$props;
16591
+ useInjectCustomizeCss(props);
16564
16592
  const { attributes, element, handleClick } = useClickable(props);
16565
16593
 
16566
16594
  $$self.$$set = $$props => {
@@ -16597,7 +16625,7 @@ function instance$6($$self, $$props, $$invalidate) {
16597
16625
  class Layout extends SvelteComponent {
16598
16626
  constructor(options) {
16599
16627
  super();
16600
- init(this, options, instance$6, create_fragment$6, safe_not_equal, { props: 4, layerId: 0 }, add_css$5);
16628
+ init(this, options, instance$6, create_fragment$6, safe_not_equal, { props: 4, layerId: 0 }, add_css$6);
16601
16629
  }
16602
16630
  }
16603
16631
 
@@ -16608,8 +16636,8 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
16608
16636
 
16609
16637
  /* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
16610
16638
 
16611
- function add_css$4(target) {
16612
- append_styles(target, "svelte-10vbkzx", ".container.svelte-10vbkzx{-webkit-user-drag:none}");
16639
+ function add_css$5(target) {
16640
+ append_styles(target, "svelte-17ij7ip", ".container.svelte-17ij7ip{-webkit-user-drag:none}");
16613
16641
  }
16614
16642
 
16615
16643
  function get_each_context(ctx, list, i) {
@@ -16744,7 +16772,7 @@ function create_fragment$5(ctx) {
16744
16772
  this.h();
16745
16773
  },
16746
16774
  h() {
16747
- attr(div0, "class", "container svelte-10vbkzx");
16775
+ attr(div0, "class", "container svelte-17ij7ip");
16748
16776
  attr(div0, "style", div0_style_value = [/*containerStyle*/ ctx[5], /*overrideStyle*/ ctx[1]].join(' '));
16749
16777
  attr(div1, "style", /*indicatorListStyle*/ ctx[4]);
16750
16778
  attr(div2, "data-layer-id", /*layerId*/ ctx[0]);
@@ -17061,7 +17089,7 @@ function instance$5($$self, $$props, $$invalidate) {
17061
17089
  class Slider extends SvelteComponent {
17062
17090
  constructor(options) {
17063
17091
  super();
17064
- init(this, options, instance$5, create_fragment$5, safe_not_equal, { layerId: 0, props: 11, overrideStyle: 1 }, add_css$4, [-1, -1]);
17092
+ init(this, options, instance$5, create_fragment$5, safe_not_equal, { layerId: 0, props: 11, overrideStyle: 1 }, add_css$5, [-1, -1]);
17065
17093
  }
17066
17094
  }
17067
17095
 
@@ -17149,8 +17177,8 @@ const TEXT_THEME_STYLES = {
17149
17177
 
17150
17178
  /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
17151
17179
 
17152
- function add_css$3(target) {
17153
- append_styles(target, "svelte-14kt34i", ".text.svelte-14kt34i{margin:0;word-break:break-all;text-decoration:none}");
17180
+ function add_css$4(target) {
17181
+ append_styles(target, "svelte-vifn7y", ".text.svelte-vifn7y{margin:0;word-break:break-all;text-decoration:none}");
17154
17182
  }
17155
17183
 
17156
17184
  function create_fragment$4(ctx) {
@@ -17173,7 +17201,7 @@ function create_fragment$4(ctx) {
17173
17201
  this.h();
17174
17202
  },
17175
17203
  h() {
17176
- attr(p, "class", "text svelte-14kt34i");
17204
+ attr(p, "class", "text svelte-vifn7y");
17177
17205
  attr(p, "style", /*style*/ ctx[1]);
17178
17206
  attr(p, "data-layer-id", /*layerId*/ ctx[0]);
17179
17207
  },
@@ -17204,6 +17232,7 @@ function instance$4($$self, $$props, $$invalidate) {
17204
17232
  let style;
17205
17233
  let { props = { content: '' } } = $$props;
17206
17234
  let { layerId = '' } = $$props;
17235
+ useInjectCustomizeCss(props);
17207
17236
 
17208
17237
  if (props.fontFamily) {
17209
17238
  addFont(props.fontFamily);
@@ -17253,7 +17282,7 @@ function instance$4($$self, $$props, $$invalidate) {
17253
17282
  class Text extends SvelteComponent {
17254
17283
  constructor(options) {
17255
17284
  super();
17256
- init(this, options, instance$4, create_fragment$4, safe_not_equal, { props: 3, layerId: 0 }, add_css$3);
17285
+ init(this, options, instance$4, create_fragment$4, safe_not_equal, { props: 3, layerId: 0 }, add_css$4);
17257
17286
  }
17258
17287
  }
17259
17288
 
@@ -17321,11 +17350,11 @@ const TEXT_LINK_THEME_STYLES = {
17321
17350
 
17322
17351
  /* src/components-flex/text-link/TextLink.svelte generated by Svelte v3.53.1 */
17323
17352
 
17324
- function add_css$2(target) {
17325
- append_styles(target, "svelte-1ly79de", ".link.svelte-1ly79de,.link.svelte-1ly79de:visited,.link.svelte-1ly79de:link{color:var(--color)}.link.svelte-1ly79de:hover{color:var(--hover-color)}.link.svelte-1ly79de:active{color:var(--active-color)}.link.underline-hover-on.svelte-1ly79de{text-decoration:none}.link.underline-hover-on.svelte-1ly79de:hover{text-decoration:underline}.link.underline-hover-off.svelte-1ly79de{text-decoration:underline}.link.underline-hover-off.svelte-1ly79de:hover{text-decoration:none}.link.underline-on.svelte-1ly79de{text-decoration:underline}.link.underline-off.svelte-1ly79de{text-decoration:none}");
17353
+ function add_css$3(target) {
17354
+ append_styles(target, "svelte-1y4hh01", ".link.svelte-1y4hh01{-webkit-appearance:none;border:0;background:none;padding:0}.link.svelte-1y4hh01,.link.svelte-1y4hh01:visited,.link.svelte-1y4hh01:link{color:var(--color)}.link.svelte-1y4hh01:hover{color:var(--hover-color)}.link.svelte-1y4hh01:active{color:var(--active-color)}.link.underline-hover-on.svelte-1y4hh01{text-decoration:none}.link.underline-hover-on.svelte-1y4hh01:hover{text-decoration:underline}.link.underline-hover-off.svelte-1y4hh01{text-decoration:underline}.link.underline-hover-off.svelte-1y4hh01:hover{text-decoration:none}.link.underline-on.svelte-1y4hh01{text-decoration:underline}.link.underline-off.svelte-1y4hh01{text-decoration:none}");
17326
17355
  }
17327
17356
 
17328
- // (67:2) {#if props.isIcon && props.iconVariant}
17357
+ // (69:2) {#if props.isIcon && props.iconVariant}
17329
17358
  function create_if_block$2(ctx) {
17330
17359
  let icon;
17331
17360
  let current;
@@ -17379,7 +17408,7 @@ function create_if_block$2(ctx) {
17379
17408
  };
17380
17409
  }
17381
17410
 
17382
- // (59:0) <svelte:element {...attributes} this={element} class={`link ${underlineClass}`} style={style} data-layer-id={layerId} on:click={handleClick} >
17411
+ // (61:0) <svelte:element {...attributes} this={element} class={`link ${underlineClass}`} style={style} data-layer-id={layerId} on:click={handleClick} >
17383
17412
  function create_dynamic_element(ctx) {
17384
17413
  let svelte_element;
17385
17414
  let t;
@@ -17436,7 +17465,7 @@ function create_dynamic_element(ctx) {
17436
17465
  set_attributes(svelte_element, svelte_element_data);
17437
17466
  }
17438
17467
 
17439
- toggle_class(svelte_element, "svelte-1ly79de", true);
17468
+ toggle_class(svelte_element, "svelte-1y4hh01", true);
17440
17469
  },
17441
17470
  m(target, anchor) {
17442
17471
  insert_hydration(target, svelte_element, anchor);
@@ -17489,7 +17518,7 @@ function create_dynamic_element(ctx) {
17489
17518
  set_attributes(svelte_element, svelte_element_data);
17490
17519
  }
17491
17520
 
17492
- toggle_class(svelte_element, "svelte-1ly79de", true);
17521
+ toggle_class(svelte_element, "svelte-1y4hh01", true);
17493
17522
  },
17494
17523
  i(local) {
17495
17524
  if (current) return;
@@ -17565,6 +17594,7 @@ function instance$3($$self, $$props, $$invalidate) {
17565
17594
  let style;
17566
17595
  let { props = { label: '' } } = $$props;
17567
17596
  let { layerId = '' } = $$props;
17597
+ useInjectCustomizeCss(props);
17568
17598
  const { attributes, element, handleClick } = useClickable({ ...props, element: 'span' });
17569
17599
  const themeStyle = TEXT_LINK_THEME_STYLES[props.theme ?? 'link'];
17570
17600
  const sizeStyle = TEXT_LINK_SIZE_STYLES[props.size ?? 'medium'];
@@ -17635,7 +17665,7 @@ function instance$3($$self, $$props, $$invalidate) {
17635
17665
  class TextLink extends SvelteComponent {
17636
17666
  constructor(options) {
17637
17667
  super();
17638
- init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 0, layerId: 1 }, add_css$2);
17668
+ init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 0, layerId: 1 }, add_css$3);
17639
17669
  }
17640
17670
  }
17641
17671
 
@@ -17661,8 +17691,8 @@ const TEXT_LINK_UNDERLINE = {
17661
17691
 
17662
17692
  /* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
17663
17693
 
17664
- function add_css$1(target) {
17665
- 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}");
17694
+ function add_css$2(target) {
17695
+ 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}");
17666
17696
  }
17667
17697
 
17668
17698
  // (14:0) {#if backgroundOverlay}
@@ -17683,7 +17713,7 @@ function create_if_block$1(ctx) {
17683
17713
  this.h();
17684
17714
  },
17685
17715
  h() {
17686
- attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"));
17716
+ attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
17687
17717
  },
17688
17718
  m(target, anchor) {
17689
17719
  insert_hydration(target, div, anchor);
@@ -17694,7 +17724,7 @@ function create_if_block$1(ctx) {
17694
17724
  }
17695
17725
  },
17696
17726
  p(ctx, dirty) {
17697
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"))) {
17727
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
17698
17728
  attr(div, "class", div_class_value);
17699
17729
  }
17700
17730
  },
@@ -17763,14 +17793,14 @@ function instance$2($$self, $$props, $$invalidate) {
17763
17793
  class BackgroundOverlay extends SvelteComponent {
17764
17794
  constructor(options) {
17765
17795
  super();
17766
- init(this, options, instance$2, create_fragment$2, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$1);
17796
+ init(this, options, instance$2, create_fragment$2, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$2);
17767
17797
  }
17768
17798
  }
17769
17799
 
17770
17800
  /* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
17771
17801
 
17772
- function add_css(target) {
17773
- 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}}");
17802
+ function add_css$1(target) {
17803
+ 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}}");
17774
17804
  }
17775
17805
 
17776
17806
  // (219:0) {:else}
@@ -17936,7 +17966,7 @@ function create_if_block(ctx) {
17936
17966
  this.h();
17937
17967
  },
17938
17968
  h() {
17939
- attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-15b58xm"));
17969
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"));
17940
17970
  attr(div, "role", "dialog");
17941
17971
  attr(div, "aria-modal", "true");
17942
17972
  attr(div, "style", Array.from(/*modalStyles*/ ctx[12]).join(';'));
@@ -17969,7 +17999,7 @@ function create_if_block(ctx) {
17969
17999
  }
17970
18000
  }
17971
18001
 
17972
- if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-15b58xm"))) {
18002
+ if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"))) {
17973
18003
  attr(div, "class", div_class_value);
17974
18004
  }
17975
18005
  },
@@ -18393,13 +18423,17 @@ class Modal extends SvelteComponent {
18393
18423
  closeEventName: 16,
18394
18424
  closeEventValue: 17
18395
18425
  },
18396
- add_css
18426
+ add_css$1
18397
18427
  );
18398
18428
  }
18399
18429
  }
18400
18430
 
18401
18431
  /* src/components-flex/code/Code.svelte generated by Svelte v3.53.1 */
18402
18432
 
18433
+ function add_css(target) {
18434
+ append_styles(target, "svelte-igivoz", ".code.svelte-igivoz{flex-grow:1;flex-shrink:0;align-self:stretch}");
18435
+ }
18436
+
18403
18437
  function create_fragment(ctx) {
18404
18438
  let div;
18405
18439
  let raw_value = /*props*/ ctx[0].rawHtml + "";
@@ -18407,18 +18441,28 @@ function create_fragment(ctx) {
18407
18441
  return {
18408
18442
  c() {
18409
18443
  div = element("div");
18444
+ this.h();
18410
18445
  },
18411
18446
  l(nodes) {
18412
- div = claim_element(nodes, "DIV", {});
18447
+ div = claim_element(nodes, "DIV", { class: true, "data-layer-id": true });
18413
18448
  var div_nodes = children(div);
18414
18449
  div_nodes.forEach(detach);
18450
+ this.h();
18451
+ },
18452
+ h() {
18453
+ attr(div, "class", "code svelte-igivoz");
18454
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
18415
18455
  },
18416
18456
  m(target, anchor) {
18417
18457
  insert_hydration(target, div, anchor);
18418
18458
  div.innerHTML = raw_value;
18419
18459
  },
18420
18460
  p(ctx, [dirty]) {
18421
- if (dirty & /*props*/ 1 && raw_value !== (raw_value = /*props*/ ctx[0].rawHtml + "")) div.innerHTML = raw_value; },
18461
+ if (dirty & /*props*/ 1 && raw_value !== (raw_value = /*props*/ ctx[0].rawHtml + "")) div.innerHTML = raw_value;
18462
+ if (dirty & /*layerId*/ 2) {
18463
+ attr(div, "data-layer-id", /*layerId*/ ctx[1]);
18464
+ }
18465
+ },
18422
18466
  i: noop,
18423
18467
  o: noop,
18424
18468
  d(detaching) {
@@ -18427,46 +18471,59 @@ function create_fragment(ctx) {
18427
18471
  };
18428
18472
  }
18429
18473
 
18474
+ function unescapeBraces(str) {
18475
+ if (!str) return str;
18476
+ return str.replace(/\\([{}])/g, '$1');
18477
+ }
18478
+
18430
18479
  function instance($$self, $$props, $$invalidate) {
18431
18480
  let { props = {} } = $$props;
18481
+ let { layerId = '' } = $$props;
18432
18482
 
18433
- // JavaScriptの実行を安全に行う関数
18434
18483
  function injectJavaScript() {
18435
18484
  const script = document.createElement('script');
18436
- script.textContent = props.rawScript;
18437
-
18438
- // 動的に作成したスクリプトを挿入
18485
+ script.type = 'text/javascript';
18486
+ script.textContent = unescapeBraces(props.rawScript);
18439
18487
  document.body.appendChild(script);
18440
18488
 
18441
- // スクリプトの削除
18442
18489
  return () => {
18443
18490
  document.body.removeChild(script);
18444
18491
  };
18445
18492
  }
18446
18493
 
18447
- // コンポーネントがマウントされた時にJavaScriptを実行
18494
+ function injectCss() {
18495
+ const style = document.createElement('style');
18496
+ style.textContent = props.rawCss;
18497
+ document.head.appendChild(style);
18498
+
18499
+ return () => {
18500
+ document.head.removeChild(style);
18501
+ };
18502
+ }
18503
+
18448
18504
  onMount$1(() => {
18449
- if (props.rawScript) {
18450
- const removeScript = injectJavaScript();
18505
+ const removeScript = injectJavaScript();
18506
+ const removeCss = injectCss();
18451
18507
 
18452
- // コンポーネントが破棄された時にスクリプトも削除
18453
- return () => {
18454
- removeScript();
18455
- };
18456
- }
18508
+ // コンポーネントが破棄された時にスクリプトも削除
18509
+ return () => {
18510
+ removeScript();
18511
+ removeCss();
18512
+ };
18457
18513
  });
18458
18514
 
18459
18515
  $$self.$$set = $$props => {
18460
18516
  if ('props' in $$props) $$invalidate(0, props = $$props.props);
18517
+ if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
18461
18518
  };
18462
18519
 
18463
- return [props];
18520
+ return [props, layerId];
18464
18521
  }
18465
18522
 
18466
18523
  class Code extends SvelteComponent {
18467
18524
  constructor(options) {
18468
18525
  super();
18469
- init(this, options, instance, create_fragment, safe_not_equal, { props: 0 });
18526
+ init(this, options, instance, create_fragment, safe_not_equal, { props: 0, layerId: 1 }, add_css);
18470
18527
  }
18471
18528
  }
18472
18529