@plaidev/karte-action-sdk 1.1.189 → 1.1.190-28154239.dabefd64

Sign up to get free protection for your applications and to get access to all the features.
Files changed (5) hide show
  1. package/dist/hydrate/index.es.d.ts +6 -6
  2. package/dist/hydrate/index.es.js +161 -153
  3. package/dist/index.es.d.ts +6 -6
  4. package/dist/index.es.js +164 -158
  5. package/package.json +2 -2
package/dist/index.es.js CHANGED
@@ -492,17 +492,17 @@ const Alignments = ['flex-start', 'center', 'flex-end'];
492
492
  /** @internal */
493
493
  const FlexDirections = ['row', 'column'];
494
494
  /** @internal */
495
- const ObjectFits = ['fill', 'contain', 'cover'];
495
+ const ObjectFits = ['contain', 'cover', 'fill'];
496
496
  /** @internal */
497
497
  const ClipPaths = ['none', 'circle(closest-side)'];
498
498
  /** @internal */
499
499
  const Repeats = ['repeat', 'space', 'round', 'no-repeat'];
500
500
  /** @internal */
501
- const BackgroundSizes = ['cover', 'contain', 'auto'];
501
+ const BackgroundSizes = ['auto', 'cover', 'contain'];
502
502
  /** @internal */
503
503
  const Cursors = ['default', 'pointer'];
504
504
  /** @internal */
505
- const Overflows = ['visible', 'auto', 'hidden'];
505
+ const Overflows = ['hidden', 'auto', 'visible'];
506
506
  /** @internal */
507
507
  const WritingModes = ['horizontal-tb', 'vertical-lr'];
508
508
  /** @internal */
