@plaidev/karte-action-sdk 1.1.206 → 1.1.207-28212888.037c8e0f

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/hydrate/index.es.js +320 -189
  2. package/dist/index.es.js +317 -186
  3. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -1347,21 +1347,49 @@ function request(url, data, cb) {
1347
1347
  'Content-Type': 'text/plain;charset=UTF-8',
1348
1348
  },
1349
1349
  body: JSON.stringify({ ...data }),
1350
- }).then(response => {
1350
+ })
1351
+ .then(response => {
1351
1352
  if (!response.ok) {
1352
- return cb(new Error(`fail to request collection api. reason: ${response.status}`));
1353
+ throw new Error(`fail to request collection api. reason: ${response.status}`);
1353
1354
  }
1354
- return cb(null, response.json());
1355
+ return response.json();
1356
+ })
1357
+ .then(data => {
1358
+ return cb(null, data);
1359
+ })
1360
+ .catch(err => {
1361
+ return cb(err, null);
1355
1362
  });
1356
1363
  }
1357
1364
  /** @internal */
1358
1365
  const loadActionTableRow = async (config, data, api_key, endpoint) => new Promise((resolve, reject) => {
1366
+ const defaultValue = config.query.default_value ?? null;
1359
1367
  const key = data[config.query.key] ?? null;
1360
1368
  if (key == null) {
1361
1369
  console.warn('key is not found. key: ', config.query.key);
1370
+ if (defaultValue != null) {
1371
+ return resolve(defaultValue);
1372
+ }
1362
1373
  return reject('key is not found.');
1363
1374
  }
1364
- return collection$1({ endpoint, api_key, table: config.query.table_name }).get(key, (err, data) => err ? reject(err) : resolve(data));
1375
+ return collection$1({ endpoint, api_key, table: config.query.table_name }).get(key, (err, data) => {
1376
+ if (err) {
1377
+ if (defaultValue != null) {
1378
+ return resolve(defaultValue);
1379
+ }
1380
+ return reject(err);
1381
+ }
1382
+ if (!Array.isArray(data)) {
1383
+ return resolve(data);
1384
+ }
1385
+ if (data.length !== 0) {
1386
+ return resolve(data[0]);
1387
+ }
1388
+ if (defaultValue != null) {
1389
+ return resolve(defaultValue);
1390
+ }
1391
+ return resolve(data);
1392
+ });
1365
1393
  });
1366
1394
  /** @internal */
1367
1395
  const loadActionTableRows = async (config, data, api_key, endpoint) => new Promise((resolve, reject) => {
@@ -1369,21 +1397,42 @@ const loadActionTableRows = async (config, data, api_key, endpoint) => new Promi
1369
1397
  console.warn('key is not defined.');
1370
1398
  return reject('key is not defined.');
1371
1399
  }
1400
+ const defaultValue = config.query.default_value ?? null;
1372
1401
  const keys = [];
1373
1402
  let hasError = false;
1374
1403
  const originalKeys = Array.isArray(config.query.key) ? config.query.key : [config.query.key];
1375
1404
  originalKeys.forEach(key => {
1376
1405
  const d = data[key];
1377
- if (d == null) {
1406
+ if (d == null || d === '') {
1378
1407
  console.warn('key is not found. key: ', key);
1379
1408
  hasError = true;
1380
1409
  }
1381
1410
  keys.push(d);
1382
1411
  });
1383
1412
  if (hasError) {
1413
+ if (defaultValue != null) {
1414
+ return resolve(defaultValue);
1415
+ }
1384
1416
  return reject('key is not found.');
1385
1417
  }
1386
- return collection$1({ endpoint, api_key, table: config.query.table_name }).get(keys, (err, data) => (err ? reject(err) : resolve(data)));
1418
+ return collection$1({ endpoint, api_key, table: config.query.table_name }).get(keys, (err, data) => {
1419
+ if (err) {
1420
+ if (defaultValue != null) {
1421
+ return resolve(defaultValue);
1422
+ }
1423
+ return reject(err);
1424
+ }
1425
+ if (!Array.isArray(data)) {
1426
+ return resolve([data]);
1427
+ }
1428
+ if (data.length !== 0) {
1429
+ return resolve(data);
1430
+ }
1431
+ if (defaultValue != null) {
1432
+ return resolve(defaultValue);
1433
+ }
1434
+ return resolve(data);
1435
+ });
1387
1436
  });
1388
1437
  /** @internal */
1389
1438
  const loadActionTableQuery = async (config, data, api_key, endpoint) => new Promise((resolve, reject) => {
@@ -1391,20 +1440,41 @@ const loadActionTableQuery = async (config, data, api_key, endpoint) => new Prom
1391
1440
  console.warn('key is not defined.');
1392
1441
  return reject('key is not defined.');
1393
1442
  }
1443
+ const defaultValue = config.query.default_value ?? null;
1394
1444
  const params = {};
1395
1445
  let hasError = false;
1396
1446
  Object.entries(config.query.params).forEach(([key, param]) => {
1397
1447
  const d = data[param];
1398
- if (d == null) {
1448
+ if (d == null || d === '') {
1399
1449
  console.warn('key is not found. param: ', param);
1400
1450
  hasError = true;
1401
1451
  }
1402
1452
  params[key] = d;
1403
1453
  });
1404
1454
  if (hasError) {
1455
+ if (defaultValue != null) {
1456
+ return resolve(defaultValue);
1457
+ }
1405
1458
  return reject('key is not found.');
1406
1459
  }
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)));
1460
+ return collection$1({ endpoint, api_key, table: config.query.table_name }).getByQuery(config.query.query_name, params, null, (err, data) => {
1461
+ if (err) {
1462
+ if (defaultValue != null) {
1463
+ return resolve(defaultValue);
1464
+ }
1465
+ return reject(err);
1466
+ }
1467
+ if (!Array.isArray(data)) {
1468
+ return resolve([data]);
1469
+ }
1470
+ if (data.length !== 0) {
1471
+ return resolve(data);
1472
+ }
1473
+ if (defaultValue != null) {
1474
+ return resolve(defaultValue);
1475
+ }
1476
+ return resolve(data);
1477
+ });
1408
1478
  });
1409
1479
  /** @internal */
