@plaidev/karte-action-sdk 1.1.191 → 1.1.193-28161125.e3cebe5d

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 (5) hide show
  1. package/dist/hydrate/index.es.d.ts +7 -2
  2. package/dist/hydrate/index.es.js +131 -121
  3. package/dist/index.es.d.ts +7 -2
  4. package/dist/index.es.js +134 -126
  5. package/package.json +2 -2
package/dist/index.es.js CHANGED
@@ -353,6 +353,11 @@ const OnClickOperationOptions = [
353
353
  type: 'BooleanKeyword',
354
354
  default: true,
355
355
  },
356
+ {
357
+ name: 'decode',
358
+ type: 'BooleanKeyword',
359
+ default: false,
360
+ },
356
361
  ],
357
362
  },
358
363
  {
@@ -492,7 +497,7 @@ const Alignments = ['flex-start', 'center', 'flex-end'];
492
497
  /** @internal */
493
498
  const FlexDirections = ['row', 'column'];
494
499
  /** @internal */
495
- const ObjectFits = ['contain', 'cover', 'fill'];
500
+ const ObjectFits = ['cover', 'fill', 'contain'];
496
501
  /** @internal */
497
502
  const ClipPaths = ['none', 'circle(closest-side)'];
498
503
  /** @internal */
@@ -1086,11 +1091,9 @@ function cloneToJson(data) {
1086
1091
 
1087
1092
  // prettier-ignore
1088
1093
  /** @internal */
1089
- const actionId = typeof __FIX_ACTION_CHANGE_STATE_EVENT__ === 'string'
1090
- ? __FIX_ACTION_CHANGE_STATE_EVENT__
1091
- : typeof __FLYER_GEN_ACTION_ID_ON_BUILD__ === 'string'
1092
- ? __FLYER_GEN_ACTION_ID_ON_BUILD__
1093
- : randStr();
1094
+ const actionId = typeof __FLYER_GEN_ACTION_ID_ON_BUILD__ === 'string'
1095
+ ? __FLYER_GEN_ACTION_ID_ON_BUILD__
1096
+ : randStr();
1094
1097
  /** @internal */
1095
1098
  const ACTION_DESTROY_EVENT = `KARTE-ACTION-DESTROY-${actionId}`;
1096
1099
  /** @internal */
@@ -2584,7 +2587,7 @@ class State extends SvelteComponent {
2584
2587
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
2585
2588
 
2586
2589
  function add_css$t(target) {
2587
- append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
2590
+ append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
2588
2591
  }
2589
2592
 
2590
2593
  // (23:0) {#if $state === path}
@@ -2601,7 +2604,7 @@ function create_if_block$8(ctx) {
2601
2604
  t = space();
2602
2605
  if (default_slot) default_slot.c();
2603
2606
  attr(div, "data-state-path", /*path*/ ctx[0]);
2604
- attr(div, "class", "state-item svelte-1amihue");
2607
+ attr(div, "class", "state-item svelte-2qb6dm");
2605
2608
  },
2606
2609
  m(target, anchor) {
2607
2610
  insert(target, div, anchor);
@@ -2845,23 +2848,24 @@ const moveTo = (to) => () => {
2845
2848
  _moveTo(to);
2846
2849
  };
2847
2850
  /** @internal */
2848
- const linkTo = (to, targetBlank = true) => () => {
2851
+ const linkTo = (to, targetBlank = true, decode = false) => () => {
2852
+ const decodedTo = decode ? decodeURI(to) : to;
2849
2853
  const { target } = getActionRunnerContext() ?? {};
2850
2854
  async function sleep(ms) {
2851
2855
  return new Promise(resolve => setTimeout(resolve, ms));
2852
2856
  }
2853
2857
  async function _send() {
2854
- send_event('message_click', { url: to, state: getState$1() });
2858
+ send_event('message_click', { url: decodedTo, state: getState$1() });
2855
2859
  // # edge.js の retransmitter が送るのを待つ
2856
2860
  await sleep(450);
2857
2861
  }
2858
2862
  const isRequiredWindowOpen = target === 'native' ? false : targetBlank;
2859
2863
  if (isRequiredWindowOpen) {
2860
- window.open(to);
2864
+ window.open(decodedTo);
2861
2865
  }
2862
2866
  Promise.race([_send(), sleep(650)]).then(() => {
2863
2867
  if (!isRequiredWindowOpen) {
2864
- location.href = to;
2868
+ location.href = decodedTo;
2865
2869
  }
2866
2870
  });
2867
2871
  };
@@ -3002,7 +3006,7 @@ function customAnimation(node, { transform, animationStyle, delay = 0, duration
3002
3006
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3003
3007
 
3004
3008
  function add_css$s(target) {
3005
- 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}");
3009
+ 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}");
3006
3010
  }
3007
3011
 
3008
3012
  // (9:0) {#if backgroundOverlay}
@@ -3014,7 +3018,7 @@ function create_if_block$7(ctx) {
3014
3018
  return {
3015
3019
  c() {
3016
3020
  div = element("div");
3017
- attr(div, "class", "background svelte-g6ucc2");
3021
+ attr(div, "class", "background svelte-1d4fta");
3018
3022
  },
3019
3023
  m(target, anchor) {
3020
3024
  insert(target, div, anchor);
@@ -3125,7 +3129,7 @@ function checkStopPropagation(eventName, handler) {
3125
3129
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3126
3130
 
3127
3131
  function add_css$r(target) {
3128
- append_styles(target, "svelte-1dtbrzj", ".button.svelte-1dtbrzj{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-1dtbrzj:link,.button.svelte-1dtbrzj:visited,.button.svelte-1dtbrzj:active,.button.svelte-1dtbrzj:hover{color:inherit}");
3132
+ append_styles(target, "svelte-1tg0tf", ".button.svelte-1tg0tf{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-1tg0tf:link,.button.svelte-1tg0tf:visited,.button.svelte-1tg0tf:active,.button.svelte-1tg0tf:hover{color:inherit}");
3129
3133
  }
3130
3134
 
3131
3135
  // (50:0) {:else}
@@ -3154,7 +3158,7 @@ function create_else_block$3(ctx) {
3154
3158
  button = element("button");
3155
3159
  if (default_slot) default_slot.c();
3156
3160
  set_attributes(button, button_data);
3157
- toggle_class(button, "svelte-1dtbrzj", true);
3161
+ toggle_class(button, "svelte-1tg0tf", true);
3158
3162
  },
3159
3163
  m(target, anchor) {
3160
3164
  insert(target, button, anchor);
@@ -3193,7 +3197,7 @@ function create_else_block$3(ctx) {
3193
3197
  dataAttrStopPropagation('click')
3194
3198
  ]));
3195
3199
 
3196
- toggle_class(button, "svelte-1dtbrzj", true);
3200
+ toggle_class(button, "svelte-1tg0tf", true);
3197
3201
  },
3198
3202
  i(local) {
3199
3203
  if (current) return;
@@ -3224,7 +3228,7 @@ function create_if_block_2(ctx) {
3224
3228
  c() {
3225
3229
  div = element("div");
3226
3230
  if (default_slot) default_slot.c();
3227
- attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1dtbrzj"));
3231
+ attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1tg0tf"));
3228
3232
  attr(div, "style", /*style*/ ctx[1]);
3229
3233
  },
3230
3234
  m(target, anchor) {
@@ -3287,7 +3291,9 @@ function create_if_block_1$2(ctx) {
3287
3291
  { class: BUTTON_CLASS },
3288
3292
  { style: /*style*/ ctx[1] },
3289
3293
  {
3290
- href: a_href_value = /*onClick*/ ctx[0].args[0]
3294
+ href: a_href_value = /*onClick*/ ctx[0].args[2]
3295
+ ? decodeURI(/*onClick*/ ctx[0].args[0])
3296
+ : /*onClick*/ ctx[0].args[0]
3291
3297
  },
3292
3298
  {
3293
3299
  target: a_target_value = /*onClick*/ ctx[0].args[1] === true ? '_blank' : null
@@ -3306,7 +3312,7 @@ function create_if_block_1$2(ctx) {
3306
3312
  a = element("a");
3307
3313
  if (default_slot) default_slot.c();
3308
3314
  set_attributes(a, a_data);
3309
- toggle_class(a, "svelte-1dtbrzj", true);
3315
+ toggle_class(a, "svelte-1tg0tf", true);
3310
3316
  },
3311
3317
  m(target, anchor) {
3312
3318
  insert(target, a, anchor);
@@ -3341,12 +3347,14 @@ function create_if_block_1$2(ctx) {
3341
3347
  set_attributes(a, a_data = get_spread_update(a_levels, [
3342
3348
  { class: BUTTON_CLASS },
3343
3349
  (!current || dirty & /*style*/ 2) && { style: /*style*/ ctx[1] },
3344
- (!current || dirty & /*onClick*/ 1 && a_href_value !== (a_href_value = /*onClick*/ ctx[0].args[0])) && { href: a_href_value },
3350
+ (!current || dirty & /*onClick*/ 1 && a_href_value !== (a_href_value = /*onClick*/ ctx[0].args[2]
3351
+ ? decodeURI(/*onClick*/ ctx[0].args[0])
3352
+ : /*onClick*/ ctx[0].args[0])) && { href: a_href_value },
3345
3353
  (!current || dirty & /*onClick*/ 1 && a_target_value !== (a_target_value = /*onClick*/ ctx[0].args[1] === true ? '_blank' : null)) && { target: a_target_value },
3346
3354
  dataAttrStopPropagation('click')
3347
3355
  ]));
3348
3356
 
3349
- toggle_class(a, "svelte-1dtbrzj", true);
3357
+ toggle_class(a, "svelte-1tg0tf", true);
3350
3358
  },
3351
3359
  i(local) {
3352
3360
  if (current) return;
@@ -3377,7 +3385,7 @@ function create_if_block$6(ctx) {
3377
3385
  c() {
3378
3386
  div = element("div");
3379
3387
  if (default_slot) default_slot.c();
3380
- attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1dtbrzj"));
3388
+ attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1tg0tf"));
3381
3389
  attr(div, "style", /*style*/ ctx[1]);
3382
3390
  },
3383
3391
  m(target, anchor) {
@@ -3581,7 +3589,7 @@ class Button extends SvelteComponent {
3581
3589
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
3582
3590
 
3583
3591
  function add_css$q(target) {
3584
- append_styles(target, "svelte-1vrjevr", ".modal.svelte-1vrjevr{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1vrjevr > .button{flex:auto;display:flex}.close.svelte-1vrjevr{position:absolute;top:0;right:0}.close.svelte-1vrjevr > .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-1vrjevr > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1vrjevr{flex:auto;display:flex;justify-content:center;align-items:center}");
3592
+ append_styles(target, "svelte-1invh97", ".modal.svelte-1invh97{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1invh97 > .button{flex:auto;display:flex}.close.svelte-1invh97{position:absolute;top:0;right:0}.close.svelte-1invh97 > .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-1invh97 > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1invh97{flex:auto;display:flex;justify-content:center;align-items:center}");
3585
3593
  }
3586
3594
 
3587
3595
  // (145:0) {#if visible}
@@ -3606,7 +3614,7 @@ function create_if_block$5(ctx) {
3606
3614
  c() {
3607
3615
  div = element("div");
3608
3616
  create_component(button.$$.fragment);
3609
- attr(div, "class", "modal svelte-1vrjevr");
3617
+ attr(div, "class", "modal svelte-1invh97");
3610
3618
  attr(div, "role", "dialog");
3611
3619
  attr(div, "aria-modal", "true");
3612
3620
  attr(div, "style", div_style_value = "" + /*pos*/ ctx[16] + " " + /*marginStyle*/ ctx[14] + " " + ElasticityStyle[/*overwriteElasticity*/ ctx[17]] + "");
@@ -3684,7 +3692,7 @@ function create_if_block_1$1(ctx) {
3684
3692
  c() {
3685
3693
  div = element("div");
3686
3694
  create_component(button.$$.fragment);
3687
- attr(div, "class", "close svelte-1vrjevr");
3695
+ attr(div, "class", "close svelte-1invh97");
3688
3696
  set_style(div, "z-index", /*$maximumZindex*/ ctx[20] + 1);
3689
3697
  },
3690
3698
  m(target, anchor) {
@@ -3773,7 +3781,7 @@ function create_default_slot$6(ctx) {
3773
3781
  t = space();
3774
3782
  div = element("div");
3775
3783
  if (default_slot) default_slot.c();
3776
- attr(div, "class", "modal-content svelte-1vrjevr");
3784
+ attr(div, "class", "modal-content svelte-1invh97");
3777
3785
  attr(div, "style", /*_style*/ ctx[4]);
3778
3786
  },
3779
3787
  m(target, anchor) {
@@ -4264,7 +4272,7 @@ class Grid extends SvelteComponent {
4264
4272
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
4265
4273
 
4266
4274
  function add_css$p(target) {
4267
- append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
4275
+ append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
4268
4276
  }
4269
4277
 
4270
4278
  function create_fragment$r(ctx) {
@@ -4279,8 +4287,8 @@ function create_fragment$r(ctx) {
4279
4287
  div1 = element("div");
4280
4288
  div0 = element("div");
4281
4289
  if (default_slot) default_slot.c();
4282
- attr(div0, "class", "grid-item-inner svelte-1cryhmb");
4283
- attr(div1, "class", "grid-item svelte-1cryhmb");
4290
+ attr(div0, "class", "grid-item-inner svelte-n7kdl3");
4291
+ attr(div1, "class", "grid-item svelte-n7kdl3");
4284
4292
  attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
4285
4293
  attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
4286
4294
  attr(div1, "style", /*_style*/ ctx[1]);
@@ -4585,7 +4593,7 @@ class RenderText extends SvelteComponent {
4585
4593
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
4586
4594
 
4587
4595
  function add_css$o(target) {
4588
- append_styles(target, "svelte-f358iy", ".text-element-wrapper.svelte-f358iy.svelte-f358iy{position:relative;height:100%}.text-element.svelte-f358iy.svelte-f358iy{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}.text-link-element.svelte-f358iy.svelte-f358iy{text-decoration:none;color:inherit}.text-element-inner.svelte-f358iy.svelte-f358iy{width:100%;height:auto}.text-direction-vertical.svelte-f358iy.svelte-f358iy{writing-mode:vertical-rl}.text-direction-vertical.svelte-f358iy .text-element-inner.svelte-f358iy{width:auto;height:100%}.tooltip.svelte-f358iy.svelte-f358iy{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-f358iy.svelte-f358iy:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-f358iy.svelte-f358iy{display:block}.tooltip-error.svelte-f358iy.svelte-f358iy{background-color:#c00}.tooltip-error.svelte-f358iy.svelte-f358iy:before{border-bottom:7px solid #c00}");
4596
+ append_styles(target, "svelte-13kv866", ".text-element-wrapper.svelte-13kv866.svelte-13kv866{position:relative;height:100%}.text-element.svelte-13kv866.svelte-13kv866{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}.text-link-element.svelte-13kv866.svelte-13kv866{text-decoration:none;color:inherit}.text-element-inner.svelte-13kv866.svelte-13kv866{width:100%;height:auto}.text-direction-vertical.svelte-13kv866.svelte-13kv866{writing-mode:vertical-rl}.text-direction-vertical.svelte-13kv866 .text-element-inner.svelte-13kv866{width:auto;height:100%}.tooltip.svelte-13kv866.svelte-13kv866{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-13kv866.svelte-13kv866:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-13kv866.svelte-13kv866{display:block}.tooltip-error.svelte-13kv866.svelte-13kv866{background-color:#c00}.tooltip-error.svelte-13kv866.svelte-13kv866:before{border-bottom:7px solid #c00}");
4589
4597
  }
4590
4598
 
4591
4599
  // (86:2) {:else}
@@ -4602,8 +4610,8 @@ function create_else_block$1(ctx) {
4602
4610
  div1 = element("div");
4603
4611
  div0 = element("div");
4604
4612
  create_component(rendertext.$$.fragment);
4605
- attr(div0, "class", "text-element-inner svelte-f358iy");
4606
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-f358iy"));
4613
+ attr(div0, "class", "text-element-inner svelte-13kv866");
4614
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-13kv866"));
4607
4615
  attr(div1, "style", /*style*/ ctx[5]);
4608
4616
  },
4609
4617
  m(target, anchor) {
@@ -4617,7 +4625,7 @@ function create_else_block$1(ctx) {
4617
4625
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
4618
4626
  rendertext.$set(rendertext_changes);
4619
4627
 
4620
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-f358iy"))) {
4628
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-13kv866"))) {
4621
4629
  attr(div1, "class", div1_class_value);
4622
4630
  }
4623
4631
 
@@ -4667,12 +4675,12 @@ function create_if_block$3(ctx) {
4667
4675
  t2 = space();
4668
4676
  div2 = element("div");
4669
4677
  div2.textContent = "コピーできませんでした";
4670
- attr(div0, "class", "text-element-inner svelte-f358iy");
4678
+ attr(div0, "class", "text-element-inner svelte-13kv866");
4671
4679
  attr(a, "href", '');
4672
- attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-f358iy"));
4680
+ attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-13kv866"));
4673
4681
  attr(a, "style", /*style*/ ctx[5]);
4674
- attr(div1, "class", "tooltip svelte-f358iy");
4675
- attr(div2, "class", "tooltip tooltip-error svelte-f358iy");
4682
+ attr(div1, "class", "tooltip svelte-13kv866");
4683
+ attr(div2, "class", "tooltip tooltip-error svelte-13kv866");
4676
4684
  },
4677
4685
  m(target, anchor) {
4678
4686
  insert(target, a, anchor);
@@ -4696,7 +4704,7 @@ function create_if_block$3(ctx) {
4696
4704
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
4697
4705
  rendertext.$set(rendertext_changes);
4698
4706
 
4699
- 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-f358iy"))) {
4707
+ 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-13kv866"))) {
4700
4708
  attr(a, "class", a_class_value);
4701
4709
  }
4702
4710
 
@@ -4748,7 +4756,7 @@ function create_fragment$p(ctx) {
4748
4756
  c() {
4749
4757
  div = element("div");
4750
4758
  if_block.c();
4751
- attr(div, "class", "text-element-wrapper svelte-f358iy");
4759
+ attr(div, "class", "text-element-wrapper svelte-13kv866");
4752
4760
  },
4753
4761
  m(target, anchor) {
4754
4762
  insert(target, div, anchor);
@@ -4913,7 +4921,7 @@ class TextElement extends SvelteComponent {
4913
4921
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
4914
4922
 
4915
4923
  function add_css$n(target) {
4916
- append_styles(target, "svelte-1ijl494", ".text-button-element.svelte-1ijl494{width:100%;height:100%}.text-button-element.svelte-1ijl494 > .button{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden}.text-button-element.svelte-1ijl494 > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-1ijl494 > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-1ijl494 > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
4924
+ append_styles(target, "svelte-wb7ek", ".text-button-element.svelte-wb7ek{width:100%;height:100%}.text-button-element.svelte-wb7ek > .button{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden}.text-button-element.svelte-wb7ek > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-wb7ek > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-wb7ek > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
4917
4925
  }
4918
4926
 
4919
4927
  // (46:2) <Button onClick={onClick} {style} {eventName}>
@@ -4969,7 +4977,7 @@ function create_fragment$o(ctx) {
4969
4977
  c() {
4970
4978
  div = element("div");
4971
4979
  create_component(button.$$.fragment);
4972
- attr(div, "class", "text-button-element svelte-1ijl494");
4980
+ attr(div, "class", "text-button-element svelte-wb7ek");
4973
4981
  },
4974
4982
  m(target, anchor) {
4975
4983
  insert(target, div, anchor);
@@ -5061,7 +5069,7 @@ class TextButtonElement extends SvelteComponent {
5061
5069
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5062
5070
 
5063
5071
  function add_css$m(target) {
5064
- append_styles(target, "svelte-f3bdqy", ".image-element.svelte-f3bdqy{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-f3bdqy > .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}.image-element.svelte-f3bdqy > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-f3bdqy > .button:not(._disabled):hover,.image-element.transport.svelte-f3bdqy > .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-f3bdqy{width:100%;height:100%}");
5072
+ append_styles(target, "svelte-1v4alzq", ".image-element.svelte-1v4alzq{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-1v4alzq > .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}.image-element.svelte-1v4alzq > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-1v4alzq > .button:not(._disabled):hover,.image-element.transport.svelte-1v4alzq > .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-1v4alzq{width:100%;height:100%}");
5065
5073
  }
5066
5074
 
5067
5075
  // (44:2) <Button {onClick} style={_style} {eventName}>
@@ -5073,7 +5081,7 @@ function create_default_slot$4(ctx) {
5073
5081
  return {
5074
5082
  c() {
5075
5083
  img = element("img");
5076
- attr(img, "class", "image svelte-f3bdqy");
5084
+ attr(img, "class", "image svelte-1v4alzq");
5077
5085
  attr(img, "loading", "lazy");
5078
5086
  attr(img, "width", "auto");
5079
5087
  attr(img, "height", "auto");
@@ -5123,7 +5131,7 @@ function create_fragment$n(ctx) {
5123
5131
  c() {
5124
5132
  div = element("div");
5125
5133
  create_component(button.$$.fragment);
5126
- attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-f3bdqy");
5134
+ attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1v4alzq");
5127
5135
  },
5128
5136
  m(target, anchor) {
5129
5137
  insert(target, div, anchor);
@@ -5142,7 +5150,7 @@ function create_fragment$n(ctx) {
5142
5150
 
5143
5151
  button.$set(button_changes);
5144
5152
 
5145
- if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-f3bdqy")) {
5153
+ if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1v4alzq")) {
5146
5154
  attr(div, "class", div_class_value);
5147
5155
  }
5148
5156
  },
@@ -5166,7 +5174,7 @@ function instance$n($$self, $$props, $$invalidate) {
5166
5174
  let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
5167
5175
  let { alt = 'No Image' } = $$props;
5168
5176
  let { transport = false } = $$props;
5169
- let { objectFit = 'contain' } = $$props;
5177
+ let { objectFit = 'cover' } = $$props;
5170
5178
  let { onClick = { operation: 'none', args: [] } } = $$props;
5171
5179
  let { eventName = '' } = $$props;
5172
5180
  let { _imageStyle = '' } = $$props;
@@ -5214,7 +5222,7 @@ class ImageElement extends SvelteComponent {
5214
5222
  /* src/components/List.svelte generated by Svelte v3.53.1 */
5215
5223
 
5216
5224
  function add_css$l(target) {
5217
- append_styles(target, "svelte-e4h4wn", ".list.svelte-e4h4wn{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
5225
+ append_styles(target, "svelte-1gh1zvv", ".list.svelte-1gh1zvv{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
5218
5226
  }
5219
5227
 
5220
5228
  function create_fragment$m(ctx) {
@@ -5227,7 +5235,7 @@ function create_fragment$m(ctx) {
5227
5235
  c() {
5228
5236
  div = element("div");
5229
5237
  if (default_slot) default_slot.c();
5230
- attr(div, "class", "list svelte-e4h4wn");
5238
+ attr(div, "class", "list svelte-1gh1zvv");
5231
5239
  attr(div, "style", /*style*/ ctx[0]);
5232
5240
  },
5233
5241
  m(target, anchor) {
@@ -5361,7 +5369,7 @@ class List extends SvelteComponent {
5361
5369
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
5362
5370
 
5363
5371
  function add_css$k(target) {
5364
- append_styles(target, "svelte-1y59gb", ".list-item.svelte-1y59gb{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-1y59gb > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000}");
5372
+ append_styles(target, "svelte-pd7cyv", ".list-item.svelte-pd7cyv{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-pd7cyv > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000}");
5365
5373
  }
5366
5374
 
5367
5375
  // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
@@ -5431,7 +5439,7 @@ function create_fragment$l(ctx) {
5431
5439
  c() {
5432
5440
  div = element("div");
5433
5441
  create_component(button.$$.fragment);
5434
- attr(div, "class", "list-item svelte-1y59gb");
5442
+ attr(div, "class", "list-item svelte-pd7cyv");
5435
5443
  attr(div, "style", /*listItemStyle*/ ctx[3]);
5436
5444
  },
5437
5445
  m(target, anchor) {
@@ -5557,7 +5565,7 @@ class ListItem extends SvelteComponent {
5557
5565
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
5558
5566
 
5559
5567
  function add_css$j(target) {
5560
- append_styles(target, "svelte-ni3m8w", ".embed.svelte-ni3m8w{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-ni3m8w iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000}");
5568
+ append_styles(target, "svelte-g5f8hw", ".embed.svelte-g5f8hw{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-g5f8hw iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000}");
5561
5569
  }
5562
5570
 
5563
5571
  function create_fragment$k(ctx) {
@@ -5566,7 +5574,7 @@ function create_fragment$k(ctx) {
5566
5574
  return {
5567
5575
  c() {
5568
5576
  div = element("div");
5569
- attr(div, "class", "embed svelte-ni3m8w");
5577
+ attr(div, "class", "embed svelte-g5f8hw");
5570
5578
  attr(div, "style", /*_style*/ ctx[1]);
5571
5579
  },
5572
5580
  m(target, anchor) {
@@ -5609,7 +5617,7 @@ class EmbedElement extends SvelteComponent {
5609
5617
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
5610
5618
 
5611
5619
  function add_css$i(target) {
5612
- append_styles(target, "svelte-55gb6a", ".embed.svelte-55gb6a{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}.embed.svelte-55gb6a iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
5620
+ append_styles(target, "svelte-1gvn5zq", ".embed.svelte-1gvn5zq{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}.embed.svelte-1gvn5zq iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
5613
5621
  }
5614
5622
 
5615
5623
  function create_fragment$j(ctx) {
@@ -5621,7 +5629,7 @@ function create_fragment$j(ctx) {
5621
5629
  div1 = element("div");
5622
5630
  div0 = element("div");
5623
5631
  attr(div0, "class", "karte-player");
5624
- attr(div1, "class", "embed svelte-55gb6a");
5632
+ attr(div1, "class", "embed svelte-1gvn5zq");
5625
5633
  attr(div1, "style", /*_style*/ ctx[0]);
5626
5634
  },
5627
5635
  m(target, anchor) {
@@ -5963,7 +5971,7 @@ class MovieYouTubeElement extends SvelteComponent {
5963
5971
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
5964
5972
 
5965
5973
  function add_css$h(target) {
5966
- append_styles(target, "svelte-55gb6a", ".embed.svelte-55gb6a{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}.embed.svelte-55gb6a iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
5974
+ append_styles(target, "svelte-1gvn5zq", ".embed.svelte-1gvn5zq{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}.embed.svelte-1gvn5zq iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
5967
5975
  }
5968
5976
 
5969
5977
  function create_fragment$i(ctx) {
@@ -5975,7 +5983,7 @@ function create_fragment$i(ctx) {
5975
5983
  div1 = element("div");
5976
5984
  div0 = element("div");
5977
5985
  attr(div0, "class", "karte-player");
5978
- attr(div1, "class", "embed svelte-55gb6a");
5986
+ attr(div1, "class", "embed svelte-1gvn5zq");
5979
5987
  attr(div1, "style", /*_style*/ ctx[0]);
5980
5988
  },
5981
5989
  m(target, anchor) {
@@ -6159,7 +6167,7 @@ class MovieVimeoElement extends SvelteComponent {
6159
6167
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
6160
6168
 
6161
6169
  function add_css$g(target) {
6162
- append_styles(target, "svelte-13z4kn0", ".textarea-wrapper.svelte-13z4kn0{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-13z4kn0{width:100%;resize:none}");
6170
+ append_styles(target, "svelte-kyay3k", ".textarea-wrapper.svelte-kyay3k{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-kyay3k{width:100%;resize:none}");
6163
6171
  }
6164
6172
 
6165
6173
  function create_fragment$h(ctx) {
@@ -6172,12 +6180,12 @@ function create_fragment$h(ctx) {
6172
6180
  c() {
6173
6181
  div = element("div");
6174
6182
  textarea = element("textarea");
6175
- attr(textarea, "class", "textarea svelte-13z4kn0");
6183
+ attr(textarea, "class", "textarea svelte-kyay3k");
6176
6184
  textarea.value = /*$value*/ ctx[3];
6177
6185
  textarea.required = /*required*/ ctx[0];
6178
6186
  attr(textarea, "rows", /*rows*/ ctx[1]);
6179
6187
  attr(textarea, "placeholder", /*placeholder*/ ctx[2]);
6180
- attr(div, "class", "textarea-wrapper svelte-13z4kn0");
6188
+ attr(div, "class", "textarea-wrapper svelte-kyay3k");
6181
6189
  },
6182
6190
  m(target, anchor) {
6183
6191
  insert(target, div, anchor);
@@ -6273,7 +6281,7 @@ class FormTextarea extends SvelteComponent {
6273
6281
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
6274
6282
 
6275
6283
  function add_css$f(target) {
6276
- 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}");
6284
+ 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}");
6277
6285
  }
6278
6286
 
6279
6287
  function get_each_context$5(ctx, list, i) {
@@ -6306,14 +6314,14 @@ function create_each_block$5(ctx) {
6306
6314
  t1 = text(t1_value);
6307
6315
  t2 = space();
6308
6316
  attr(input, "type", "radio");
6309
- attr(input, "class", "radio-button-input svelte-1ntb6j8");
6317
+ attr(input, "class", "radio-button-input svelte-17s08g");
6310
6318
  attr(input, "style", /*buttonStyle*/ ctx[5]);
6311
6319
  attr(input, "name", /*name*/ ctx[0]);
6312
6320
  input.value = input_value_value = /*option*/ ctx[16];
6313
6321
  input.checked = input_checked_value = /*option*/ ctx[16] === /*_value*/ ctx[3];
6314
- attr(span, "class", "radio-button-text svelte-1ntb6j8");
6322
+ attr(span, "class", "radio-button-text svelte-17s08g");
6315
6323
  attr(span, "style", /*_textStyle*/ ctx[2]);
6316
- attr(label, "class", "radio-button svelte-1ntb6j8");
6324
+ attr(label, "class", "radio-button svelte-17s08g");
6317
6325
  },
6318
6326
  m(target, anchor) {
6319
6327
  insert(target, label, anchor);
@@ -6378,7 +6386,7 @@ function create_fragment$g(ctx) {
6378
6386
  each_blocks[i].c();
6379
6387
  }
6380
6388
 
6381
- attr(div, "class", "radio-buttons svelte-1ntb6j8");
6389
+ attr(div, "class", "radio-buttons svelte-17s08g");
6382
6390
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
6383
6391
  },
6384
6392
  m(target, anchor) {
@@ -6545,7 +6553,7 @@ class FormRadioButtons extends SvelteComponent {
6545
6553
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
6546
6554
 
6547
6555
  function add_css$e(target) {
6548
- append_styles(target, "svelte-1ihv110", ".select.svelte-1ihv110{width:100%;height:100%}.select-select.svelte-1ihv110{position:relative;appearance:none;width:100%;height:100%}.select-select.svelte-1ihv110: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-1ihv110{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}");
6556
+ append_styles(target, "svelte-1n4ag74", ".select.svelte-1n4ag74{width:100%;height:100%}.select-select.svelte-1n4ag74{position:relative;appearance:none;width:100%;height:100%}.select-select.svelte-1n4ag74: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-1n4ag74{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}");
6549
6557
  }
6550
6558
 
6551
6559
  function get_each_context$4(ctx, list, i) {
@@ -6679,10 +6687,10 @@ function create_fragment$f(ctx) {
6679
6687
 
6680
6688
  t = space();
6681
6689
  div0 = element("div");
6682
- attr(select, "class", "select-select svelte-1ihv110");
6690
+ attr(select, "class", "select-select svelte-1n4ag74");
6683
6691
  attr(select, "style", /*style*/ ctx[3]);
6684
- attr(div0, "class", "select-icon svelte-1ihv110");
6685
- attr(div1, "class", "select svelte-1ihv110");
6692
+ attr(div0, "class", "select-icon svelte-1n4ag74");
6693
+ attr(div1, "class", "select svelte-1n4ag74");
6686
6694
  attr(div1, "style", /*styleVariables*/ ctx[2]);
6687
6695
  },
6688
6696
  m(target, anchor) {
@@ -6884,7 +6892,7 @@ class FormSelect extends SvelteComponent {
6884
6892
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
6885
6893
 
6886
6894
  function add_css$d(target) {
6887
- append_styles(target, "svelte-wtt98v", ".check-boxes.svelte-wtt98v.svelte-wtt98v{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.check-box.svelte-wtt98v.svelte-wtt98v{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-wtt98v.svelte-wtt98v{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-wtt98v.svelte-wtt98v{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-wtt98v.svelte-wtt98v{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-wtt98v.svelte-wtt98v: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-wtt98v.svelte-wtt98v{background-color:var(--color-main-active)}.check-box-check._checked.svelte-wtt98v .check-box-icon.svelte-wtt98v:after{border-color:var(--color-sub-active)}.check-box-text.svelte-wtt98v.svelte-wtt98v{margin-left:0.5em}");
6895
+ append_styles(target, "svelte-p15pvn", ".check-boxes.svelte-p15pvn.svelte-p15pvn{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.check-box.svelte-p15pvn.svelte-p15pvn{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-p15pvn.svelte-p15pvn{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-p15pvn.svelte-p15pvn{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-p15pvn.svelte-p15pvn{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-p15pvn.svelte-p15pvn: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-p15pvn.svelte-p15pvn{background-color:var(--color-main-active)}.check-box-check._checked.svelte-p15pvn .check-box-icon.svelte-p15pvn:after{border-color:var(--color-sub-active)}.check-box-text.svelte-p15pvn.svelte-p15pvn{margin-left:0.5em}");
6888
6896
  }
6889
6897
 
6890
6898
  function get_each_context$3(ctx, list, i) {
@@ -6922,19 +6930,19 @@ function create_each_block$3(ctx) {
6922
6930
  span2 = element("span");
6923
6931
  t2 = text(t2_value);
6924
6932
  t3 = space();
6925
- attr(input, "class", "check-box-input svelte-wtt98v");
6933
+ attr(input, "class", "check-box-input svelte-p15pvn");
6926
6934
  attr(input, "type", "checkbox");
6927
6935
  attr(input, "name", /*name*/ ctx[0]);
6928
6936
  input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
6929
- attr(span0, "class", "check-box-icon svelte-wtt98v");
6937
+ attr(span0, "class", "check-box-icon svelte-p15pvn");
6930
6938
 
6931
6939
  attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
6932
6940
  ? ' _checked'
6933
- : ''}`) + " svelte-wtt98v"));
6941
+ : ''}`) + " svelte-p15pvn"));
6934
6942
 
6935
- attr(span2, "class", "check-box-text svelte-wtt98v");
6943
+ attr(span2, "class", "check-box-text svelte-p15pvn");
6936
6944
  attr(span2, "style", /*_textStyle*/ ctx[2]);
6937
- attr(label, "class", "check-box svelte-wtt98v");
6945
+ attr(label, "class", "check-box svelte-p15pvn");
6938
6946
  attr(label, "style", /*styleVariables*/ ctx[5]);
6939
6947
  },
6940
6948
  m(target, anchor) {
@@ -6966,7 +6974,7 @@ function create_each_block$3(ctx) {
6966
6974
 
6967
6975
  if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
6968
6976
  ? ' _checked'
6969
- : ''}`) + " svelte-wtt98v"))) {
6977
+ : ''}`) + " svelte-p15pvn"))) {
6970
6978
  attr(span1, "class", span1_class_value);
6971
6979
  }
6972
6980
 
@@ -7005,7 +7013,7 @@ function create_fragment$e(ctx) {
7005
7013
  each_blocks[i].c();
7006
7014
  }
7007
7015
 
7008
- attr(div, "class", "check-boxes svelte-wtt98v");
7016
+ attr(div, "class", "check-boxes svelte-p15pvn");
7009
7017
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7010
7018
  },
7011
7019
  m(target, anchor) {
@@ -7179,7 +7187,7 @@ class FormCheckBoxes extends SvelteComponent {
7179
7187
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
7180
7188
 
7181
7189
  function add_css$c(target) {
7182
- append_styles(target, "svelte-18pfy31", ".rating-buttons.svelte-18pfy31{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-18pfy31{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}");
7190
+ append_styles(target, "svelte-zy2va9", ".rating-buttons.svelte-zy2va9{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-zy2va9{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}");
7183
7191
  }
7184
7192
 
7185
7193
  function get_each_context$2(ctx, list, i) {
@@ -7203,7 +7211,7 @@ function create_each_block$2(ctx) {
7203
7211
  button = element("button");
7204
7212
  t0 = text(t0_value);
7205
7213
  t1 = space();
7206
- attr(button, "class", "rating-button svelte-18pfy31");
7214
+ attr(button, "class", "rating-button svelte-zy2va9");
7207
7215
  attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]));
7208
7216
  },
7209
7217
  m(target, anchor) {
@@ -7252,7 +7260,7 @@ function create_fragment$d(ctx) {
7252
7260
  each_blocks[i].c();
7253
7261
  }
7254
7262
 
7255
- attr(div, "class", "rating-buttons svelte-18pfy31");
7263
+ attr(div, "class", "rating-buttons svelte-zy2va9");
7256
7264
  },
7257
7265
  m(target, anchor) {
7258
7266
  insert(target, div, anchor);
@@ -7389,7 +7397,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
7389
7397
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
7390
7398
 
7391
7399
  function add_css$b(target) {
7392
- 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%)}");
7400
+ 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%)}");
7393
7401
  }
7394
7402
 
7395
7403
  function get_each_context$1(ctx, list, i) {
@@ -7414,9 +7422,9 @@ function create_each_block$1(ctx) {
7414
7422
  img = element("img");
7415
7423
  t = space();
7416
7424
  if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
7417
- attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"));
7425
+ attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
7418
7426
  attr(img, "alt", "rate" + /*i*/ ctx[10]);
7419
- attr(button, "class", "rating-button svelte-1b5dvzw");
7427
+ attr(button, "class", "rating-button svelte-tbunko");
7420
7428
  attr(button, "style", /*buttonStyle*/ ctx[0]);
7421
7429
  },
7422
7430
  m(target, anchor) {
@@ -7432,7 +7440,7 @@ function create_each_block$1(ctx) {
7432
7440
  p(new_ctx, dirty) {
7433
7441
  ctx = new_ctx;
7434
7442
 
7435
- 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"))) {
7443
+ 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"))) {
7436
7444
  attr(img, "class", img_class_value);
7437
7445
  }
7438
7446
 
@@ -7465,7 +7473,7 @@ function create_fragment$c(ctx) {
7465
7473
  each_blocks[i].c();
7466
7474
  }
7467
7475
 
7468
- attr(div, "class", "rating-buttons svelte-1b5dvzw");
7476
+ attr(div, "class", "rating-buttons svelte-tbunko");
7469
7477
  },
7470
7478
  m(target, anchor) {
7471
7479
  insert(target, div, anchor);
@@ -7573,7 +7581,7 @@ class FormRatingButtonsFace extends SvelteComponent {
7573
7581
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
7574
7582
 
7575
7583
  function add_css$a(target) {
7576
- 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%}");
7584
+ 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%}");
7577
7585
  }
7578
7586
 
7579
7587
  function get_each_context(ctx, list, i) {
@@ -7602,9 +7610,9 @@ function create_if_block_1(ctx) {
7602
7610
  attr(svg, "viewBox", "0 0 10 16");
7603
7611
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
7604
7612
  attr(svg, "style", /*prevIconStyle*/ ctx[10]);
7605
- attr(button, "class", "move-button svelte-1qfq79t");
7613
+ attr(button, "class", "move-button svelte-ji1fh");
7606
7614
  attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
7607
- attr(div, "class", "prev-button-container svelte-1qfq79t");
7615
+ attr(div, "class", "prev-button-container svelte-ji1fh");
7608
7616
  },
7609
7617
  m(target, anchor) {
7610
7618
  insert(target, div, anchor);
@@ -7653,9 +7661,9 @@ function create_if_block$1(ctx) {
7653
7661
  attr(svg, "viewBox", "0 0 10 16");
7654
7662
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
7655
7663
  attr(svg, "style", /*nextIconStyle*/ ctx[8]);
7656
- attr(button, "class", "move-button svelte-1qfq79t");
7664
+ attr(button, "class", "move-button svelte-ji1fh");
7657
7665
  attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
7658
- attr(div, "class", "next-button-container svelte-1qfq79t");
7666
+ attr(div, "class", "next-button-container svelte-ji1fh");
7659
7667
  },
7660
7668
  m(target, anchor) {
7661
7669
  insert(target, div, anchor);
@@ -7703,9 +7711,9 @@ function create_each_block(ctx) {
7703
7711
  button = element("button");
7704
7712
  div = element("div");
7705
7713
  t = space();
7706
- attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
7714
+ attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
7707
7715
  attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
7708
- attr(button, "class", "navigation-item svelte-1qfq79t");
7716
+ attr(button, "class", "navigation-item svelte-ji1fh");
7709
7717
  attr(button, "style", /*navigationItemStyle*/ ctx[6]);
7710
7718
  },
7711
7719
  m(target, anchor) {
@@ -7782,14 +7790,14 @@ function create_fragment$b(ctx) {
7782
7790
  each_blocks[i].c();
7783
7791
  }
7784
7792
 
7785
- attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
7793
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
7786
7794
  attr(div0, "style", /*slideStyle*/ ctx[14]);
7787
- attr(div1, "class", "container svelte-1qfq79t");
7795
+ attr(div1, "class", "container svelte-ji1fh");
7788
7796
  attr(div1, "style", /*_style*/ ctx[0]);
7789
- attr(div2, "class", "navigation svelte-1qfq79t");
7797
+ attr(div2, "class", "navigation svelte-ji1fh");
7790
7798
  attr(div2, "style", /*navigationStyle*/ ctx[4]);
7791
7799
  set_attributes(div3, div3_data);
7792
- toggle_class(div3, "svelte-1qfq79t", true);
7800
+ toggle_class(div3, "svelte-ji1fh", true);
7793
7801
  },
7794
7802
  m(target, anchor) {
7795
7803
  insert(target, div3, anchor);
@@ -7831,7 +7839,7 @@ function create_fragment$b(ctx) {
7831
7839
  }
7832
7840
  }
7833
7841
 
7834
- if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
7842
+ if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
7835
7843
  attr(div0, "class", div0_class_value);
7836
7844
  }
7837
7845
 
@@ -7897,7 +7905,7 @@ function create_fragment$b(ctx) {
7897
7905
  }
7898
7906
 
7899
7907
  set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
7900
- toggle_class(div3, "svelte-1qfq79t", true);
7908
+ toggle_class(div3, "svelte-ji1fh", true);
7901
7909
  },
7902
7910
  i(local) {
7903
7911
  if (current) return;
@@ -8409,7 +8417,7 @@ class Slide extends SvelteComponent {
8409
8417
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
8410
8418
 
8411
8419
  function add_css$9(target) {
8412
- append_styles(target, "svelte-1ilvo81", ".item.svelte-1ilvo81{height:100%;flex:none;position:relative}.item.svelte-1ilvo81 img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-1ilvo81{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000}");
8420
+ append_styles(target, "svelte-1fqq17x", ".item.svelte-1fqq17x{height:100%;flex:none;position:relative}.item.svelte-1fqq17x img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-1fqq17x{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000}");
8413
8421
  }
8414
8422
 
8415
8423
  function create_fragment$a(ctx) {
@@ -8424,9 +8432,9 @@ function create_fragment$a(ctx) {
8424
8432
  div1 = element("div");
8425
8433
  div0 = element("div");
8426
8434
  if (default_slot) default_slot.c();
8427
- attr(div0, "class", "item-inner svelte-1ilvo81");
8435
+ attr(div0, "class", "item-inner svelte-1fqq17x");
8428
8436
  attr(div0, "style", /*_style*/ ctx[0]);
8429
- attr(div1, "class", "item svelte-1ilvo81");
8437
+ attr(div1, "class", "item svelte-1fqq17x");
8430
8438
  attr(div1, "style", /*itemStyle*/ ctx[1]);
8431
8439
  },
8432
8440
  m(target, anchor) {
@@ -8552,7 +8560,7 @@ class SlideItem extends SvelteComponent {
8552
8560
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
8553
8561
 
8554
8562
  function add_css$8(target) {
8555
- append_styles(target, "svelte-5j9cpu", ".countdown.svelte-5j9cpu{position:relative;width:100%;height:100%}.countdown-inner.svelte-5j9cpu{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000}");
8563
+ append_styles(target, "svelte-192lor2", ".countdown.svelte-192lor2{position:relative;width:100%;height:100%}.countdown-inner.svelte-192lor2{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000}");
8556
8564
  }
8557
8565
 
8558
8566
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
@@ -8570,9 +8578,9 @@ function create_fragment$9(ctx) {
8570
8578
  div1 = element("div");
8571
8579
  div0 = element("div");
8572
8580
  if (default_slot) default_slot.c();
8573
- attr(div0, "class", "countdown-inner svelte-5j9cpu");
8581
+ attr(div0, "class", "countdown-inner svelte-192lor2");
8574
8582
  attr(div0, "style", /*_style*/ ctx[0]);
8575
- attr(div1, "class", "countdown svelte-5j9cpu");
8583
+ attr(div1, "class", "countdown svelte-192lor2");
8576
8584
  },
8577
8585
  m(target, anchor) {
8578
8586
  insert(target, div1, anchor);
@@ -8706,7 +8714,7 @@ class Countdown extends SvelteComponent {
8706
8714
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
8707
8715
 
8708
8716
  function add_css$7(target) {
8709
- append_styles(target, "svelte-ppc4fn", ".box.svelte-ppc4fn{position:relative;width:100%;height:100%}.box.svelte-ppc4fn > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000}");
8717
+ append_styles(target, "svelte-6g6etj", ".box.svelte-6g6etj{position:relative;width:100%;height:100%}.box.svelte-6g6etj > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000}");
8710
8718
  }
8711
8719
 
8712
8720
  // (24:2) <Button {onClick} style={_style} {eventName}>
@@ -8776,7 +8784,7 @@ function create_fragment$8(ctx) {
8776
8784
  c() {
8777
8785
  div = element("div");
8778
8786
  create_component(button.$$.fragment);
8779
- attr(div, "class", "box svelte-ppc4fn");
8787
+ attr(div, "class", "box svelte-6g6etj");
8780
8788
  },
8781
8789
  m(target, anchor) {
8782
8790
  insert(target, div, anchor);
@@ -8837,7 +8845,7 @@ class Box extends SvelteComponent {
8837
8845
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
8838
8846
 
8839
8847
  function add_css$6(target) {
8840
- 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)}");
8848
+ 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)}");
8841
8849
  }
8842
8850
 
8843
8851
  // (56:4) {#if svg}
@@ -8919,7 +8927,7 @@ function create_fragment$7(ctx) {
8919
8927
  c() {
8920
8928
  div = element("div");
8921
8929
  create_component(button.$$.fragment);
8922
- attr(div, "class", "icon svelte-1mk6wi4");
8930
+ attr(div, "class", "icon svelte-1mkvcuo");
8923
8931
  },
8924
8932
  m(target, anchor) {
8925
8933
  insert(target, div, anchor);
@@ -9028,7 +9036,7 @@ class IconElement extends SvelteComponent {
9028
9036
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
9029
9037
 
9030
9038
  function add_css$5(target) {
9031
- append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
9039
+ append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
9032
9040
  }
9033
9041
 
9034
9042
  function create_fragment$6(ctx) {
@@ -9054,7 +9062,7 @@ function create_fragment$6(ctx) {
9054
9062
  c() {
9055
9063
  div = element("div");
9056
9064
  if (switch_instance) create_component(switch_instance.$$.fragment);
9057
- attr(div, "class", "codeElement svelte-1ng2n51");
9065
+ attr(div, "class", "codeElement svelte-ymsb9l");
9058
9066
  attr(div, "style", /*style*/ ctx[3]);
9059
9067
  },
9060
9068
  m(target, anchor) {
@@ -9143,7 +9151,7 @@ class CodeElement extends SvelteComponent {
9143
9151
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
9144
9152
 
9145
9153
  function add_css$4(target) {
9146
- append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
9154
+ append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
9147
9155
  }
9148
9156
 
9149
9157
  function create_fragment$5(ctx) {
@@ -9157,7 +9165,7 @@ function create_fragment$5(ctx) {
9157
9165
  c() {
9158
9166
  div = element("div");
9159
9167
  if (default_slot) default_slot.c();
9160
- attr(div, "class", "flex svelte-9v2qdg");
9168
+ attr(div, "class", "flex svelte-1e71ejc");
9161
9169
  attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
9162
9170
  },
9163
9171
  m(target, anchor) {
@@ -9254,7 +9262,7 @@ class Flex extends SvelteComponent {
9254
9262
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
9255
9263
 
9256
9264
  function add_css$3(target) {
9257
- append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
9265
+ append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
9258
9266
  }
9259
9267
 
9260
9268
  function create_fragment$4(ctx) {
@@ -9267,7 +9275,7 @@ function create_fragment$4(ctx) {
9267
9275
  c() {
9268
9276
  div = element("div");
9269
9277
  if (default_slot) default_slot.c();
9270
- attr(div, "class", "flex-item svelte-164ah5d");
9278
+ attr(div, "class", "flex-item svelte-1p0bk1x");
9271
9279
  attr(div, "style", /*style*/ ctx[0]);
9272
9280
  },
9273
9281
  m(target, anchor) {
@@ -9675,7 +9683,7 @@ class GridModalState extends SvelteComponent {
9675
9683
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
9676
9684
 
9677
9685
  function add_css$2(target) {
9678
- append_styles(target, "svelte-q1o685", ".text-block.svelte-q1o685.svelte-q1o685{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:auto}.text-block-inner.svelte-q1o685.svelte-q1o685{width:100%;height:auto}.text-direction-vertical.svelte-q1o685.svelte-q1o685{writing-mode:vertical-rl}.text-direction-vertical.svelte-q1o685 .text-block-inner.svelte-q1o685{width:auto;height:100%}");
9686
+ append_styles(target, "svelte-11rpuv5", ".text-block.svelte-11rpuv5.svelte-11rpuv5{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:auto}.text-block-inner.svelte-11rpuv5.svelte-11rpuv5{width:100%;height:auto}.text-direction-vertical.svelte-11rpuv5.svelte-11rpuv5{writing-mode:vertical-rl}.text-direction-vertical.svelte-11rpuv5 .text-block-inner.svelte-11rpuv5{width:auto;height:100%}");
9679
9687
  }
9680
9688
 
9681
9689
  function create_fragment$2(ctx) {
@@ -9691,8 +9699,8 @@ function create_fragment$2(ctx) {
9691
9699
  div1 = element("div");
9692
9700
  div0 = element("div");
9693
9701
  create_component(rendertext.$$.fragment);
9694
- attr(div0, "class", "text-block-inner svelte-q1o685");
9695
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-q1o685"));
9702
+ attr(div0, "class", "text-block-inner svelte-11rpuv5");
9703
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-11rpuv5"));
9696
9704
  attr(div1, "style", /*style*/ ctx[2]);
9697
9705
  },
9698
9706
  m(target, anchor) {
@@ -9706,7 +9714,7 @@ function create_fragment$2(ctx) {
9706
9714
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
9707
9715
  rendertext.$set(rendertext_changes);
9708
9716
 
9709
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-q1o685"))) {
9717
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-11rpuv5"))) {
9710
9718
  attr(div1, "class", div1_class_value);
9711
9719
  }
9712
9720
 
@@ -9784,7 +9792,7 @@ class TextBlock extends SvelteComponent {
9784
9792
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
9785
9793
 
9786
9794
  function add_css$1(target) {
9787
- append_styles(target, "svelte-1cungpm", ".text-button-block.svelte-1cungpm{width:100%;height:100%}.text-button.svelte-1cungpm{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s}.text-button.svelte-1cungpm:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-1cungpm:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
9795
+ append_styles(target, "svelte-1t5i3za", ".text-button-block.svelte-1t5i3za{width:100%;height:100%}.text-button.svelte-1t5i3za{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s}.text-button.svelte-1t5i3za:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-1t5i3za:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
9788
9796
  }
9789
9797
 
9790
9798
  function create_fragment$1(ctx) {
@@ -9801,9 +9809,9 @@ function create_fragment$1(ctx) {
9801
9809
  div = element("div");
9802
9810
  button = element("button");
9803
9811
  create_component(rendertext.$$.fragment);
9804
- attr(button, "class", "text-button svelte-1cungpm");
9812
+ attr(button, "class", "text-button svelte-1t5i3za");
9805
9813
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
9806
- attr(div, "class", "text-button-block svelte-1cungpm");
9814
+ attr(div, "class", "text-button-block svelte-1t5i3za");
9807
9815
  attr(div, "style", /*_style*/ ctx[2]);
9808
9816
  },
9809
9817
  m(target, anchor) {
@@ -9909,7 +9917,7 @@ class TextButtonBlock extends SvelteComponent {
9909
9917
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
9910
9918
 
9911
9919
  function add_css(target) {
9912
- append_styles(target, "svelte-77bqvv", ".image-block.svelte-77bqvv{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}.image.svelte-77bqvv{width:100%;height:100%}.transport.svelte-77bqvv:hover,.transport.svelte-77bqvv:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
9920
+ append_styles(target, "svelte-1um32br", ".image-block.svelte-1um32br{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}.image.svelte-1um32br{width:100%;height:100%}.transport.svelte-1um32br:hover,.transport.svelte-1um32br:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
9913
9921
  }
9914
9922
 
9915
9923
  function create_fragment(ctx) {
@@ -9925,14 +9933,14 @@ function create_fragment(ctx) {
9925
9933
  c() {
9926
9934
  div = element("div");
9927
9935
  img = element("img");
9928
- attr(img, "class", "image svelte-77bqvv");
9936
+ attr(img, "class", "image svelte-1um32br");
9929
9937
  attr(img, "loading", "lazy");
9930
9938
  attr(img, "width", "auto");
9931
9939
  attr(img, "height", "auto");
9932
9940
  attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
9933
9941
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
9934
9942
  attr(img, "alt", /*alt*/ ctx[1]);
9935
- attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-77bqvv"));
9943
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1um32br"));
9936
9944
  attr(div, "style", /*_style*/ ctx[5]);
9937
9945
  },
9938
9946
  m(target, anchor) {
@@ -9957,7 +9965,7 @@ function create_fragment(ctx) {
9957
9965
  attr(img, "alt", /*alt*/ ctx[1]);
9958
9966
  }
9959
9967
 
9960
- if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-77bqvv"))) {
9968
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1um32br"))) {
9961
9969
  attr(div, "class", div_class_value);
9962
9970
  }
9963
9971
 
@@ -9979,7 +9987,7 @@ function instance($$self, $$props, $$invalidate) {
9979
9987
  let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
9980
9988
  let { alt = 'No Image' } = $$props;
9981
9989
  let { transport = false } = $$props;
9982
- let { objectFit = 'contain' } = $$props;
9990
+ let { objectFit = 'cover' } = $$props;
9983
9991
  let { onClick = { operation: 'none', args: [] } } = $$props;
9984
9992
 
9985
9993
  const click = () => {