@@ -1086,11 +1086,9 @@ function cloneToJson(data) {
1086
1086
 
1087
1087
  // prettier-ignore
1088
1088
  /** @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();
1089
+ const actionId = typeof __FLYER_GEN_ACTION_ID_ON_BUILD__ === 'string'
1090
+ ? __FLYER_GEN_ACTION_ID_ON_BUILD__
1091
+ : randStr();
1094
1092
  /** @internal */
1095
1093
  const ACTION_DESTROY_EVENT = `KARTE-ACTION-DESTROY-${actionId}`;
1096
1094
  /** @internal */
@@ -2584,7 +2582,7 @@ class State extends SvelteComponent {
2584
2582
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
2585
2583
 
2586
2584
  function add_css$t(target) {
2587
- append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
2585
+ append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
2588
2586
  }
2589
2587
 
2590
2588
  // (23:0) {#if $state === path}
@@ -2601,7 +2599,7 @@ function create_if_block$8(ctx) {
2601
2599
  t = space();
2602
2600
  if (default_slot) default_slot.c();
2603
2601
  attr(div, "data-state-path", /*path*/ ctx[0]);
2604
- attr(div, "class", "state-item svelte-1amihue");
2602
+ attr(div, "class", "state-item svelte-2qb6dm");
2605
2603
  },
2606
2604
  m(target, anchor) {
2607
2605
  insert(target, div, anchor);
@@ -3002,7 +3000,7 @@ function customAnimation(node, { transform, animationStyle, delay = 0, duration
3002
3000
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3003
3001
 
3004
3002
  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}");
3003
+ 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
3004
  }
3007
3005
 
3008
3006
  // (9:0) {#if backgroundOverlay}
@@ -3014,7 +3012,7 @@ function create_if_block$7(ctx) {
3014
3012
  return {
3015
3013
  c() {
3016
3014
  div = element("div");
3017
- attr(div, "class", "background svelte-g6ucc2");
3015
+ attr(div, "class", "background svelte-1d4fta");
3018
3016
  },
3019
3017
  m(target, anchor) {
3020
3018
  insert(target, div, anchor);
@@ -3125,7 +3123,7 @@ function checkStopPropagation(eventName, handler) {
3125
3123
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3126
3124
 
3127
3125
  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}");
3126
+ 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
3127
  }
3130
3128
 
3131
3129
  // (50:0) {:else}
@@ -3154,7 +3152,7 @@ function create_else_block$3(ctx) {
3154
3152
  button = element("button");
3155
3153
  if (default_slot) default_slot.c();
3156
3154
  set_attributes(button, button_data);
3157
- toggle_class(button, "svelte-1dtbrzj", true);
3155
+ toggle_class(button, "svelte-1tg0tf", true);
3158
3156
  },
3159
3157
  m(target, anchor) {
3160
3158
  insert(target, button, anchor);
@@ -3193,7 +3191,7 @@ function create_else_block$3(ctx) {
3193
3191
  dataAttrStopPropagation('click')
3194
3192
  ]));
3195
3193
 
3196
- toggle_class(button, "svelte-1dtbrzj", true);
3194
+ toggle_class(button, "svelte-1tg0tf", true);
3197
3195
  },
3198
3196
  i(local) {
3199
3197
  if (current) return;
@@ -3224,7 +3222,7 @@ function create_if_block_2(ctx) {
3224
3222
  c() {
3225
3223
  div = element("div");
3226
3224
  if (default_slot) default_slot.c();
3227
- attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1dtbrzj"));
3225
+ attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1tg0tf"));
3228
3226
  attr(div, "style", /*style*/ ctx[1]);
3229
3227
  },
3230
3228
  m(target, anchor) {
@@ -3306,7 +3304,7 @@ function create_if_block_1$2(ctx) {
3306
3304
  a = element("a");
3307
3305
  if (default_slot) default_slot.c();
3308
3306
  set_attributes(a, a_data);
3309
- toggle_class(a, "svelte-1dtbrzj", true);
3307
+ toggle_class(a, "svelte-1tg0tf", true);
3310
3308
  },
3311
3309
  m(target, anchor) {
3312
3310
  insert(target, a, anchor);
@@ -3346,7 +3344,7 @@ function create_if_block_1$2(ctx) {
3346
3344
  dataAttrStopPropagation('click')
3347
3345
  ]));
3348
3346
 
3349
- toggle_class(a, "svelte-1dtbrzj", true);
3347
+ toggle_class(a, "svelte-1tg0tf", true);
3350
3348
  },
3351
3349
  i(local) {
3352
3350
  if (current) return;
@@ -3377,7 +3375,7 @@ function create_if_block$6(ctx) {
3377
3375
  c() {
3378
3376
  div = element("div");
3379
3377
  if (default_slot) default_slot.c();
3380
- attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1dtbrzj"));
3378
+ attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1tg0tf"));
3381
3379
  attr(div, "style", /*style*/ ctx[1]);
3382
3380
  },
3383
3381
  m(target, anchor) {
@@ -3581,7 +3579,7 @@ class Button extends SvelteComponent {
3581
3579
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
3582
3580
 
3583
3581
  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}");
3582
+ 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
3583
  }
3586
3584
 
3587
3585
  // (145:0) {#if visible}
@@ -3606,7 +3604,7 @@ function create_if_block$5(ctx) {
3606
3604
  c() {
3607
3605
  div = element("div");
3608
3606
  create_component(button.$$.fragment);
3609
- attr(div, "class", "modal svelte-1vrjevr");
3607
+ attr(div, "class", "modal svelte-1invh97");
3610
3608
  attr(div, "role", "dialog");
3611
3609
  attr(div, "aria-modal", "true");
3612
3610
  attr(div, "style", div_style_value = "" + /*pos*/ ctx[16] + " " + /*marginStyle*/ ctx[14] + " " + ElasticityStyle[/*overwriteElasticity*/ ctx[17]] + "");
@@ -3684,7 +3682,7 @@ function create_if_block_1$1(ctx) {
3684
3682
  c() {
3685
3683
  div = element("div");
3686
3684
  create_component(button.$$.fragment);
3687
- attr(div, "class", "close svelte-1vrjevr");
3685
+ attr(div, "class", "close svelte-1invh97");
3688
3686
  set_style(div, "z-index", /*$maximumZindex*/ ctx[20] + 1);
3689
3687
  },
3690
3688
  m(target, anchor) {
@@ -3773,7 +3771,7 @@ function create_default_slot$6(ctx) {
3773
3771
  t = space();
3774
3772
  div = element("div");
3775
3773
  if (default_slot) default_slot.c();
3776
- attr(div, "class", "modal-content svelte-1vrjevr");
3774
+ attr(div, "class", "modal-content svelte-1invh97");
3777
3775
  attr(div, "style", /*_style*/ ctx[4]);
3778
3776
  },
3779
3777
  m(target, anchor) {
@@ -4264,7 +4262,7 @@ class Grid extends SvelteComponent {
4264
4262
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
4265
4263
 
4266
4264
  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}");
4265
+ 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
4266
  }
4269
4267
 
4270
4268
  function create_fragment$r(ctx) {
@@ -4279,8 +4277,8 @@ function create_fragment$r(ctx) {
4279
4277
  div1 = element("div");
4280
4278
  div0 = element("div");
4281
4279
  if (default_slot) default_slot.c();
4282
- attr(div0, "class", "grid-item-inner svelte-1cryhmb");
4283
- attr(div1, "class", "grid-item svelte-1cryhmb");
4280
+ attr(div0, "class", "grid-item-inner svelte-n7kdl3");
4281
+ attr(div1, "class", "grid-item svelte-n7kdl3");
4284
4282
  attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
4285
4283
  attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
4286
4284
  attr(div1, "style", /*_style*/ ctx[1]);
@@ -4585,7 +4583,7 @@ class RenderText extends SvelteComponent {
4585
4583
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
4586
4584
 
4587
4585
  function add_css$o(target) {
4588
- append_styles(target, "svelte-hffkvs", ".text-element-wrapper.svelte-hffkvs.svelte-hffkvs{position:relative;height:100%}.text-element.svelte-hffkvs.svelte-hffkvs{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:auto;margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:#000000}.text-link-element.svelte-hffkvs.svelte-hffkvs{text-decoration:none;color:inherit}.text-element-inner.svelte-hffkvs.svelte-hffkvs{width:100%;height:auto}.text-direction-vertical.svelte-hffkvs.svelte-hffkvs{writing-mode:vertical-rl}.text-direction-vertical.svelte-hffkvs .text-element-inner.svelte-hffkvs{width:auto;height:100%}.tooltip.svelte-hffkvs.svelte-hffkvs{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-hffkvs.svelte-hffkvs:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-hffkvs.svelte-hffkvs{display:block}.tooltip-error.svelte-hffkvs.svelte-hffkvs{background-color:#c00}.tooltip-error.svelte-hffkvs.svelte-hffkvs:before{border-bottom:7px solid #c00}");
4586
+ append_styles(target, "svelte-zde5p8", ".text-element-wrapper.svelte-zde5p8.svelte-zde5p8{position:relative;height:100%}.text-element.svelte-zde5p8.svelte-zde5p8{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:auto;margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:#000000}.text-link-element.svelte-zde5p8.svelte-zde5p8{text-decoration:none;color:inherit}.text-element-inner.svelte-zde5p8.svelte-zde5p8{width:100%;height:auto}.text-direction-vertical.svelte-zde5p8.svelte-zde5p8{writing-mode:vertical-rl}.text-direction-vertical.svelte-zde5p8 .text-element-inner.svelte-zde5p8{width:auto;height:100%}.tooltip.svelte-zde5p8.svelte-zde5p8{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-zde5p8.svelte-zde5p8:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-zde5p8.svelte-zde5p8{display:block}.tooltip-error.svelte-zde5p8.svelte-zde5p8{background-color:#c00}.tooltip-error.svelte-zde5p8.svelte-zde5p8:before{border-bottom:7px solid #c00}");
4589
4587
  }
4590
4588
 
4591
4589
  // (86:2) {:else}
@@ -4602,8 +4600,8 @@ function create_else_block$1(ctx) {
4602
4600
  div1 = element("div");
4603
4601
  div0 = element("div");
4604
4602
  create_component(rendertext.$$.fragment);
4605
- attr(div0, "class", "text-element-inner svelte-hffkvs");
4606
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-hffkvs"));
4603
+ attr(div0, "class", "text-element-inner svelte-zde5p8");
4604
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-zde5p8"));
4607
4605
  attr(div1, "style", /*style*/ ctx[5]);
4608
4606
  },
4609
4607
  m(target, anchor) {
@@ -4617,7 +4615,7 @@ function create_else_block$1(ctx) {
4617
4615
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
4618
4616
  rendertext.$set(rendertext_changes);
4619
4617
 
4620
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-hffkvs"))) {
4618
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-zde5p8"))) {
4621
4619
  attr(div1, "class", div1_class_value);
4622
4620
  }
4623
4621
 
@@ -4667,12 +4665,12 @@ function create_if_block$3(ctx) {
4667
4665
  t2 = space();
4668
4666
  div2 = element("div");
4669
4667
  div2.textContent = "コピーできませんでした";
4670
- attr(div0, "class", "text-element-inner svelte-hffkvs");
4668
+ attr(div0, "class", "text-element-inner svelte-zde5p8");
4671
4669
  attr(a, "href", '');
4672
- attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-hffkvs"));
4670
+ attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-zde5p8"));
4673
4671
  attr(a, "style", /*style*/ ctx[5]);
4674
- attr(div1, "class", "tooltip svelte-hffkvs");
4675
- attr(div2, "class", "tooltip tooltip-error svelte-hffkvs");
4672
+ attr(div1, "class", "tooltip svelte-zde5p8");
4673
+ attr(div2, "class", "tooltip tooltip-error svelte-zde5p8");
4676
4674
  },
4677
4675
  m(target, anchor) {
4678
4676
  insert(target, a, anchor);
@@ -4696,7 +4694,7 @@ function create_if_block$3(ctx) {
4696
4694
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
4697
4695
  rendertext.$set(rendertext_changes);
4698
4696
 
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-hffkvs"))) {
4697
+ 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-zde5p8"))) {
4700
4698
  attr(a, "class", a_class_value);
4701
4699
  }
4702
4700
 
@@ -4748,7 +4746,7 @@ function create_fragment$p(ctx) {
4748
4746
  c() {
4749
4747
  div = element("div");
4750
4748
  if_block.c();
4751
- attr(div, "class", "text-element-wrapper svelte-hffkvs");
4749
+ attr(div, "class", "text-element-wrapper svelte-zde5p8");
4752
4750
  },
4753
4751
  m(target, anchor) {
4754
4752
  insert(target, div, anchor);
@@ -4913,7 +4911,7 @@ class TextElement extends SvelteComponent {
4913
4911
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
4914
4912
 
4915
4913
  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)}");
4914
+ 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
4915
  }
4918
4916
 
4919
4917
  // (46:2) <Button onClick={onClick} {style} {eventName}>
@@ -4969,7 +4967,7 @@ function create_fragment$o(ctx) {
4969
4967
  c() {
4970
4968
  div = element("div");
4971
4969
  create_component(button.$$.fragment);
4972
- attr(div, "class", "text-button-element svelte-1ijl494");
4970
+ attr(div, "class", "text-button-element svelte-wb7ek");
4973
4971
  },
4974
4972
  m(target, anchor) {
4975
4973
  insert(target, div, anchor);
@@ -5061,22 +5059,23 @@ class TextButtonElement extends SvelteComponent {
5061
5059
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5062
5060
 
5063
5061
  function add_css$m(target) {
5064
- append_styles(target, "svelte-185kah0", ".image-element.svelte-185kah0{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-185kah0 > .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-185kah0 > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-185kah0 > .button:not(._disabled):hover,.image-element.transport.svelte-185kah0 > .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-185kah0{width:100%;height:100%}");
5062
+ 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
5063
  }
5066
5064
 
5067
- // (40:2) <Button {onClick} style={_style} {eventName}>
5065
+ // (44:2) <Button {onClick} style={_style} {eventName}>
5068
5066
  function create_default_slot$4(ctx) {
5069
5067
  let img;
5068
+ let img_style_value;
5070
5069
  let img_src_value;
5071
5070
 
5072
5071
  return {
5073
5072
  c() {
5074
5073
  img = element("img");
5075
- attr(img, "class", "image svelte-185kah0");
5074
+ attr(img, "class", "image svelte-1v4alzq");
5076
5075
  attr(img, "loading", "lazy");
5077
5076
  attr(img, "width", "auto");
5078
5077
  attr(img, "height", "auto");
5079
- attr(img, "style", /*_imageStyle*/ ctx[5]);
5078
+ attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[6]} object-fit: ${/*objectFit*/ ctx[3]};`);
5080
5079
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
5081
5080
  attr(img, "alt", /*alt*/ ctx[1]);
5082
5081
  },
@@ -5084,8 +5083,8 @@ function create_default_slot$4(ctx) {
5084
5083
  insert(target, img, anchor);
5085
5084
  },
5086
5085
  p(ctx, dirty) {
5087
- if (dirty & /*_imageStyle*/ 32) {
5088
- attr(img, "style", /*_imageStyle*/ ctx[5]);
5086
+ if (dirty & /*_imageStyle, objectFit*/ 72 && img_style_value !== (img_style_value = `${/*_imageStyle*/ ctx[6]} object-fit: ${/*objectFit*/ ctx[3]};`)) {
5087
+ attr(img, "style", img_style_value);
5089
5088
  }
5090
5089
 
5091
5090
  if (dirty & /*src*/ 1 && !src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) {
@@ -5110,9 +5109,9 @@ function create_fragment$n(ctx) {
5110
5109
 
5111
5110
  button = new Button({
5112
5111
  props: {
5113
- onClick: /*onClick*/ ctx[3],
5114
- style: /*_style*/ ctx[6],
5115
- eventName: /*eventName*/ ctx[4],
5112
+ onClick: /*onClick*/ ctx[4],
5113
+ style: /*_style*/ ctx[7],
5114
+ eventName: /*eventName*/ ctx[5],
5116
5115
  $$slots: { default: [create_default_slot$4] },
5117
5116
  $$scope: { ctx }
5118
5117
  }
@@ -5122,7 +5121,7 @@ function create_fragment$n(ctx) {
5122
5121
  c() {
5123
5122
  div = element("div");
5124
5123
  create_component(button.$$.fragment);
5125
- attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-185kah0");
5124
+ attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1v4alzq");
5126
5125
  },
5127
5126
  m(target, anchor) {
5128
5127
  insert(target, div, anchor);
@@ -5131,17 +5130,17 @@ function create_fragment$n(ctx) {
5131
5130
  },
5132
5131
  p(ctx, [dirty]) {
5133
5132
  const button_changes = {};
5134
- if (dirty & /*onClick*/ 8) button_changes.onClick = /*onClick*/ ctx[3];
5135
- if (dirty & /*_style*/ 64) button_changes.style = /*_style*/ ctx[6];
5136
- if (dirty & /*eventName*/ 16) button_changes.eventName = /*eventName*/ ctx[4];
5133
+ if (dirty & /*onClick*/ 16) button_changes.onClick = /*onClick*/ ctx[4];
5134
+ if (dirty & /*_style*/ 128) button_changes.style = /*_style*/ ctx[7];
5135
+ if (dirty & /*eventName*/ 32) button_changes.eventName = /*eventName*/ ctx[5];
5137
5136
 
5138
- if (dirty & /*$$scope, _imageStyle, src, alt*/ 163) {
5137
+ if (dirty & /*$$scope, _imageStyle, objectFit, src, alt*/ 331) {
5139
5138
  button_changes.$$scope = { dirty, ctx };
5140
5139
  }
5141
5140
 
5142
5141
  button.$set(button_changes);
5143
5142
 
5144
- if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-185kah0")) {
5143
+ if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1v4alzq")) {
5145
5144
  attr(div, "class", div_class_value);
5146
5145
  }
5147
5146
  },
@@ -5165,22 +5164,24 @@ function instance$n($$self, $$props, $$invalidate) {
5165
5164
  let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
5166
5165
  let { alt = 'No Image' } = $$props;
5167
5166
  let { transport = false } = $$props;
5167
+ let { objectFit = 'contain' } = $$props;
5168
5168
  let { onClick = { operation: 'none', args: [] } } = $$props;
5169
5169
  let { eventName = '' } = $$props;
5170
- let { _imageStyle = 'object-fit: contain;' } = $$props;
5170
+ let { _imageStyle = '' } = $$props;
5171
5171
  let { _style = 'border-width: 0px; border-style: solid; border-color: #000000;' } = $$props;
5172
5172
 
5173
5173
  $$self.$$set = $$props => {
5174
5174
  if ('src' in $$props) $$invalidate(0, src = $$props.src);
5175
5175
  if ('alt' in $$props) $$invalidate(1, alt = $$props.alt);
5176
5176
  if ('transport' in $$props) $$invalidate(2, transport = $$props.transport);
5177
- if ('onClick' in $$props) $$invalidate(3, onClick = $$props.onClick);
5178
- if ('eventName' in $$props) $$invalidate(4, eventName = $$props.eventName);
5179
- if ('_imageStyle' in $$props) $$invalidate(5, _imageStyle = $$props._imageStyle);
5180
- if ('_style' in $$props) $$invalidate(6, _style = $$props._style);
5177
+ if ('objectFit' in $$props) $$invalidate(3, objectFit = $$props.objectFit);
5178
+ if ('onClick' in $$props) $$invalidate(4, onClick = $$props.onClick);
5179
+ if ('eventName' in $$props) $$invalidate(5, eventName = $$props.eventName);
5180
+ if ('_imageStyle' in $$props) $$invalidate(6, _imageStyle = $$props._imageStyle);
5181
+ if ('_style' in $$props) $$invalidate(7, _style = $$props._style);
5181
5182
  };
5182
5183
 
5183
- return [src, alt, transport, onClick, eventName, _imageStyle, _style];
5184
+ return [src, alt, transport, objectFit, onClick, eventName, _imageStyle, _style];
5184
5185
  }
5185
5186
 
5186
5187
  class ImageElement extends SvelteComponent {
@@ -5197,10 +5198,11 @@ class ImageElement extends SvelteComponent {
5197
5198
  src: 0,
5198
5199
  alt: 1,
5199
5200
  transport: 2,
5200
- onClick: 3,
5201
- eventName: 4,
5202
- _imageStyle: 5,
5203
- _style: 6
5201
+ objectFit: 3,
5202
+ onClick: 4,
5203
+ eventName: 5,
5204
+ _imageStyle: 6,
5205
+ _style: 7
5204
5206
  },
5205
5207
  add_css$m
5206
5208
  );
@@ -5210,7 +5212,7 @@ class ImageElement extends SvelteComponent {
5210
5212
  /* src/components/List.svelte generated by Svelte v3.53.1 */
5211
5213
 
5212
5214
  function add_css$l(target) {
5213
- 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}");
5215
+ 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}");
5214
5216
  }
5215
5217
 
5216
5218
  function create_fragment$m(ctx) {
@@ -5223,7 +5225,7 @@ function create_fragment$m(ctx) {
5223
5225
  c() {
5224
5226
  div = element("div");
5225
5227
  if (default_slot) default_slot.c();
5226
- attr(div, "class", "list svelte-e4h4wn");
5228
+ attr(div, "class", "list svelte-1gh1zvv");
5227
5229
  attr(div, "style", /*style*/ ctx[0]);
5228
5230
  },
5229
5231
  m(target, anchor) {
@@ -5357,7 +5359,7 @@ class List extends SvelteComponent {
5357
5359
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
5358
5360
 
5359
5361
  function add_css$k(target) {
5360
- 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}");
5362
+ 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}");
5361
5363
  }
5362
5364
 
5363
5365
  // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
@@ -5427,7 +5429,7 @@ function create_fragment$l(ctx) {
5427
5429
  c() {
5428
5430
  div = element("div");
5429
5431
  create_component(button.$$.fragment);
5430
- attr(div, "class", "list-item svelte-1y59gb");
5432
+ attr(div, "class", "list-item svelte-pd7cyv");
5431
5433
  attr(div, "style", /*listItemStyle*/ ctx[3]);
5432
5434
  },
5433
5435
  m(target, anchor) {
@@ -5553,7 +5555,7 @@ class ListItem extends SvelteComponent {
5553
5555
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
5554
5556
 
5555
5557
  function add_css$j(target) {
5556
- 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}");
5558
+ 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}");
5557
5559
  }
5558
5560
 
5559
5561
  function create_fragment$k(ctx) {
@@ -5562,7 +5564,7 @@ function create_fragment$k(ctx) {
5562
5564
  return {
5563
5565
  c() {
5564
5566
  div = element("div");
5565
- attr(div, "class", "embed svelte-ni3m8w");
5567
+ attr(div, "class", "embed svelte-g5f8hw");
5566
5568
  attr(div, "style", /*_style*/ ctx[1]);
5567
5569
  },
5568
5570
  m(target, anchor) {
@@ -5605,7 +5607,7 @@ class EmbedElement extends SvelteComponent {
5605
5607
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
5606
5608
 
5607
5609
  function add_css$i(target) {
5608
- 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%}");
5610
+ 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%}");
5609
5611
  }
5610
5612
 
5611
5613
  function create_fragment$j(ctx) {
@@ -5617,7 +5619,7 @@ function create_fragment$j(ctx) {
5617
5619
  div1 = element("div");
5618
5620
  div0 = element("div");
5619
5621
  attr(div0, "class", "karte-player");
5620
- attr(div1, "class", "embed svelte-55gb6a");
5622
+ attr(div1, "class", "embed svelte-1gvn5zq");
5621
5623
  attr(div1, "style", /*_style*/ ctx[0]);
5622
5624
  },
5623
5625
  m(target, anchor) {
@@ -5959,7 +5961,7 @@ class MovieYouTubeElement extends SvelteComponent {
5959
5961
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
5960
5962
 
5961
5963
  function add_css$h(target) {
5962
- 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%}");
5964
+ 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%}");
5963
5965
  }
5964
5966
 
5965
5967
  function create_fragment$i(ctx) {
@@ -5971,7 +5973,7 @@ function create_fragment$i(ctx) {
5971
5973
  div1 = element("div");
5972
5974
  div0 = element("div");
5973
5975
  attr(div0, "class", "karte-player");
5974
- attr(div1, "class", "embed svelte-55gb6a");
5976
+ attr(div1, "class", "embed svelte-1gvn5zq");
5975
5977
  attr(div1, "style", /*_style*/ ctx[0]);
5976
5978
  },
5977
5979
  m(target, anchor) {
@@ -6155,7 +6157,7 @@ class MovieVimeoElement extends SvelteComponent {
6155
6157
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
6156
6158
 
6157
6159
  function add_css$g(target) {
6158
- 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}");
6160
+ 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}");
6159
6161
  }
6160
6162
 
6161
6163
  function create_fragment$h(ctx) {
@@ -6168,12 +6170,12 @@ function create_fragment$h(ctx) {
6168
6170
  c() {
6169
6171
  div = element("div");
6170
6172
  textarea = element("textarea");
6171
- attr(textarea, "class", "textarea svelte-13z4kn0");
6173
+ attr(textarea, "class", "textarea svelte-kyay3k");
6172
6174
  textarea.value = /*$value*/ ctx[3];
6173
6175
  textarea.required = /*required*/ ctx[0];
6174
6176
  attr(textarea, "rows", /*rows*/ ctx[1]);
6175
6177
  attr(textarea, "placeholder", /*placeholder*/ ctx[2]);
6176
- attr(div, "class", "textarea-wrapper svelte-13z4kn0");
6178
+ attr(div, "class", "textarea-wrapper svelte-kyay3k");
6177
6179
  },
6178
6180
  m(target, anchor) {
6179
6181
  insert(target, div, anchor);
@@ -6269,7 +6271,7 @@ class FormTextarea extends SvelteComponent {
6269
6271
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
6270
6272
 
6271
6273
  function add_css$f(target) {
6272
- 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}");
6274
+ 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}");
6273
6275
  }
6274
6276
 
6275
6277
  function get_each_context$5(ctx, list, i) {
@@ -6302,14 +6304,14 @@ function create_each_block$5(ctx) {
6302
6304
  t1 = text(t1_value);
6303
6305
  t2 = space();
6304
6306
  attr(input, "type", "radio");
6305
- attr(input, "class", "radio-button-input svelte-1ntb6j8");
6307
+ attr(input, "class", "radio-button-input svelte-17s08g");
6306
6308
  attr(input, "style", /*buttonStyle*/ ctx[5]);
6307
6309
  attr(input, "name", /*name*/ ctx[0]);
6308
6310
  input.value = input_value_value = /*option*/ ctx[16];
6309
6311
  input.checked = input_checked_value = /*option*/ ctx[16] === /*_value*/ ctx[3];
6310
- attr(span, "class", "radio-button-text svelte-1ntb6j8");
6312
+ attr(span, "class", "radio-button-text svelte-17s08g");
6311
6313
  attr(span, "style", /*_textStyle*/ ctx[2]);
6312
- attr(label, "class", "radio-button svelte-1ntb6j8");
6314
+ attr(label, "class", "radio-button svelte-17s08g");
6313
6315
  },
6314
6316
  m(target, anchor) {
6315
6317
  insert(target, label, anchor);
@@ -6374,7 +6376,7 @@ function create_fragment$g(ctx) {
6374
6376
  each_blocks[i].c();
6375
6377
  }
6376
6378
 
6377
- attr(div, "class", "radio-buttons svelte-1ntb6j8");
6379
+ attr(div, "class", "radio-buttons svelte-17s08g");
6378
6380
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
6379
6381
  },
6380
6382
  m(target, anchor) {
@@ -6541,7 +6543,7 @@ class FormRadioButtons extends SvelteComponent {
6541
6543
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
6542
6544
 
6543
6545
  function add_css$e(target) {
6544
- 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}");
6546
+ 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}");
6545
6547
  }
6546
6548
 
6547
6549
  function get_each_context$4(ctx, list, i) {
@@ -6675,10 +6677,10 @@ function create_fragment$f(ctx) {
6675
6677
 
6676
6678
  t = space();
6677
6679
  div0 = element("div");
6678
- attr(select, "class", "select-select svelte-1ihv110");
6680
+ attr(select, "class", "select-select svelte-1n4ag74");
6679
6681
  attr(select, "style", /*style*/ ctx[3]);
6680
- attr(div0, "class", "select-icon svelte-1ihv110");
6681
- attr(div1, "class", "select svelte-1ihv110");
6682
+ attr(div0, "class", "select-icon svelte-1n4ag74");
6683
+ attr(div1, "class", "select svelte-1n4ag74");
6682
6684
  attr(div1, "style", /*styleVariables*/ ctx[2]);
6683
6685
  },
6684
6686
  m(target, anchor) {
@@ -6880,7 +6882,7 @@ class FormSelect extends SvelteComponent {
6880
6882
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
6881
6883
 
6882
6884
  function add_css$d(target) {
6883
- 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}");
6885
+ 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}");
6884
6886
  }
6885
6887
 
6886
6888
  function get_each_context$3(ctx, list, i) {
@@ -6918,19 +6920,19 @@ function create_each_block$3(ctx) {
6918
6920
  span2 = element("span");
6919
6921
  t2 = text(t2_value);
6920
6922
  t3 = space();
6921
- attr(input, "class", "check-box-input svelte-wtt98v");
6923
+ attr(input, "class", "check-box-input svelte-p15pvn");
6922
6924
  attr(input, "type", "checkbox");
6923
6925
  attr(input, "name", /*name*/ ctx[0]);
6924
6926
  input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
6925
- attr(span0, "class", "check-box-icon svelte-wtt98v");
6927
+ attr(span0, "class", "check-box-icon svelte-p15pvn");
6926
6928
 
6927
6929
  attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
6928
6930
  ? ' _checked'
6929
- : ''}`) + " svelte-wtt98v"));
6931
+ : ''}`) + " svelte-p15pvn"));
6930
6932
 
6931
- attr(span2, "class", "check-box-text svelte-wtt98v");
6933
+ attr(span2, "class", "check-box-text svelte-p15pvn");
6932
6934
  attr(span2, "style", /*_textStyle*/ ctx[2]);
6933
- attr(label, "class", "check-box svelte-wtt98v");
6935
+ attr(label, "class", "check-box svelte-p15pvn");
6934
6936
  attr(label, "style", /*styleVariables*/ ctx[5]);
6935
6937
  },
6936
6938
  m(target, anchor) {
@@ -6962,7 +6964,7 @@ function create_each_block$3(ctx) {
6962
6964
 
6963
6965
  if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
6964
6966
  ? ' _checked'
6965
- : ''}`) + " svelte-wtt98v"))) {
6967
+ : ''}`) + " svelte-p15pvn"))) {
6966
6968
  attr(span1, "class", span1_class_value);
6967
6969
  }
6968
6970
 
@@ -7001,7 +7003,7 @@ function create_fragment$e(ctx) {
7001
7003
  each_blocks[i].c();
7002
7004
  }
7003
7005
 
7004
- attr(div, "class", "check-boxes svelte-wtt98v");
7006
+ attr(div, "class", "check-boxes svelte-p15pvn");
7005
7007
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7006
7008
  },
7007
7009
  m(target, anchor) {
@@ -7175,7 +7177,7 @@ class FormCheckBoxes extends SvelteComponent {
7175
7177
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
7176
7178
 
7177
7179
  function add_css$c(target) {
7178
- 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}");
7180
+ 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}");
7179
7181
  }
7180
7182
 
7181
7183
  function get_each_context$2(ctx, list, i) {
@@ -7199,7 +7201,7 @@ function create_each_block$2(ctx) {
7199
7201
  button = element("button");
7200
7202
  t0 = text(t0_value);
7201
7203
  t1 = space();
7202
- attr(button, "class", "rating-button svelte-18pfy31");
7204
+ attr(button, "class", "rating-button svelte-zy2va9");
7203
7205
  attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]));
7204
7206
  },
7205
7207
  m(target, anchor) {
@@ -7248,7 +7250,7 @@ function create_fragment$d(ctx) {
7248
7250
  each_blocks[i].c();
7249
7251
  }
7250
7252
 
7251
- attr(div, "class", "rating-buttons svelte-18pfy31");
7253
+ attr(div, "class", "rating-buttons svelte-zy2va9");
7252
7254
  },
7253
7255
  m(target, anchor) {
7254
7256
  insert(target, div, anchor);
@@ -7385,7 +7387,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
7385
7387
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
7386
7388
 
7387
7389
  function add_css$b(target) {
7388
- 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%)}");
7390
+ 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%)}");
7389
7391
  }
7390
7392
 
7391
7393
  function get_each_context$1(ctx, list, i) {
@@ -7410,9 +7412,9 @@ function create_each_block$1(ctx) {
7410
7412
  img = element("img");
7411
7413
  t = space();
7412
7414
  if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
7413
- attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"));
7415
+ attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
7414
7416
  attr(img, "alt", "rate" + /*i*/ ctx[10]);
7415
- attr(button, "class", "rating-button svelte-1b5dvzw");
7417
+ attr(button, "class", "rating-button svelte-tbunko");
7416
7418
  attr(button, "style", /*buttonStyle*/ ctx[0]);
7417
7419
  },
7418
7420
  m(target, anchor) {
@@ -7428,7 +7430,7 @@ function create_each_block$1(ctx) {
7428
7430
  p(new_ctx, dirty) {
7429
7431
  ctx = new_ctx;
7430
7432
 
7431
- 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"))) {
7433
+ 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"))) {
7432
7434
  attr(img, "class", img_class_value);
7433
7435
  }
7434
7436
 
@@ -7461,7 +7463,7 @@ function create_fragment$c(ctx) {
7461
7463
  each_blocks[i].c();
7462
7464
  }
7463
7465
 
7464
- attr(div, "class", "rating-buttons svelte-1b5dvzw");
7466
+ attr(div, "class", "rating-buttons svelte-tbunko");
7465
7467
  },
7466
7468
  m(target, anchor) {
7467
7469
  insert(target, div, anchor);
@@ -7569,7 +7571,7 @@ class FormRatingButtonsFace extends SvelteComponent {
7569
7571
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
7570
7572
 
7571
7573
  function add_css$a(target) {
7572
- 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%}");
7574
+ 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%}");
7573
7575
  }
7574
7576
 
7575
7577
  function get_each_context(ctx, list, i) {
@@ -7598,9 +7600,9 @@ function create_if_block_1(ctx) {
7598
7600
  attr(svg, "viewBox", "0 0 10 16");
7599
7601
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
7600
7602
  attr(svg, "style", /*prevIconStyle*/ ctx[10]);
7601
- attr(button, "class", "move-button svelte-1qfq79t");
7603
+ attr(button, "class", "move-button svelte-ji1fh");
7602
7604
  attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
7603
- attr(div, "class", "prev-button-container svelte-1qfq79t");
7605
+ attr(div, "class", "prev-button-container svelte-ji1fh");
7604
7606
  },
7605
7607
  m(target, anchor) {
7606
7608
  insert(target, div, anchor);
@@ -7649,9 +7651,9 @@ function create_if_block$1(ctx) {
7649
7651
  attr(svg, "viewBox", "0 0 10 16");
7650
7652
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
7651
7653
  attr(svg, "style", /*nextIconStyle*/ ctx[8]);
7652
- attr(button, "class", "move-button svelte-1qfq79t");
7654
+ attr(button, "class", "move-button svelte-ji1fh");
7653
7655
  attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
7654
- attr(div, "class", "next-button-container svelte-1qfq79t");
7656
+ attr(div, "class", "next-button-container svelte-ji1fh");
7655
7657
  },
7656
7658
  m(target, anchor) {
7657
7659
  insert(target, div, anchor);
@@ -7699,9 +7701,9 @@ function create_each_block(ctx) {
7699
7701
  button = element("button");
7700
7702
  div = element("div");
7701
7703
  t = space();
7702
- attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
7704
+ attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
7703
7705
  attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
7704
- attr(button, "class", "navigation-item svelte-1qfq79t");
7706
+ attr(button, "class", "navigation-item svelte-ji1fh");
7705
7707
  attr(button, "style", /*navigationItemStyle*/ ctx[6]);
7706
7708
  },
7707
7709
  m(target, anchor) {
@@ -7778,14 +7780,14 @@ function create_fragment$b(ctx) {
7778
7780
  each_blocks[i].c();
7779
7781
  }
7780
7782
 
7781
- attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
7783
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
7782
7784
  attr(div0, "style", /*slideStyle*/ ctx[14]);
7783
- attr(div1, "class", "container svelte-1qfq79t");
7785
+ attr(div1, "class", "container svelte-ji1fh");
7784
7786
  attr(div1, "style", /*_style*/ ctx[0]);
7785
- attr(div2, "class", "navigation svelte-1qfq79t");
7787
+ attr(div2, "class", "navigation svelte-ji1fh");
7786
7788
  attr(div2, "style", /*navigationStyle*/ ctx[4]);
7787
7789
  set_attributes(div3, div3_data);
7788
- toggle_class(div3, "svelte-1qfq79t", true);
7790
+ toggle_class(div3, "svelte-ji1fh", true);
7789
7791
  },
7790
7792
  m(target, anchor) {
7791
7793
  insert(target, div3, anchor);
@@ -7827,7 +7829,7 @@ function create_fragment$b(ctx) {
7827
7829
  }
7828
7830
  }
7829
7831
 
7830
- if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
7832
+ if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
7831
7833
  attr(div0, "class", div0_class_value);
7832
7834
  }
7833
7835
 
@@ -7893,7 +7895,7 @@ function create_fragment$b(ctx) {
7893
7895
  }
7894
7896
 
7895
7897
  set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
7896
- toggle_class(div3, "svelte-1qfq79t", true);
7898
+ toggle_class(div3, "svelte-ji1fh", true);
7897
7899
  },
7898
7900
  i(local) {
7899
7901
  if (current) return;
@@ -8405,7 +8407,7 @@ class Slide extends SvelteComponent {
8405
8407
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
8406
8408
 
8407
8409
  function add_css$9(target) {
8408
- 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}");
8410
+ 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}");
8409
8411
  }
8410
8412
 
8411
8413
  function create_fragment$a(ctx) {
@@ -8420,9 +8422,9 @@ function create_fragment$a(ctx) {
8420
8422
  div1 = element("div");
8421
8423
  div0 = element("div");
8422
8424
  if (default_slot) default_slot.c();
8423
- attr(div0, "class", "item-inner svelte-1ilvo81");
8425
+ attr(div0, "class", "item-inner svelte-1fqq17x");
8424
8426
  attr(div0, "style", /*_style*/ ctx[0]);
8425
- attr(div1, "class", "item svelte-1ilvo81");
8427
+ attr(div1, "class", "item svelte-1fqq17x");
8426
8428
  attr(div1, "style", /*itemStyle*/ ctx[1]);
8427
8429
  },
8428
8430
  m(target, anchor) {
@@ -8548,7 +8550,7 @@ class SlideItem extends SvelteComponent {
8548
8550
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
8549
8551
 
8550
8552
  function add_css$8(target) {
8551
- 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}");
8553
+ 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}");
8552
8554
  }
8553
8555
 
8554
8556
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
@@ -8566,9 +8568,9 @@ function create_fragment$9(ctx) {
8566
8568
  div1 = element("div");
8567
8569
  div0 = element("div");
8568
8570
  if (default_slot) default_slot.c();
8569
- attr(div0, "class", "countdown-inner svelte-5j9cpu");
8571
+ attr(div0, "class", "countdown-inner svelte-192lor2");
8570
8572
  attr(div0, "style", /*_style*/ ctx[0]);
8571
- attr(div1, "class", "countdown svelte-5j9cpu");
8573
+ attr(div1, "class", "countdown svelte-192lor2");
8572
8574
  },
8573
8575
  m(target, anchor) {
8574
8576
  insert(target, div1, anchor);
@@ -8702,7 +8704,7 @@ class Countdown extends SvelteComponent {
8702
8704
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
8703
8705
 
8704
8706
  function add_css$7(target) {
8705
- 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}");
8707
+ 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}");
8706
8708
  }
8707
8709
 
8708
8710
  // (24:2) <Button {onClick} style={_style} {eventName}>
@@ -8772,7 +8774,7 @@ function create_fragment$8(ctx) {
8772
8774
  c() {
8773
8775
  div = element("div");
8774
8776
  create_component(button.$$.fragment);
8775
- attr(div, "class", "box svelte-ppc4fn");
8777
+ attr(div, "class", "box svelte-6g6etj");
8776
8778
  },
8777
8779
  m(target, anchor) {
8778
8780
  insert(target, div, anchor);
@@ -8833,7 +8835,7 @@ class Box extends SvelteComponent {
8833
8835
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
8834
8836
 
8835
8837
  function add_css$6(target) {
8836
- 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)}");
8838
+ 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)}");
8837
8839
  }
8838
8840
 
8839
8841
  // (56:4) {#if svg}
@@ -8915,7 +8917,7 @@ function create_fragment$7(ctx) {
8915
8917
  c() {
8916
8918
  div = element("div");
8917
8919
  create_component(button.$$.fragment);
8918
- attr(div, "class", "icon svelte-1mk6wi4");
8920
+ attr(div, "class", "icon svelte-1mkvcuo");
8919
8921
  },
8920
8922
  m(target, anchor) {
8921
8923
  insert(target, div, anchor);
@@ -9024,7 +9026,7 @@ class IconElement extends SvelteComponent {
9024
9026
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
9025
9027
 
9026
9028
  function add_css$5(target) {
9027
- append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
9029
+ append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
9028
9030
  }
9029
9031
 
9030
9032
  function create_fragment$6(ctx) {
@@ -9050,7 +9052,7 @@ function create_fragment$6(ctx) {
9050
9052
  c() {
9051
9053
  div = element("div");
9052
9054
  if (switch_instance) create_component(switch_instance.$$.fragment);
9053
- attr(div, "class", "codeElement svelte-1ng2n51");
9055
+ attr(div, "class", "codeElement svelte-ymsb9l");
9054
9056
  attr(div, "style", /*style*/ ctx[3]);
9055
9057
  },
9056
9058
  m(target, anchor) {
@@ -9139,7 +9141,7 @@ class CodeElement extends SvelteComponent {
9139
9141
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
9140
9142
 
9141
9143
  function add_css$4(target) {
9142
- append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
9144
+ append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
9143
9145
  }
9144
9146
 
9145
9147
  function create_fragment$5(ctx) {
@@ -9153,7 +9155,7 @@ function create_fragment$5(ctx) {
9153
9155
  c() {
9154
9156
  div = element("div");
9155
9157
  if (default_slot) default_slot.c();
9156
- attr(div, "class", "flex svelte-9v2qdg");
9158
+ attr(div, "class", "flex svelte-1e71ejc");
9157
9159
  attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
9158
9160
  },
9159
9161
  m(target, anchor) {
@@ -9250,7 +9252,7 @@ class Flex extends SvelteComponent {
9250
9252
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
9251
9253
 
9252
9254
  function add_css$3(target) {
9253
- append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
9255
+ append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
9254
9256
  }
9255
9257
 
9256
9258
  function create_fragment$4(ctx) {
@@ -9263,7 +9265,7 @@ function create_fragment$4(ctx) {
9263
9265
  c() {
9264
9266
  div = element("div");
9265
9267
  if (default_slot) default_slot.c();
9266
- attr(div, "class", "flex-item svelte-164ah5d");
9268
+ attr(div, "class", "flex-item svelte-1p0bk1x");
9267
9269
  attr(div, "style", /*style*/ ctx[0]);
9268
9270
  },
9269
9271
  m(target, anchor) {
@@ -9671,7 +9673,7 @@ class GridModalState extends SvelteComponent {
9671
9673
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
9672
9674
 
9673
9675
  function add_css$2(target) {
9674
- 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%}");
9676
+ 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%}");
9675
9677
  }
9676
9678
 
9677
9679
  function create_fragment$2(ctx) {
@@ -9687,8 +9689,8 @@ function create_fragment$2(ctx) {
9687
9689
  div1 = element("div");
9688
9690
  div0 = element("div");
9689
9691
  create_component(rendertext.$$.fragment);
9690
- attr(div0, "class", "text-block-inner svelte-q1o685");
9691
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-q1o685"));
9692
+ attr(div0, "class", "text-block-inner svelte-11rpuv5");
9693
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-11rpuv5"));
9692
9694
  attr(div1, "style", /*style*/ ctx[2]);
9693
9695
  },
9694
9696
  m(target, anchor) {
@@ -9702,7 +9704,7 @@ function create_fragment$2(ctx) {
9702
9704
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
9703
9705
  rendertext.$set(rendertext_changes);
9704
9706
 
9705
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-q1o685"))) {
9707
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-11rpuv5"))) {
9706
9708
  attr(div1, "class", div1_class_value);
9707
9709
  }
9708
9710
 
@@ -9780,7 +9782,7 @@ class TextBlock extends SvelteComponent {
9780
9782
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
9781
9783
 
9782
9784
  function add_css$1(target) {
9783
- 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)}");
9785
+ 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)}");
9784
9786
  }
9785
9787
 
9786
9788
  function create_fragment$1(ctx) {
@@ -9797,9 +9799,9 @@ function create_fragment$1(ctx) {
9797
9799
  div = element("div");
9798
9800
  button = element("button");
9799
9801
  create_component(rendertext.$$.fragment);
9800
- attr(button, "class", "text-button svelte-1cungpm");
9802
+ attr(button, "class", "text-button svelte-1t5i3za");
9801
9803
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
9802
- attr(div, "class", "text-button-block svelte-1cungpm");
9804
+ attr(div, "class", "text-button-block svelte-1t5i3za");
9803
9805
  attr(div, "style", /*_style*/ ctx[2]);
9804
9806
  },
9805
9807
  m(target, anchor) {
@@ -9905,12 +9907,13 @@ class TextButtonBlock extends SvelteComponent {
9905
9907
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
9906
9908
 
9907
9909
  function add_css(target) {
9908
- 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)}");
9910
+ 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)}");
9909
9911
  }
9910
9912
 
9911
9913
  function create_fragment(ctx) {
9912
9914
  let div;
9913
9915
  let img;
9916
+ let img_style_value;
9914
9917
  let img_src_value;
9915
9918
  let div_class_value;
9916
9919
  let mounted;
@@ -9920,28 +9923,28 @@ function create_fragment(ctx) {
9920
9923
  c() {
9921
9924
  div = element("div");
9922
9925
  img = element("img");
9923
- attr(img, "class", "image svelte-77bqvv");
9926
+ attr(img, "class", "image svelte-1um32br");
9924
9927
  attr(img, "loading", "lazy");
9925
9928
  attr(img, "width", "auto");
9926
9929
  attr(img, "height", "auto");
9927
- attr(img, "style", /*_imageStyle*/ ctx[3]);
9930
+ attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
9928
9931
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
9929
9932
  attr(img, "alt", /*alt*/ ctx[1]);
9930
- attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-77bqvv"));
9931
- attr(div, "style", /*_style*/ ctx[4]);
9933
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1um32br"));
9934
+ attr(div, "style", /*_style*/ ctx[5]);
9932
9935
  },
9933
9936
  m(target, anchor) {
9934
9937
  insert(target, div, anchor);
9935
9938
  append(div, img);
9936
9939
 
9937
9940
  if (!mounted) {
9938
- dispose = listen(div, "click", /*click*/ ctx[5]);
9941
+ dispose = listen(div, "click", /*click*/ ctx[6]);
9939
9942
  mounted = true;
9940
9943
  }
9941
9944
  },
9942
9945
  p(ctx, [dirty]) {
9943
- if (dirty & /*_imageStyle*/ 8) {
9944
- attr(img, "style", /*_imageStyle*/ ctx[3]);
9946
+ if (dirty & /*_imageStyle, objectFit*/ 24 && img_style_value !== (img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`)) {
9947
+ attr(img, "style", img_style_value);
9945
9948
  }
9946
9949
 
9947
9950
  if (dirty & /*src*/ 1 && !src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) {
@@ -9952,12 +9955,12 @@ function create_fragment(ctx) {
9952
9955
  attr(img, "alt", /*alt*/ ctx[1]);
9953
9956
  }
9954
9957
 
9955
- if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-77bqvv"))) {
9958
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1um32br"))) {
9956
9959
  attr(div, "class", div_class_value);
9957
9960
  }
9958
9961
 
9959
- if (dirty & /*_style*/ 16) {
9960
- attr(div, "style", /*_style*/ ctx[4]);
9962
+ if (dirty & /*_style*/ 32) {
9963
+ attr(div, "style", /*_style*/ ctx[5]);
9961
9964
  }
9962
9965
  },
9963
9966
  i: noop,
@@ -9974,6 +9977,7 @@ function instance($$self, $$props, $$invalidate) {
9974
9977
  let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
9975
9978
  let { alt = 'No Image' } = $$props;
9976
9979
  let { transport = false } = $$props;
9980
+ let { objectFit = 'contain' } = $$props;
9977
9981
  let { onClick = { operation: 'none', args: [] } } = $$props;
9978
9982
 
9979
9983
  const click = () => {
@@ -9985,20 +9989,21 @@ function instance($$self, $$props, $$invalidate) {
9985
9989
  };
9986
9990
 
9987
9991
  let { eventName = '' } = $$props;
9988
- let { _imageStyle = 'object-fit: contain;' } = $$props;
9992
+ let { _imageStyle = '' } = $$props;
9989
9993
  let { _style = '' } = $$props;
9990
9994
 
9991
9995
  $$self.$$set = $$props => {
9992
9996
  if ('src' in $$props) $$invalidate(0, src = $$props.src);
9993
9997
  if ('alt' in $$props) $$invalidate(1, alt = $$props.alt);
9994
9998
  if ('transport' in $$props) $$invalidate(2, transport = $$props.transport);
9995
- if ('onClick' in $$props) $$invalidate(6, onClick = $$props.onClick);
9996
- if ('eventName' in $$props) $$invalidate(7, eventName = $$props.eventName);
9997
- if ('_imageStyle' in $$props) $$invalidate(3, _imageStyle = $$props._imageStyle);
9998
- if ('_style' in $$props) $$invalidate(4, _style = $$props._style);
9999
+ if ('objectFit' in $$props) $$invalidate(3, objectFit = $$props.objectFit);
10000
+ if ('onClick' in $$props) $$invalidate(7, onClick = $$props.onClick);
10001
+ if ('eventName' in $$props) $$invalidate(8, eventName = $$props.eventName);
10002
+ if ('_imageStyle' in $$props) $$invalidate(4, _imageStyle = $$props._imageStyle);
10003
+ if ('_style' in $$props) $$invalidate(5, _style = $$props._style);
9999
10004
  };
10000
10005
 
10001
- return [src, alt, transport, _imageStyle, _style, click, onClick, eventName];
10006
+ return [src, alt, transport, objectFit, _imageStyle, _style, click, onClick, eventName];
10002
10007
  }
10003
10008
 
10004
10009
  class ImageBlock extends SvelteComponent {
@@ -10015,10 +10020,11 @@ class ImageBlock extends SvelteComponent {
10015
10020
  src: 0,
10016
10021
  alt: 1,
10017
10022
  transport: 2,
10018
- onClick: 6,
10019
- eventName: 7,
10020
- _imageStyle: 3,
10021
- _style: 4
10023
+ objectFit: 3,
10024
+ onClick: 7,
10025
+ eventName: 8,
10026
+ _imageStyle: 4,
10027
+ _style: 5
10022
10028
  },
10023
10029
  add_css
10024
10030
  );