@plaidev/karte-action-sdk 1.1.201 → 1.1.202-28184304.e377c6fd

Sign up to get free protection for your applications and to get access to all the features.
package/dist/index.es.js CHANGED
@@ -346,7 +346,7 @@ const OnClickOperationOptions = [
346
346
  {
347
347
  name: 'url',
348
348
  type: 'Url',
349
- default: '',
349
+ default: 'https://example.com',
350
350
  },
351
351
  {
352
352
  name: 'open_new_tab',
@@ -1369,19 +1369,39 @@ const loadActionTableRows = async (config, data, api_key, endpoint) => new Promi
1369
1369
  console.warn('key is not defined.');
1370
1370
  return reject('key is not defined.');
1371
1371
  }
1372
+ const keys = [];
1373
+ let hasError = false;
1372
1374
  const originalKeys = Array.isArray(config.query.key) ? config.query.key : [config.query.key];
1373
- const keys = originalKeys.map(key => data[key] ?? null);
1374
- if (keys.some(key => key == null)) {
1375
- keys.forEach((key, i) => key == null && console.warn('key is not found. key: ', config.query.key[i]));
1375
+ originalKeys.forEach(key => {
1376
+ const d = data[key];
1377
+ if (d == null) {
1378
+ console.warn('key is not found. key: ', key);
1379
+ hasError = true;
1380
+ }
1381
+ keys.push(d);
1382
+ });
1383
+ if (hasError) {
1376
1384
  return reject('key is not found.');
1377
1385
  }
1378
1386
  return collection$1({ endpoint, api_key, table: config.query.table_name }).get(keys, (err, data) => (err ? reject(err) : resolve(data)));
1379
1387
  });
1380
1388
  /** @internal */