1410
1480
  const loadActionTable = async (config, data, api_key, endpoint) => {
@@ -2646,7 +2716,7 @@ class State extends SvelteComponent {
2646
2716
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
2647
2717
 
2648
2718
  function add_css$t(target) {
2649
- append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
2719
+ append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
2650
2720
  }
2651
2721
 
2652
2722
  // (23:0) {#if $state === path}
@@ -2663,7 +2733,7 @@ function create_if_block$8(ctx) {
2663
2733
  t = space();
2664
2734
  if (default_slot) default_slot.c();
2665
2735
  attr(div, "data-state-path", /*path*/ ctx[0]);
2666
- attr(div, "class", "state-item svelte-1amihue");
2736
+ attr(div, "class", "state-item svelte-2qb6dm");
2667
2737
  },
2668
2738
  m(target, anchor) {
2669
2739
  insert(target, div, anchor);
@@ -3068,7 +3138,7 @@ function customAnimation(node, { transform, animationStyle, delay = 0, duration
3068
3138
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3069
3139
 
3070
3140
  function add_css$s(target) {
3071
- 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}");
3141
+ 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}");
3072
3142
  }
3073
3143
 
3074
3144
  // (9:0) {#if backgroundOverlay}
@@ -3080,7 +3150,7 @@ function create_if_block$7(ctx) {
3080
3150
  return {
3081
3151
  c() {
3082
3152
  div = element("div");
3083
- attr(div, "class", "background svelte-g6ucc2");
3153
+ attr(div, "class", "background svelte-1d4fta");
3084
3154
  },
3085
3155
  m(target, anchor) {
3086
3156
  insert(target, div, anchor);
@@ -3191,7 +3261,7 @@ function checkStopPropagation(eventName, handler) {
3191
3261
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3192
3262
 
3193
3263
  function add_css$r(target) {
3194
- 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}");
3264
+ 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}");
3195
3265
  }
3196
3266
 
3197
3267
  // (50:0) {:else}
@@ -3220,7 +3290,7 @@ function create_else_block$3(ctx) {
3220
3290
  button = element("button");
3221
3291
  if (default_slot) default_slot.c();
3222
3292
  set_attributes(button, button_data);
3223
- toggle_class(button, "svelte-1dtbrzj", true);
3293
+ toggle_class(button, "svelte-1tg0tf", true);
3224
3294
  },
3225
3295
  m(target, anchor) {
3226
3296
  insert(target, button, anchor);
@@ -3259,7 +3329,7 @@ function create_else_block$3(ctx) {
3259
3329
  dataAttrStopPropagation('click')
3260
3330
  ]));
3261
3331
 
3262
- toggle_class(button, "svelte-1dtbrzj", true);
3332
+ toggle_class(button, "svelte-1tg0tf", true);
3263
3333
  },
3264
3334
  i(local) {
3265
3335
  if (current) return;
@@ -3290,7 +3360,7 @@ function create_if_block_2(ctx) {
3290
3360
  c() {
3291
3361
  div = element("div");
3292
3362
  if (default_slot) default_slot.c();
3293
- attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1dtbrzj"));
3363
+ attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1tg0tf"));
3294
3364
  attr(div, "style", /*style*/ ctx[1]);
3295
3365
  },
3296
3366
  m(target, anchor) {
@@ -3374,7 +3444,7 @@ function create_if_block_1$2(ctx) {
3374
3444
  a = element("a");
3375
3445
  if (default_slot) default_slot.c();
3376
3446
  set_attributes(a, a_data);
3377
- toggle_class(a, "svelte-1dtbrzj", true);
3447
+ toggle_class(a, "svelte-1tg0tf", true);
3378
3448
  },
3379
3449
  m(target, anchor) {
3380
3450
  insert(target, a, anchor);
@@ -3416,7 +3486,7 @@ function create_if_block_1$2(ctx) {
3416
3486
  dataAttrStopPropagation('click')
3417
3487
  ]));
3418
3488
 
3419
- toggle_class(a, "svelte-1dtbrzj", true);
3489
+ toggle_class(a, "svelte-1tg0tf", true);
3420
3490
  },
3421
3491
  i(local) {
3422
3492
  if (current) return;
@@ -3447,7 +3517,7 @@ function create_if_block$6(ctx) {
3447
3517
  c() {
3448
3518
  div = element("div");
3449
3519
  if (default_slot) default_slot.c();
3450
- attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1dtbrzj"));
3520
+ attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1tg0tf"));
3451
3521
  attr(div, "style", /*style*/ ctx[1]);
3452
3522
  },
3453
3523
  m(target, anchor) {
@@ -3651,7 +3721,7 @@ class Button extends SvelteComponent {
3651
3721
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
3652
3722
 
3653
3723
  function add_css$q(target) {
3654
- 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}");
3724
+ 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}");
3655
3725
  }
3656
3726
 
3657
3727
  // (145:0) {#if visible}
@@ -3676,7 +3746,7 @@ function create_if_block$5(ctx) {
3676
3746
  c() {
3677
3747
  div = element("div");
3678
3748
  create_component(button.$$.fragment);
3679
- attr(div, "class", "modal svelte-1m1do8u");
3749
+ attr(div, "class", "modal svelte-yvwr7u");
3680
3750
  attr(div, "role", "dialog");
3681
3751
  attr(div, "aria-modal", "true");
3682
3752
  attr(div, "style", div_style_value = "" + /*pos*/ ctx[16] + " " + /*marginStyle*/ ctx[14] + " " + ElasticityStyle[/*overwriteElasticity*/ ctx[17]] + "");
@@ -3754,7 +3824,7 @@ function create_if_block_1$1(ctx) {
3754
3824
  c() {
3755
3825
  div = element("div");
3756
3826
  create_component(button.$$.fragment);
3757
- attr(div, "class", "close svelte-1m1do8u");
3827
+ attr(div, "class", "close svelte-yvwr7u");
3758
3828
  set_style(div, "z-index", /*$maximumZindex*/ ctx[20] + 1);
3759
3829
  },
3760
3830
  m(target, anchor) {
@@ -3843,7 +3913,7 @@ function create_default_slot$6(ctx) {
3843
3913
  t = space();
3844
3914
  div = element("div");
3845
3915
  if (default_slot) default_slot.c();
3846
- attr(div, "class", "modal-content svelte-1m1do8u");
3916
+ attr(div, "class", "modal-content svelte-yvwr7u");
3847
3917
  attr(div, "style", /*_style*/ ctx[4]);
3848
3918
  },
3849
3919
  m(target, anchor) {
@@ -4334,7 +4404,7 @@ class Grid extends SvelteComponent {
4334
4404
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
4335
4405
 
4336
4406
  function add_css$p(target) {
4337
- append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
4407
+ append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
4338
4408
  }
4339
4409
 
4340
4410
  function create_fragment$r(ctx) {
@@ -4349,8 +4419,8 @@ function create_fragment$r(ctx) {
4349
4419
  div1 = element("div");
4350
4420
  div0 = element("div");
4351
4421
  if (default_slot) default_slot.c();
4352
- attr(div0, "class", "grid-item-inner svelte-1cryhmb");
4353
- attr(div1, "class", "grid-item svelte-1cryhmb");
4422
+ attr(div0, "class", "grid-item-inner svelte-n7kdl3");
4423
+ attr(div1, "class", "grid-item svelte-n7kdl3");
4354
4424
  attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
4355
4425
  attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
4356
4426
  attr(div1, "style", /*_style*/ ctx[1]);
@@ -4655,7 +4725,7 @@ class RenderText extends SvelteComponent {
4655
4725
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
4656
4726
 
4657
4727
  function add_css$o(target) {
4658
- 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}");
4728
+ 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}");
4659
4729
  }
4660
4730
 
4661
4731
  // (94:2) {:else}
@@ -4672,8 +4742,8 @@ function create_else_block$1(ctx) {
4672
4742
  div1 = element("div");
4673
4743
  div0 = element("div");
4674
4744
  create_component(rendertext.$$.fragment);
4675
- attr(div0, "class", "text-element-inner svelte-vz6867");
4676
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
4745
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
4746
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
4677
4747
  attr(div1, "style", /*style*/ ctx[5]);
4678
4748
  },
4679
4749
  m(target, anchor) {
@@ -4687,7 +4757,7 @@ function create_else_block$1(ctx) {
4687
4757
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
4688
4758
  rendertext.$set(rendertext_changes);
4689
4759
 
4690
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
4760
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
4691
4761
  attr(div1, "class", div1_class_value);
4692
4762
  }
4693
4763
 
@@ -4737,12 +4807,12 @@ function create_if_block$3(ctx) {
4737
4807
  t2 = space();
4738
4808
  div2 = element("div");
4739
4809
  div2.textContent = "コピーできませんでした";
4740
- attr(div0, "class", "text-element-inner svelte-vz6867");
4810
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
4741
4811
  attr(a, "href", '');
4742
- attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
4812
+ attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
4743
4813
  attr(a, "style", /*style*/ ctx[5]);
4744
- attr(div1, "class", "tooltip svelte-vz6867");
4745
- attr(div2, "class", "tooltip tooltip-error svelte-vz6867");
4814
+ attr(div1, "class", "tooltip svelte-9ixs0b");
4815
+ attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
4746
4816
  },
4747
4817
  m(target, anchor) {
4748
4818
  insert(target, a, anchor);
@@ -4766,7 +4836,7 @@ function create_if_block$3(ctx) {
4766
4836
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
4767
4837
  rendertext.$set(rendertext_changes);
4768
4838
 
4769
- 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"))) {
4839
+ 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"))) {
4770
4840
  attr(a, "class", a_class_value);
4771
4841
  }
4772
4842
 
@@ -4818,7 +4888,7 @@ function create_fragment$p(ctx) {
4818
4888
  c() {
4819
4889
  div = element("div");
4820
4890
  if_block.c();
4821
- attr(div, "class", "text-element-wrapper svelte-vz6867");
4891
+ attr(div, "class", "text-element-wrapper svelte-9ixs0b");
4822
4892
  },
4823
4893
  m(target, anchor) {
4824
4894
  insert(target, div, anchor);
@@ -4984,7 +5054,7 @@ class TextElement extends SvelteComponent {
4984
5054
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
4985
5055
 
4986
5056
  function add_css$n(target) {
4987
- append_styles(target, "svelte-ujdxfc", ".text-button-element.svelte-ujdxfc{width:100%;height:100%}.text-button-element.svelte-ujdxfc > .button{display:flex;width:100%;height:100%;border:none;box-shadow:transparent;box-sizing:border-box;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5;background-color:#33403e;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-ujdxfc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-ujdxfc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-ujdxfc > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
5057
+ 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)}");
4988
5058
  }
4989
5059
 
4990
5060
  // (48:2) <Button {onClick} {style} {eventName}>
@@ -5040,7 +5110,7 @@ function create_fragment$o(ctx) {
5040
5110
  c() {
5041
5111
  div = element("div");
5042
5112
  create_component(button.$$.fragment);
5043
- attr(div, "class", "text-button-element svelte-ujdxfc");
5113
+ attr(div, "class", "text-button-element svelte-1vg84sc");
5044
5114
  },
5045
5115
  m(target, anchor) {
5046
5116
  insert(target, div, anchor);
@@ -5132,7 +5202,7 @@ class TextButtonElement extends SvelteComponent {
5132
5202
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5133
5203
 
5134
5204
  function add_css$m(target) {
5135
- 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%}");
5205
+ 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%}");
5136
5206
  }
5137
5207
 
5138
5208
  // (44:2) <Button {onClick} style={_style} {eventName}>
@@ -5144,7 +5214,7 @@ function create_default_slot$4(ctx) {
5144
5214
  return {
5145
5215
  c() {
5146
5216
  img = element("img");
5147
- attr(img, "class", "image svelte-1alkh1m");
5217
+ attr(img, "class", "image svelte-t6tu0e");
5148
5218
  attr(img, "loading", "lazy");
5149
5219
  attr(img, "width", "auto");
5150
5220
  attr(img, "height", "auto");
@@ -5206,7 +5276,7 @@ function create_fragment$n(ctx) {
5206
5276
  c() {
5207
5277
  div = element("div");
5208
5278
  create_component(button.$$.fragment);
5209
- attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m");
5279
+ attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
5210
5280
  },
5211
5281
  m(target, anchor) {
5212
5282
  insert(target, div, anchor);
@@ -5225,7 +5295,7 @@ function create_fragment$n(ctx) {
5225
5295
 
5226
5296
  button.$set(button_changes);
5227
5297
 
5228
- if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m")) {
5298
+ if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
5229
5299
  attr(div, "class", div_class_value);
5230
5300
  }
5231
5301
  },
@@ -5297,7 +5367,7 @@ class ImageElement extends SvelteComponent {
5297
5367
  /* src/components/List.svelte generated by Svelte v3.53.1 */
5298
5368
 
5299
5369
  function add_css$l(target) {
5300
- 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}");
5370
+ 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}");
5301
5371
  }
5302
5372
 
5303
5373
  function create_fragment$m(ctx) {
@@ -5310,7 +5380,7 @@ function create_fragment$m(ctx) {
5310
5380
  c() {
5311
5381
  div = element("div");
5312
5382
  if (default_slot) default_slot.c();
5313
- attr(div, "class", "list svelte-1t8r9z");
5383
+ attr(div, "class", "list svelte-aquv6z");
5314
5384
  attr(div, "style", /*style*/ ctx[0]);
5315
5385
  },
5316
5386
  m(target, anchor) {
@@ -5444,7 +5514,7 @@ class List extends SvelteComponent {
5444
5514
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
5445
5515
 
5446
5516
  function add_css$k(target) {
5447
- 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}");
5517
+ 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}");
5448
5518
  }
5449
5519
 
5450
5520
  // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
@@ -5514,7 +5584,7 @@ function create_fragment$l(ctx) {
5514
5584
  c() {
5515
5585
  div = element("div");
5516
5586
  create_component(button.$$.fragment);
5517
- attr(div, "class", "list-item svelte-1lbw8v2");
5587
+ attr(div, "class", "list-item svelte-9n97pe");
5518
5588
  attr(div, "style", /*listItemStyle*/ ctx[3]);
5519
5589
  },
5520
5590
  m(target, anchor) {
@@ -5640,7 +5710,7 @@ class ListItem extends SvelteComponent {
5640
5710
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
5641
5711
 
5642
5712
  function add_css$j(target) {
5643
- 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}");
5713
+ 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}");
5644
5714
  }
5645
5715
 
5646
5716
  function create_fragment$k(ctx) {
@@ -5649,7 +5719,7 @@ function create_fragment$k(ctx) {
5649
5719
  return {
5650
5720
  c() {
5651
5721
  div = element("div");
5652
- attr(div, "class", "embed svelte-w6jkzh");
5722
+ attr(div, "class", "embed svelte-wocq4p");
5653
5723
  attr(div, "style", /*_style*/ ctx[1]);
5654
5724
  },
5655
5725
  m(target, anchor) {
@@ -5692,7 +5762,7 @@ class EmbedElement extends SvelteComponent {
5692
5762
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
5693
5763
 
5694
5764
  function add_css$i(target) {
5695
- 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%}");
5765
+ 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%}");
5696
5766
  }
5697
5767
 
5698
5768
  function create_fragment$j(ctx) {
@@ -5704,7 +5774,7 @@ function create_fragment$j(ctx) {
5704
5774
  div1 = element("div");
5705
5775
  div0 = element("div");
5706
5776
  attr(div0, "class", "karte-player");
5707
- attr(div1, "class", "embed svelte-ljxq7x");
5777
+ attr(div1, "class", "embed svelte-vikz49");
5708
5778
  attr(div1, "style", /*_style*/ ctx[0]);
5709
5779
  },
5710
5780
  m(target, anchor) {
@@ -6046,7 +6116,7 @@ class MovieYouTubeElement extends SvelteComponent {
6046
6116
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6047
6117
 
6048
6118
  function add_css$h(target) {
6049
- 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%}");
6119
+ 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%}");
6050
6120
  }
6051
6121
 
6052
6122
  function create_fragment$i(ctx) {
@@ -6058,7 +6128,7 @@ function create_fragment$i(ctx) {
6058
6128
  div1 = element("div");
6059
6129
  div0 = element("div");
6060
6130
  attr(div0, "class", "karte-player");
6061
- attr(div1, "class", "embed svelte-ljxq7x");
6131
+ attr(div1, "class", "embed svelte-vikz49");
6062
6132
  attr(div1, "style", /*_style*/ ctx[0]);
6063
6133
  },
6064
6134
  m(target, anchor) {
@@ -6242,7 +6312,7 @@ class MovieVimeoElement extends SvelteComponent {
6242
6312
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
6243
6313
 
6244
6314
  function add_css$g(target) {
6245
- 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}");
6315
+ append_styles(target, "svelte-zxvkkc", ".textarea-wrapper.svelte-zxvkkc{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-zxvkkc{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.textarea.svelte-zxvkkc::placeholder{color:var(--placeholder-color)}.textarea.svelte-zxvkkc:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
6246
6316
  }
6247
6317
 
6248
6318
  function create_fragment$h(ctx) {
@@ -6255,37 +6325,42 @@ function create_fragment$h(ctx) {
6255
6325
  c() {
6256
6326
  div = element("div");
6257
6327
  textarea = element("textarea");
6258
- attr(textarea, "class", "textarea svelte-13z4kn0");
6259
- textarea.value = /*$value*/ ctx[3];
6260
- textarea.required = /*required*/ ctx[0];
6261
- attr(textarea, "rows", /*rows*/ ctx[1]);
6262
- attr(textarea, "placeholder", /*placeholder*/ ctx[2]);
6263
- attr(div, "class", "textarea-wrapper svelte-13z4kn0");
6328
+ attr(textarea, "class", "textarea svelte-zxvkkc");
6329
+ textarea.value = /*$value*/ ctx[4];
6330
+ textarea.required = /*required*/ ctx[1];
6331
+ attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
6332
+ attr(textarea, "style", /*style*/ ctx[3]);
6333
+ attr(div, "class", "textarea-wrapper svelte-zxvkkc");
6334
+ attr(div, "style", /*styleVariables*/ ctx[2]);
6264
6335
  },
6265
6336
  m(target, anchor) {
6266
6337
  insert(target, div, anchor);
6267
6338
  append(div, textarea);
6268
6339
 
6269
6340
  if (!mounted) {
6270
- dispose = listen(textarea, "input", /*handleInput*/ ctx[5]);
6341
+ dispose = listen(textarea, "input", /*handleInput*/ ctx[6]);
6271
6342
  mounted = true;
6272
6343
  }
6273
6344
  },
6274
6345
  p(ctx, [dirty]) {
6275
- if (dirty & /*$value*/ 8) {
6276
- textarea.value = /*$value*/ ctx[3];
6346
+ if (dirty & /*$value*/ 16) {
6347
+ textarea.value = /*$value*/ ctx[4];
6348
+ }
6349
+
6350
+ if (dirty & /*required*/ 2) {
6351
+ textarea.required = /*required*/ ctx[1];
6277
6352
  }
6278
6353
 
6279
- if (dirty & /*required*/ 1) {
6280
- textarea.required = /*required*/ ctx[0];
6354
+ if (dirty & /*placeholder*/ 1) {
6355
+ attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
6281
6356
  }
6282
6357
 
6283
- if (dirty & /*rows*/ 2) {
6284
- attr(textarea, "rows", /*rows*/ ctx[1]);
6358
+ if (dirty & /*style*/ 8) {
6359
+ attr(textarea, "style", /*style*/ ctx[3]);
6285
6360
  }
6286
6361
 
6287
- if (dirty & /*placeholder*/ 4) {
6288
- attr(textarea, "placeholder", /*placeholder*/ ctx[2]);
6362
+ if (dirty & /*styleVariables*/ 4) {
6363
+ attr(div, "style", /*styleVariables*/ ctx[2]);
6289
6364
  }
6290
6365
  },
6291
6366
  i: noop,
@@ -6299,11 +6374,17 @@ function create_fragment$h(ctx) {
6299
6374
  }
6300
6375
 
6301
6376
  function instance$h($$self, $$props, $$invalidate) {
6377
+ let style;
6378
+ let styleVariables;
6302
6379
  let $value;
6303
6380
  let { name = '' } = $$props;
6381
+ let { placeholder = '回答を入力してください' } = $$props;
6304
6382
  let { required = true } = $$props;
6305
- let { rows = 2 } = $$props;
6306
- let { placeholder = '' } = $$props;
6383
+ let { _style = '' } = $$props;
6384
+ let { _focusStyle = 'border-width: 2px; border-color: #2aab9f; border-style: solid' } = $$props;
6385
+ let { font = SYSTEM_FONT } = $$props;
6386
+ let { _textStyle = '' } = $$props;
6387
+ let { _placeholderStyle = 'color: #ccc;' } = $$props;
6307
6388
  const { path: statePath } = getStateItemContext();
6308
6389
 
6309
6390
  const value = registerInput({
@@ -6315,7 +6396,7 @@ function instance$h($$self, $$props, $$invalidate) {
6315
6396
  }
6316
6397
  });
6317
6398
 
6318
- component_subscribe($$self, value, value => $$invalidate(3, $value = value));
6399
+ component_subscribe($$self, value, value => $$invalidate(4, $value = value));
6319
6400
 
6320
6401
  function handleInput(event) {
6321
6402
  const updated = event.target.value;
@@ -6323,13 +6404,54 @@ function instance$h($$self, $$props, $$invalidate) {
6323
6404
  }
6324
6405
 
6325
6406
  $$self.$$set = $$props => {
6326
- if ('name' in $$props) $$invalidate(6, name = $$props.name);
6327
- if ('required' in $$props) $$invalidate(0, required = $$props.required);
6328
- if ('rows' in $$props) $$invalidate(1, rows = $$props.rows);
6329
- if ('placeholder' in $$props) $$invalidate(2, placeholder = $$props.placeholder);
6407
+ if ('name' in $$props) $$invalidate(7, name = $$props.name);
6408
+ if ('placeholder' in $$props) $$invalidate(0, placeholder = $$props.placeholder);
6409
+ if ('required' in $$props) $$invalidate(1, required = $$props.required);
6410
+ if ('_style' in $$props) $$invalidate(8, _style = $$props._style);
6411
+ if ('_focusStyle' in $$props) $$invalidate(9, _focusStyle = $$props._focusStyle);
6412
+ if ('font' in $$props) $$invalidate(10, font = $$props.font);
6413
+ if ('_textStyle' in $$props) $$invalidate(11, _textStyle = $$props._textStyle);
6414
+ if ('_placeholderStyle' in $$props) $$invalidate(12, _placeholderStyle = $$props._placeholderStyle);
6415
+ };
6416
+
6417
+ $$self.$$.update = () => {
6418
+ if ($$self.$$.dirty & /*font*/ 1024) {
6419
+ addFont(font);
6420
+ }
6421
+
6422
+ if ($$self.$$.dirty & /*_style, _textStyle, font*/ 3328) {
6423
+ $$invalidate(3, style = [..._style.split(';'), ..._textStyle.split(';'), `font-family:${font}`].join(';'));
6424
+ }
6425
+
6426
+ if ($$self.$$.dirty & /*_focusStyle, _placeholderStyle*/ 4608) {
6427
+ $$invalidate(2, styleVariables = (() => {
6428
+ const variables = {};
6429
+ const focusStyleObj = parseStyle(_focusStyle);
6430
+ const placeholderStyle = parseStyle(_placeholderStyle);
6431
+ if (focusStyleObj['border-width']) variables['--focus-border-width'] = focusStyleObj['border-width'];
6432
+ if (focusStyleObj['border-color']) variables['--focus-border-color'] = focusStyleObj['border-color'];
6433
+ if (focusStyleObj['border-style']) variables['--focus-border-style'] = focusStyleObj['border-style'];
6434
+ if (placeholderStyle.color) variables['--placeholder-color'] = placeholderStyle.color;
6435
+ return stringifyStyleObj(variables);
6436
+ })());
6437
+ }
6330
6438
  };
6331
6439
 
6332
- return [required, rows, placeholder, $value, value, handleInput, name];
6440
+ return [
6441
+ placeholder,
6442
+ required,
6443
+ styleVariables,
6444
+ style,
6445
+ $value,
6446
+ value,
6447
+ handleInput,
6448
+ name,
6449
+ _style,
6450
+ _focusStyle,
6451
+ font,
6452
+ _textStyle,
6453
+ _placeholderStyle
6454
+ ];
6333
6455
  }
6334
6456
 
6335
6457
  class FormTextarea extends SvelteComponent {
@@ -6343,10 +6465,14 @@ class FormTextarea extends SvelteComponent {
6343
6465
  create_fragment$h,
6344
6466
  safe_not_equal,
6345
6467
  {
6346
- name: 6,
6347
- required: 0,
6348
- rows: 1,
6349
- placeholder: 2
6468
+ name: 7,
6469
+ placeholder: 0,
6470
+ required: 1,
6471
+ _style: 8,
6472
+ _focusStyle: 9,
6473
+ font: 10,
6474
+ _textStyle: 11,
6475
+ _placeholderStyle: 12
6350
6476
  },
6351
6477
  add_css$g
6352
6478
  );
@@ -6356,17 +6482,17 @@ class FormTextarea extends SvelteComponent {
6356
6482
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
6357
6483
 
6358
6484
  function add_css$f(target) {
6359
- 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}");
6485
+ 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}");
6360
6486
  }
6361
6487
 
6362
6488
  function get_each_context$5(ctx, list, i) {
6363
6489
  const child_ctx = ctx.slice();
6364
- child_ctx[16] = list[i];
6365
- child_ctx[18] = i;
6490
+ child_ctx[17] = list[i];
6491
+ child_ctx[19] = i;
6366
6492
  return child_ctx;
6367
6493
  }
6368
6494
 
6369
- // (98:2) {#each _options as option, i}
6495
+ // (99:2) {#each _options as option, i}
6370
6496
  function create_each_block$5(ctx) {
6371
6497
  let label;
6372
6498
  let input;
@@ -6374,8 +6500,9 @@ function create_each_block$5(ctx) {
6374
6500
  let input_checked_value;
6375
6501
  let t0;
6376
6502
  let span;
6377
- let t1_value = /*option*/ ctx[16] + "";
6503
+ let t1_value = /*option*/ ctx[17] + "";
6378
6504
  let t1;
6505
+ let span_style_value;
6379
6506
  let t2;
6380
6507
  let mounted;
6381
6508
  let dispose;
@@ -6389,14 +6516,14 @@ function create_each_block$5(ctx) {
6389
6516
  t1 = text(t1_value);
6390
6517
  t2 = space();
6391
6518
  attr(input, "type", "radio");
6392
- attr(input, "class", "radio-button-input svelte-1ntb6j8");
6519
+ attr(input, "class", "radio-button-input svelte-17s08g");
6393
6520
  attr(input, "style", /*buttonStyle*/ ctx[5]);
6394
6521
  attr(input, "name", /*name*/ ctx[0]);
6395
- input.value = input_value_value = /*option*/ ctx[16];
6396
- input.checked = input_checked_value = /*option*/ ctx[16] === /*_value*/ ctx[3];
6397
- attr(span, "class", "radio-button-text svelte-1ntb6j8");
6398
- attr(span, "style", /*_textStyle*/ ctx[2]);
6399
- attr(label, "class", "radio-button svelte-1ntb6j8");
6522
+ input.value = input_value_value = /*option*/ ctx[17];
6523
+ input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
6524
+ attr(span, "class", "radio-button-text svelte-17s08g");
6525
+ attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
6526
+ attr(label, "class", "radio-button svelte-17s08g");
6400
6527
  },
6401
6528
  m(target, anchor) {
6402
6529
  insert(target, label, anchor);
@@ -6407,7 +6534,7 @@ function create_each_block$5(ctx) {
6407
6534
  append(label, t2);
6408
6535
 
6409
6536
  if (!mounted) {
6410
- dispose = listen(input, "change", /*handleChange*/ ctx[7](/*i*/ ctx[18]));
6537
+ dispose = listen(input, "change", /*handleChange*/ ctx[8](/*i*/ ctx[19]));
6411
6538
  mounted = true;
6412
6539
  }
6413
6540
  },
@@ -6422,18 +6549,18 @@ function create_each_block$5(ctx) {
6422
6549
  attr(input, "name", /*name*/ ctx[0]);
6423
6550
  }
6424
6551
 
6425
- if (dirty & /*_options*/ 16 && input_value_value !== (input_value_value = /*option*/ ctx[16])) {
6552
+ if (dirty & /*_options*/ 16 && input_value_value !== (input_value_value = /*option*/ ctx[17])) {
6426
6553
  input.value = input_value_value;
6427
6554
  }
6428
6555
 
6429
- if (dirty & /*_options, _value*/ 24 && input_checked_value !== (input_checked_value = /*option*/ ctx[16] === /*_value*/ ctx[3])) {
6556
+ if (dirty & /*_options, _value*/ 24 && input_checked_value !== (input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3])) {
6430
6557
  input.checked = input_checked_value;
6431
6558
  }
6432
6559
 
6433
- if (dirty & /*_options*/ 16 && t1_value !== (t1_value = /*option*/ ctx[16] + "")) set_data(t1, t1_value);
6560
+ if (dirty & /*_options*/ 16 && t1_value !== (t1_value = /*option*/ ctx[17] + "")) set_data(t1, t1_value);
6434
6561
 
6435
- if (dirty & /*_textStyle*/ 4) {
6436
- attr(span, "style", /*_textStyle*/ ctx[2]);
6562
+ if (dirty & /*_textStyle*/ 4 && span_style_value !== (span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`)) {
6563
+ attr(span, "style", span_style_value);
6437
6564
  }
6438
6565
  },
6439
6566
  d(detaching) {
@@ -6461,7 +6588,7 @@ function create_fragment$g(ctx) {
6461
6588
  each_blocks[i].c();
6462
6589
  }
6463
6590
 
6464
- attr(div, "class", "radio-buttons svelte-1ntb6j8");
6591
+ attr(div, "class", "radio-buttons svelte-17s08g");
6465
6592
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
6466
6593
  },
6467
6594
  m(target, anchor) {
@@ -6472,7 +6599,7 @@ function create_fragment$g(ctx) {
6472
6599
  }
6473
6600
  },
6474
6601
  p(ctx, [dirty]) {
6475
- if (dirty & /*_textStyle, _options, buttonStyle, name, _value, handleChange*/ 189) {
6602
+ if (dirty & /*_textStyle, fontCss, _options, buttonStyle, name, _value, handleChange*/ 381) {
6476
6603
  each_value = /*_options*/ ctx[4];
6477
6604
  let i;
6478
6605
 
@@ -6518,6 +6645,7 @@ function instance$g($$self, $$props, $$invalidate) {
6518
6645
  let { required = false } = $$props;
6519
6646
  let { _layoutStyle = 'flex-direction: column; gap: 0px;' } = $$props;
6520
6647
  let { font = SYSTEM_FONT } = $$props;
6648
+ const fontCss = font ? 'font-family:' + font : '';
6521
6649
  let { _textStyle = 'color: #333; font-size: 12px; line-height:1.5;' } = $$props;
6522
6650
  let { buttonSize = '16px' } = $$props;
6523
6651
  let { buttonColor = { main: '#f0f1f1', sub: '#f0f1f1' } } = $$props;
@@ -6534,7 +6662,7 @@ function instance$g($$self, $$props, $$invalidate) {
6534
6662
  }
6535
6663
  });
6536
6664
 
6537
- component_subscribe($$self, value, value => $$invalidate(14, $value = value));
6665
+ component_subscribe($$self, value, value => $$invalidate(15, $value = value));
6538
6666
 
6539
6667
  const handleChange = index => event => {
6540
6668
  if (event.target.checked) {
@@ -6544,26 +6672,26 @@ function instance$g($$self, $$props, $$invalidate) {
6544
6672
 
6545
6673
  $$self.$$set = $$props => {
6546
6674
  if ('name' in $$props) $$invalidate(0, name = $$props.name);
6547
- if ('options' in $$props) $$invalidate(8, options = $$props.options);
6548
- if ('required' in $$props) $$invalidate(9, required = $$props.required);
6675
+ if ('options' in $$props) $$invalidate(9, options = $$props.options);
6676
+ if ('required' in $$props) $$invalidate(10, required = $$props.required);
6549
6677
  if ('_layoutStyle' in $$props) $$invalidate(1, _layoutStyle = $$props._layoutStyle);
6550
- if ('font' in $$props) $$invalidate(10, font = $$props.font);
6678
+ if ('font' in $$props) $$invalidate(11, font = $$props.font);
6551
6679
  if ('_textStyle' in $$props) $$invalidate(2, _textStyle = $$props._textStyle);
6552
- if ('buttonSize' in $$props) $$invalidate(11, buttonSize = $$props.buttonSize);
6553
- if ('buttonColor' in $$props) $$invalidate(12, buttonColor = $$props.buttonColor);
6554
- if ('buttonColorActive' in $$props) $$invalidate(13, buttonColorActive = $$props.buttonColorActive);
6680
+ if ('buttonSize' in $$props) $$invalidate(12, buttonSize = $$props.buttonSize);
6681
+ if ('buttonColor' in $$props) $$invalidate(13, buttonColor = $$props.buttonColor);
6682
+ if ('buttonColorActive' in $$props) $$invalidate(14, buttonColorActive = $$props.buttonColorActive);
6555
6683
  };
6556
6684
 
6557
6685
  $$self.$$.update = () => {
6558
- if ($$self.$$.dirty & /*font*/ 1024) {
6686
+ if ($$self.$$.dirty & /*font*/ 2048) {
6559
6687
  addFont(font);
6560
6688
  }
6561
6689
 
6562
- if ($$self.$$.dirty & /*options*/ 256) {
6690
+ if ($$self.$$.dirty & /*options*/ 512) {
6563
6691
  $$invalidate(4, _options = options.split(','));
6564
6692
  }
6565
6693
 
6566
- if ($$self.$$.dirty & /*buttonColor, buttonColorActive, buttonSize*/ 14336) {
6694
+ if ($$self.$$.dirty & /*buttonColor, buttonColorActive, buttonSize*/ 28672) {
6567
6695
  $$invalidate(5, buttonStyle = (() => {
6568
6696
  return stringifyStyleObj({
6569
6697
  '--color-main': buttonColor.main,
@@ -6575,7 +6703,7 @@ function instance$g($$self, $$props, $$invalidate) {
6575
6703
  })());
6576
6704
  }
6577
6705
 
6578
- if ($$self.$$.dirty & /*$value*/ 16384) {
6706
+ if ($$self.$$.dirty & /*$value*/ 32768) {
6579
6707
  $$invalidate(3, _value = $value[0]);
6580
6708
  }
6581
6709
  };
@@ -6587,6 +6715,7 @@ function instance$g($$self, $$props, $$invalidate) {
6587
6715
  _value,
6588
6716
  _options,
6589
6717
  buttonStyle,
6718
+ fontCss,
6590
6719
  value,
6591
6720
  handleChange,
6592
6721
  options,
@@ -6611,14 +6740,14 @@ class FormRadioButtons extends SvelteComponent {
6611
6740
  safe_not_equal,
6612
6741
  {
6613
6742
  name: 0,
6614
- options: 8,
6615
- required: 9,
6743
+ options: 9,
6744
+ required: 10,
6616
6745
  _layoutStyle: 1,
6617
- font: 10,
6746
+ font: 11,
6618
6747
  _textStyle: 2,
6619
- buttonSize: 11,
6620
- buttonColor: 12,
6621
- buttonColorActive: 13
6748
+ buttonSize: 12,
6749
+ buttonColor: 13,
6750
+ buttonColorActive: 14
6622
6751
  },
6623
6752
  add_css$f
6624
6753
  );
@@ -6628,7 +6757,7 @@ class FormRadioButtons extends SvelteComponent {
6628
6757
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
6629
6758
 
6630
6759
  function add_css$e(target) {
6631
- 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}");
6760
+ 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}");
6632
6761
  }
6633
6762
 
6634
6763
  function get_each_context$4(ctx, list, i) {
@@ -6638,7 +6767,7 @@ function get_each_context$4(ctx, list, i) {
6638
6767
  return child_ctx;
6639
6768
  }
6640
6769
 
6641
- // (108:10) {:else}
6770
+ // (107:10) {:else}
6642
6771
  function create_else_block(ctx) {
6643
6772
  let t;
6644
6773
 
@@ -6658,7 +6787,7 @@ function create_else_block(ctx) {
6658
6787
  };
6659
6788
  }
6660
6789
 
6661
- // (106:10) {#if option}
6790
+ // (105:10) {#if option}
6662
6791
  function create_if_block$2(ctx) {
6663
6792
  let t_value = /*option*/ ctx[19] + "";
6664
6793
  let t;
@@ -6679,7 +6808,7 @@ function create_if_block$2(ctx) {
6679
6808
  };
6680
6809
  }
6681
6810
 
6682
- // (104:6) {#each _options as option, i}
6811
+ // (103:6) {#each _options as option, i}
6683
6812
  function create_each_block$4(ctx) {
6684
6813
  let option;
6685
6814
  let t;
@@ -6762,10 +6891,10 @@ function create_fragment$f(ctx) {
6762
6891
 
6763
6892
  t = space();
6764
6893
  div0 = element("div");
6765
- attr(select, "class", "select-select svelte-iejizj");
6894
+ attr(select, "class", "select-select svelte-t9ynyj");
6766
6895
  attr(select, "style", /*style*/ ctx[3]);
6767
- attr(div0, "class", "select-icon svelte-iejizj");
6768
- attr(div1, "class", "select svelte-iejizj");
6896
+ attr(div0, "class", "select-icon svelte-t9ynyj");
6897
+ attr(div1, "class", "select svelte-t9ynyj");
6769
6898
  attr(div1, "style", /*styleVariables*/ ctx[2]);
6770
6899
  },
6771
6900
  m(target, anchor) {
@@ -6890,11 +7019,12 @@ function instance$f($$self, $$props, $$invalidate) {
6890
7019
  $$invalidate(1, _value = $value[0]);
6891
7020
  }
6892
7021
 
6893
- if ($$self.$$.dirty & /*_style, _textStyle, _value, _placeholderStyle*/ 25602) {
7022
+ if ($$self.$$.dirty & /*_style, _textStyle, _value, _placeholderStyle, font*/ 29698) {
6894
7023
  $$invalidate(3, style = [
6895
7024
  ..._style.split(';'),
6896
7025
  ..._textStyle.split(';'),
6897
- ...!_value ? _placeholderStyle.split(';') : []
7026
+ ...!_value ? _placeholderStyle.split(';') : [],
7027
+ `font-family:${font}`
6898
7028
  ].join(';'));
6899
7029
  }
6900
7030
 
@@ -6902,11 +7032,10 @@ function instance$f($$self, $$props, $$invalidate) {
6902
7032
  $$invalidate(2, styleVariables = (() => {
6903
7033
  const variables = {};
6904
7034
  const focusStyleObj = parseStyle(_focusStyle);
6905
- const placeholderStyle = parseStyle(_placeholderStyle);
7035
+ parseStyle(_placeholderStyle);
6906
7036
  if (focusStyleObj['border-width']) variables['--focus-border-width'] = focusStyleObj['border-width'];
6907
7037
  if (focusStyleObj['border-color']) variables['--focus-border-color'] = focusStyleObj['border-color'];
6908
7038
  if (focusStyleObj['border-style']) variables['--focus-border-style'] = focusStyleObj['border-style'];
6909
- if (placeholderStyle.color) variables['--placeholder-color'] = placeholderStyle.color;
6910
7039
  variables['--icon-color'] = iconColor;
6911
7040
  variables['--icon-size'] = iconSize;
6912
7041
  return stringifyStyleObj(variables);
@@ -6967,7 +7096,7 @@ class FormSelect extends SvelteComponent {
6967
7096
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
6968
7097
 
6969
7098
  function add_css$d(target) {
6970
- 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}");
7099
+ 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}");
6971
7100
  }
6972
7101
 
6973
7102
  function get_each_context$3(ctx, list, i) {
@@ -7006,19 +7135,19 @@ function create_each_block$3(ctx) {
7006
7135
  span2 = element("span");
7007
7136
  t2 = text(t2_value);
7008
7137
  t3 = space();
7009
- attr(input, "class", "check-box-input svelte-2pz1us");
7138
+ attr(input, "class", "check-box-input svelte-1p65cg8");
7010
7139
  attr(input, "type", "checkbox");
7011
7140
  attr(input, "name", /*name*/ ctx[0]);
7012
7141
  input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
7013
- attr(span0, "class", "check-box-icon svelte-2pz1us");
7142
+ attr(span0, "class", "check-box-icon svelte-1p65cg8");
7014
7143
 
7015
7144
  attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7016
7145
  ? ' _checked'
7017
- : ''}`) + " svelte-2pz1us"));
7146
+ : ''}`) + " svelte-1p65cg8"));
7018
7147
 
7019
- attr(span2, "class", "check-box-text svelte-2pz1us");
7148
+ attr(span2, "class", "check-box-text svelte-1p65cg8");
7020
7149
  attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7021
- attr(label, "class", "check-box svelte-2pz1us");
7150
+ attr(label, "class", "check-box svelte-1p65cg8");
7022
7151
  attr(label, "style", /*styleVariables*/ ctx[5]);
7023
7152
  },
7024
7153
  m(target, anchor) {
@@ -7050,7 +7179,7 @@ function create_each_block$3(ctx) {
7050
7179
 
7051
7180
  if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7052
7181
  ? ' _checked'
7053
- : ''}`) + " svelte-2pz1us"))) {
7182
+ : ''}`) + " svelte-1p65cg8"))) {
7054
7183
  attr(span1, "class", span1_class_value);
7055
7184
  }
7056
7185
 
@@ -7089,7 +7218,7 @@ function create_fragment$e(ctx) {
7089
7218
  each_blocks[i].c();
7090
7219
  }
7091
7220
 
7092
- attr(div, "class", "check-boxes svelte-2pz1us");
7221
+ attr(div, "class", "check-boxes svelte-1p65cg8");
7093
7222
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7094
7223
  },
7095
7224
  m(target, anchor) {
@@ -7264,7 +7393,7 @@ class FormCheckBoxes extends SvelteComponent {
7264
7393
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
7265
7394
 
7266
7395
  function add_css$c(target) {
7267
- 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}");
7396
+ 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}");
7268
7397
  }
7269
7398
 
7270
7399
  function get_each_context$2(ctx, list, i) {
@@ -7288,7 +7417,7 @@ function create_each_block$2(ctx) {
7288
7417
  button = element("button");
7289
7418
  t0 = text(t0_value);
7290
7419
  t1 = space();
7291
- attr(button, "class", "rating-button svelte-18pfy31");
7420
+ attr(button, "class", "rating-button svelte-zy2va9");
7292
7421
  attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]));
7293
7422
  },
7294
7423
  m(target, anchor) {
@@ -7337,7 +7466,7 @@ function create_fragment$d(ctx) {
7337
7466
  each_blocks[i].c();
7338
7467
  }
7339
7468
 
7340
- attr(div, "class", "rating-buttons svelte-18pfy31");
7469
+ attr(div, "class", "rating-buttons svelte-zy2va9");
7341
7470
  },
7342
7471
  m(target, anchor) {
7343
7472
  insert(target, div, anchor);
@@ -7409,9 +7538,11 @@ function instance$d($$self, $$props, $$invalidate) {
7409
7538
  };
7410
7539
 
7411
7540
  function getTextButtonStyle(isActive) {
7412
- return isActive
7413
- ? [...buttonStyle.split(';'), ...buttonActiveStyle.split(';')].join(';')
7414
- : buttonStyle;
7541
+ return [
7542
+ ...buttonStyle.split(';'),
7543
+ `font-family:${font}`,
7544
+ ...isActive ? buttonActiveStyle : []
7545
+ ].join(';');
7415
7546
  }
7416
7547
 
7417
7548
  $$self.$$set = $$props => {
@@ -7474,7 +7605,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
7474
7605
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
7475
7606
 
7476
7607
  function add_css$b(target) {
7477
- 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%)}");
7608
+ 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%)}");
7478
7609
  }
7479
7610
 
7480
7611
  function get_each_context$1(ctx, list, i) {
@@ -7499,9 +7630,9 @@ function create_each_block$1(ctx) {
7499
7630
  img = element("img");
7500
7631
  t = space();
7501
7632
  if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
7502
- attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"));
7633
+ attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
7503
7634
  attr(img, "alt", "rate" + /*i*/ ctx[10]);
7504
- attr(button, "class", "rating-button svelte-1b5dvzw");
7635
+ attr(button, "class", "rating-button svelte-tbunko");
7505
7636
  attr(button, "style", /*buttonStyle*/ ctx[0]);
7506
7637
  },
7507
7638
  m(target, anchor) {
@@ -7517,7 +7648,7 @@ function create_each_block$1(ctx) {
7517
7648
  p(new_ctx, dirty) {
7518
7649
  ctx = new_ctx;
7519
7650
 
7520
- 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"))) {
7651
+ 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"))) {
7521
7652
  attr(img, "class", img_class_value);
7522
7653
  }
7523
7654
 
@@ -7550,7 +7681,7 @@ function create_fragment$c(ctx) {
7550
7681
  each_blocks[i].c();
7551
7682
  }
7552
7683
 
7553
- attr(div, "class", "rating-buttons svelte-1b5dvzw");
7684
+ attr(div, "class", "rating-buttons svelte-tbunko");
7554
7685
  },
7555
7686
  m(target, anchor) {
7556
7687
  insert(target, div, anchor);
@@ -7658,7 +7789,7 @@ class FormRatingButtonsFace extends SvelteComponent {
7658
7789
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
7659
7790
 
7660
7791
  function add_css$a(target) {
7661
- 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%}");
7792
+ 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%}");
7662
7793
  }
7663
7794
 
7664
7795
  function get_each_context(ctx, list, i) {
@@ -7687,9 +7818,9 @@ function create_if_block_1(ctx) {
7687
7818
  attr(svg, "viewBox", "0 0 10 16");
7688
7819
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
7689
7820
  attr(svg, "style", /*prevIconStyle*/ ctx[10]);
7690
- attr(button, "class", "move-button svelte-1qfq79t");
7821
+ attr(button, "class", "move-button svelte-ji1fh");
7691
7822
  attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
7692
- attr(div, "class", "prev-button-container svelte-1qfq79t");
7823
+ attr(div, "class", "prev-button-container svelte-ji1fh");
7693
7824
  },
7694
7825
  m(target, anchor) {
7695
7826
  insert(target, div, anchor);
@@ -7738,9 +7869,9 @@ function create_if_block$1(ctx) {
7738
7869
  attr(svg, "viewBox", "0 0 10 16");
7739
7870
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
7740
7871
  attr(svg, "style", /*nextIconStyle*/ ctx[8]);
7741
- attr(button, "class", "move-button svelte-1qfq79t");
7872
+ attr(button, "class", "move-button svelte-ji1fh");
7742
7873
  attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
7743
- attr(div, "class", "next-button-container svelte-1qfq79t");
7874
+ attr(div, "class", "next-button-container svelte-ji1fh");
7744
7875
  },
7745
7876
  m(target, anchor) {
7746
7877
  insert(target, div, anchor);
@@ -7788,9 +7919,9 @@ function create_each_block(ctx) {
7788
7919
  button = element("button");
7789
7920
  div = element("div");
7790
7921
  t = space();
7791
- attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
7922
+ attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
7792
7923
  attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
7793
- attr(button, "class", "navigation-item svelte-1qfq79t");
7924
+ attr(button, "class", "navigation-item svelte-ji1fh");
7794
7925
  attr(button, "style", /*navigationItemStyle*/ ctx[6]);
7795
7926
  },
7796
7927
  m(target, anchor) {
@@ -7867,14 +7998,14 @@ function create_fragment$b(ctx) {
7867
7998
  each_blocks[i].c();
7868
7999
  }
7869
8000
 
7870
- attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
8001
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
7871
8002
  attr(div0, "style", /*slideStyle*/ ctx[14]);
7872
- attr(div1, "class", "container svelte-1qfq79t");
8003
+ attr(div1, "class", "container svelte-ji1fh");
7873
8004
  attr(div1, "style", /*_style*/ ctx[0]);
7874
- attr(div2, "class", "navigation svelte-1qfq79t");
8005
+ attr(div2, "class", "navigation svelte-ji1fh");
7875
8006
  attr(div2, "style", /*navigationStyle*/ ctx[4]);
7876
8007
  set_attributes(div3, div3_data);
7877
- toggle_class(div3, "svelte-1qfq79t", true);
8008
+ toggle_class(div3, "svelte-ji1fh", true);
7878
8009
  },
7879
8010
  m(target, anchor) {
7880
8011
  insert(target, div3, anchor);
@@ -7916,7 +8047,7 @@ function create_fragment$b(ctx) {
7916
8047
  }
7917
8048
  }
7918
8049
 
7919
- if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
8050
+ if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
7920
8051
  attr(div0, "class", div0_class_value);
7921
8052
  }
7922
8053
 
@@ -7982,7 +8113,7 @@ function create_fragment$b(ctx) {
7982
8113
  }
7983
8114
 
7984
8115
  set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
7985
- toggle_class(div3, "svelte-1qfq79t", true);
8116
+ toggle_class(div3, "svelte-ji1fh", true);
7986
8117
  },
7987
8118
  i(local) {
7988
8119
  if (current) return;
@@ -8494,7 +8625,7 @@ class Slide extends SvelteComponent {
8494
8625
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
8495
8626
 
8496
8627
  function add_css$9(target) {
8497
- 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}");
8628
+ 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}");
8498
8629
  }
8499
8630
 
8500
8631
  function create_fragment$a(ctx) {
@@ -8509,9 +8640,9 @@ function create_fragment$a(ctx) {
8509
8640
  div1 = element("div");
8510
8641
  div0 = element("div");
8511
8642
  if (default_slot) default_slot.c();
8512
- attr(div0, "class", "item-inner svelte-1rv0qgo");
8643
+ attr(div0, "class", "item-inner svelte-9ygf1w");
8513
8644
  attr(div0, "style", /*_style*/ ctx[0]);
8514
- attr(div1, "class", "item svelte-1rv0qgo");
8645
+ attr(div1, "class", "item svelte-9ygf1w");
8515
8646
  attr(div1, "style", /*itemStyle*/ ctx[1]);
8516
8647
  },
8517
8648
  m(target, anchor) {
@@ -8637,7 +8768,7 @@ class SlideItem extends SvelteComponent {
8637
8768
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
8638
8769
 
8639
8770
  function add_css$8(target) {
8640
- 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}");
8771
+ 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}");
8641
8772
  }
8642
8773
 
8643
8774
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
@@ -8655,9 +8786,9 @@ function create_fragment$9(ctx) {
8655
8786
  div1 = element("div");
8656
8787
  div0 = element("div");
8657
8788
  if (default_slot) default_slot.c();
8658
- attr(div0, "class", "countdown-inner svelte-t87l6f");
8789
+ attr(div0, "class", "countdown-inner svelte-rroxiz");
8659
8790
  attr(div0, "style", /*_style*/ ctx[0]);
8660
- attr(div1, "class", "countdown svelte-t87l6f");
8791
+ attr(div1, "class", "countdown svelte-rroxiz");
8661
8792
  },
8662
8793
  m(target, anchor) {
8663
8794
  insert(target, div1, anchor);
@@ -8791,7 +8922,7 @@ class Countdown extends SvelteComponent {
8791
8922
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
8792
8923
 
8793
8924
  function add_css$7(target) {
8794
- 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}");
8925
+ 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}");
8795
8926
  }
8796
8927
 
8797
8928
  // (24:2) <Button {onClick} style={_style} {eventName}>
@@ -8861,7 +8992,7 @@ function create_fragment$8(ctx) {
8861
8992
  c() {
8862
8993
  div = element("div");
8863
8994
  create_component(button.$$.fragment);
8864
- attr(div, "class", "box svelte-1c91vpe");
8995
+ attr(div, "class", "box svelte-1ccydfy");
8865
8996
  },
8866
8997
  m(target, anchor) {
8867
8998
  insert(target, div, anchor);
@@ -8922,7 +9053,7 @@ class Box extends SvelteComponent {
8922
9053
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
8923
9054
 
8924
9055
  function add_css$6(target) {
8925
- 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)}");
9056
+ 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)}");
8926
9057
  }
8927
9058
 
8928
9059
  // (56:4) {#if svg}
@@ -9004,7 +9135,7 @@ function create_fragment$7(ctx) {
9004
9135
  c() {
9005
9136
  div = element("div");
9006
9137
  create_component(button.$$.fragment);
9007
- attr(div, "class", "icon svelte-1mk6wi4");
9138
+ attr(div, "class", "icon svelte-1mkvcuo");
9008
9139
  },
9009
9140
  m(target, anchor) {
9010
9141
  insert(target, div, anchor);
@@ -9113,7 +9244,7 @@ class IconElement extends SvelteComponent {
9113
9244
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
9114
9245
 
9115
9246
  function add_css$5(target) {
9116
- append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
9247
+ append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
9117
9248
  }
9118
9249
 
9119
9250
  function create_fragment$6(ctx) {
@@ -9139,7 +9270,7 @@ function create_fragment$6(ctx) {
9139
9270
  c() {
9140
9271
  div = element("div");
9141
9272
  if (switch_instance) create_component(switch_instance.$$.fragment);
9142
- attr(div, "class", "codeElement svelte-1ng2n51");
9273
+ attr(div, "class", "codeElement svelte-ymsb9l");
9143
9274
  attr(div, "style", /*style*/ ctx[3]);
9144
9275
  },
9145
9276
  m(target, anchor) {
@@ -9228,7 +9359,7 @@ class CodeElement extends SvelteComponent {
9228
9359
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
9229
9360
 
9230
9361
  function add_css$4(target) {
9231
- append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
9362
+ append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
9232
9363
  }
9233
9364
 
9234
9365
  function create_fragment$5(ctx) {
@@ -9242,7 +9373,7 @@ function create_fragment$5(ctx) {
9242
9373
  c() {
9243
9374
  div = element("div");
9244
9375
  if (default_slot) default_slot.c();
9245
- attr(div, "class", "flex svelte-9v2qdg");
9376
+ attr(div, "class", "flex svelte-1e71ejc");
9246
9377
  attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
9247
9378
  },
9248
9379
  m(target, anchor) {
@@ -9339,7 +9470,7 @@ class Flex extends SvelteComponent {
9339
9470
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
9340
9471
 
9341
9472
  function add_css$3(target) {
9342
- append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
9473
+ append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
9343
9474
  }
9344
9475
 
9345
9476
  function create_fragment$4(ctx) {
@@ -9352,7 +9483,7 @@ function create_fragment$4(ctx) {
9352
9483
  c() {
9353
9484
  div = element("div");
9354
9485
  if (default_slot) default_slot.c();
9355
- attr(div, "class", "flex-item svelte-164ah5d");
9486
+ attr(div, "class", "flex-item svelte-1p0bk1x");
9356
9487
  attr(div, "style", /*style*/ ctx[0]);
9357
9488
  },
9358
9489
  m(target, anchor) {
@@ -9760,7 +9891,7 @@ class GridModalState extends SvelteComponent {
9760
9891
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
9761
9892
 
9762
9893
  function add_css$2(target) {
9763
- 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%}");
9894
+ 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%}");
9764
9895
  }
9765
9896
 
9766
9897
  function create_fragment$2(ctx) {
@@ -9776,8 +9907,8 @@ function create_fragment$2(ctx) {
9776
9907
  div1 = element("div");
9777
9908
  div0 = element("div");
9778
9909
  create_component(rendertext.$$.fragment);
9779
- attr(div0, "class", "text-block-inner svelte-akic2e");
9780
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"));
9910
+ attr(div0, "class", "text-block-inner svelte-15pej1m");
9911
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
9781
9912
  attr(div1, "style", /*style*/ ctx[2]);
9782
9913
  },
9783
9914
  m(target, anchor) {
@@ -9791,7 +9922,7 @@ function create_fragment$2(ctx) {
9791
9922
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
9792
9923
  rendertext.$set(rendertext_changes);
9793
9924
 
9794
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"))) {
9925
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
9795
9926
  attr(div1, "class", div1_class_value);
9796
9927
  }
9797
9928
 
@@ -9869,7 +10000,7 @@ class TextBlock extends SvelteComponent {
9869
10000
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
9870
10001
 
9871
10002
  function add_css$1(target) {
9872
- 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)}");
10003
+ 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)}");
9873
10004
  }
9874
10005
 
9875
10006
  function create_fragment$1(ctx) {
@@ -9886,9 +10017,9 @@ function create_fragment$1(ctx) {
9886
10017
  div = element("div");
9887
10018
  button = element("button");
9888
10019
  create_component(rendertext.$$.fragment);
9889
- attr(button, "class", "text-button svelte-1c34p4n");
10020
+ attr(button, "class", "text-button svelte-ff0k6r");
9890
10021
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
9891
- attr(div, "class", "text-button-block svelte-1c34p4n");
10022
+ attr(div, "class", "text-button-block svelte-ff0k6r");
9892
10023
  attr(div, "style", /*_style*/ ctx[2]);
9893
10024
  },
9894
10025
  m(target, anchor) {
@@ -9994,7 +10125,7 @@ class TextButtonBlock extends SvelteComponent {
9994
10125
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
9995
10126
 
9996
10127
  function add_css(target) {
9997
- 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)}");
10128
+ 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)}");
9998
10129
  }
9999
10130
 
10000
10131
  function create_fragment(ctx) {
@@ -10010,14 +10141,14 @@ function create_fragment(ctx) {
10010
10141
  c() {
10011
10142
  div = element("div");
10012
10143
  img = element("img");
10013
- attr(img, "class", "image svelte-1jus6sx");
10144
+ attr(img, "class", "image svelte-1pdw891");
10014
10145
  attr(img, "loading", "lazy");
10015
10146
  attr(img, "width", "auto");
10016
10147
  attr(img, "height", "auto");
10017
10148
  attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
10018
10149
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
10019
10150
  attr(img, "alt", /*alt*/ ctx[1]);
10020
- attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"));
10151
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
10021
10152
  attr(div, "style", /*_style*/ ctx[5]);
10022
10153
  },
10023
10154
  m(target, anchor) {
@@ -10042,7 +10173,7 @@ function create_fragment(ctx) {
10042
10173
  attr(img, "alt", /*alt*/ ctx[1]);
10043
10174
  }
10044
10175
 
10045
- if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"))) {
10176
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
10046
10177
  attr(div, "class", div_class_value);
10047
10178
  }
10048
10179