@plaidev/karte-action-sdk 1.1.231 → 1.1.232-28658179.8f1dd9a9

Sign up to get free protection for your applications and to get access to all the features.
Files changed (7) hide show
  1. package/dist/hydrate/index.es.js +224 -185
  2. package/dist/index.es.js +224 -185
  3. package/dist/templates.cjs.d.ts +1 -2
  4. package/dist/templates.cjs.js +1 -2
  5. package/dist/templates.d.ts +1 -2
  6. package/dist/templates.js +1 -2
  7. 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
  };