@plaidev/karte-action-sdk 1.1.231 → 1.1.232-28654876.dc7c8de8

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.
Files changed (3) hide show
  1. package/dist/hydrate/index.es.js +224 -185
  2. package/dist/index.es.js +224 -185
  3. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -1240,7 +1240,7 @@ function doPresent({ direction, deltaRate }, downFn, upFn, condition = false) {
1240
1240
  */
1241
1241
  function hideOnScroll(props, hide = NOOP, show = NOOP) {
1242
1242
  const { hide_on_scroll, hide_on_scroll_rate, show_on_scroll_reenter } = props;
1243
- return hide_on_scroll && hide_on_scroll_rate
1243
+ return hide_on_scroll && hide_on_scroll_rate != null
1244
1244
  ? onScroll(hide_on_scroll_rate / 100, ctx => doPresent(ctx, hide, show, show_on_scroll_reenter))
1245
1245
  : null;
1246
1246
  }
@@ -1259,7 +1259,7 @@ function hideOnScroll(props, hide = NOOP, show = NOOP) {
1259
1259
  * @internal
1260
1260
  */
1261
1261
  function hideOnTime(props, hide = NOOP) {
1262
- return props.hide_on_time && props.hide_on_time_count
1262
+ return props.hide_on_time && props.hide_on_time_count != null
1263
1263
  ? onTime(props.hide_on_time_count * 1000, () => hide())
1264
1264
  : null;
1265
1265
  }
@@ -1281,7 +1281,7 @@ function hideOnTime(props, hide = NOOP) {
1281
1281
  */
1282
1282
  function showOnScroll(props, show = NOOP, hide = NOOP) {
1283
1283
  const { show_on_scroll, show_on_scroll_rate, hide_on_scroll_releave, show_on_scroll_reenter } = props;
1284
- return show_on_scroll && show_on_scroll_rate
1284
+ return show_on_scroll && show_on_scroll_rate != null
1285
1285
  ? onScroll(show_on_scroll_rate / 100, ctx => {
1286
1286
  doPresent(ctx, show, hide, hide_on_scroll_releave ?? true);
1287
1287
  return show_on_scroll_reenter;
@@ -1303,7 +1303,7 @@ function showOnScroll(props, show = NOOP, hide = NOOP) {
1303
1303
  * @internal
1304
1304
  */
1305
1305
  function showOnTime(props, show = NOOP) {
1306
- return props.show_on_time && props.show_on_time_count
1306
+ return props.show_on_time && props.show_on_time_count != null
1307
1307
  ? onTime(props.show_on_time_count * 1000, () => show())
1308
1308
  : null;
1309
1309
  }
@@ -3054,7 +3054,7 @@ class State extends SvelteComponent {
3054
3054
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
3055
3055
 
3056
3056
  function add_css$w(target) {
3057
- append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
3057
+ append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
3058
3058
  }
3059
3059
 
3060
3060
  // (23:0) {#if $state === path}
@@ -3071,7 +3071,7 @@ function create_if_block$c(ctx) {
3071
3071
  t = space();
3072
3072
  if (default_slot) default_slot.c();
3073
3073
  attr(div, "data-state-path", /*path*/ ctx[0]);
3074
- attr(div, "class", "state-item svelte-1amihue");
3074
+ attr(div, "class", "state-item svelte-2qb6dm");
3075
3075
  },
3076
3076
  m(target, anchor) {
3077
3077
  insert(target, div, anchor);
@@ -3393,7 +3393,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
3393
3393
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3394
3394
 
3395
3395
  function add_css$v(target) {
3396
- 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}");
3396
+ 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}");
3397
3397
  }
3398
3398
 
3399
3399
  // (14:0) {#if backgroundOverlay}
@@ -3406,7 +3406,7 @@ function create_if_block$b(ctx) {
3406
3406
  return {
3407
3407
  c() {
3408
3408
  div = element("div");
3409
- attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"));
3409
+ attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
3410
3410
  },
3411
3411
  m(target, anchor) {
3412
3412
  insert(target, div, anchor);
@@ -3417,7 +3417,7 @@ function create_if_block$b(ctx) {
3417
3417
  }
3418
3418
  },
3419
3419
  p(ctx, dirty) {
3420
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"))) {
3420
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
3421
3421
  attr(div, "class", div_class_value);
3422
3422
  }
3423
3423
  },
@@ -3523,7 +3523,7 @@ function checkStopPropagation(eventName, handler) {
3523
3523
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3524
3524
 
3525
3525
  function add_css$u(target) {
3526
- 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}");
3526
+ 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}");
3527
3527
  }
3528
3528
 
3529
3529
  // (50:0) {:else}
@@ -3552,7 +3552,7 @@ function create_else_block$4(ctx) {
3552
3552
  button = element("button");
3553
3553
  if (default_slot) default_slot.c();
3554
3554
  set_attributes(button, button_data);
3555
- toggle_class(button, "svelte-1kmu8zp", true);
3555
+ toggle_class(button, "svelte-15k4deh", true);
3556
3556
  },
3557
3557
  m(target, anchor) {
3558
3558
  insert(target, button, anchor);
@@ -3591,7 +3591,7 @@ function create_else_block$4(ctx) {
3591
3591
  dataAttrStopPropagation('click')
3592
3592
  ]));
3593
3593
 
3594
- toggle_class(button, "svelte-1kmu8zp", true);
3594
+ toggle_class(button, "svelte-15k4deh", true);
3595
3595
  },
3596
3596
  i(local) {
3597
3597
  if (current) return;
@@ -3622,7 +3622,7 @@ function create_if_block_2$1(ctx) {
3622
3622
  c() {
3623
3623
  div = element("div");
3624
3624
  if (default_slot) default_slot.c();
3625
- attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1kmu8zp"));
3625
+ attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-15k4deh"));
3626
3626
  attr(div, "style", /*style*/ ctx[1]);
3627
3627
  },
3628
3628
  m(target, anchor) {
@@ -3706,7 +3706,7 @@ function create_if_block_1$2(ctx) {
3706
3706
  a = element("a");
3707
3707
  if (default_slot) default_slot.c();
3708
3708
  set_attributes(a, a_data);
3709
- toggle_class(a, "svelte-1kmu8zp", true);
3709
+ toggle_class(a, "svelte-15k4deh", true);
3710
3710
  },
3711
3711
  m(target, anchor) {
3712
3712
  insert(target, a, anchor);
@@ -3748,7 +3748,7 @@ function create_if_block_1$2(ctx) {
3748
3748
  dataAttrStopPropagation('click')
3749
3749
  ]));
3750
3750
 
3751
- toggle_class(a, "svelte-1kmu8zp", true);
3751
+ toggle_class(a, "svelte-15k4deh", true);
3752
3752
  },
3753
3753
  i(local) {
3754
3754
  if (current) return;
@@ -3779,7 +3779,7 @@ function create_if_block$a(ctx) {
3779
3779
  c() {
3780
3780
  div = element("div");
3781
3781
  if (default_slot) default_slot.c();
3782
- attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1kmu8zp"));
3782
+ attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-15k4deh"));
3783
3783
  attr(div, "style", /*style*/ ctx[1]);
3784
3784
  },
3785
3785
  m(target, anchor) {
@@ -3983,7 +3983,7 @@ let Button$1 = class Button extends SvelteComponent {
3983
3983
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
3984
3984
 
3985
3985
  function add_css$t(target) {
3986
- 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}}");
3986
+ 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}}");
3987
3987
  }
3988
3988
 
3989
3989
  // (277:0) {:else}
@@ -4133,7 +4133,7 @@ function create_if_block$9(ctx) {
4133
4133
  c() {
4134
4134
  div = element("div");
4135
4135
  create_component(button.$$.fragment);
4136
- attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"));
4136
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"));
4137
4137
  attr(div, "role", "dialog");
4138
4138
  attr(div, "aria-modal", "true");
4139
4139
  attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
@@ -4157,7 +4157,7 @@ function create_if_block$9(ctx) {
4157
4157
 
4158
4158
  button.$set(button_changes);
4159
4159
 
4160
- if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"))) {
4160
+ if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"))) {
4161
4161
  attr(div, "class", div_class_value);
4162
4162
  }
4163
4163
  },
@@ -4211,7 +4211,7 @@ function create_if_block_1$1(ctx) {
4211
4211
  c() {
4212
4212
  div = element("div");
4213
4213
  create_component(button.$$.fragment);
4214
- attr(div, "class", "close svelte-1i2vo31");
4214
+ attr(div, "class", "close svelte-1ijkyzl");
4215
4215
  set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
4216
4216
  },
4217
4217
  m(target, anchor) {
@@ -4300,7 +4300,7 @@ function create_default_slot$6(ctx) {
4300
4300
  t = space();
4301
4301
  div = element("div");
4302
4302
  if (default_slot) default_slot.c();
4303
- attr(div, "class", "modal-content svelte-1i2vo31");
4303
+ attr(div, "class", "modal-content svelte-1ijkyzl");
4304
4304
  attr(div, "style", /*_style*/ ctx[5]);
4305
4305
  },
4306
4306
  m(target, anchor) {
@@ -4950,7 +4950,7 @@ class Grid extends SvelteComponent {
4950
4950
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
4951
4951
 
4952
4952
  function add_css$s(target) {
4953
- append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
4953
+ append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
4954
4954
  }
4955
4955
 
4956
4956
  function create_fragment$_(ctx) {
@@ -4965,8 +4965,8 @@ function create_fragment$_(ctx) {
4965
4965
  div1 = element("div");
4966
4966
  div0 = element("div");
4967
4967
  if (default_slot) default_slot.c();
4968
- attr(div0, "class", "grid-item-inner svelte-1cryhmb");
4969
- attr(div1, "class", "grid-item svelte-1cryhmb");
4968
+ attr(div0, "class", "grid-item-inner svelte-n7kdl3");
4969
+ attr(div1, "class", "grid-item svelte-n7kdl3");
4970
4970
  attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
4971
4971
  attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
4972
4972
  attr(div1, "style", /*_style*/ ctx[1]);
@@ -5271,7 +5271,7 @@ class RenderText extends SvelteComponent {
5271
5271
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
5272
5272
 
5273
5273
  function add_css$r(target) {
5274
- 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}");
5274
+ 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}");
5275
5275
  }
5276
5276
 
5277
5277
  // (94:2) {:else}
@@ -5288,8 +5288,8 @@ function create_else_block$1(ctx) {
5288
5288
  div1 = element("div");
5289
5289
  div0 = element("div");
5290
5290
  create_component(rendertext.$$.fragment);
5291
- attr(div0, "class", "text-element-inner svelte-vz6867");
5292
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5291
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5292
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5293
5293
  attr(div1, "style", /*style*/ ctx[5]);
5294
5294
  },
5295
5295
  m(target, anchor) {
@@ -5303,7 +5303,7 @@ function create_else_block$1(ctx) {
5303
5303
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5304
5304
  rendertext.$set(rendertext_changes);
5305
5305
 
5306
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
5306
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
5307
5307
  attr(div1, "class", div1_class_value);
5308
5308
  }
5309
5309
 
@@ -5353,12 +5353,12 @@ function create_if_block$7(ctx) {
5353
5353
  t2 = space();
5354
5354
  div2 = element("div");
5355
5355
  div2.textContent = "コピーできませんでした";
5356
- attr(div0, "class", "text-element-inner svelte-vz6867");
5356
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5357
5357
  attr(a, "href", '');
5358
- attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5358
+ attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5359
5359
  attr(a, "style", /*style*/ ctx[5]);
5360
- attr(div1, "class", "tooltip svelte-vz6867");
5361
- attr(div2, "class", "tooltip tooltip-error svelte-vz6867");
5360
+ attr(div1, "class", "tooltip svelte-9ixs0b");
5361
+ attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
5362
5362
  },
5363
5363
  m(target, anchor) {
5364
5364
  insert(target, a, anchor);
@@ -5382,7 +5382,7 @@ function create_if_block$7(ctx) {
5382
5382
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5383
5383
  rendertext.$set(rendertext_changes);
5384
5384
 
5385
- 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"))) {
5385
+ 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"))) {
5386
5386
  attr(a, "class", a_class_value);
5387
5387
  }
5388
5388
 
@@ -5434,7 +5434,7 @@ function create_fragment$Y(ctx) {
5434
5434
  c() {
5435
5435
  div = element("div");
5436
5436
  if_block.c();
5437
- attr(div, "class", "text-element-wrapper svelte-vz6867");
5437
+ attr(div, "class", "text-element-wrapper svelte-9ixs0b");
5438
5438
  },
5439
5439
  m(target, anchor) {
5440
5440
  insert(target, div, anchor);
@@ -5600,7 +5600,7 @@ class TextElement extends SvelteComponent {
5600
5600
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5601
5601
 
5602
5602
  function add_css$q(target) {
5603
- 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)}");
5603
+ 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)}");
5604
5604
  }
5605
5605
 
5606
5606
  // (48:2) <Button {onClick} {style} {eventName}>
@@ -5656,7 +5656,7 @@ function create_fragment$X(ctx) {
5656
5656
  c() {
5657
5657
  div = element("div");
5658
5658
  create_component(button.$$.fragment);
5659
- attr(div, "class", "text-button-element svelte-ujdxfc");
5659
+ attr(div, "class", "text-button-element svelte-1vg84sc");
5660
5660
  },
5661
5661
  m(target, anchor) {
5662
5662
  insert(target, div, anchor);
@@ -5748,7 +5748,7 @@ class TextButtonElement extends SvelteComponent {
5748
5748
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5749
5749
 
5750
5750
  function add_css$p(target) {
5751
- 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%}");
5751
+ 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%}");
5752
5752
  }
5753
5753
 
5754
5754
  // (44:2) <Button {onClick} style={_style} {eventName}>
@@ -5760,7 +5760,7 @@ function create_default_slot$4(ctx) {
5760
5760
  return {
5761
5761
  c() {
5762
5762
  img = element("img");
5763
- attr(img, "class", "image svelte-1alkh1m");
5763
+ attr(img, "class", "image svelte-t6tu0e");
5764
5764
  attr(img, "loading", "lazy");
5765
5765
  attr(img, "width", "auto");
5766
5766
  attr(img, "height", "auto");
@@ -5822,7 +5822,7 @@ function create_fragment$W(ctx) {
5822
5822
  c() {
5823
5823
  div = element("div");
5824
5824
  create_component(button.$$.fragment);
5825
- attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m");
5825
+ attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
5826
5826
  },
5827
5827
  m(target, anchor) {
5828
5828
  insert(target, div, anchor);
@@ -5841,7 +5841,7 @@ function create_fragment$W(ctx) {
5841
5841
 
5842
5842
  button.$set(button_changes);
5843
5843
 
5844
- if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m")) {
5844
+ if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
5845
5845
  attr(div, "class", div_class_value);
5846
5846
  }
5847
5847
  },
@@ -5913,7 +5913,7 @@ class ImageElement extends SvelteComponent {
5913
5913
  /* src/components/List.svelte generated by Svelte v3.53.1 */
5914
5914
 
5915
5915
  function add_css$o(target) {
5916
- 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}");
5916
+ 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}");
5917
5917
  }
5918
5918
 
5919
5919
  function create_fragment$V(ctx) {
@@ -5926,7 +5926,7 @@ function create_fragment$V(ctx) {
5926
5926
  c() {
5927
5927
  div = element("div");
5928
5928
  if (default_slot) default_slot.c();
5929
- attr(div, "class", "list svelte-1t8r9z");
5929
+ attr(div, "class", "list svelte-aquv6z");
5930
5930
  attr(div, "style", /*style*/ ctx[0]);
5931
5931
  },
5932
5932
  m(target, anchor) {
@@ -6060,7 +6060,7 @@ class List extends SvelteComponent {
6060
6060
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
6061
6061
 
6062
6062
  function add_css$n(target) {
6063
- 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}");
6063
+ 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}");
6064
6064
  }
6065
6065
 
6066
6066
  // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
@@ -6130,7 +6130,7 @@ function create_fragment$U(ctx) {
6130
6130
  c() {
6131
6131
  div = element("div");
6132
6132
  create_component(button.$$.fragment);
6133
- attr(div, "class", "list-item svelte-1lbw8v2");
6133
+ attr(div, "class", "list-item svelte-9n97pe");
6134
6134
  attr(div, "style", /*listItemStyle*/ ctx[3]);
6135
6135
  },
6136
6136
  m(target, anchor) {
@@ -6256,7 +6256,7 @@ class ListItem extends SvelteComponent {
6256
6256
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
6257
6257
 
6258
6258
  function add_css$m(target) {
6259
- 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}");
6259
+ 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}");
6260
6260
  }
6261
6261
 
6262
6262
  function create_fragment$T(ctx) {
@@ -6265,7 +6265,7 @@ function create_fragment$T(ctx) {
6265
6265
  return {
6266
6266
  c() {
6267
6267
  div = element("div");
6268
- attr(div, "class", "embed svelte-w6jkzh");
6268
+ attr(div, "class", "embed svelte-wocq4p");
6269
6269
  attr(div, "style", /*_style*/ ctx[1]);
6270
6270
  },
6271
6271
  m(target, anchor) {
@@ -6308,7 +6308,7 @@ class EmbedElement extends SvelteComponent {
6308
6308
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
6309
6309
 
6310
6310
  function add_css$l(target) {
6311
- 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%}");
6311
+ 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%}");
6312
6312
  }
6313
6313
 
6314
6314
  function create_fragment$S(ctx) {
@@ -6320,7 +6320,7 @@ function create_fragment$S(ctx) {
6320
6320
  div1 = element("div");
6321
6321
  div0 = element("div");
6322
6322
  attr(div0, "class", "karte-player");
6323
- attr(div1, "class", "embed svelte-ljxq7x");
6323
+ attr(div1, "class", "embed svelte-vikz49");
6324
6324
  attr(div1, "style", /*_style*/ ctx[0]);
6325
6325
  },
6326
6326
  m(target, anchor) {
@@ -6662,7 +6662,7 @@ class MovieYouTubeElement extends SvelteComponent {
6662
6662
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6663
6663
 
6664
6664
  function add_css$k(target) {
6665
- 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%}");
6665
+ 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%}");
6666
6666
  }
6667
6667
 
6668
6668
  function create_fragment$R(ctx) {
@@ -6674,7 +6674,7 @@ function create_fragment$R(ctx) {
6674
6674
  div1 = element("div");
6675
6675
  div0 = element("div");
6676
6676
  attr(div0, "class", "karte-player");
6677
- attr(div1, "class", "embed svelte-ljxq7x");
6677
+ attr(div1, "class", "embed svelte-vikz49");
6678
6678
  attr(div1, "style", /*_style*/ ctx[0]);
6679
6679
  },
6680
6680
  m(target, anchor) {
@@ -6858,7 +6858,7 @@ class MovieVimeoElement extends SvelteComponent {
6858
6858
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
6859
6859
 
6860
6860
  function add_css$j(target) {
6861
- 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}");
6861
+ 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}");
6862
6862
  }
6863
6863
 
6864
6864
  function create_fragment$Q(ctx) {
@@ -6871,12 +6871,12 @@ function create_fragment$Q(ctx) {
6871
6871
  c() {
6872
6872
  div = element("div");
6873
6873
  textarea = element("textarea");
6874
- attr(textarea, "class", "textarea svelte-1fjy5oo");
6874
+ attr(textarea, "class", "textarea svelte-zxvkkc");
6875
6875
  textarea.value = /*$value*/ ctx[4];
6876
6876
  textarea.required = /*required*/ ctx[1];
6877
6877
  attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
6878
6878
  attr(textarea, "style", /*style*/ ctx[3]);
6879
- attr(div, "class", "textarea-wrapper svelte-1fjy5oo");
6879
+ attr(div, "class", "textarea-wrapper svelte-zxvkkc");
6880
6880
  attr(div, "style", /*styleVariables*/ ctx[2]);
6881
6881
  },
6882
6882
  m(target, anchor) {
@@ -7028,7 +7028,7 @@ class FormTextarea extends SvelteComponent {
7028
7028
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
7029
7029
 
7030
7030
  function add_css$i(target) {
7031
- 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}");
7031
+ 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}");
7032
7032
  }
7033
7033
 
7034
7034
  function get_each_context$5(ctx, list, i) {
@@ -7062,14 +7062,14 @@ function create_each_block$5(ctx) {
7062
7062
  t1 = text(t1_value);
7063
7063
  t2 = space();
7064
7064
  attr(input, "type", "radio");
7065
- attr(input, "class", "radio-button-input svelte-1ntb6j8");
7065
+ attr(input, "class", "radio-button-input svelte-17s08g");
7066
7066
  attr(input, "style", /*buttonStyle*/ ctx[5]);
7067
7067
  attr(input, "name", /*name*/ ctx[0]);
7068
7068
  input.value = input_value_value = /*option*/ ctx[17];
7069
7069
  input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
7070
- attr(span, "class", "radio-button-text svelte-1ntb6j8");
7070
+ attr(span, "class", "radio-button-text svelte-17s08g");
7071
7071
  attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7072
- attr(label, "class", "radio-button svelte-1ntb6j8");
7072
+ attr(label, "class", "radio-button svelte-17s08g");
7073
7073
  },
7074
7074
  m(target, anchor) {
7075
7075
  insert(target, label, anchor);
@@ -7134,7 +7134,7 @@ function create_fragment$P(ctx) {
7134
7134
  each_blocks[i].c();
7135
7135
  }
7136
7136
 
7137
- attr(div, "class", "radio-buttons svelte-1ntb6j8");
7137
+ attr(div, "class", "radio-buttons svelte-17s08g");
7138
7138
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7139
7139
  },
7140
7140
  m(target, anchor) {
@@ -7303,7 +7303,7 @@ class FormRadioButtons extends SvelteComponent {
7303
7303
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
7304
7304
 
7305
7305
  function add_css$h(target) {
7306
- 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}");
7306
+ 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}");
7307
7307
  }
7308
7308
 
7309
7309
  function get_each_context$4(ctx, list, i) {
@@ -7437,10 +7437,10 @@ function create_fragment$O(ctx) {
7437
7437
 
7438
7438
  t = space();
7439
7439
  div0 = element("div");
7440
- attr(select, "class", "select-select svelte-iejizj");
7440
+ attr(select, "class", "select-select svelte-t9ynyj");
7441
7441
  attr(select, "style", /*style*/ ctx[3]);
7442
- attr(div0, "class", "select-icon svelte-iejizj");
7443
- attr(div1, "class", "select svelte-iejizj");
7442
+ attr(div0, "class", "select-icon svelte-t9ynyj");
7443
+ attr(div1, "class", "select svelte-t9ynyj");
7444
7444
  attr(div1, "style", /*styleVariables*/ ctx[2]);
7445
7445
  },
7446
7446
  m(target, anchor) {
@@ -7642,7 +7642,7 @@ class FormSelect extends SvelteComponent {
7642
7642
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
7643
7643
 
7644
7644
  function add_css$g(target) {
7645
- 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}");
7645
+ 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}");
7646
7646
  }
7647
7647
 
7648
7648
  function get_each_context$3(ctx, list, i) {
@@ -7681,19 +7681,19 @@ function create_each_block$3(ctx) {
7681
7681
  span2 = element("span");
7682
7682
  t2 = text(t2_value);
7683
7683
  t3 = space();
7684
- attr(input, "class", "check-box-input svelte-2pz1us");
7684
+ attr(input, "class", "check-box-input svelte-1p65cg8");
7685
7685
  attr(input, "type", "checkbox");
7686
7686
  attr(input, "name", /*name*/ ctx[0]);
7687
7687
  input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
7688
- attr(span0, "class", "check-box-icon svelte-2pz1us");
7688
+ attr(span0, "class", "check-box-icon svelte-1p65cg8");
7689
7689
 
7690
7690
  attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7691
7691
  ? ' _checked'
7692
- : ''}`) + " svelte-2pz1us"));
7692
+ : ''}`) + " svelte-1p65cg8"));
7693
7693
 
7694
- attr(span2, "class", "check-box-text svelte-2pz1us");
7694
+ attr(span2, "class", "check-box-text svelte-1p65cg8");
7695
7695
  attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7696
- attr(label, "class", "check-box svelte-2pz1us");
7696
+ attr(label, "class", "check-box svelte-1p65cg8");
7697
7697
  attr(label, "style", /*styleVariables*/ ctx[5]);
7698
7698
  },
7699
7699
  m(target, anchor) {
@@ -7725,7 +7725,7 @@ function create_each_block$3(ctx) {
7725
7725
 
7726
7726
  if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7727
7727
  ? ' _checked'
7728
- : ''}`) + " svelte-2pz1us"))) {
7728
+ : ''}`) + " svelte-1p65cg8"))) {
7729
7729
  attr(span1, "class", span1_class_value);
7730
7730
  }
7731
7731
 
@@ -7764,7 +7764,7 @@ function create_fragment$N(ctx) {
7764
7764
  each_blocks[i].c();
7765
7765
  }
7766
7766
 
7767
- attr(div, "class", "check-boxes svelte-2pz1us");
7767
+ attr(div, "class", "check-boxes svelte-1p65cg8");
7768
7768
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7769
7769
  },
7770
7770
  m(target, anchor) {
@@ -7939,7 +7939,7 @@ class FormCheckBoxes extends SvelteComponent {
7939
7939
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
7940
7940
 
7941
7941
  function add_css$f(target) {
7942
- 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}");
7942
+ 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}");
7943
7943
  }
7944
7944
 
7945
7945
  function get_each_context$2(ctx, list, i) {
@@ -7963,7 +7963,7 @@ function create_each_block$2(ctx) {
7963
7963
  button = element("button");
7964
7964
  t0 = text(t0_value);
7965
7965
  t1 = space();
7966
- attr(button, "class", "rating-button svelte-9idbf1");
7966
+ attr(button, "class", "rating-button svelte-1iqf36p");
7967
7967
  attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
7968
7968
  },
7969
7969
  m(target, anchor) {
@@ -8012,7 +8012,7 @@ function create_fragment$M(ctx) {
8012
8012
  each_blocks[i].c();
8013
8013
  }
8014
8014
 
8015
- attr(div, "class", "rating-buttons svelte-9idbf1");
8015
+ attr(div, "class", "rating-buttons svelte-1iqf36p");
8016
8016
  },
8017
8017
  m(target, anchor) {
8018
8018
  insert(target, div, anchor);
@@ -8156,7 +8156,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
8156
8156
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
8157
8157
 
8158
8158
  function add_css$e(target) {
8159
- 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%)}");
8159
+ 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%)}");
8160
8160
  }
8161
8161
 
8162
8162
  function get_each_context$1(ctx, list, i) {
@@ -8181,9 +8181,9 @@ function create_each_block$1(ctx) {
8181
8181
  img = element("img");
8182
8182
  t = space();
8183
8183
  if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
8184
- attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"));
8184
+ attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
8185
8185
  attr(img, "alt", "rate" + /*i*/ ctx[10]);
8186
- attr(button, "class", "rating-button svelte-1b5dvzw");
8186
+ attr(button, "class", "rating-button svelte-tbunko");
8187
8187
  attr(button, "style", /*buttonStyle*/ ctx[0]);
8188
8188
  },
8189
8189
  m(target, anchor) {
@@ -8199,7 +8199,7 @@ function create_each_block$1(ctx) {
8199
8199
  p(new_ctx, dirty) {
8200
8200
  ctx = new_ctx;
8201
8201
 
8202
- 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"))) {
8202
+ 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"))) {
8203
8203
  attr(img, "class", img_class_value);
8204
8204
  }
8205
8205
 
@@ -8232,7 +8232,7 @@ function create_fragment$L(ctx) {
8232
8232
  each_blocks[i].c();
8233
8233
  }
8234
8234
 
8235
- attr(div, "class", "rating-buttons svelte-1b5dvzw");
8235
+ attr(div, "class", "rating-buttons svelte-tbunko");
8236
8236
  },
8237
8237
  m(target, anchor) {
8238
8238
  insert(target, div, anchor);
@@ -8340,7 +8340,7 @@ class FormRatingButtonsFace extends SvelteComponent {
8340
8340
  /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
8341
8341
 
8342
8342
  function add_css$d(target) {
8343
- 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}");
8343
+ 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}");
8344
8344
  }
8345
8345
 
8346
8346
  function create_fragment$K(ctx) {
@@ -8354,13 +8354,13 @@ function create_fragment$K(ctx) {
8354
8354
  c() {
8355
8355
  div = element("div");
8356
8356
  input = element("input");
8357
- attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"));
8357
+ attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"));
8358
8358
  attr(input, "type", "text");
8359
8359
  input.value = /*$value*/ ctx[2];
8360
8360
  input.required = /*required*/ ctx[0];
8361
8361
  attr(input, "placeholder", /*placeholder*/ ctx[1]);
8362
8362
  attr(input, "style", /*style*/ ctx[5]);
8363
- attr(div, "class", "input-wrapper svelte-f14zo5");
8363
+ attr(div, "class", "input-wrapper svelte-h8fqwx");
8364
8364
  attr(div, "style", /*styleVariables*/ ctx[4]);
8365
8365
  },
8366
8366
  m(target, anchor) {
@@ -8373,7 +8373,7 @@ function create_fragment$K(ctx) {
8373
8373
  }
8374
8374
  },
8375
8375
  p(ctx, [dirty]) {
8376
- if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"))) {
8376
+ if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"))) {
8377
8377
  attr(input, "class", input_class_value);
8378
8378
  }
8379
8379
 
@@ -8561,7 +8561,7 @@ class FormIdentifyInput extends SvelteComponent {
8561
8561
  /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
8562
8562
 
8563
8563
  function add_css$c(target) {
8564
- 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}");
8564
+ 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}");
8565
8565
  }
8566
8566
 
8567
8567
  function create_fragment$J(ctx) {
@@ -8599,20 +8599,20 @@ function create_fragment$J(ctx) {
8599
8599
  span1 = element("span");
8600
8600
  t4 = text("いいえ");
8601
8601
  attr(input0, "type", "radio");
8602
- attr(input0, "class", "radio-button-input svelte-pzrwlo");
8602
+ attr(input0, "class", "radio-button-input svelte-8zbmyo");
8603
8603
  attr(input0, "style", /*buttonStyle*/ ctx[2]);
8604
8604
  input0.checked = input0_checked_value = /*$value*/ ctx[3] === true;
8605
- attr(span0, "class", "radio-button-text svelte-pzrwlo");
8605
+ attr(span0, "class", "radio-button-text svelte-8zbmyo");
8606
8606
  attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
8607
- attr(label0, "class", "radio-button svelte-pzrwlo");
8607
+ attr(label0, "class", "radio-button svelte-8zbmyo");
8608
8608
  attr(input1, "type", "radio");
8609
- attr(input1, "class", "radio-button-input svelte-pzrwlo");
8609
+ attr(input1, "class", "radio-button-input svelte-8zbmyo");
8610
8610
  attr(input1, "style", /*buttonStyle*/ ctx[2]);
8611
8611
  input1.checked = input1_checked_value = /*$value*/ ctx[3] === false;
8612
- attr(span1, "class", "radio-button-text svelte-pzrwlo");
8612
+ attr(span1, "class", "radio-button-text svelte-8zbmyo");
8613
8613
  attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
8614
- attr(label1, "class", "radio-button svelte-pzrwlo");
8615
- attr(div, "class", "radio-buttons svelte-pzrwlo");
8614
+ attr(label1, "class", "radio-button svelte-8zbmyo");
8615
+ attr(div, "class", "radio-buttons svelte-8zbmyo");
8616
8616
  attr(div, "style", /*_layoutStyle*/ ctx[0]);
8617
8617
  },
8618
8618
  m(target, anchor) {
@@ -8780,7 +8780,7 @@ class FormIdentifyChoices extends SvelteComponent {
8780
8780
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
8781
8781
 
8782
8782
  function add_css$b(target) {
8783
- 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%}");
8783
+ 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%}");
8784
8784
  }
8785
8785
 
8786
8786
  function get_each_context(ctx, list, i) {
@@ -8809,9 +8809,9 @@ function create_if_block_1(ctx) {
8809
8809
  attr(svg, "viewBox", "0 0 10 16");
8810
8810
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8811
8811
  attr(svg, "style", /*prevIconStyle*/ ctx[10]);
8812
- attr(button, "class", "move-button svelte-1qfq79t");
8812
+ attr(button, "class", "move-button svelte-ji1fh");
8813
8813
  attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
8814
- attr(div, "class", "prev-button-container svelte-1qfq79t");
8814
+ attr(div, "class", "prev-button-container svelte-ji1fh");
8815
8815
  },
8816
8816
  m(target, anchor) {
8817
8817
  insert(target, div, anchor);
@@ -8860,9 +8860,9 @@ function create_if_block$5(ctx) {
8860
8860
  attr(svg, "viewBox", "0 0 10 16");
8861
8861
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8862
8862
  attr(svg, "style", /*nextIconStyle*/ ctx[8]);
8863
- attr(button, "class", "move-button svelte-1qfq79t");
8863
+ attr(button, "class", "move-button svelte-ji1fh");
8864
8864
  attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
8865
- attr(div, "class", "next-button-container svelte-1qfq79t");
8865
+ attr(div, "class", "next-button-container svelte-ji1fh");
8866
8866
  },
8867
8867
  m(target, anchor) {
8868
8868
  insert(target, div, anchor);
@@ -8910,9 +8910,9 @@ function create_each_block(ctx) {
8910
8910
  button = element("button");
8911
8911
  div = element("div");
8912
8912
  t = space();
8913
- attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
8913
+ attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
8914
8914
  attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
8915
- attr(button, "class", "navigation-item svelte-1qfq79t");
8915
+ attr(button, "class", "navigation-item svelte-ji1fh");
8916
8916
  attr(button, "style", /*navigationItemStyle*/ ctx[6]);
8917
8917
  },
8918
8918
  m(target, anchor) {
@@ -8989,14 +8989,14 @@ function create_fragment$I(ctx) {
8989
8989
  each_blocks[i].c();
8990
8990
  }
8991
8991
 
8992
- attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
8992
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
8993
8993
  attr(div0, "style", /*slideStyle*/ ctx[14]);
8994
- attr(div1, "class", "container svelte-1qfq79t");
8994
+ attr(div1, "class", "container svelte-ji1fh");
8995
8995
  attr(div1, "style", /*_style*/ ctx[0]);
8996
- attr(div2, "class", "navigation svelte-1qfq79t");
8996
+ attr(div2, "class", "navigation svelte-ji1fh");
8997
8997
  attr(div2, "style", /*navigationStyle*/ ctx[4]);
8998
8998
  set_attributes(div3, div3_data);
8999
- toggle_class(div3, "svelte-1qfq79t", true);
8999
+ toggle_class(div3, "svelte-ji1fh", true);
9000
9000
  },
9001
9001
  m(target, anchor) {
9002
9002
  insert(target, div3, anchor);
@@ -9038,7 +9038,7 @@ function create_fragment$I(ctx) {
9038
9038
  }
9039
9039
  }
9040
9040
 
9041
- if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
9041
+ if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
9042
9042
  attr(div0, "class", div0_class_value);
9043
9043
  }
9044
9044
 
@@ -9104,7 +9104,7 @@ function create_fragment$I(ctx) {
9104
9104
  }
9105
9105
 
9106
9106
  set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
9107
- toggle_class(div3, "svelte-1qfq79t", true);
9107
+ toggle_class(div3, "svelte-ji1fh", true);
9108
9108
  },
9109
9109
  i(local) {
9110
9110
  if (current) return;
@@ -9616,7 +9616,7 @@ class Slide extends SvelteComponent {
9616
9616
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
9617
9617
 
9618
9618
  function add_css$a(target) {
9619
- 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}");
9619
+ 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}");
9620
9620
  }
9621
9621
 
9622
9622
  function create_fragment$H(ctx) {
@@ -9631,9 +9631,9 @@ function create_fragment$H(ctx) {
9631
9631
  div1 = element("div");
9632
9632
  div0 = element("div");
9633
9633
  if (default_slot) default_slot.c();
9634
- attr(div0, "class", "item-inner svelte-1rv0qgo");
9634
+ attr(div0, "class", "item-inner svelte-9ygf1w");
9635
9635
  attr(div0, "style", /*_style*/ ctx[0]);
9636
- attr(div1, "class", "item svelte-1rv0qgo");
9636
+ attr(div1, "class", "item svelte-9ygf1w");
9637
9637
  attr(div1, "style", /*itemStyle*/ ctx[1]);
9638
9638
  },
9639
9639
  m(target, anchor) {
@@ -9759,7 +9759,7 @@ class SlideItem extends SvelteComponent {
9759
9759
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
9760
9760
 
9761
9761
  function add_css$9(target) {
9762
- 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}");
9762
+ 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}");
9763
9763
  }
9764
9764
 
9765
9765
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
@@ -9777,9 +9777,9 @@ function create_fragment$G(ctx) {
9777
9777
  div1 = element("div");
9778
9778
  div0 = element("div");
9779
9779
  if (default_slot) default_slot.c();
9780
- attr(div0, "class", "countdown-inner svelte-t87l6f");
9780
+ attr(div0, "class", "countdown-inner svelte-rroxiz");
9781
9781
  attr(div0, "style", /*_style*/ ctx[0]);
9782
- attr(div1, "class", "countdown svelte-t87l6f");
9782
+ attr(div1, "class", "countdown svelte-rroxiz");
9783
9783
  },
9784
9784
  m(target, anchor) {
9785
9785
  insert(target, div1, anchor);
@@ -9913,7 +9913,7 @@ class Countdown extends SvelteComponent {
9913
9913
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
9914
9914
 
9915
9915
  function add_css$8(target) {
9916
- 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}");
9916
+ 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}");
9917
9917
  }
9918
9918
 
9919
9919
  // (24:2) <Button {onClick} style={_style} {eventName}>
@@ -9983,7 +9983,7 @@ function create_fragment$F(ctx) {
9983
9983
  c() {
9984
9984
  div = element("div");
9985
9985
  create_component(button.$$.fragment);
9986
- attr(div, "class", "box svelte-1c91vpe");
9986
+ attr(div, "class", "box svelte-1ccydfy");
9987
9987
  },
9988
9988
  m(target, anchor) {
9989
9989
  insert(target, div, anchor);
@@ -10044,7 +10044,7 @@ class Box extends SvelteComponent {
10044
10044
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
10045
10045
 
10046
10046
  function add_css$7(target) {
10047
- 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)}");
10047
+ 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)}");
10048
10048
  }
10049
10049
 
10050
10050
  // (56:4) {#if svg}
@@ -10126,7 +10126,7 @@ function create_fragment$E(ctx) {
10126
10126
  c() {
10127
10127
  div = element("div");
10128
10128
  create_component(button.$$.fragment);
10129
- attr(div, "class", "icon svelte-1mk6wi4");
10129
+ attr(div, "class", "icon svelte-1mkvcuo");
10130
10130
  },
10131
10131
  m(target, anchor) {
10132
10132
  insert(target, div, anchor);
@@ -10235,7 +10235,7 @@ class IconElement extends SvelteComponent {
10235
10235
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
10236
10236
 
10237
10237
  function add_css$6(target) {
10238
- append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10238
+ append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10239
10239
  }
10240
10240
 
10241
10241
  function create_fragment$D(ctx) {
@@ -10261,7 +10261,7 @@ function create_fragment$D(ctx) {
10261
10261
  c() {
10262
10262
  div = element("div");
10263
10263
  if (switch_instance) create_component(switch_instance.$$.fragment);
10264
- attr(div, "class", "codeElement svelte-1ng2n51");
10264
+ attr(div, "class", "codeElement svelte-ymsb9l");
10265
10265
  attr(div, "style", /*style*/ ctx[3]);
10266
10266
  },
10267
10267
  m(target, anchor) {
@@ -10350,7 +10350,7 @@ class CodeElement extends SvelteComponent {
10350
10350
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
10351
10351
 
10352
10352
  function add_css$5(target) {
10353
- append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
10353
+ append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
10354
10354
  }
10355
10355
 
10356
10356
  function create_fragment$C(ctx) {
@@ -10364,7 +10364,7 @@ function create_fragment$C(ctx) {
10364
10364
  c() {
10365
10365
  div = element("div");
10366
10366
  if (default_slot) default_slot.c();
10367
- attr(div, "class", "flex svelte-9v2qdg");
10367
+ attr(div, "class", "flex svelte-1e71ejc");
10368
10368
  attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
10369
10369
  },
10370
10370
  m(target, anchor) {
@@ -10461,7 +10461,7 @@ class Flex extends SvelteComponent {
10461
10461
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
10462
10462
 
10463
10463
  function add_css$4(target) {
10464
- append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
10464
+ append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
10465
10465
  }
10466
10466
 
10467
10467
  function create_fragment$B(ctx) {
@@ -10474,7 +10474,7 @@ function create_fragment$B(ctx) {
10474
10474
  c() {
10475
10475
  div = element("div");
10476
10476
  if (default_slot) default_slot.c();
10477
- attr(div, "class", "flex-item svelte-164ah5d");
10477
+ attr(div, "class", "flex-item svelte-1p0bk1x");
10478
10478
  attr(div, "style", /*style*/ ctx[0]);
10479
10479
  },
10480
10480
  m(target, anchor) {
@@ -10882,7 +10882,7 @@ class GridModalState extends SvelteComponent {
10882
10882
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
10883
10883
 
10884
10884
  function add_css$3(target) {
10885
- 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%}");
10885
+ 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%}");
10886
10886
  }
10887
10887
 
10888
10888
  function create_fragment$z(ctx) {
@@ -10898,8 +10898,8 @@ function create_fragment$z(ctx) {
10898
10898
  div1 = element("div");
10899
10899
  div0 = element("div");
10900
10900
  create_component(rendertext.$$.fragment);
10901
- attr(div0, "class", "text-block-inner svelte-akic2e");
10902
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"));
10901
+ attr(div0, "class", "text-block-inner svelte-15pej1m");
10902
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
10903
10903
  attr(div1, "style", /*style*/ ctx[2]);
10904
10904
  },
10905
10905
  m(target, anchor) {
@@ -10913,7 +10913,7 @@ function create_fragment$z(ctx) {
10913
10913
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
10914
10914
  rendertext.$set(rendertext_changes);
10915
10915
 
10916
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"))) {
10916
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
10917
10917
  attr(div1, "class", div1_class_value);
10918
10918
  }
10919
10919
 
@@ -10991,7 +10991,7 @@ class TextBlock extends SvelteComponent {
10991
10991
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
10992
10992
 
10993
10993
  function add_css$2(target) {
10994
- 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)}");
10994
+ 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)}");
10995
10995
  }
10996
10996
 
10997
10997
  function create_fragment$y(ctx) {
@@ -11008,9 +11008,9 @@ function create_fragment$y(ctx) {
11008
11008
  div = element("div");
11009
11009
  button = element("button");
11010
11010
  create_component(rendertext.$$.fragment);
11011
- attr(button, "class", "text-button svelte-1c34p4n");
11011
+ attr(button, "class", "text-button svelte-ff0k6r");
11012
11012
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
11013
- attr(div, "class", "text-button-block svelte-1c34p4n");
11013
+ attr(div, "class", "text-button-block svelte-ff0k6r");
11014
11014
  attr(div, "style", /*_style*/ ctx[2]);
11015
11015
  },
11016
11016
  m(target, anchor) {
@@ -11116,7 +11116,7 @@ class TextButtonBlock extends SvelteComponent {
11116
11116
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
11117
11117
 
11118
11118
  function add_css$1(target) {
11119
- 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)}");
11119
+ 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)}");
11120
11120
  }
11121
11121
 
11122
11122
  function create_fragment$x(ctx) {
@@ -11132,14 +11132,14 @@ function create_fragment$x(ctx) {
11132
11132
  c() {
11133
11133
  div = element("div");
11134
11134
  img = element("img");
11135
- attr(img, "class", "image svelte-1jus6sx");
11135
+ attr(img, "class", "image svelte-1pdw891");
11136
11136
  attr(img, "loading", "lazy");
11137
11137
  attr(img, "width", "auto");
11138
11138
  attr(img, "height", "auto");
11139
11139
  attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
11140
11140
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
11141
11141
  attr(img, "alt", /*alt*/ ctx[1]);
11142
- attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"));
11142
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
11143
11143
  attr(div, "style", /*_style*/ ctx[5]);
11144
11144
  },
11145
11145
  m(target, anchor) {
@@ -11164,7 +11164,7 @@ function create_fragment$x(ctx) {
11164
11164
  attr(img, "alt", /*alt*/ ctx[1]);
11165
11165
  }
11166
11166
 
11167
- if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"))) {
11167
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
11168
11168
  attr(div, "class", div_class_value);
11169
11169
  }
11170
11170
 
@@ -12664,6 +12664,67 @@ const objToStyle = (obj) => {
12664
12664
  return styles.join(' ');
12665
12665
  };
12666
12666
 
12667
+ const toCssPosition = (p) => {
12668
+ return {
12669
+ position: p?.position ?? 'static',
12670
+ top: p?.top,
12671
+ left: p?.left,
12672
+ bottom: p?.bottom,
12673
+ right: p?.right,
12674
+ };
12675
+ };
12676
+ const toCssCommon = (p) => {
12677
+ return {
12678
+ ...toCssPosition(p),
12679
+ };
12680
+ };
12681
+ const toCssBorder = (p) => {
12682
+ const borderWidth = p?.borderTopWidth ?? p?.borderRightWidth ?? p?.borderLeftWidth ?? p?.borderBottomWidth ?? null;
12683
+ if (borderWidth === null)
12684
+ return {};
12685
+ return {
12686
+ borderColor: p?.borderColor,
12687
+ borderStyle: 'solid',
12688
+ borderTopWidth: p?.borderTopWidth,
12689
+ borderLeftWidth: p?.borderLeftWidth,
12690
+ borderRightWidth: p?.borderRightWidth,
12691
+ borderBottomWidth: p?.borderBottomWidth,
12692
+ };
12693
+ };
12694
+ const toCssPadding = (p) => {
12695
+ return {
12696
+ paddingTop: p?.paddingTop,
12697
+ paddingLeft: p?.paddingLeft,
12698
+ paddingRight: p?.paddingRight,
12699
+ paddingBottom: p?.paddingBottom,
12700
+ };
12701
+ };
12702
+ const toCssBackgroundImage = (p) => {
12703
+ const url = p?.backgroundImageUrl;
12704
+ return {
12705
+ backgroundImage: url ? `url(${url})` : undefined,
12706
+ backgroundSize: url ? 'cover' : undefined,
12707
+ };
12708
+ };
12709
+ const toCssBackgroundColor = (p) => {
12710
+ return {
12711
+ backgroundColor: p?.backgroundColor,
12712
+ };
12713
+ };
12714
+ const toCssRadius = (p) => {
12715
+ return {
12716
+ borderTopLeftRadius: p?.borderTopLeftRadius,
12717
+ borderTopRightRadius: p?.borderTopRightRadius,
12718
+ borderBottomLeftRadius: p?.borderBottomLeftRadius,
12719
+ borderBottomRightRadius: p?.borderBottomRightRadius,
12720
+ };
12721
+ };
12722
+ const toCssShadow = (p) => {
12723
+ return {
12724
+ boxShadow: p?.shadow,
12725
+ };
12726
+ };
12727
+
12667
12728
  /* src/components-v2/icon/Icon.svelte generated by Svelte v3.53.1 */
12668
12729
 
12669
12730
  function create_if_block$3(ctx) {
@@ -12824,7 +12885,8 @@ function instance$6($$self, $$props, $$invalidate) {
12824
12885
  overflow: 'hidden',
12825
12886
  width: 'auto',
12826
12887
  minWidth: props.size,
12827
- height: props.size
12888
+ height: props.size,
12889
+ ...toCssCommon(props)
12828
12890
  }));
12829
12891
  }
12830
12892
 
@@ -12846,7 +12908,7 @@ class Icon extends SvelteComponent {
12846
12908
  /* src/components-v2/button/Button.svelte generated by Svelte v3.53.1 */
12847
12909
 
12848
12910
  function add_css(target) {
12849
- append_styles(target, "svelte-1uf4vt5", ".v2-button.svelte-1uf4vt5{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.v2-button-icon.svelte-1uf4vt5{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
12911
+ append_styles(target, "svelte-i9kun1", ".v2-button.svelte-i9kun1{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.v2-button-icon.svelte-i9kun1{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
12850
12912
  }
12851
12913
 
12852
12914
  // (128:2) {#if (props.isIcon && props.iconVariant)}
@@ -12871,7 +12933,7 @@ function create_if_block$2(ctx) {
12871
12933
  c() {
12872
12934
  div = element("div");
12873
12935
  create_component(icon.$$.fragment);
12874
- attr(div, "class", "v2-button-icon svelte-1uf4vt5");
12936
+ attr(div, "class", "v2-button-icon svelte-i9kun1");
12875
12937
  },
12876
12938
  m(target, anchor) {
12877
12939
  insert(target, div, anchor);
@@ -12926,7 +12988,7 @@ function create_fragment$5(ctx) {
12926
12988
  t1 = text(t1_value);
12927
12989
  attr(button, "data-layer-id", /*layerId*/ ctx[0]);
12928
12990
  attr(button, "style", button_style_value = [/*style*/ ctx[3], /*overrideStyle*/ ctx[2]].join(' '));
12929
- attr(button, "class", "v2-button svelte-1uf4vt5");
12991
+ attr(button, "class", "v2-button svelte-i9kun1");
12930
12992
  },
12931
12993
  m(target, anchor) {
12932
12994
  insert(target, button, anchor);
@@ -13101,15 +13163,13 @@ function instance$5($$self, $$props, $$invalidate) {
13101
13163
  $$self.$$.update = () => {
13102
13164
  if ($$self.$$.dirty & /*props*/ 2) {
13103
13165
  $$invalidate(3, style = objToStyle({
13104
- ...{
13105
- display: 'inline-flex',
13106
- gap: '0.65em',
13107
- alignItems: 'center',
13108
- justifyContent: 'center',
13109
- outline: 0,
13110
- border: 0,
13111
- transition: 'background-color 0.12s, border-color 0.12s, color 0.12s'
13112
- },
13166
+ display: 'inline-flex',
13167
+ gap: '0.65em',
13168
+ alignItems: 'center',
13169
+ justifyContent: 'center',
13170
+ outline: 0,
13171
+ border: 0,
13172
+ transition: 'background-color 0.12s, border-color 0.12s, color 0.12s',
13113
13173
  width: props.width,
13114
13174
  ...VARIANTS.size[props.size ?? 'medium'],
13115
13175
  ...VARIANTS.color[props.color ?? 'default'],
@@ -13117,7 +13177,8 @@ function instance$5($$self, $$props, $$invalidate) {
13117
13177
  ...VARIANTS.round[props.round ?? 'default'],
13118
13178
  ...props.iconAngle
13119
13179
  ? { flexDirection: props.iconAngle }
13120
- : {}
13180
+ : {},
13181
+ ...toCssCommon(props)
13121
13182
  }));
13122
13183
  }
13123
13184
  };
@@ -13158,23 +13219,6 @@ class Button extends SvelteComponent {
13158
13219
  }
13159
13220
  }
13160
13221
 
13161
- const toCssBorder = (p) => {
13162
- return {
13163
- borderStyle: p?.style,
13164
- borderColor: p?.color,
13165
- borderWidth: p ? `${p.size}px` : undefined,
13166
- };
13167
- };
13168
- const toCssPosition = (p) => {
13169
- return {
13170
- position: p?.position ?? 'static',
13171
- top: p?.top,
13172
- left: p?.left,
13173
- bottom: p?.bottom,
13174
- right: p?.right,
13175
- };
13176
- };
13177
-
13178
13222
  /* src/components-v2/layout/Layout.svelte generated by Svelte v3.53.1 */
13179
13223
 
13180
13224
  function create_fragment$4(ctx) {
@@ -13261,20 +13305,14 @@ function instance$4($$self, $$props, $$invalidate) {
13261
13305
  justifyContent: props.justify,
13262
13306
  rowGap: props.rowGap,
13263
13307
  columnGap: props.columnGap,
13264
- backgroundColor: props.backgroundColor,
13265
- boxShadow: props.shadow,
13266
- paddingTop: props.paddingTop,
13267
- paddingLeft: props.paddingLeft,
13268
- paddingRight: props.paddingRight,
13269
- paddingBottom: props.paddingBottom,
13270
- borderRadius: props.borderRadius,
13271
13308
  width: props.width,
13272
- ...toCssPosition(props),
13273
- ...toCssBorder(props.border),
13274
- ...props.backgroundImage && {
13275
- backgroundImage: `url(${props.backgroundImage})`,
13276
- backgroundSize: 'cover'
13277
- }
13309
+ ...toCssShadow(props),
13310
+ ...toCssRadius(props),
13311
+ ...toCssBackgroundImage(props.backgroundImage),
13312
+ ...toCssBackgroundColor(props),
13313
+ ...toCssCommon(props),
13314
+ ...toCssPadding(props),
13315
+ ...toCssBorder(props)
13278
13316
  }));
13279
13317
  }
13280
13318
  };
@@ -13326,7 +13364,7 @@ function instance$3($$self, $$props, $$invalidate) {
13326
13364
  let escapedHTML;
13327
13365
  let style;
13328
13366
  let { layerId } = $$props;
13329
- let { props = {} } = $$props;
13367
+ let { props = { content: '' } } = $$props;
13330
13368
 
13331
13369
  $$self.$$set = $$props => {
13332
13370
  if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
@@ -13344,16 +13382,15 @@ function instance$3($$self, $$props, $$invalidate) {
13344
13382
  position: props?.position ?? 'static',
13345
13383
  fontWeight: props.fontWeight,
13346
13384
  fontSize: props.fontSize,
13385
+ color: props.color,
13347
13386
  textAlign: props.align,
13348
13387
  wordBreak: 'break-all',
13349
- backgroundColor: props.backgroundColor,
13350
- paddingTop: props.paddingTop,
13351
- paddingLeft: props.paddingLeft,
13352
- paddingRight: props.paddingRight,
13353
- paddingBottom: props.paddingBottom,
13354
- borderRadius: props.borderRadius,
13355
13388
  width: props.width,
13356
- ...toCssPosition(props)
13389
+ ...toCssRadius(props),
13390
+ ...toCssBackgroundColor(props),
13391
+ ...toCssCommon(props),
13392
+ ...toCssPosition(props),
13393
+ ...toCssBorder(props)
13357
13394
  }));
13358
13395
  }
13359
13396
  };
@@ -13482,7 +13519,8 @@ function instance$2($$self, $$props, $$invalidate) {
13482
13519
  width: `${size}px`,
13483
13520
  height: `${size}px`,
13484
13521
  ...VARIANTS.shape[props.shape ?? 'square'],
13485
- ...props.bordered && { border: `1px solid #dbdbdb` }
13522
+ ...props.bordered && { border: `1px solid #dbdbdb` },
13523
+ ...toCssCommon(props)
13486
13524
  }));
13487
13525
  }
13488
13526
  };
@@ -13616,7 +13654,8 @@ function instance$1($$self, $$props, $$invalidate) {
13616
13654
  alignItems: 'center',
13617
13655
  justifyContent: 'center',
13618
13656
  overflow: 'hidden',
13619
- wordBreak: 'break-all'
13657
+ wordBreak: 'break-all',
13658
+ ...toCssCommon(props)
13620
13659
  }));
13621
13660
  }
13622
13661
 
@@ -13717,7 +13756,7 @@ function instance($$self, $$props, $$invalidate) {
13717
13756
  width: `${size}px`,
13718
13757
  height: `${size}px`,
13719
13758
  ...props.bordered && { border: '1px solid #666' },
13720
- ...toCssPosition(props)
13759
+ ...toCssCommon(props)
13721
13760
  }));
13722
13761
  }
13723
13762
  };