1381
1389
  const loadActionTableQuery = async (config, data, api_key, endpoint) => new Promise((resolve, reject) => {
1382
- const params = config.query.params?.map(param => data[param] ?? null);
1383
- if (params.some(param => param == null)) {
1384
- params.forEach((param, i) => param == null && console.warn('key is not found. param: ', config.query.params[i]));
1390
+ if (config.query.params == null) {
1391
+ console.warn('key is not defined.');
1392
+ return reject('key is not defined.');
1393
+ }
1394
+ const params = {};
1395
+ let hasError = false;
1396
+ Object.entries(config.query.params).forEach(([key, param]) => {
1397
+ const d = data[param];
1398
+ if (d == null) {
1399
+ console.warn('key is not found. param: ', param);
1400
+ hasError = true;
1401
+ }
1402
+ params[key] = d;
1403
+ });
1404
+ if (hasError) {
1385
1405
  return reject('key is not found.');
1386
1406
  }
1387
1407
  return collection$1({ endpoint, api_key, table: config.query.table_name }).getByQuery(config.query.query_name, params, null, (err, data) => (err ? reject(err) : resolve(data)));
@@ -2621,7 +2641,7 @@ class State extends SvelteComponent {
2621
2641
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
2622
2642
 
2623
2643
  function add_css$t(target) {
2624
- append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
2644
+ append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
2625
2645
  }
2626
2646
 
2627
2647
  // (23:0) {#if $state === path}
@@ -2638,7 +2658,7 @@ function create_if_block$8(ctx) {
2638
2658
  t = space();
2639
2659
  if (default_slot) default_slot.c();
2640
2660
  attr(div, "data-state-path", /*path*/ ctx[0]);
2641
- attr(div, "class", "state-item svelte-1amihue");
2661
+ attr(div, "class", "state-item svelte-2qb6dm");
2642
2662
  },
2643
2663
  m(target, anchor) {
2644
2664
  insert(target, div, anchor);
@@ -3040,7 +3060,7 @@ function customAnimation(node, { transform, animationStyle, delay = 0, duration
3040
3060
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3041
3061
 
3042
3062
  function add_css$s(target) {
3043
- 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}");
3063
+ 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}");
3044
3064
  }
3045
3065
 
3046
3066
  // (9:0) {#if backgroundOverlay}
@@ -3052,7 +3072,7 @@ function create_if_block$7(ctx) {
3052
3072
  return {
3053
3073
  c() {
3054
3074
  div = element("div");
3055
- attr(div, "class", "background svelte-g6ucc2");
3075
+ attr(div, "class", "background svelte-1d4fta");
3056
3076
  },
3057
3077
  m(target, anchor) {
3058
3078
  insert(target, div, anchor);
@@ -3163,7 +3183,7 @@ function checkStopPropagation(eventName, handler) {
3163
3183
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3164
3184
 
3165
3185
  function add_css$r(target) {
3166
- 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}");
3186
+ 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}");
3167
3187
  }
3168
3188
 
3169
3189
  // (50:0) {:else}
@@ -3192,7 +3212,7 @@ function create_else_block$3(ctx) {
3192
3212
  button = element("button");
3193
3213
  if (default_slot) default_slot.c();
3194
3214
  set_attributes(button, button_data);
3195
- toggle_class(button, "svelte-1dtbrzj", true);
3215
+ toggle_class(button, "svelte-1tg0tf", true);
3196
3216
  },
3197
3217
  m(target, anchor) {
3198
3218
  insert(target, button, anchor);
@@ -3231,7 +3251,7 @@ function create_else_block$3(ctx) {
3231
3251
  dataAttrStopPropagation('click')
3232
3252
  ]));
3233
3253
 
3234
- toggle_class(button, "svelte-1dtbrzj", true);
3254
+ toggle_class(button, "svelte-1tg0tf", true);
3235
3255
  },
3236
3256
  i(local) {
3237
3257
  if (current) return;
@@ -3262,7 +3282,7 @@ function create_if_block_2(ctx) {
3262
3282
  c() {
3263
3283
  div = element("div");
3264
3284
  if (default_slot) default_slot.c();
3265
- attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1dtbrzj"));
3285
+ attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1tg0tf"));
3266
3286
  attr(div, "style", /*style*/ ctx[1]);
3267
3287
  },
3268
3288
  m(target, anchor) {
@@ -3346,7 +3366,7 @@ function create_if_block_1$2(ctx) {
3346
3366
  a = element("a");
3347
3367
  if (default_slot) default_slot.c();
3348
3368
  set_attributes(a, a_data);
3349
- toggle_class(a, "svelte-1dtbrzj", true);
3369
+ toggle_class(a, "svelte-1tg0tf", true);
3350
3370
  },
3351
3371
  m(target, anchor) {
3352
3372
  insert(target, a, anchor);
@@ -3388,7 +3408,7 @@ function create_if_block_1$2(ctx) {
3388
3408
  dataAttrStopPropagation('click')
3389
3409
  ]));
3390
3410
 
3391
- toggle_class(a, "svelte-1dtbrzj", true);
3411
+ toggle_class(a, "svelte-1tg0tf", true);
3392
3412
  },
3393
3413
  i(local) {
3394
3414
  if (current) return;
@@ -3419,7 +3439,7 @@ function create_if_block$6(ctx) {
3419
3439
  c() {
3420
3440
  div = element("div");
3421
3441
  if (default_slot) default_slot.c();
3422
- attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1dtbrzj"));
3442
+ attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1tg0tf"));
3423
3443
  attr(div, "style", /*style*/ ctx[1]);
3424
3444
  },
3425
3445
  m(target, anchor) {
@@ -3623,7 +3643,7 @@ class Button extends SvelteComponent {
3623
3643
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
3624
3644
 
3625
3645
  function add_css$q(target) {
3626
- append_styles(target, "svelte-1m1do8u", ".modal.svelte-1m1do8u{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1m1do8u > .button{flex:auto;display:flex}.close.svelte-1m1do8u{position:absolute;top:0;right:0}.close.svelte-1m1do8u > .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-1m1do8u > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1m1do8u{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
3646
+ append_styles(target, "svelte-yvwr7u", ".modal.svelte-yvwr7u{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-yvwr7u > .button{flex:auto;display:flex}.close.svelte-yvwr7u{position:absolute;top:0;right:0}.close.svelte-yvwr7u > .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-yvwr7u > .button:hover{transform:rotate(90deg)}.modal-content.svelte-yvwr7u{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
3627
3647
  }
3628
3648
 
3629
3649
  // (145:0) {#if visible}
@@ -3648,7 +3668,7 @@ function create_if_block$5(ctx) {
3648
3668
  c() {
3649
3669
  div = element("div");
3650
3670
  create_component(button.$$.fragment);
3651
- attr(div, "class", "modal svelte-1m1do8u");
3671
+ attr(div, "class", "modal svelte-yvwr7u");
3652
3672
  attr(div, "role", "dialog");
3653
3673
  attr(div, "aria-modal", "true");
3654
3674
  attr(div, "style", div_style_value = "" + /*pos*/ ctx[16] + " " + /*marginStyle*/ ctx[14] + " " + ElasticityStyle[/*overwriteElasticity*/ ctx[17]] + "");
@@ -3726,7 +3746,7 @@ function create_if_block_1$1(ctx) {
3726
3746
  c() {
3727
3747
  div = element("div");
3728
3748
  create_component(button.$$.fragment);
3729
- attr(div, "class", "close svelte-1m1do8u");
3749
+ attr(div, "class", "close svelte-yvwr7u");
3730
3750
  set_style(div, "z-index", /*$maximumZindex*/ ctx[20] + 1);
3731
3751
  },
3732
3752
  m(target, anchor) {
@@ -3815,7 +3835,7 @@ function create_default_slot$6(ctx) {
3815
3835
  t = space();
3816
3836
  div = element("div");
3817
3837
  if (default_slot) default_slot.c();
3818
- attr(div, "class", "modal-content svelte-1m1do8u");
3838
+ attr(div, "class", "modal-content svelte-yvwr7u");
3819
3839
  attr(div, "style", /*_style*/ ctx[4]);
3820
3840
  },
3821
3841
  m(target, anchor) {
@@ -4306,7 +4326,7 @@ class Grid extends SvelteComponent {
4306
4326
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
4307
4327
 
4308
4328
  function add_css$p(target) {
4309
- append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
4329
+ append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
4310
4330
  }
4311
4331
 
4312
4332
  function create_fragment$r(ctx) {
@@ -4321,8 +4341,8 @@ function create_fragment$r(ctx) {
4321
4341
  div1 = element("div");
4322
4342
  div0 = element("div");
4323
4343
  if (default_slot) default_slot.c();
4324
- attr(div0, "class", "grid-item-inner svelte-1cryhmb");
4325
- attr(div1, "class", "grid-item svelte-1cryhmb");
4344
+ attr(div0, "class", "grid-item-inner svelte-n7kdl3");
4345
+ attr(div1, "class", "grid-item svelte-n7kdl3");
4326
4346
  attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
4327
4347
  attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
4328
4348
  attr(div1, "style", /*_style*/ ctx[1]);
@@ -4627,7 +4647,7 @@ class RenderText extends SvelteComponent {
4627
4647
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
4628
4648
 
4629
4649
  function add_css$o(target) {
4630
- append_styles(target, "svelte-vz6867", ".text-element-wrapper.svelte-vz6867.svelte-vz6867{position:relative;height:100%}.text-element.svelte-vz6867.svelte-vz6867{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden;font-size:12px;line-height:1.5}.text-link-element.svelte-vz6867.svelte-vz6867{text-decoration:none;color:inherit}.text-element-inner.svelte-vz6867.svelte-vz6867{width:100%;height:auto}.text-direction-vertical.svelte-vz6867.svelte-vz6867{writing-mode:vertical-rl}.text-direction-vertical.svelte-vz6867 .text-element-inner.svelte-vz6867{width:auto;height:100%}.tooltip.svelte-vz6867.svelte-vz6867{display:none;position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;background-color:#3d4948;white-space:nowrap;padding:4px 8px 4px 8px;border-radius:4px;font-size:12px;z-index:2147483647}.tooltip.svelte-vz6867.svelte-vz6867:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-vz6867.svelte-vz6867{display:block}.tooltip-error.svelte-vz6867.svelte-vz6867{background-color:#c00}.tooltip-error.svelte-vz6867.svelte-vz6867:before{border-bottom:7px solid #c00}");
4650
+ append_styles(target, "svelte-9ixs0b", ".text-element-wrapper.svelte-9ixs0b.svelte-9ixs0b{position:relative;height:100%}.text-element.svelte-9ixs0b.svelte-9ixs0b{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden;font-size:12px;line-height:1.5}.text-link-element.svelte-9ixs0b.svelte-9ixs0b{text-decoration:none;color:inherit}.text-element-inner.svelte-9ixs0b.svelte-9ixs0b{width:100%;height:auto}.text-direction-vertical.svelte-9ixs0b.svelte-9ixs0b{writing-mode:vertical-rl}.text-direction-vertical.svelte-9ixs0b .text-element-inner.svelte-9ixs0b{width:auto;height:100%}.tooltip.svelte-9ixs0b.svelte-9ixs0b{display:none;position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;background-color:#3d4948;white-space:nowrap;padding:4px 8px 4px 8px;border-radius:4px;font-size:12px;z-index:2147483647}.tooltip.svelte-9ixs0b.svelte-9ixs0b:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-9ixs0b.svelte-9ixs0b{display:block}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b{background-color:#c00}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b:before{border-bottom:7px solid #c00}");
4631
4651
  }
4632
4652
 
4633
4653
  // (93:2) {:else}
@@ -4644,8 +4664,8 @@ function create_else_block$1(ctx) {
4644
4664
  div1 = element("div");
4645
4665
  div0 = element("div");
4646
4666
  create_component(rendertext.$$.fragment);
4647
- attr(div0, "class", "text-element-inner svelte-vz6867");
4648
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
4667
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
4668
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
4649
4669
  attr(div1, "style", /*style*/ ctx[5]);
4650
4670
  },
4651
4671
  m(target, anchor) {
@@ -4659,7 +4679,7 @@ function create_else_block$1(ctx) {
4659
4679
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
4660
4680
  rendertext.$set(rendertext_changes);
4661
4681
 
4662
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
4682
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
4663
4683
  attr(div1, "class", div1_class_value);
4664
4684
  }
4665
4685
 
@@ -4709,12 +4729,12 @@ function create_if_block$3(ctx) {
4709
4729
  t2 = space();
4710
4730
  div2 = element("div");
4711
4731
  div2.textContent = "コピーできませんでした";
4712
- attr(div0, "class", "text-element-inner svelte-vz6867");
4732
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
4713
4733
  attr(a, "href", '');
4714
- attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
4734
+ attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
4715
4735
  attr(a, "style", /*style*/ ctx[5]);
4716
- attr(div1, "class", "tooltip svelte-vz6867");
4717
- attr(div2, "class", "tooltip tooltip-error svelte-vz6867");
4736
+ attr(div1, "class", "tooltip svelte-9ixs0b");
4737
+ attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
4718
4738
  },
4719
4739
  m(target, anchor) {
4720
4740
  insert(target, a, anchor);
@@ -4738,7 +4758,7 @@ function create_if_block$3(ctx) {
4738
4758
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
4739
4759
  rendertext.$set(rendertext_changes);
4740
4760
 
4741
- if (!current || dirty & /*textDirection*/ 2 && a_class_value !== (a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
4761
+ if (!current || dirty & /*textDirection*/ 2 && a_class_value !== (a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
4742
4762
  attr(a, "class", a_class_value);
4743
4763
  }
4744
4764
 
@@ -4790,7 +4810,7 @@ function create_fragment$p(ctx) {
4790
4810
  c() {
4791
4811
  div = element("div");
4792
4812
  if_block.c();
4793
- attr(div, "class", "text-element-wrapper svelte-vz6867");
4813
+ attr(div, "class", "text-element-wrapper svelte-9ixs0b");
4794
4814
  },
4795
4815
  m(target, anchor) {
4796
4816
  insert(target, div, anchor);
@@ -4842,7 +4862,7 @@ function create_fragment$p(ctx) {
4842
4862
 
4843
4863
  function instance$p($$self, $$props, $$invalidate) {
4844
4864
  let style;
4845
- let { text = 'サンプルSample' } = $$props;
4865
+ let { text = 'テキストのコンテンツ' } = $$props;
4846
4866
  let { font = SYSTEM_FONT } = $$props;
4847
4867
  let { _textStyle = '' } = $$props;
4848
4868
  let { textDirection = 'horizontal' } = $$props;
@@ -4955,7 +4975,7 @@ class TextElement extends SvelteComponent {
4955
4975
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
4956
4976
 
4957
4977
  function add_css$n(target) {
4958
- append_styles(target, "svelte-ejepf6", ".text-button-element.svelte-ejepf6{width:100%;height:100%}.text-button-element.svelte-ejepf6 > .button{display:flex;width:100%;height:100%;border:none;box-shadow:transparent;box-sizing:border-box;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5;background-color:#000000;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-ejepf6 > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-ejepf6 > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-ejepf6 > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
4978
+ append_styles(target, "svelte-1vg84sc", ".text-button-element.svelte-1vg84sc{width:100%;height:100%}.text-button-element.svelte-1vg84sc > .button{display:flex;width:100%;height:100%;border:none;box-shadow:transparent;box-sizing:border-box;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5;background-color:#33403e;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-1vg84sc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-1vg84sc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-1vg84sc > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
4959
4979
  }
4960
4980
 
4961
4981
  // (48:2) <Button {onClick} {style} {eventName}>
@@ -5011,7 +5031,7 @@ function create_fragment$o(ctx) {
5011
5031
  c() {
5012
5032
  div = element("div");
5013
5033
  create_component(button.$$.fragment);
5014
- attr(div, "class", "text-button-element svelte-ejepf6");
5034
+ attr(div, "class", "text-button-element svelte-1vg84sc");
5015
5035
  },
5016
5036
  m(target, anchor) {
5017
5037
  insert(target, div, anchor);
@@ -5048,7 +5068,7 @@ function create_fragment$o(ctx) {
5048
5068
 
5049
5069
  function instance$o($$self, $$props, $$invalidate) {
5050
5070
  let style;
5051
- let { text = 'ボタンラベル' } = $$props;
5071
+ let { text = 'ボタンのラベル' } = $$props;
5052
5072
  let { onClick = { operation: 'none', args: [] } } = $$props;
5053
5073
  let { eventName = '' } = $$props;
5054
5074
  let { font = SYSTEM_FONT } = $$props;
@@ -5103,7 +5123,7 @@ class TextButtonElement extends SvelteComponent {
5103
5123
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5104
5124
 
5105
5125
  function add_css$m(target) {
5106
- append_styles(target, "svelte-1alkh1m", ".image-element.svelte-1alkh1m{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-1alkh1m > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image-element.svelte-1alkh1m > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-1alkh1m > .button:not(._disabled):hover,.image-element.transport.svelte-1alkh1m > .button:not(._disabled):focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}.image.svelte-1alkh1m{width:100%;height:100%}");
5126
+ append_styles(target, "svelte-t6tu0e", ".image-element.svelte-t6tu0e{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-t6tu0e > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image-element.svelte-t6tu0e > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-t6tu0e > .button:not(._disabled):hover,.image-element.transport.svelte-t6tu0e > .button:not(._disabled):focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}.image.svelte-t6tu0e{width:100%;height:100%}");
5107
5127
  }
5108
5128
 
5109
5129
  // (44:2) <Button {onClick} style={_style} {eventName}>
@@ -5115,23 +5135,35 @@ function create_default_slot$4(ctx) {
5115
5135
  return {
5116
5136
  c() {
5117
5137
  img = element("img");
5118
- attr(img, "class", "image svelte-1alkh1m");
5138
+ attr(img, "class", "image svelte-t6tu0e");
5119
5139
  attr(img, "loading", "lazy");
5120
5140
  attr(img, "width", "auto");
5121
5141
  attr(img, "height", "auto");
5122
- attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[6]} object-fit: ${/*objectFit*/ ctx[3]};`);
5123
- if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
5142
+
5143
+ attr(img, "style", img_style_value = [
5144
+ /*_imageStyle*/ ctx[6],
5145
+ /*src*/ ctx[0]
5146
+ ? `object-fit: ${/*objectFit*/ ctx[3]}`
5147
+ : 'object-fit: contain'
5148
+ ].join('; '));
5149
+
5150
+ if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0] || 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg')) attr(img, "src", img_src_value);
5124
5151
  attr(img, "alt", /*alt*/ ctx[1]);
5125
5152
  },
5126
5153
  m(target, anchor) {
5127
5154
  insert(target, img, anchor);
5128
5155
  },
5129
5156
  p(ctx, dirty) {
5130
- if (dirty & /*_imageStyle, objectFit*/ 72 && img_style_value !== (img_style_value = `${/*_imageStyle*/ ctx[6]} object-fit: ${/*objectFit*/ ctx[3]};`)) {
5157
+ if (dirty & /*_imageStyle, src, objectFit*/ 73 && img_style_value !== (img_style_value = [
5158
+ /*_imageStyle*/ ctx[6],
5159
+ /*src*/ ctx[0]
5160
+ ? `object-fit: ${/*objectFit*/ ctx[3]}`
5161
+ : 'object-fit: contain'
5162
+ ].join('; '))) {
5131
5163
  attr(img, "style", img_style_value);
5132
5164
  }
5133
5165
 
5134
- if (dirty & /*src*/ 1 && !src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) {
5166
+ if (dirty & /*src*/ 1 && !src_url_equal(img.src, img_src_value = /*src*/ ctx[0] || 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg')) {
5135
5167
  attr(img, "src", img_src_value);
5136
5168
  }
5137
5169
 
@@ -5165,7 +5197,7 @@ function create_fragment$n(ctx) {
5165
5197
  c() {
5166
5198
  div = element("div");
5167
5199
  create_component(button.$$.fragment);
5168
- attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m");
5200
+ attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
5169
5201
  },
5170
5202
  m(target, anchor) {
5171
5203
  insert(target, div, anchor);
@@ -5178,13 +5210,13 @@ function create_fragment$n(ctx) {
5178
5210
  if (dirty & /*_style*/ 128) button_changes.style = /*_style*/ ctx[7];
5179
5211
  if (dirty & /*eventName*/ 32) button_changes.eventName = /*eventName*/ ctx[5];
5180
5212
 
5181
- if (dirty & /*$$scope, _imageStyle, objectFit, src, alt*/ 331) {
5213
+ if (dirty & /*$$scope, _imageStyle, src, objectFit, alt*/ 331) {
5182
5214
  button_changes.$$scope = { dirty, ctx };
5183
5215
  }
5184
5216
 
5185
5217
  button.$set(button_changes);
5186
5218
 
5187
- if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m")) {
5219
+ if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
5188
5220
  attr(div, "class", div_class_value);
5189
5221
  }
5190
5222
  },
@@ -5205,8 +5237,8 @@ function create_fragment$n(ctx) {
5205
5237
  }
5206
5238
 
5207
5239
  function instance$n($$self, $$props, $$invalidate) {
5208
- let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
5209
- let { alt = 'No Image' } = $$props;
5240
+ let { src = '' } = $$props;
5241
+ let { alt = '画像の説明' } = $$props;
5210
5242
  let { transport = false } = $$props;
5211
5243
  let { objectFit = 'cover' } = $$props;
5212
5244
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -5256,7 +5288,7 @@ class ImageElement extends SvelteComponent {
5256
5288
  /* src/components/List.svelte generated by Svelte v3.53.1 */
5257
5289
 
5258
5290
  function add_css$l(target) {
5259
- append_styles(target, "svelte-1t8r9z", ".list.svelte-1t8r9z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
5291
+ append_styles(target, "svelte-aquv6z", ".list.svelte-aquv6z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
5260
5292
  }
5261
5293
 
5262
5294
  function create_fragment$m(ctx) {
@@ -5269,7 +5301,7 @@ function create_fragment$m(ctx) {
5269
5301
  c() {
5270
5302
  div = element("div");
5271
5303
  if (default_slot) default_slot.c();
5272
- attr(div, "class", "list svelte-1t8r9z");
5304
+ attr(div, "class", "list svelte-aquv6z");
5273
5305
  attr(div, "style", /*style*/ ctx[0]);
5274
5306
  },
5275
5307
  m(target, anchor) {
@@ -5403,7 +5435,7 @@ class List extends SvelteComponent {
5403
5435
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
5404
5436
 
5405
5437
  function add_css$k(target) {
5406
- append_styles(target, "svelte-1lbw8v2", ".list-item.svelte-1lbw8v2{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-1lbw8v2 > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
5438
+ append_styles(target, "svelte-9n97pe", ".list-item.svelte-9n97pe{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-9n97pe > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
5407
5439
  }
5408
5440
 
5409
5441
  // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
@@ -5473,7 +5505,7 @@ function create_fragment$l(ctx) {
5473
5505
  c() {
5474
5506
  div = element("div");
5475
5507
  create_component(button.$$.fragment);
5476
- attr(div, "class", "list-item svelte-1lbw8v2");
5508
+ attr(div, "class", "list-item svelte-9n97pe");
5477
5509
  attr(div, "style", /*listItemStyle*/ ctx[3]);
5478
5510
  },
5479
5511
  m(target, anchor) {
@@ -5599,7 +5631,7 @@ class ListItem extends SvelteComponent {
5599
5631
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
5600
5632
 
5601
5633
  function add_css$j(target) {
5602
- append_styles(target, "svelte-w6jkzh", ".embed.svelte-w6jkzh{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-w6jkzh iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
5634
+ append_styles(target, "svelte-wocq4p", ".embed.svelte-wocq4p{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-wocq4p iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
5603
5635
  }
5604
5636
 
5605
5637
  function create_fragment$k(ctx) {
@@ -5608,7 +5640,7 @@ function create_fragment$k(ctx) {
5608
5640
  return {
5609
5641
  c() {
5610
5642
  div = element("div");
5611
- attr(div, "class", "embed svelte-w6jkzh");
5643
+ attr(div, "class", "embed svelte-wocq4p");
5612
5644
  attr(div, "style", /*_style*/ ctx[1]);
5613
5645
  },
5614
5646
  m(target, anchor) {
@@ -5651,7 +5683,7 @@ class EmbedElement extends SvelteComponent {
5651
5683
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
5652
5684
 
5653
5685
  function add_css$i(target) {
5654
- append_styles(target, "svelte-ljxq7x", ".embed.svelte-ljxq7x{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-ljxq7x iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
5686
+ append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
5655
5687
  }
5656
5688
 
5657
5689
  function create_fragment$j(ctx) {
@@ -5663,7 +5695,7 @@ function create_fragment$j(ctx) {
5663
5695
  div1 = element("div");
5664
5696
  div0 = element("div");
5665
5697
  attr(div0, "class", "karte-player");
5666
- attr(div1, "class", "embed svelte-ljxq7x");
5698
+ attr(div1, "class", "embed svelte-vikz49");
5667
5699
  attr(div1, "style", /*_style*/ ctx[0]);
5668
5700
  },
5669
5701
  m(target, anchor) {
@@ -6005,7 +6037,7 @@ class MovieYouTubeElement extends SvelteComponent {
6005
6037
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6006
6038
 
6007
6039
  function add_css$h(target) {
6008
- append_styles(target, "svelte-ljxq7x", ".embed.svelte-ljxq7x{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-ljxq7x iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
6040
+ append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
6009
6041
  }
6010
6042
 
6011
6043
  function create_fragment$i(ctx) {
@@ -6017,7 +6049,7 @@ function create_fragment$i(ctx) {
6017
6049
  div1 = element("div");
6018
6050
  div0 = element("div");
6019
6051
  attr(div0, "class", "karte-player");
6020
- attr(div1, "class", "embed svelte-ljxq7x");
6052
+ attr(div1, "class", "embed svelte-vikz49");
6021
6053
  attr(div1, "style", /*_style*/ ctx[0]);
6022
6054
  },
6023
6055
  m(target, anchor) {
@@ -6201,7 +6233,7 @@ class MovieVimeoElement extends SvelteComponent {
6201
6233
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
6202
6234
 
6203
6235
  function add_css$g(target) {
6204
- 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}");
6236
+ 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}");
6205
6237
  }
6206
6238
 
6207
6239
  function create_fragment$h(ctx) {
@@ -6214,12 +6246,12 @@ function create_fragment$h(ctx) {
6214
6246
  c() {
6215
6247
  div = element("div");
6216
6248
  textarea = element("textarea");
6217
- attr(textarea, "class", "textarea svelte-13z4kn0");
6249
+ attr(textarea, "class", "textarea svelte-kyay3k");
6218
6250
  textarea.value = /*$value*/ ctx[3];
6219
6251
  textarea.required = /*required*/ ctx[0];
6220
6252
  attr(textarea, "rows", /*rows*/ ctx[1]);
6221
6253
  attr(textarea, "placeholder", /*placeholder*/ ctx[2]);
6222
- attr(div, "class", "textarea-wrapper svelte-13z4kn0");
6254
+ attr(div, "class", "textarea-wrapper svelte-kyay3k");
6223
6255
  },
6224
6256
  m(target, anchor) {
6225
6257
  insert(target, div, anchor);
@@ -6315,7 +6347,7 @@ class FormTextarea extends SvelteComponent {
6315
6347
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
6316
6348
 
6317
6349
  function add_css$f(target) {
6318
- 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}");
6350
+ 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}");
6319
6351
  }
6320
6352
 
6321
6353
  function get_each_context$5(ctx, list, i) {
@@ -6348,14 +6380,14 @@ function create_each_block$5(ctx) {
6348
6380
  t1 = text(t1_value);
6349
6381
  t2 = space();
6350
6382
  attr(input, "type", "radio");
6351
- attr(input, "class", "radio-button-input svelte-1ntb6j8");
6383
+ attr(input, "class", "radio-button-input svelte-17s08g");
6352
6384
  attr(input, "style", /*buttonStyle*/ ctx[5]);
6353
6385
  attr(input, "name", /*name*/ ctx[0]);
6354
6386
  input.value = input_value_value = /*option*/ ctx[16];
6355
6387
  input.checked = input_checked_value = /*option*/ ctx[16] === /*_value*/ ctx[3];
6356
- attr(span, "class", "radio-button-text svelte-1ntb6j8");
6388
+ attr(span, "class", "radio-button-text svelte-17s08g");
6357
6389
  attr(span, "style", /*_textStyle*/ ctx[2]);
6358
- attr(label, "class", "radio-button svelte-1ntb6j8");
6390
+ attr(label, "class", "radio-button svelte-17s08g");
6359
6391
  },
6360
6392
  m(target, anchor) {
6361
6393
  insert(target, label, anchor);
@@ -6420,7 +6452,7 @@ function create_fragment$g(ctx) {
6420
6452
  each_blocks[i].c();
6421
6453
  }
6422
6454
 
6423
- attr(div, "class", "radio-buttons svelte-1ntb6j8");
6455
+ attr(div, "class", "radio-buttons svelte-17s08g");
6424
6456
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
6425
6457
  },
6426
6458
  m(target, anchor) {
@@ -6587,7 +6619,7 @@ class FormRadioButtons extends SvelteComponent {
6587
6619
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
6588
6620
 
6589
6621
  function add_css$e(target) {
6590
- append_styles(target, "svelte-iejizj", ".select.svelte-iejizj{width:100%;height:100%}.select-select.svelte-iejizj{position:relative;appearance:none;width:100%;height:100%;cursor:pointer;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:0 0 0 10px;font-size:12px;line-height:1.5}.select-select.svelte-iejizj:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.select-icon.svelte-iejizj{position:absolute;width:calc(var(--icon-size) / 1.41);height:calc(var(--icon-size) / 1.41);top:calc(50% - calc(var(--icon-size) / 4));right:calc(var(--icon-size) * 1.2);box-sizing:border-box;border-right:solid 2px var(--icon-color);border-top:solid 2px var(--icon-color);transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
6622
+ append_styles(target, "svelte-t9ynyj", ".select.svelte-t9ynyj{width:100%;height:100%}.select-select.svelte-t9ynyj{position:relative;appearance:none;width:100%;height:100%;cursor:pointer;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:0 0 0 10px;font-size:12px;line-height:1.5}.select-select.svelte-t9ynyj:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.select-icon.svelte-t9ynyj{position:absolute;width:calc(var(--icon-size) / 1.41);height:calc(var(--icon-size) / 1.41);top:calc(50% - calc(var(--icon-size) / 4));right:calc(var(--icon-size) * 1.2);box-sizing:border-box;border-right:solid 2px var(--icon-color);border-top:solid 2px var(--icon-color);transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
6591
6623
  }
6592
6624
 
6593
6625
  function get_each_context$4(ctx, list, i) {
@@ -6721,10 +6753,10 @@ function create_fragment$f(ctx) {
6721
6753
 
6722
6754
  t = space();
6723
6755
  div0 = element("div");
6724
- attr(select, "class", "select-select svelte-iejizj");
6756
+ attr(select, "class", "select-select svelte-t9ynyj");
6725
6757
  attr(select, "style", /*style*/ ctx[3]);
6726
- attr(div0, "class", "select-icon svelte-iejizj");
6727
- attr(div1, "class", "select svelte-iejizj");
6758
+ attr(div0, "class", "select-icon svelte-t9ynyj");
6759
+ attr(div1, "class", "select svelte-t9ynyj");
6728
6760
  attr(div1, "style", /*styleVariables*/ ctx[2]);
6729
6761
  },
6730
6762
  m(target, anchor) {
@@ -6926,7 +6958,7 @@ class FormSelect extends SvelteComponent {
6926
6958
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
6927
6959
 
6928
6960
  function add_css$d(target) {
6929
- append_styles(target, "svelte-2pz1us", ".check-boxes.svelte-2pz1us.svelte-2pz1us{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-2pz1us.svelte-2pz1us{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-2pz1us.svelte-2pz1us{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-2pz1us.svelte-2pz1us{display:inline-flex;background-color:var(--color-main);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-2pz1us.svelte-2pz1us{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-2pz1us.svelte-2pz1us:after{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:var(--color-sub)}.check-box-check._checked.svelte-2pz1us.svelte-2pz1us{background-color:var(--color-main-active)}.check-box-check._checked.svelte-2pz1us .check-box-icon.svelte-2pz1us:after{border-color:var(--color-sub-active)}.check-box-text.svelte-2pz1us.svelte-2pz1us{margin-left:0.5em;color:#333;font-size:12px;line-height:1.5}");
6961
+ append_styles(target, "svelte-1p65cg8", ".check-boxes.svelte-1p65cg8.svelte-1p65cg8{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-1p65cg8.svelte-1p65cg8{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-1p65cg8.svelte-1p65cg8{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-1p65cg8.svelte-1p65cg8{display:inline-flex;background-color:var(--color-main);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8:after{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:var(--color-sub)}.check-box-check._checked.svelte-1p65cg8.svelte-1p65cg8{background-color:var(--color-main-active)}.check-box-check._checked.svelte-1p65cg8 .check-box-icon.svelte-1p65cg8:after{border-color:var(--color-sub-active)}.check-box-text.svelte-1p65cg8.svelte-1p65cg8{margin-left:0.5em;color:#333;font-size:12px;line-height:1.5}");
6930
6962
  }
6931
6963
 
6932
6964
  function get_each_context$3(ctx, list, i) {
@@ -6965,19 +6997,19 @@ function create_each_block$3(ctx) {
6965
6997
  span2 = element("span");
6966
6998
  t2 = text(t2_value);
6967
6999
  t3 = space();
6968
- attr(input, "class", "check-box-input svelte-2pz1us");
7000
+ attr(input, "class", "check-box-input svelte-1p65cg8");
6969
7001
  attr(input, "type", "checkbox");
6970
7002
  attr(input, "name", /*name*/ ctx[0]);
6971
7003
  input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
6972
- attr(span0, "class", "check-box-icon svelte-2pz1us");
7004
+ attr(span0, "class", "check-box-icon svelte-1p65cg8");
6973
7005
 
6974
7006
  attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
6975
7007
  ? ' _checked'
6976
- : ''}`) + " svelte-2pz1us"));
7008
+ : ''}`) + " svelte-1p65cg8"));
6977
7009
 
6978
- attr(span2, "class", "check-box-text svelte-2pz1us");
7010
+ attr(span2, "class", "check-box-text svelte-1p65cg8");
6979
7011
  attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
6980
- attr(label, "class", "check-box svelte-2pz1us");
7012
+ attr(label, "class", "check-box svelte-1p65cg8");
6981
7013
  attr(label, "style", /*styleVariables*/ ctx[5]);
6982
7014
  },
6983
7015
  m(target, anchor) {
@@ -7009,7 +7041,7 @@ function create_each_block$3(ctx) {
7009
7041
 
7010
7042
  if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7011
7043
  ? ' _checked'
7012
- : ''}`) + " svelte-2pz1us"))) {
7044
+ : ''}`) + " svelte-1p65cg8"))) {
7013
7045
  attr(span1, "class", span1_class_value);
7014
7046
  }
7015
7047
 
@@ -7048,7 +7080,7 @@ function create_fragment$e(ctx) {
7048
7080
  each_blocks[i].c();
7049
7081
  }
7050
7082
 
7051
- attr(div, "class", "check-boxes svelte-2pz1us");
7083
+ attr(div, "class", "check-boxes svelte-1p65cg8");
7052
7084
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7053
7085
  },
7054
7086
  m(target, anchor) {
@@ -7223,7 +7255,7 @@ class FormCheckBoxes extends SvelteComponent {
7223
7255
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
7224
7256
 
7225
7257
  function add_css$c(target) {
7226
- 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}");
7258
+ 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}");
7227
7259
  }
7228
7260
 
7229
7261
  function get_each_context$2(ctx, list, i) {
@@ -7247,7 +7279,7 @@ function create_each_block$2(ctx) {
7247
7279
  button = element("button");
7248
7280
  t0 = text(t0_value);
7249
7281
  t1 = space();
7250
- attr(button, "class", "rating-button svelte-18pfy31");
7282
+ attr(button, "class", "rating-button svelte-zy2va9");
7251
7283
  attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]));
7252
7284
  },
7253
7285
  m(target, anchor) {
@@ -7296,7 +7328,7 @@ function create_fragment$d(ctx) {
7296
7328
  each_blocks[i].c();
7297
7329
  }
7298
7330
 
7299
- attr(div, "class", "rating-buttons svelte-18pfy31");
7331
+ attr(div, "class", "rating-buttons svelte-zy2va9");
7300
7332
  },
7301
7333
  m(target, anchor) {
7302
7334
  insert(target, div, anchor);
@@ -7433,7 +7465,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
7433
7465
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
7434
7466
 
7435
7467
  function add_css$b(target) {
7436
- 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%)}");
7468
+ 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%)}");
7437
7469
  }
7438
7470
 
7439
7471
  function get_each_context$1(ctx, list, i) {
@@ -7458,9 +7490,9 @@ function create_each_block$1(ctx) {
7458
7490
  img = element("img");
7459
7491
  t = space();
7460
7492
  if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
7461
- attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"));
7493
+ attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
7462
7494
  attr(img, "alt", "rate" + /*i*/ ctx[10]);
7463
- attr(button, "class", "rating-button svelte-1b5dvzw");
7495
+ attr(button, "class", "rating-button svelte-tbunko");
7464
7496
  attr(button, "style", /*buttonStyle*/ ctx[0]);
7465
7497
  },
7466
7498
  m(target, anchor) {
@@ -7476,7 +7508,7 @@ function create_each_block$1(ctx) {
7476
7508
  p(new_ctx, dirty) {
7477
7509
  ctx = new_ctx;
7478
7510
 
7479
- 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"))) {
7511
+ 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"))) {
7480
7512
  attr(img, "class", img_class_value);
7481
7513
  }
7482
7514
 
@@ -7509,7 +7541,7 @@ function create_fragment$c(ctx) {
7509
7541
  each_blocks[i].c();
7510
7542
  }
7511
7543
 
7512
- attr(div, "class", "rating-buttons svelte-1b5dvzw");
7544
+ attr(div, "class", "rating-buttons svelte-tbunko");
7513
7545
  },
7514
7546
  m(target, anchor) {
7515
7547
  insert(target, div, anchor);
@@ -7617,7 +7649,7 @@ class FormRatingButtonsFace extends SvelteComponent {
7617
7649
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
7618
7650
 
7619
7651
  function add_css$a(target) {
7620
- 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%}");
7652
+ 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%}");
7621
7653
  }
7622
7654
 
7623
7655
  function get_each_context(ctx, list, i) {
@@ -7646,9 +7678,9 @@ function create_if_block_1(ctx) {
7646
7678
  attr(svg, "viewBox", "0 0 10 16");
7647
7679
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
7648
7680
  attr(svg, "style", /*prevIconStyle*/ ctx[10]);
7649
- attr(button, "class", "move-button svelte-1qfq79t");
7681
+ attr(button, "class", "move-button svelte-ji1fh");
7650
7682
  attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
7651
- attr(div, "class", "prev-button-container svelte-1qfq79t");
7683
+ attr(div, "class", "prev-button-container svelte-ji1fh");
7652
7684
  },
7653
7685
  m(target, anchor) {
7654
7686
  insert(target, div, anchor);
@@ -7697,9 +7729,9 @@ function create_if_block$1(ctx) {
7697
7729
  attr(svg, "viewBox", "0 0 10 16");
7698
7730
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
7699
7731
  attr(svg, "style", /*nextIconStyle*/ ctx[8]);
7700
- attr(button, "class", "move-button svelte-1qfq79t");
7732
+ attr(button, "class", "move-button svelte-ji1fh");
7701
7733
  attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
7702
- attr(div, "class", "next-button-container svelte-1qfq79t");
7734
+ attr(div, "class", "next-button-container svelte-ji1fh");
7703
7735
  },
7704
7736
  m(target, anchor) {
7705
7737
  insert(target, div, anchor);
@@ -7747,9 +7779,9 @@ function create_each_block(ctx) {
7747
7779
  button = element("button");
7748
7780
  div = element("div");
7749
7781
  t = space();
7750
- attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
7782
+ attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
7751
7783
  attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
7752
- attr(button, "class", "navigation-item svelte-1qfq79t");
7784
+ attr(button, "class", "navigation-item svelte-ji1fh");
7753
7785
  attr(button, "style", /*navigationItemStyle*/ ctx[6]);
7754
7786
  },
7755
7787
  m(target, anchor) {
@@ -7826,14 +7858,14 @@ function create_fragment$b(ctx) {
7826
7858
  each_blocks[i].c();
7827
7859
  }
7828
7860
 
7829
- attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
7861
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
7830
7862
  attr(div0, "style", /*slideStyle*/ ctx[14]);
7831
- attr(div1, "class", "container svelte-1qfq79t");
7863
+ attr(div1, "class", "container svelte-ji1fh");
7832
7864
  attr(div1, "style", /*_style*/ ctx[0]);
7833
- attr(div2, "class", "navigation svelte-1qfq79t");
7865
+ attr(div2, "class", "navigation svelte-ji1fh");
7834
7866
  attr(div2, "style", /*navigationStyle*/ ctx[4]);
7835
7867
  set_attributes(div3, div3_data);
7836
- toggle_class(div3, "svelte-1qfq79t", true);
7868
+ toggle_class(div3, "svelte-ji1fh", true);
7837
7869
  },
7838
7870
  m(target, anchor) {
7839
7871
  insert(target, div3, anchor);
@@ -7875,7 +7907,7 @@ function create_fragment$b(ctx) {
7875
7907
  }
7876
7908
  }
7877
7909
 
7878
- if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
7910
+ if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
7879
7911
  attr(div0, "class", div0_class_value);
7880
7912
  }
7881
7913
 
@@ -7941,7 +7973,7 @@ function create_fragment$b(ctx) {
7941
7973
  }
7942
7974
 
7943
7975
  set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
7944
- toggle_class(div3, "svelte-1qfq79t", true);
7976
+ toggle_class(div3, "svelte-ji1fh", true);
7945
7977
  },
7946
7978
  i(local) {
7947
7979
  if (current) return;
@@ -8453,7 +8485,7 @@ class Slide extends SvelteComponent {
8453
8485
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
8454
8486
 
8455
8487
  function add_css$9(target) {
8456
- append_styles(target, "svelte-1rv0qgo", ".item.svelte-1rv0qgo{height:100%;flex:none;position:relative}.item.svelte-1rv0qgo img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-1rv0qgo{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;cursor:default;overflow:hidden}");
8488
+ append_styles(target, "svelte-9ygf1w", ".item.svelte-9ygf1w{height:100%;flex:none;position:relative}.item.svelte-9ygf1w img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-9ygf1w{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;cursor:default;overflow:hidden}");
8457
8489
  }
8458
8490
 
8459
8491
  function create_fragment$a(ctx) {
@@ -8468,9 +8500,9 @@ function create_fragment$a(ctx) {
8468
8500
  div1 = element("div");
8469
8501
  div0 = element("div");
8470
8502
  if (default_slot) default_slot.c();
8471
- attr(div0, "class", "item-inner svelte-1rv0qgo");
8503
+ attr(div0, "class", "item-inner svelte-9ygf1w");
8472
8504
  attr(div0, "style", /*_style*/ ctx[0]);
8473
- attr(div1, "class", "item svelte-1rv0qgo");
8505
+ attr(div1, "class", "item svelte-9ygf1w");
8474
8506
  attr(div1, "style", /*itemStyle*/ ctx[1]);
8475
8507
  },
8476
8508
  m(target, anchor) {
@@ -8596,7 +8628,7 @@ class SlideItem extends SvelteComponent {
8596
8628
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
8597
8629
 
8598
8630
  function add_css$8(target) {
8599
- append_styles(target, "svelte-t87l6f", ".countdown.svelte-t87l6f{position:relative;width:100%;height:100%}.countdown-inner.svelte-t87l6f{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
8631
+ append_styles(target, "svelte-rroxiz", ".countdown.svelte-rroxiz{position:relative;width:100%;height:100%}.countdown-inner.svelte-rroxiz{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
8600
8632
  }
8601
8633
 
8602
8634
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
@@ -8614,9 +8646,9 @@ function create_fragment$9(ctx) {
8614
8646
  div1 = element("div");
8615
8647
  div0 = element("div");
8616
8648
  if (default_slot) default_slot.c();
8617
- attr(div0, "class", "countdown-inner svelte-t87l6f");
8649
+ attr(div0, "class", "countdown-inner svelte-rroxiz");
8618
8650
  attr(div0, "style", /*_style*/ ctx[0]);
8619
- attr(div1, "class", "countdown svelte-t87l6f");
8651
+ attr(div1, "class", "countdown svelte-rroxiz");
8620
8652
  },
8621
8653
  m(target, anchor) {
8622
8654
  insert(target, div1, anchor);
@@ -8750,7 +8782,7 @@ class Countdown extends SvelteComponent {
8750
8782
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
8751
8783
 
8752
8784
  function add_css$7(target) {
8753
- append_styles(target, "svelte-1c91vpe", ".box.svelte-1c91vpe{position:relative;width:100%;height:100%}.box.svelte-1c91vpe > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
8785
+ append_styles(target, "svelte-1ccydfy", ".box.svelte-1ccydfy{position:relative;width:100%;height:100%}.box.svelte-1ccydfy > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
8754
8786
  }
8755
8787
 
8756
8788
  // (24:2) <Button {onClick} style={_style} {eventName}>
@@ -8820,7 +8852,7 @@ function create_fragment$8(ctx) {
8820
8852
  c() {
8821
8853
  div = element("div");
8822
8854
  create_component(button.$$.fragment);
8823
- attr(div, "class", "box svelte-1c91vpe");
8855
+ attr(div, "class", "box svelte-1ccydfy");
8824
8856
  },
8825
8857
  m(target, anchor) {
8826
8858
  insert(target, div, anchor);
@@ -8881,7 +8913,7 @@ class Box extends SvelteComponent {
8881
8913
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
8882
8914
 
8883
8915
  function add_css$6(target) {
8884
- 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)}");
8916
+ 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)}");
8885
8917
  }
8886
8918
 
8887
8919
  // (56:4) {#if svg}
@@ -8963,7 +8995,7 @@ function create_fragment$7(ctx) {
8963
8995
  c() {
8964
8996
  div = element("div");
8965
8997
  create_component(button.$$.fragment);
8966
- attr(div, "class", "icon svelte-1mk6wi4");
8998
+ attr(div, "class", "icon svelte-1mkvcuo");
8967
8999
  },
8968
9000
  m(target, anchor) {
8969
9001
  insert(target, div, anchor);
@@ -9072,7 +9104,7 @@ class IconElement extends SvelteComponent {
9072
9104
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
9073
9105
 
9074
9106
  function add_css$5(target) {
9075
- append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
9107
+ append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
9076
9108
  }
9077
9109
 
9078
9110
  function create_fragment$6(ctx) {
@@ -9098,7 +9130,7 @@ function create_fragment$6(ctx) {
9098
9130
  c() {
9099
9131
  div = element("div");
9100
9132
  if (switch_instance) create_component(switch_instance.$$.fragment);
9101
- attr(div, "class", "codeElement svelte-1ng2n51");
9133
+ attr(div, "class", "codeElement svelte-ymsb9l");
9102
9134
  attr(div, "style", /*style*/ ctx[3]);
9103
9135
  },
9104
9136
  m(target, anchor) {
@@ -9187,7 +9219,7 @@ class CodeElement extends SvelteComponent {
9187
9219
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
9188
9220
 
9189
9221
  function add_css$4(target) {
9190
- append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
9222
+ append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
9191
9223
  }
9192
9224
 
9193
9225
  function create_fragment$5(ctx) {
@@ -9201,7 +9233,7 @@ function create_fragment$5(ctx) {
9201
9233
  c() {
9202
9234
  div = element("div");
9203
9235
  if (default_slot) default_slot.c();
9204
- attr(div, "class", "flex svelte-9v2qdg");
9236
+ attr(div, "class", "flex svelte-1e71ejc");
9205
9237
  attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
9206
9238
  },
9207
9239
  m(target, anchor) {
@@ -9298,7 +9330,7 @@ class Flex extends SvelteComponent {
9298
9330
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
9299
9331
 
9300
9332
  function add_css$3(target) {
9301
- append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
9333
+ append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
9302
9334
  }
9303
9335
 
9304
9336
  function create_fragment$4(ctx) {
@@ -9311,7 +9343,7 @@ function create_fragment$4(ctx) {
9311
9343
  c() {
9312
9344
  div = element("div");
9313
9345
  if (default_slot) default_slot.c();
9314
- attr(div, "class", "flex-item svelte-164ah5d");
9346
+ attr(div, "class", "flex-item svelte-1p0bk1x");
9315
9347
  attr(div, "style", /*style*/ ctx[0]);
9316
9348
  },
9317
9349
  m(target, anchor) {
@@ -9719,7 +9751,7 @@ class GridModalState extends SvelteComponent {
9719
9751
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
9720
9752
 
9721
9753
  function add_css$2(target) {
9722
- append_styles(target, "svelte-akic2e", ".text-block.svelte-akic2e.svelte-akic2e{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:hidden}.text-block-inner.svelte-akic2e.svelte-akic2e{width:100%;height:auto}.text-direction-vertical.svelte-akic2e.svelte-akic2e{writing-mode:vertical-rl}.text-direction-vertical.svelte-akic2e .text-block-inner.svelte-akic2e{width:auto;height:100%}");
9754
+ append_styles(target, "svelte-15pej1m", ".text-block.svelte-15pej1m.svelte-15pej1m{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:hidden}.text-block-inner.svelte-15pej1m.svelte-15pej1m{width:100%;height:auto}.text-direction-vertical.svelte-15pej1m.svelte-15pej1m{writing-mode:vertical-rl}.text-direction-vertical.svelte-15pej1m .text-block-inner.svelte-15pej1m{width:auto;height:100%}");
9723
9755
  }
9724
9756
 
9725
9757
  function create_fragment$2(ctx) {
@@ -9735,8 +9767,8 @@ function create_fragment$2(ctx) {
9735
9767
  div1 = element("div");
9736
9768
  div0 = element("div");
9737
9769
  create_component(rendertext.$$.fragment);
9738
- attr(div0, "class", "text-block-inner svelte-akic2e");
9739
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"));
9770
+ attr(div0, "class", "text-block-inner svelte-15pej1m");
9771
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
9740
9772
  attr(div1, "style", /*style*/ ctx[2]);
9741
9773
  },
9742
9774
  m(target, anchor) {
@@ -9750,7 +9782,7 @@ function create_fragment$2(ctx) {
9750
9782
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
9751
9783
  rendertext.$set(rendertext_changes);
9752
9784
 
9753
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"))) {
9785
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
9754
9786
  attr(div1, "class", div1_class_value);
9755
9787
  }
9756
9788
 
@@ -9828,7 +9860,7 @@ class TextBlock extends SvelteComponent {
9828
9860
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
9829
9861
 
9830
9862
  function add_css$1(target) {
9831
- append_styles(target, "svelte-1c34p4n", ".text-button-block.svelte-1c34p4n{width:100%;height:100%;background-color:#000000;border-radius:4px}.text-button.svelte-1c34p4n{display:flex;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5}.text-button.svelte-1c34p4n:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-1c34p4n:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
9863
+ append_styles(target, "svelte-ff0k6r", ".text-button-block.svelte-ff0k6r{width:100%;height:100%;background-color:#000000;border-radius:4px}.text-button.svelte-ff0k6r{display:flex;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5}.text-button.svelte-ff0k6r:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-ff0k6r:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
9832
9864
  }
9833
9865
 
9834
9866
  function create_fragment$1(ctx) {
@@ -9845,9 +9877,9 @@ function create_fragment$1(ctx) {
9845
9877
  div = element("div");
9846
9878
  button = element("button");
9847
9879
  create_component(rendertext.$$.fragment);
9848
- attr(button, "class", "text-button svelte-1c34p4n");
9880
+ attr(button, "class", "text-button svelte-ff0k6r");
9849
9881
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
9850
- attr(div, "class", "text-button-block svelte-1c34p4n");
9882
+ attr(div, "class", "text-button-block svelte-ff0k6r");
9851
9883
  attr(div, "style", /*_style*/ ctx[2]);
9852
9884
  },
9853
9885
  m(target, anchor) {
@@ -9953,7 +9985,7 @@ class TextButtonBlock extends SvelteComponent {
9953
9985
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
9954
9986
 
9955
9987
  function add_css(target) {
9956
- append_styles(target, "svelte-1jus6sx", ".image-block.svelte-1jus6sx{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image.svelte-1jus6sx{width:100%;height:100%}.transport.svelte-1jus6sx:hover,.transport.svelte-1jus6sx:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
9988
+ append_styles(target, "svelte-1pdw891", ".image-block.svelte-1pdw891{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image.svelte-1pdw891{width:100%;height:100%}.transport.svelte-1pdw891:hover,.transport.svelte-1pdw891:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
9957
9989
  }
9958
9990
 
9959
9991
  function create_fragment(ctx) {
@@ -9969,14 +10001,14 @@ function create_fragment(ctx) {
9969
10001
  c() {
9970
10002
  div = element("div");
9971
10003
  img = element("img");
9972
- attr(img, "class", "image svelte-1jus6sx");
10004
+ attr(img, "class", "image svelte-1pdw891");
9973
10005
  attr(img, "loading", "lazy");
9974
10006
  attr(img, "width", "auto");
9975
10007
  attr(img, "height", "auto");
9976
10008
  attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
9977
10009
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
9978
10010
  attr(img, "alt", /*alt*/ ctx[1]);
9979
- attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"));
10011
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
9980
10012
  attr(div, "style", /*_style*/ ctx[5]);
9981
10013
  },
9982
10014
  m(target, anchor) {
@@ -10001,7 +10033,7 @@ function create_fragment(ctx) {
10001
10033
  attr(img, "alt", /*alt*/ ctx[1]);
10002
10034
  }
10003
10035
 
10004
- if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"))) {
10036
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
10005
10037
  attr(div, "class", div_class_value);
10006
10038
  }
10007
10039