@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/hydrate/index.es.js CHANGED
@@ -1324,21 +1324,49 @@ function request(url, data, cb) {
1324
1324
  'Content-Type': 'text/plain;charset=UTF-8',
1325
1325
  },
1326
1326
  body: JSON.stringify({ ...data }),
1327
- }).then(response => {
1327
+ })
1328
+ .then(response => {
1328
1329
  if (!response.ok) {
1329
- return cb(new Error(`fail to request collection api. reason: ${response.status}`));
1330
+ throw new Error(`fail to request collection api. reason: ${response.status}`);
1330
1331
  }
1331
- return cb(null, response.json());
1332
+ return response.json();
1333
+ })
1334
+ .then(data => {
1335
+ return cb(null, data);
1336
+ })
1337
+ .catch(err => {
1338
+ return cb(err, null);
1332
1339
  });
1333
1340
  }
1334
1341
  /** @internal */
1335
1342
  const loadActionTableRow = async (config, data, api_key, endpoint) => new Promise((resolve, reject) => {
1343
+ const defaultValue = config.query.default_value ?? null;
1336
1344
  const key = data[config.query.key] ?? null;
1337
1345
  if (key == null) {
1338
1346
  console.warn('key is not found. key: ', config.query.key);
1347
+ if (defaultValue != null) {
1348
+ return resolve(defaultValue);
1349
+ }
1339
1350
  return reject('key is not found.');
1340
1351
  }
1341
- return collection$1({ endpoint, api_key, table: config.query.table_name }).get(key, (err, data) => err ? reject(err) : resolve(data));
1352
+ return collection$1({ endpoint, api_key, table: config.query.table_name }).get(key, (err, data) => {
1353
+ if (err) {
1354
+ if (defaultValue != null) {
1355
+ return resolve(defaultValue);
1356
+ }
1357
+ return reject(err);
1358
+ }
1359
+ if (!Array.isArray(data)) {
1360
+ return resolve(data);
1361
+ }
1362
+ if (data.length !== 0) {
1363
+ return resolve(data[0]);
1364
+ }
1365
+ if (defaultValue != null) {
1366
+ return resolve(defaultValue);
1367
+ }
1368
+ return resolve(data);
1369
+ });
1342
1370
  });
1343
1371
  /** @internal */
1344
1372
  const loadActionTableRows = async (config, data, api_key, endpoint) => new Promise((resolve, reject) => {
@@ -1346,21 +1374,42 @@ const loadActionTableRows = async (config, data, api_key, endpoint) => new Promi
1346
1374
  console.warn('key is not defined.');
1347
1375
  return reject('key is not defined.');
1348
1376
  }
1377
+ const defaultValue = config.query.default_value ?? null;
1349
1378
  const keys = [];
1350
1379
  let hasError = false;
1351
1380
  const originalKeys = Array.isArray(config.query.key) ? config.query.key : [config.query.key];
1352
1381
  originalKeys.forEach(key => {
1353
1382
  const d = data[key];
1354
- if (d == null) {
1383
+ if (d == null || d === '') {
1355
1384
  console.warn('key is not found. key: ', key);
1356
1385
  hasError = true;
1357
1386
  }
1358
1387
  keys.push(d);
1359
1388
  });
1360
1389
  if (hasError) {
1390
+ if (defaultValue != null) {
1391
+ return resolve(defaultValue);
1392
+ }
1361
1393
  return reject('key is not found.');
1362
1394
  }
1363
- return collection$1({ endpoint, api_key, table: config.query.table_name }).get(keys, (err, data) => (err ? reject(err) : resolve(data)));
1395
+ return collection$1({ endpoint, api_key, table: config.query.table_name }).get(keys, (err, data) => {
1396
+ if (err) {
1397
+ if (defaultValue != null) {
1398
+ return resolve(defaultValue);
1399
+ }
1400
+ return reject(err);
1401
+ }
1402
+ if (!Array.isArray(data)) {
1403
+ return resolve([data]);
1404
+ }
1405
+ if (data.length !== 0) {
1406
+ return resolve(data);
1407
+ }
1408
+ if (defaultValue != null) {
1409
+ return resolve(defaultValue);
1410
+ }
1411
+ return resolve(data);
1412
+ });
1364
1413
  });
1365
1414
  /** @internal */
1366
1415
  const loadActionTableQuery = async (config, data, api_key, endpoint) => new Promise((resolve, reject) => {
@@ -1368,20 +1417,41 @@ const loadActionTableQuery = async (config, data, api_key, endpoint) => new Prom
1368
1417
  console.warn('key is not defined.');
1369
1418
  return reject('key is not defined.');
1370
1419
  }
1420
+ const defaultValue = config.query.default_value ?? null;
1371
1421
  const params = {};
1372
1422
  let hasError = false;
1373
1423
  Object.entries(config.query.params).forEach(([key, param]) => {
1374
1424
  const d = data[param];
1375
- if (d == null) {
1425
+ if (d == null || d === '') {
1376
1426
  console.warn('key is not found. param: ', param);
1377
1427
  hasError = true;
1378
1428
  }
1379
1429
  params[key] = d;
1380
1430
  });
1381
1431
  if (hasError) {
1432
+ if (defaultValue != null) {
1433
+ return resolve(defaultValue);
1434
+ }
1382
1435
  return reject('key is not found.');
1383
1436
  }
1384
- 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)));
1437
+ return collection$1({ endpoint, api_key, table: config.query.table_name }).getByQuery(config.query.query_name, params, null, (err, data) => {
1438
+ if (err) {
1439
+ if (defaultValue != null) {
1440
+ return resolve(defaultValue);
1441
+ }
1442
+ return reject(err);
1443
+ }
1444
+ if (!Array.isArray(data)) {
1445
+ return resolve([data]);
1446
+ }
1447
+ if (data.length !== 0) {
1448
+ return resolve(data);
1449
+ }
1450
+ if (defaultValue != null) {
1451
+ return resolve(defaultValue);
1452
+ }
1453
+ return resolve(data);
1454
+ });
1385
1455
  });
1386
1456
  /** @internal */
1387
1457
  const loadActionTable = async (config, data, api_key, endpoint) => {
@@ -2608,7 +2678,7 @@ class State extends SvelteComponent {
2608
2678
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
2609
2679
 
2610
2680
  function add_css$t(target) {
2611
- append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
2681
+ append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
2612
2682
  }
2613
2683
 
2614
2684
  // (23:0) {#if $state === path}
@@ -2635,7 +2705,7 @@ function create_if_block$8(ctx) {
2635
2705
  },
2636
2706
  h() {
2637
2707
  attr(div, "data-state-path", /*path*/ ctx[0]);
2638
- attr(div, "class", "state-item svelte-1amihue");
2708
+ attr(div, "class", "state-item svelte-2qb6dm");
2639
2709
  },
2640
2710
  m(target, anchor) {
2641
2711
  insert_hydration(target, div, anchor);
@@ -2997,7 +3067,7 @@ function customAnimation(node, { transform, animationStyle, delay = 0, duration
2997
3067
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
2998
3068
 
2999
3069
  function add_css$s(target) {
3000
- 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}");
3070
+ 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}");
3001
3071
  }
3002
3072
 
3003
3073
  // (9:0) {#if backgroundOverlay}
@@ -3017,7 +3087,7 @@ function create_if_block$7(ctx) {
3017
3087
  this.h();
3018
3088
  },
3019
3089
  h() {
3020
- attr(div, "class", "background svelte-g6ucc2");
3090
+ attr(div, "class", "background svelte-1d4fta");
3021
3091
  },
3022
3092
  m(target, anchor) {
3023
3093
  insert_hydration(target, div, anchor);
@@ -3132,7 +3202,7 @@ function checkStopPropagation(eventName, handler) {
3132
3202
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3133
3203
 
3134
3204
  function add_css$r(target) {
3135
- 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}");
3205
+ 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}");
3136
3206
  }
3137
3207
 
3138
3208
  // (50:0) {:else}
@@ -3171,7 +3241,7 @@ function create_else_block$3(ctx) {
3171
3241
  },
3172
3242
  h() {
3173
3243
  set_attributes(button, button_data);
3174
- toggle_class(button, "svelte-1dtbrzj", true);
3244
+ toggle_class(button, "svelte-1tg0tf", true);
3175
3245
  },
3176
3246
  m(target, anchor) {
3177
3247
  insert_hydration(target, button, anchor);
@@ -3210,7 +3280,7 @@ function create_else_block$3(ctx) {
3210
3280
  dataAttrStopPropagation('click')
3211
3281
  ]));
3212
3282
 
3213
- toggle_class(button, "svelte-1dtbrzj", true);
3283
+ toggle_class(button, "svelte-1tg0tf", true);
3214
3284
  },
3215
3285
  i(local) {
3216
3286
  if (current) return;
@@ -3251,7 +3321,7 @@ function create_if_block_2(ctx) {
3251
3321
  this.h();
3252
3322
  },
3253
3323
  h() {
3254
- attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1dtbrzj"));
3324
+ attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1tg0tf"));
3255
3325
  attr(div, "style", /*style*/ ctx[1]);
3256
3326
  },
3257
3327
  m(target, anchor) {
@@ -3351,7 +3421,7 @@ function create_if_block_1$2(ctx) {
3351
3421
  },
3352
3422
  h() {
3353
3423
  set_attributes(a, a_data);
3354
- toggle_class(a, "svelte-1dtbrzj", true);
3424
+ toggle_class(a, "svelte-1tg0tf", true);
3355
3425
  },
3356
3426
  m(target, anchor) {
3357
3427
  insert_hydration(target, a, anchor);
@@ -3393,7 +3463,7 @@ function create_if_block_1$2(ctx) {
3393
3463
  dataAttrStopPropagation('click')
3394
3464
  ]));
3395
3465
 
3396
- toggle_class(a, "svelte-1dtbrzj", true);
3466
+ toggle_class(a, "svelte-1tg0tf", true);
3397
3467
  },
3398
3468
  i(local) {
3399
3469
  if (current) return;
@@ -3434,7 +3504,7 @@ function create_if_block$6(ctx) {
3434
3504
  this.h();
3435
3505
  },
3436
3506
  h() {
3437
- attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1dtbrzj"));
3507
+ attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1tg0tf"));
3438
3508
  attr(div, "style", /*style*/ ctx[1]);
3439
3509
  },
3440
3510
  m(target, anchor) {
@@ -3642,7 +3712,7 @@ class Button extends SvelteComponent {
3642
3712
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
3643
3713
 
3644
3714
  function add_css$q(target) {
3645
- 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}");
3715
+ 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}");
3646
3716
  }
3647
3717
 
3648
3718
  // (145:0) {#if visible}
@@ -3683,7 +3753,7 @@ function create_if_block$5(ctx) {
3683
3753
  this.h();
3684
3754
  },
3685
3755
  h() {
3686
- attr(div, "class", "modal svelte-1m1do8u");
3756
+ attr(div, "class", "modal svelte-yvwr7u");
3687
3757
  attr(div, "role", "dialog");
3688
3758
  attr(div, "aria-modal", "true");
3689
3759
  attr(div, "style", div_style_value = "" + /*pos*/ ctx[16] + " " + /*marginStyle*/ ctx[14] + " " + ElasticityStyle[/*overwriteElasticity*/ ctx[17]] + "");
@@ -3771,7 +3841,7 @@ function create_if_block_1$1(ctx) {
3771
3841
  this.h();
3772
3842
  },
3773
3843
  h() {
3774
- attr(div, "class", "close svelte-1m1do8u");
3844
+ attr(div, "class", "close svelte-yvwr7u");
3775
3845
  set_style(div, "z-index", /*$maximumZindex*/ ctx[20] + 1);
3776
3846
  },
3777
3847
  m(target, anchor) {
@@ -3896,7 +3966,7 @@ function create_default_slot$6(ctx) {
3896
3966
  this.h();
3897
3967
  },
3898
3968
  h() {
3899
- attr(div, "class", "modal-content svelte-1m1do8u");
3969
+ attr(div, "class", "modal-content svelte-yvwr7u");
3900
3970
  attr(div, "style", /*_style*/ ctx[4]);
3901
3971
  },
3902
3972
  m(target, anchor) {
@@ -4406,7 +4476,7 @@ class Grid extends SvelteComponent {
4406
4476
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
4407
4477
 
4408
4478
  function add_css$p(target) {
4409
- append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
4479
+ append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
4410
4480
  }
4411
4481
 
4412
4482
  function create_fragment$r(ctx) {
@@ -4440,8 +4510,8 @@ function create_fragment$r(ctx) {
4440
4510
  this.h();
4441
4511
  },
4442
4512
  h() {
4443
- attr(div0, "class", "grid-item-inner svelte-1cryhmb");
4444
- attr(div1, "class", "grid-item svelte-1cryhmb");
4513
+ attr(div0, "class", "grid-item-inner svelte-n7kdl3");
4514
+ attr(div1, "class", "grid-item svelte-n7kdl3");
4445
4515
  attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
4446
4516
  attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
4447
4517
  attr(div1, "style", /*_style*/ ctx[1]);
@@ -4763,7 +4833,7 @@ class RenderText extends SvelteComponent {
4763
4833
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
4764
4834
 
4765
4835
  function add_css$o(target) {
4766
- 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}");
4836
+ 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}");
4767
4837
  }
4768
4838
 
4769
4839
  // (94:2) {:else}
@@ -4793,8 +4863,8 @@ function create_else_block$1(ctx) {
4793
4863
  this.h();
4794
4864
  },
4795
4865
  h() {
4796
- attr(div0, "class", "text-element-inner svelte-vz6867");
4797
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
4866
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
4867
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
4798
4868
  attr(div1, "style", /*style*/ ctx[5]);
4799
4869
  },
4800
4870
  m(target, anchor) {
@@ -4808,7 +4878,7 @@ function create_else_block$1(ctx) {
4808
4878
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
4809
4879
  rendertext.$set(rendertext_changes);
4810
4880
 
4811
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
4881
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
4812
4882
  attr(div1, "class", div1_class_value);
4813
4883
  }
4814
4884
 
@@ -4883,12 +4953,12 @@ function create_if_block$3(ctx) {
4883
4953
  this.h();
4884
4954
  },
4885
4955
  h() {
4886
- attr(div0, "class", "text-element-inner svelte-vz6867");
4956
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
4887
4957
  attr(a, "href", '');
4888
- attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
4958
+ attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
4889
4959
  attr(a, "style", /*style*/ ctx[5]);
4890
- attr(div1, "class", "tooltip svelte-vz6867");
4891
- attr(div2, "class", "tooltip tooltip-error svelte-vz6867");
4960
+ attr(div1, "class", "tooltip svelte-9ixs0b");
4961
+ attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
4892
4962
  },
4893
4963
  m(target, anchor) {
4894
4964
  insert_hydration(target, a, anchor);
@@ -4914,7 +4984,7 @@ function create_if_block$3(ctx) {
4914
4984
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
4915
4985
  rendertext.$set(rendertext_changes);
4916
4986
 
4917
- 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"))) {
4987
+ 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"))) {
4918
4988
  attr(a, "class", a_class_value);
4919
4989
  }
4920
4990
 
@@ -4976,7 +5046,7 @@ function create_fragment$p(ctx) {
4976
5046
  this.h();
4977
5047
  },
4978
5048
  h() {
4979
- attr(div, "class", "text-element-wrapper svelte-vz6867");
5049
+ attr(div, "class", "text-element-wrapper svelte-9ixs0b");
4980
5050
  },
4981
5051
  m(target, anchor) {
4982
5052
  insert_hydration(target, div, anchor);
@@ -5142,7 +5212,7 @@ class TextElement extends SvelteComponent {
5142
5212
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5143
5213
 
5144
5214
  function add_css$n(target) {
5145
- 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)}");
5215
+ 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)}");
5146
5216
  }
5147
5217
 
5148
5218
  // (48:2) <Button {onClick} {style} {eventName}>
@@ -5211,7 +5281,7 @@ function create_fragment$o(ctx) {
5211
5281
  this.h();
5212
5282
  },
5213
5283
  h() {
5214
- attr(div, "class", "text-button-element svelte-ujdxfc");
5284
+ attr(div, "class", "text-button-element svelte-1vg84sc");
5215
5285
  },
5216
5286
  m(target, anchor) {
5217
5287
  insert_hydration(target, div, anchor);
@@ -5303,7 +5373,7 @@ class TextButtonElement extends SvelteComponent {
5303
5373
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5304
5374
 
5305
5375
  function add_css$m(target) {
5306
- 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%}");
5376
+ 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%}");
5307
5377
  }
5308
5378
 
5309
5379
  // (44:2) <Button {onClick} style={_style} {eventName}>
@@ -5331,7 +5401,7 @@ function create_default_slot$4(ctx) {
5331
5401
  this.h();
5332
5402
  },
5333
5403
  h() {
5334
- attr(img, "class", "image svelte-1alkh1m");
5404
+ attr(img, "class", "image svelte-t6tu0e");
5335
5405
  attr(img, "loading", "lazy");
5336
5406
  attr(img, "width", "auto");
5337
5407
  attr(img, "height", "auto");
@@ -5403,7 +5473,7 @@ function create_fragment$n(ctx) {
5403
5473
  this.h();
5404
5474
  },
5405
5475
  h() {
5406
- attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m");
5476
+ attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
5407
5477
  },
5408
5478
  m(target, anchor) {
5409
5479
  insert_hydration(target, div, anchor);
@@ -5422,7 +5492,7 @@ function create_fragment$n(ctx) {
5422
5492
 
5423
5493
  button.$set(button_changes);
5424
5494
 
5425
- if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m")) {
5495
+ if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
5426
5496
  attr(div, "class", div_class_value);
5427
5497
  }
5428
5498
  },
@@ -5494,7 +5564,7 @@ class ImageElement extends SvelteComponent {
5494
5564
  /* src/components/List.svelte generated by Svelte v3.53.1 */
5495
5565
 
5496
5566
  function add_css$l(target) {
5497
- 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}");
5567
+ 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}");
5498
5568
  }
5499
5569
 
5500
5570
  function create_fragment$m(ctx) {
@@ -5517,7 +5587,7 @@ function create_fragment$m(ctx) {
5517
5587
  this.h();
5518
5588
  },
5519
5589
  h() {
5520
- attr(div, "class", "list svelte-1t8r9z");
5590
+ attr(div, "class", "list svelte-aquv6z");
5521
5591
  attr(div, "style", /*style*/ ctx[0]);
5522
5592
  },
5523
5593
  m(target, anchor) {
@@ -5651,7 +5721,7 @@ class List extends SvelteComponent {
5651
5721
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
5652
5722
 
5653
5723
  function add_css$k(target) {
5654
- 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}");
5724
+ 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}");
5655
5725
  }
5656
5726
 
5657
5727
  // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
@@ -5734,7 +5804,7 @@ function create_fragment$l(ctx) {
5734
5804
  this.h();
5735
5805
  },
5736
5806
  h() {
5737
- attr(div, "class", "list-item svelte-1lbw8v2");
5807
+ attr(div, "class", "list-item svelte-9n97pe");
5738
5808
  attr(div, "style", /*listItemStyle*/ ctx[3]);
5739
5809
  },
5740
5810
  m(target, anchor) {
@@ -5860,7 +5930,7 @@ class ListItem extends SvelteComponent {
5860
5930
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
5861
5931
 
5862
5932
  function add_css$j(target) {
5863
- 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}");
5933
+ 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}");
5864
5934
  }
5865
5935
 
5866
5936
  function create_fragment$k(ctx) {
@@ -5878,7 +5948,7 @@ function create_fragment$k(ctx) {
5878
5948
  this.h();
5879
5949
  },
5880
5950
  h() {
5881
- attr(div, "class", "embed svelte-w6jkzh");
5951
+ attr(div, "class", "embed svelte-wocq4p");
5882
5952
  attr(div, "style", /*_style*/ ctx[1]);
5883
5953
  },
5884
5954
  m(target, anchor) {
@@ -5921,7 +5991,7 @@ class EmbedElement extends SvelteComponent {
5921
5991
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
5922
5992
 
5923
5993
  function add_css$i(target) {
5924
- 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%}");
5994
+ 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%}");
5925
5995
  }
5926
5996
 
5927
5997
  function create_fragment$j(ctx) {
@@ -5944,7 +6014,7 @@ function create_fragment$j(ctx) {
5944
6014
  },
5945
6015
  h() {
5946
6016
  attr(div0, "class", "karte-player");
5947
- attr(div1, "class", "embed svelte-ljxq7x");
6017
+ attr(div1, "class", "embed svelte-vikz49");
5948
6018
  attr(div1, "style", /*_style*/ ctx[0]);
5949
6019
  },
5950
6020
  m(target, anchor) {
@@ -6286,7 +6356,7 @@ class MovieYouTubeElement extends SvelteComponent {
6286
6356
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6287
6357
 
6288
6358
  function add_css$h(target) {
6289
- 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%}");
6359
+ 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%}");
6290
6360
  }
6291
6361
 
6292
6362
  function create_fragment$i(ctx) {
@@ -6309,7 +6379,7 @@ function create_fragment$i(ctx) {
6309
6379
  },
6310
6380
  h() {
6311
6381
  attr(div0, "class", "karte-player");
6312
- attr(div1, "class", "embed svelte-ljxq7x");
6382
+ attr(div1, "class", "embed svelte-vikz49");
6313
6383
  attr(div1, "style", /*_style*/ ctx[0]);
6314
6384
  },
6315
6385
  m(target, anchor) {
@@ -6493,7 +6563,7 @@ class MovieVimeoElement extends SvelteComponent {
6493
6563
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
6494
6564
 
6495
6565
  function add_css$g(target) {
6496
- 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}");
6566
+ 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}");
6497
6567
  }
6498
6568
 
6499
6569
  function create_fragment$h(ctx) {
@@ -6509,13 +6579,13 @@ function create_fragment$h(ctx) {
6509
6579
  this.h();
6510
6580
  },
6511
6581
  l(nodes) {
6512
- div = claim_element(nodes, "DIV", { class: true });
6582
+ div = claim_element(nodes, "DIV", { class: true, style: true });
6513
6583
  var div_nodes = children(div);
6514
6584
 
6515
6585
  textarea = claim_element(div_nodes, "TEXTAREA", {
6516
6586
  class: true,
6517
- rows: true,
6518
- placeholder: true
6587
+ placeholder: true,
6588
+ style: true
6519
6589
  });
6520
6590
 
6521
6591
  children(textarea).forEach(detach);
@@ -6523,37 +6593,42 @@ function create_fragment$h(ctx) {
6523
6593
  this.h();
6524
6594
  },
6525
6595
  h() {
6526
- attr(textarea, "class", "textarea svelte-13z4kn0");
6527
- textarea.value = /*$value*/ ctx[3];
6528
- textarea.required = /*required*/ ctx[0];
6529
- attr(textarea, "rows", /*rows*/ ctx[1]);
6530
- attr(textarea, "placeholder", /*placeholder*/ ctx[2]);
6531
- attr(div, "class", "textarea-wrapper svelte-13z4kn0");
6596
+ attr(textarea, "class", "textarea svelte-zxvkkc");
6597
+ textarea.value = /*$value*/ ctx[4];
6598
+ textarea.required = /*required*/ ctx[1];
6599
+ attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
6600
+ attr(textarea, "style", /*style*/ ctx[3]);
6601
+ attr(div, "class", "textarea-wrapper svelte-zxvkkc");
6602
+ attr(div, "style", /*styleVariables*/ ctx[2]);
6532
6603
  },
6533
6604
  m(target, anchor) {
6534
6605
  insert_hydration(target, div, anchor);
6535
6606
  append_hydration(div, textarea);
6536
6607
 
6537
6608
  if (!mounted) {
6538
- dispose = listen(textarea, "input", /*handleInput*/ ctx[5]);
6609
+ dispose = listen(textarea, "input", /*handleInput*/ ctx[6]);
6539
6610
  mounted = true;
6540
6611
  }
6541
6612
  },
6542
6613
  p(ctx, [dirty]) {
6543
- if (dirty & /*$value*/ 8) {
6544
- textarea.value = /*$value*/ ctx[3];
6614
+ if (dirty & /*$value*/ 16) {
6615
+ textarea.value = /*$value*/ ctx[4];
6545
6616
  }
6546
6617
 
6547
- if (dirty & /*required*/ 1) {
6548
- textarea.required = /*required*/ ctx[0];
6618
+ if (dirty & /*required*/ 2) {
6619
+ textarea.required = /*required*/ ctx[1];
6549
6620
  }
6550
6621
 
6551
- if (dirty & /*rows*/ 2) {
6552
- attr(textarea, "rows", /*rows*/ ctx[1]);
6622
+ if (dirty & /*placeholder*/ 1) {
6623
+ attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
6553
6624
  }
6554
6625
 
6555
- if (dirty & /*placeholder*/ 4) {
6556
- attr(textarea, "placeholder", /*placeholder*/ ctx[2]);
6626
+ if (dirty & /*style*/ 8) {
6627
+ attr(textarea, "style", /*style*/ ctx[3]);
6628
+ }
6629
+
6630
+ if (dirty & /*styleVariables*/ 4) {
6631
+ attr(div, "style", /*styleVariables*/ ctx[2]);
6557
6632
  }
6558
6633
  },
6559
6634
  i: noop,
@@ -6567,11 +6642,17 @@ function create_fragment$h(ctx) {
6567
6642
  }
6568
6643
 
6569
6644
  function instance$h($$self, $$props, $$invalidate) {
6645
+ let style;
6646
+ let styleVariables;
6570
6647
  let $value;
6571
6648
  let { name = '' } = $$props;
6649
+ let { placeholder = '回答を入力してください' } = $$props;
6572
6650
  let { required = true } = $$props;
6573
- let { rows = 2 } = $$props;
6574
- let { placeholder = '' } = $$props;
6651
+ let { _style = '' } = $$props;
6652
+ let { _focusStyle = 'border-width: 2px; border-color: #2aab9f; border-style: solid' } = $$props;
6653
+ let { font = SYSTEM_FONT } = $$props;
6654
+ let { _textStyle = '' } = $$props;
6655
+ let { _placeholderStyle = 'color: #ccc;' } = $$props;
6575
6656
  const { path: statePath } = getStateItemContext();
6576
6657
 
6577
6658
  const value = registerInput({
@@ -6583,7 +6664,7 @@ function instance$h($$self, $$props, $$invalidate) {
6583
6664
  }
6584
6665
  });
6585
6666
 
6586
- component_subscribe($$self, value, value => $$invalidate(3, $value = value));
6667
+ component_subscribe($$self, value, value => $$invalidate(4, $value = value));
6587
6668
 
6588
6669
  function handleInput(event) {
6589
6670
  const updated = event.target.value;
@@ -6591,13 +6672,54 @@ function instance$h($$self, $$props, $$invalidate) {
6591
6672
  }
6592
6673
 
6593
6674
  $$self.$$set = $$props => {
6594
- if ('name' in $$props) $$invalidate(6, name = $$props.name);
6595
- if ('required' in $$props) $$invalidate(0, required = $$props.required);
6596
- if ('rows' in $$props) $$invalidate(1, rows = $$props.rows);
6597
- if ('placeholder' in $$props) $$invalidate(2, placeholder = $$props.placeholder);
6675
+ if ('name' in $$props) $$invalidate(7, name = $$props.name);
6676
+ if ('placeholder' in $$props) $$invalidate(0, placeholder = $$props.placeholder);
6677
+ if ('required' in $$props) $$invalidate(1, required = $$props.required);
6678
+ if ('_style' in $$props) $$invalidate(8, _style = $$props._style);
6679
+ if ('_focusStyle' in $$props) $$invalidate(9, _focusStyle = $$props._focusStyle);
6680
+ if ('font' in $$props) $$invalidate(10, font = $$props.font);
6681
+ if ('_textStyle' in $$props) $$invalidate(11, _textStyle = $$props._textStyle);
6682
+ if ('_placeholderStyle' in $$props) $$invalidate(12, _placeholderStyle = $$props._placeholderStyle);
6598
6683
  };
6599
6684
 
6600
- return [required, rows, placeholder, $value, value, handleInput, name];
6685
+ $$self.$$.update = () => {
6686
+ if ($$self.$$.dirty & /*font*/ 1024) {
6687
+ addFont(font);
6688
+ }
6689
+
6690
+ if ($$self.$$.dirty & /*_style, _textStyle, font*/ 3328) {
6691
+ $$invalidate(3, style = [..._style.split(';'), ..._textStyle.split(';'), `font-family:${font}`].join(';'));
6692
+ }
6693
+
6694
+ if ($$self.$$.dirty & /*_focusStyle, _placeholderStyle*/ 4608) {
6695
+ $$invalidate(2, styleVariables = (() => {
6696
+ const variables = {};
6697
+ const focusStyleObj = parseStyle(_focusStyle);
6698
+ const placeholderStyle = parseStyle(_placeholderStyle);
6699
+ if (focusStyleObj['border-width']) variables['--focus-border-width'] = focusStyleObj['border-width'];
6700
+ if (focusStyleObj['border-color']) variables['--focus-border-color'] = focusStyleObj['border-color'];
6701
+ if (focusStyleObj['border-style']) variables['--focus-border-style'] = focusStyleObj['border-style'];
6702
+ if (placeholderStyle.color) variables['--placeholder-color'] = placeholderStyle.color;
6703
+ return stringifyStyleObj(variables);
6704
+ })());
6705
+ }
6706
+ };
6707
+
6708
+ return [
6709
+ placeholder,
6710
+ required,
6711
+ styleVariables,
6712
+ style,
6713
+ $value,
6714
+ value,
6715
+ handleInput,
6716
+ name,
6717
+ _style,
6718
+ _focusStyle,
6719
+ font,
6720
+ _textStyle,
6721
+ _placeholderStyle
6722
+ ];
6601
6723
  }
6602
6724
 
6603
6725
  class FormTextarea extends SvelteComponent {
@@ -6611,10 +6733,14 @@ class FormTextarea extends SvelteComponent {
6611
6733
  create_fragment$h,
6612
6734
  safe_not_equal,
6613
6735
  {
6614
- name: 6,
6615
- required: 0,
6616
- rows: 1,
6617
- placeholder: 2
6736
+ name: 7,
6737
+ placeholder: 0,
6738
+ required: 1,
6739
+ _style: 8,
6740
+ _focusStyle: 9,
6741
+ font: 10,
6742
+ _textStyle: 11,
6743
+ _placeholderStyle: 12
6618
6744
  },
6619
6745
  add_css$g
6620
6746
  );
@@ -6624,17 +6750,17 @@ class FormTextarea extends SvelteComponent {
6624
6750
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
6625
6751
 
6626
6752
  function add_css$f(target) {
6627
- 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}");
6753
+ 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}");
6628
6754
  }
6629
6755
 
6630
6756
  function get_each_context$5(ctx, list, i) {
6631
6757
  const child_ctx = ctx.slice();
6632
- child_ctx[16] = list[i];
6633
- child_ctx[18] = i;
6758
+ child_ctx[17] = list[i];
6759
+ child_ctx[19] = i;
6634
6760
  return child_ctx;
6635
6761
  }
6636
6762
 
6637
- // (98:2) {#each _options as option, i}
6763
+ // (99:2) {#each _options as option, i}
6638
6764
  function create_each_block$5(ctx) {
6639
6765
  let label;
6640
6766
  let input;
@@ -6642,8 +6768,9 @@ function create_each_block$5(ctx) {
6642
6768
  let input_checked_value;
6643
6769
  let t0;
6644
6770
  let span;
6645
- let t1_value = /*option*/ ctx[16] + "";
6771
+ let t1_value = /*option*/ ctx[17] + "";
6646
6772
  let t1;
6773
+ let span_style_value;
6647
6774
  let t2;
6648
6775
  let mounted;
6649
6776
  let dispose;
@@ -6680,14 +6807,14 @@ function create_each_block$5(ctx) {
6680
6807
  },
6681
6808
  h() {
6682
6809
  attr(input, "type", "radio");
6683
- attr(input, "class", "radio-button-input svelte-1ntb6j8");
6810
+ attr(input, "class", "radio-button-input svelte-17s08g");
6684
6811
  attr(input, "style", /*buttonStyle*/ ctx[5]);
6685
6812
  attr(input, "name", /*name*/ ctx[0]);
6686
- input.value = input_value_value = /*option*/ ctx[16];
6687
- input.checked = input_checked_value = /*option*/ ctx[16] === /*_value*/ ctx[3];
6688
- attr(span, "class", "radio-button-text svelte-1ntb6j8");
6689
- attr(span, "style", /*_textStyle*/ ctx[2]);
6690
- attr(label, "class", "radio-button svelte-1ntb6j8");
6813
+ input.value = input_value_value = /*option*/ ctx[17];
6814
+ input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
6815
+ attr(span, "class", "radio-button-text svelte-17s08g");
6816
+ attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
6817
+ attr(label, "class", "radio-button svelte-17s08g");
6691
6818
  },
6692
6819
  m(target, anchor) {
6693
6820
  insert_hydration(target, label, anchor);
@@ -6698,7 +6825,7 @@ function create_each_block$5(ctx) {
6698
6825
  append_hydration(label, t2);
6699
6826
 
6700
6827
  if (!mounted) {
6701
- dispose = listen(input, "change", /*handleChange*/ ctx[7](/*i*/ ctx[18]));
6828
+ dispose = listen(input, "change", /*handleChange*/ ctx[8](/*i*/ ctx[19]));
6702
6829
  mounted = true;
6703
6830
  }
6704
6831
  },
@@ -6713,18 +6840,18 @@ function create_each_block$5(ctx) {
6713
6840
  attr(input, "name", /*name*/ ctx[0]);
6714
6841
  }
6715
6842
 
6716
- if (dirty & /*_options*/ 16 && input_value_value !== (input_value_value = /*option*/ ctx[16])) {
6843
+ if (dirty & /*_options*/ 16 && input_value_value !== (input_value_value = /*option*/ ctx[17])) {
6717
6844
  input.value = input_value_value;
6718
6845
  }
6719
6846
 
6720
- if (dirty & /*_options, _value*/ 24 && input_checked_value !== (input_checked_value = /*option*/ ctx[16] === /*_value*/ ctx[3])) {
6847
+ if (dirty & /*_options, _value*/ 24 && input_checked_value !== (input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3])) {
6721
6848
  input.checked = input_checked_value;
6722
6849
  }
6723
6850
 
6724
- if (dirty & /*_options*/ 16 && t1_value !== (t1_value = /*option*/ ctx[16] + "")) set_data(t1, t1_value);
6851
+ if (dirty & /*_options*/ 16 && t1_value !== (t1_value = /*option*/ ctx[17] + "")) set_data(t1, t1_value);
6725
6852
 
6726
- if (dirty & /*_textStyle*/ 4) {
6727
- attr(span, "style", /*_textStyle*/ ctx[2]);
6853
+ if (dirty & /*_textStyle*/ 4 && span_style_value !== (span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`)) {
6854
+ attr(span, "style", span_style_value);
6728
6855
  }
6729
6856
  },
6730
6857
  d(detaching) {
@@ -6766,7 +6893,7 @@ function create_fragment$g(ctx) {
6766
6893
  this.h();
6767
6894
  },
6768
6895
  h() {
6769
- attr(div, "class", "radio-buttons svelte-1ntb6j8");
6896
+ attr(div, "class", "radio-buttons svelte-17s08g");
6770
6897
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
6771
6898
  },
6772
6899
  m(target, anchor) {
@@ -6777,7 +6904,7 @@ function create_fragment$g(ctx) {
6777
6904
  }
6778
6905
  },
6779
6906
  p(ctx, [dirty]) {
6780
- if (dirty & /*_textStyle, _options, buttonStyle, name, _value, handleChange*/ 189) {
6907
+ if (dirty & /*_textStyle, fontCss, _options, buttonStyle, name, _value, handleChange*/ 381) {
6781
6908
  each_value = /*_options*/ ctx[4];
6782
6909
  let i;
6783
6910
 
@@ -6823,6 +6950,7 @@ function instance$g($$self, $$props, $$invalidate) {
6823
6950
  let { required = false } = $$props;
6824
6951
  let { _layoutStyle = 'flex-direction: column; gap: 0px;' } = $$props;
6825
6952
  let { font = SYSTEM_FONT } = $$props;
6953
+ const fontCss = font ? 'font-family:' + font : '';
6826
6954
  let { _textStyle = 'color: #333; font-size: 12px; line-height:1.5;' } = $$props;
6827
6955
  let { buttonSize = '16px' } = $$props;
6828
6956
  let { buttonColor = { main: '#f0f1f1', sub: '#f0f1f1' } } = $$props;
@@ -6839,7 +6967,7 @@ function instance$g($$self, $$props, $$invalidate) {
6839
6967
  }
6840
6968
  });
6841
6969
 
6842
- component_subscribe($$self, value, value => $$invalidate(14, $value = value));
6970
+ component_subscribe($$self, value, value => $$invalidate(15, $value = value));
6843
6971
 
6844
6972
  const handleChange = index => event => {
6845
6973
  if (event.target.checked) {
@@ -6849,26 +6977,26 @@ function instance$g($$self, $$props, $$invalidate) {
6849
6977
 
6850
6978
  $$self.$$set = $$props => {
6851
6979
  if ('name' in $$props) $$invalidate(0, name = $$props.name);
6852
- if ('options' in $$props) $$invalidate(8, options = $$props.options);
6853
- if ('required' in $$props) $$invalidate(9, required = $$props.required);
6980
+ if ('options' in $$props) $$invalidate(9, options = $$props.options);
6981
+ if ('required' in $$props) $$invalidate(10, required = $$props.required);
6854
6982
  if ('_layoutStyle' in $$props) $$invalidate(1, _layoutStyle = $$props._layoutStyle);
6855
- if ('font' in $$props) $$invalidate(10, font = $$props.font);
6983
+ if ('font' in $$props) $$invalidate(11, font = $$props.font);
6856
6984
  if ('_textStyle' in $$props) $$invalidate(2, _textStyle = $$props._textStyle);
6857
- if ('buttonSize' in $$props) $$invalidate(11, buttonSize = $$props.buttonSize);
6858
- if ('buttonColor' in $$props) $$invalidate(12, buttonColor = $$props.buttonColor);
6859
- if ('buttonColorActive' in $$props) $$invalidate(13, buttonColorActive = $$props.buttonColorActive);
6985
+ if ('buttonSize' in $$props) $$invalidate(12, buttonSize = $$props.buttonSize);
6986
+ if ('buttonColor' in $$props) $$invalidate(13, buttonColor = $$props.buttonColor);
6987
+ if ('buttonColorActive' in $$props) $$invalidate(14, buttonColorActive = $$props.buttonColorActive);
6860
6988
  };
6861
6989
 
6862
6990
  $$self.$$.update = () => {
6863
- if ($$self.$$.dirty & /*font*/ 1024) {
6991
+ if ($$self.$$.dirty & /*font*/ 2048) {
6864
6992
  addFont(font);
6865
6993
  }
6866
6994
 
6867
- if ($$self.$$.dirty & /*options*/ 256) {
6995
+ if ($$self.$$.dirty & /*options*/ 512) {
6868
6996
  $$invalidate(4, _options = options.split(','));
6869
6997
  }
6870
6998
 
6871
- if ($$self.$$.dirty & /*buttonColor, buttonColorActive, buttonSize*/ 14336) {
6999
+ if ($$self.$$.dirty & /*buttonColor, buttonColorActive, buttonSize*/ 28672) {
6872
7000
  $$invalidate(5, buttonStyle = (() => {
6873
7001
  return stringifyStyleObj({
6874
7002
  '--color-main': buttonColor.main,
@@ -6880,7 +7008,7 @@ function instance$g($$self, $$props, $$invalidate) {
6880
7008
  })());
6881
7009
  }
6882
7010
 
6883
- if ($$self.$$.dirty & /*$value*/ 16384) {
7011
+ if ($$self.$$.dirty & /*$value*/ 32768) {
6884
7012
  $$invalidate(3, _value = $value[0]);
6885
7013
  }
6886
7014
  };
@@ -6892,6 +7020,7 @@ function instance$g($$self, $$props, $$invalidate) {
6892
7020
  _value,
6893
7021
  _options,
6894
7022
  buttonStyle,
7023
+ fontCss,
6895
7024
  value,
6896
7025
  handleChange,
6897
7026
  options,
@@ -6916,14 +7045,14 @@ class FormRadioButtons extends SvelteComponent {
6916
7045
  safe_not_equal,
6917
7046
  {
6918
7047
  name: 0,
6919
- options: 8,
6920
- required: 9,
7048
+ options: 9,
7049
+ required: 10,
6921
7050
  _layoutStyle: 1,
6922
- font: 10,
7051
+ font: 11,
6923
7052
  _textStyle: 2,
6924
- buttonSize: 11,
6925
- buttonColor: 12,
6926
- buttonColorActive: 13
7053
+ buttonSize: 12,
7054
+ buttonColor: 13,
7055
+ buttonColorActive: 14
6927
7056
  },
6928
7057
  add_css$f
6929
7058
  );
@@ -6933,7 +7062,7 @@ class FormRadioButtons extends SvelteComponent {
6933
7062
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
6934
7063
 
6935
7064
  function add_css$e(target) {
6936
- 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}");
7065
+ 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}");
6937
7066
  }
6938
7067
 
6939
7068
  function get_each_context$4(ctx, list, i) {
@@ -6943,7 +7072,7 @@ function get_each_context$4(ctx, list, i) {
6943
7072
  return child_ctx;
6944
7073
  }
6945
7074
 
6946
- // (108:10) {:else}
7075
+ // (107:10) {:else}
6947
7076
  function create_else_block(ctx) {
6948
7077
  let t;
6949
7078
 
@@ -6966,7 +7095,7 @@ function create_else_block(ctx) {
6966
7095
  };
6967
7096
  }
6968
7097
 
6969
- // (106:10) {#if option}
7098
+ // (105:10) {#if option}
6970
7099
  function create_if_block$2(ctx) {
6971
7100
  let t_value = /*option*/ ctx[19] + "";
6972
7101
  let t;
@@ -6990,7 +7119,7 @@ function create_if_block$2(ctx) {
6990
7119
  };
6991
7120
  }
6992
7121
 
6993
- // (104:6) {#each _options as option, i}
7122
+ // (103:6) {#each _options as option, i}
6994
7123
  function create_each_block$4(ctx) {
6995
7124
  let option;
6996
7125
  let t;
@@ -7104,10 +7233,10 @@ function create_fragment$f(ctx) {
7104
7233
  this.h();
7105
7234
  },
7106
7235
  h() {
7107
- attr(select, "class", "select-select svelte-iejizj");
7236
+ attr(select, "class", "select-select svelte-t9ynyj");
7108
7237
  attr(select, "style", /*style*/ ctx[3]);
7109
- attr(div0, "class", "select-icon svelte-iejizj");
7110
- attr(div1, "class", "select svelte-iejizj");
7238
+ attr(div0, "class", "select-icon svelte-t9ynyj");
7239
+ attr(div1, "class", "select svelte-t9ynyj");
7111
7240
  attr(div1, "style", /*styleVariables*/ ctx[2]);
7112
7241
  },
7113
7242
  m(target, anchor) {
@@ -7232,11 +7361,12 @@ function instance$f($$self, $$props, $$invalidate) {
7232
7361
  $$invalidate(1, _value = $value[0]);
7233
7362
  }
7234
7363
 
7235
- if ($$self.$$.dirty & /*_style, _textStyle, _value, _placeholderStyle*/ 25602) {
7364
+ if ($$self.$$.dirty & /*_style, _textStyle, _value, _placeholderStyle, font*/ 29698) {
7236
7365
  $$invalidate(3, style = [
7237
7366
  ..._style.split(';'),
7238
7367
  ..._textStyle.split(';'),
7239
- ...!_value ? _placeholderStyle.split(';') : []
7368
+ ...!_value ? _placeholderStyle.split(';') : [],
7369
+ `font-family:${font}`
7240
7370
  ].join(';'));
7241
7371
  }
7242
7372
 
@@ -7244,11 +7374,10 @@ function instance$f($$self, $$props, $$invalidate) {
7244
7374
  $$invalidate(2, styleVariables = (() => {
7245
7375
  const variables = {};
7246
7376
  const focusStyleObj = parseStyle(_focusStyle);
7247
- const placeholderStyle = parseStyle(_placeholderStyle);
7377
+ parseStyle(_placeholderStyle);
7248
7378
  if (focusStyleObj['border-width']) variables['--focus-border-width'] = focusStyleObj['border-width'];
7249
7379
  if (focusStyleObj['border-color']) variables['--focus-border-color'] = focusStyleObj['border-color'];
7250
7380
  if (focusStyleObj['border-style']) variables['--focus-border-style'] = focusStyleObj['border-style'];
7251
- if (placeholderStyle.color) variables['--placeholder-color'] = placeholderStyle.color;
7252
7381
  variables['--icon-color'] = iconColor;
7253
7382
  variables['--icon-size'] = iconSize;
7254
7383
  return stringifyStyleObj(variables);
@@ -7309,7 +7438,7 @@ class FormSelect extends SvelteComponent {
7309
7438
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
7310
7439
 
7311
7440
  function add_css$d(target) {
7312
- 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}");
7441
+ 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}");
7313
7442
  }
7314
7443
 
7315
7444
  function get_each_context$3(ctx, list, i) {
@@ -7371,19 +7500,19 @@ function create_each_block$3(ctx) {
7371
7500
  this.h();
7372
7501
  },
7373
7502
  h() {
7374
- attr(input, "class", "check-box-input svelte-2pz1us");
7503
+ attr(input, "class", "check-box-input svelte-1p65cg8");
7375
7504
  attr(input, "type", "checkbox");
7376
7505
  attr(input, "name", /*name*/ ctx[0]);
7377
7506
  input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
7378
- attr(span0, "class", "check-box-icon svelte-2pz1us");
7507
+ attr(span0, "class", "check-box-icon svelte-1p65cg8");
7379
7508
 
7380
7509
  attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7381
7510
  ? ' _checked'
7382
- : ''}`) + " svelte-2pz1us"));
7511
+ : ''}`) + " svelte-1p65cg8"));
7383
7512
 
7384
- attr(span2, "class", "check-box-text svelte-2pz1us");
7513
+ attr(span2, "class", "check-box-text svelte-1p65cg8");
7385
7514
  attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7386
- attr(label, "class", "check-box svelte-2pz1us");
7515
+ attr(label, "class", "check-box svelte-1p65cg8");
7387
7516
  attr(label, "style", /*styleVariables*/ ctx[5]);
7388
7517
  },
7389
7518
  m(target, anchor) {
@@ -7415,7 +7544,7 @@ function create_each_block$3(ctx) {
7415
7544
 
7416
7545
  if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7417
7546
  ? ' _checked'
7418
- : ''}`) + " svelte-2pz1us"))) {
7547
+ : ''}`) + " svelte-1p65cg8"))) {
7419
7548
  attr(span1, "class", span1_class_value);
7420
7549
  }
7421
7550
 
@@ -7468,7 +7597,7 @@ function create_fragment$e(ctx) {
7468
7597
  this.h();
7469
7598
  },
7470
7599
  h() {
7471
- attr(div, "class", "check-boxes svelte-2pz1us");
7600
+ attr(div, "class", "check-boxes svelte-1p65cg8");
7472
7601
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7473
7602
  },
7474
7603
  m(target, anchor) {
@@ -7643,7 +7772,7 @@ class FormCheckBoxes extends SvelteComponent {
7643
7772
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
7644
7773
 
7645
7774
  function add_css$c(target) {
7646
- 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}");
7775
+ 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}");
7647
7776
  }
7648
7777
 
7649
7778
  function get_each_context$2(ctx, list, i) {
@@ -7678,7 +7807,7 @@ function create_each_block$2(ctx) {
7678
7807
  this.h();
7679
7808
  },
7680
7809
  h() {
7681
- attr(button, "class", "rating-button svelte-18pfy31");
7810
+ attr(button, "class", "rating-button svelte-zy2va9");
7682
7811
  attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]));
7683
7812
  },
7684
7813
  m(target, anchor) {
@@ -7741,7 +7870,7 @@ function create_fragment$d(ctx) {
7741
7870
  this.h();
7742
7871
  },
7743
7872
  h() {
7744
- attr(div, "class", "rating-buttons svelte-18pfy31");
7873
+ attr(div, "class", "rating-buttons svelte-zy2va9");
7745
7874
  },
7746
7875
  m(target, anchor) {
7747
7876
  insert_hydration(target, div, anchor);
@@ -7813,9 +7942,11 @@ function instance$d($$self, $$props, $$invalidate) {
7813
7942
  };
7814
7943
 
7815
7944
  function getTextButtonStyle(isActive) {
7816
- return isActive
7817
- ? [...buttonStyle.split(';'), ...buttonActiveStyle.split(';')].join(';')
7818
- : buttonStyle;
7945
+ return [
7946
+ ...buttonStyle.split(';'),
7947
+ `font-family:${font}`,
7948
+ ...isActive ? buttonActiveStyle : []
7949
+ ].join(';');
7819
7950
  }
7820
7951
 
7821
7952
  $$self.$$set = $$props => {
@@ -7878,7 +8009,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
7878
8009
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
7879
8010
 
7880
8011
  function add_css$b(target) {
7881
- 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%)}");
8012
+ 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%)}");
7882
8013
  }
7883
8014
 
7884
8015
  function get_each_context$1(ctx, list, i) {
@@ -7914,9 +8045,9 @@ function create_each_block$1(ctx) {
7914
8045
  },
7915
8046
  h() {
7916
8047
  if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
7917
- attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"));
8048
+ attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
7918
8049
  attr(img, "alt", "rate" + /*i*/ ctx[10]);
7919
- attr(button, "class", "rating-button svelte-1b5dvzw");
8050
+ attr(button, "class", "rating-button svelte-tbunko");
7920
8051
  attr(button, "style", /*buttonStyle*/ ctx[0]);
7921
8052
  },
7922
8053
  m(target, anchor) {
@@ -7932,7 +8063,7 @@ function create_each_block$1(ctx) {
7932
8063
  p(new_ctx, dirty) {
7933
8064
  ctx = new_ctx;
7934
8065
 
7935
- 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"))) {
8066
+ 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"))) {
7936
8067
  attr(img, "class", img_class_value);
7937
8068
  }
7938
8069
 
@@ -7979,7 +8110,7 @@ function create_fragment$c(ctx) {
7979
8110
  this.h();
7980
8111
  },
7981
8112
  h() {
7982
- attr(div, "class", "rating-buttons svelte-1b5dvzw");
8113
+ attr(div, "class", "rating-buttons svelte-tbunko");
7983
8114
  },
7984
8115
  m(target, anchor) {
7985
8116
  insert_hydration(target, div, anchor);
@@ -8087,7 +8218,7 @@ class FormRatingButtonsFace extends SvelteComponent {
8087
8218
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
8088
8219
 
8089
8220
  function add_css$a(target) {
8090
- 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%}");
8221
+ 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%}");
8091
8222
  }
8092
8223
 
8093
8224
  function get_each_context(ctx, list, i) {
@@ -8133,9 +8264,9 @@ function create_if_block_1(ctx) {
8133
8264
  attr(svg, "viewBox", "0 0 10 16");
8134
8265
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8135
8266
  attr(svg, "style", /*prevIconStyle*/ ctx[10]);
8136
- attr(button, "class", "move-button svelte-1qfq79t");
8267
+ attr(button, "class", "move-button svelte-ji1fh");
8137
8268
  attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
8138
- attr(div, "class", "prev-button-container svelte-1qfq79t");
8269
+ attr(div, "class", "prev-button-container svelte-ji1fh");
8139
8270
  },
8140
8271
  m(target, anchor) {
8141
8272
  insert_hydration(target, div, anchor);
@@ -8201,9 +8332,9 @@ function create_if_block$1(ctx) {
8201
8332
  attr(svg, "viewBox", "0 0 10 16");
8202
8333
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8203
8334
  attr(svg, "style", /*nextIconStyle*/ ctx[8]);
8204
- attr(button, "class", "move-button svelte-1qfq79t");
8335
+ attr(button, "class", "move-button svelte-ji1fh");
8205
8336
  attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
8206
- attr(div, "class", "next-button-container svelte-1qfq79t");
8337
+ attr(div, "class", "next-button-container svelte-ji1fh");
8207
8338
  },
8208
8339
  m(target, anchor) {
8209
8340
  insert_hydration(target, div, anchor);
@@ -8263,9 +8394,9 @@ function create_each_block(ctx) {
8263
8394
  this.h();
8264
8395
  },
8265
8396
  h() {
8266
- attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
8397
+ attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
8267
8398
  attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
8268
- attr(button, "class", "navigation-item svelte-1qfq79t");
8399
+ attr(button, "class", "navigation-item svelte-ji1fh");
8269
8400
  attr(button, "style", /*navigationItemStyle*/ ctx[6]);
8270
8401
  },
8271
8402
  m(target, anchor) {
@@ -8371,14 +8502,14 @@ function create_fragment$b(ctx) {
8371
8502
  this.h();
8372
8503
  },
8373
8504
  h() {
8374
- attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
8505
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
8375
8506
  attr(div0, "style", /*slideStyle*/ ctx[14]);
8376
- attr(div1, "class", "container svelte-1qfq79t");
8507
+ attr(div1, "class", "container svelte-ji1fh");
8377
8508
  attr(div1, "style", /*_style*/ ctx[0]);
8378
- attr(div2, "class", "navigation svelte-1qfq79t");
8509
+ attr(div2, "class", "navigation svelte-ji1fh");
8379
8510
  attr(div2, "style", /*navigationStyle*/ ctx[4]);
8380
8511
  set_attributes(div3, div3_data);
8381
- toggle_class(div3, "svelte-1qfq79t", true);
8512
+ toggle_class(div3, "svelte-ji1fh", true);
8382
8513
  },
8383
8514
  m(target, anchor) {
8384
8515
  insert_hydration(target, div3, anchor);
@@ -8420,7 +8551,7 @@ function create_fragment$b(ctx) {
8420
8551
  }
8421
8552
  }
8422
8553
 
8423
- if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
8554
+ if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
8424
8555
  attr(div0, "class", div0_class_value);
8425
8556
  }
8426
8557
 
@@ -8486,7 +8617,7 @@ function create_fragment$b(ctx) {
8486
8617
  }
8487
8618
 
8488
8619
  set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
8489
- toggle_class(div3, "svelte-1qfq79t", true);
8620
+ toggle_class(div3, "svelte-ji1fh", true);
8490
8621
  },
8491
8622
  i(local) {
8492
8623
  if (current) return;
@@ -8998,7 +9129,7 @@ class Slide extends SvelteComponent {
8998
9129
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
8999
9130
 
9000
9131
  function add_css$9(target) {
9001
- 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}");
9132
+ 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}");
9002
9133
  }
9003
9134
 
9004
9135
  function create_fragment$a(ctx) {
@@ -9026,9 +9157,9 @@ function create_fragment$a(ctx) {
9026
9157
  this.h();
9027
9158
  },
9028
9159
  h() {
9029
- attr(div0, "class", "item-inner svelte-1rv0qgo");
9160
+ attr(div0, "class", "item-inner svelte-9ygf1w");
9030
9161
  attr(div0, "style", /*_style*/ ctx[0]);
9031
- attr(div1, "class", "item svelte-1rv0qgo");
9162
+ attr(div1, "class", "item svelte-9ygf1w");
9032
9163
  attr(div1, "style", /*itemStyle*/ ctx[1]);
9033
9164
  },
9034
9165
  m(target, anchor) {
@@ -9154,7 +9285,7 @@ class SlideItem extends SvelteComponent {
9154
9285
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
9155
9286
 
9156
9287
  function add_css$8(target) {
9157
- 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}");
9288
+ 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}");
9158
9289
  }
9159
9290
 
9160
9291
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
@@ -9185,9 +9316,9 @@ function create_fragment$9(ctx) {
9185
9316
  this.h();
9186
9317
  },
9187
9318
  h() {
9188
- attr(div0, "class", "countdown-inner svelte-t87l6f");
9319
+ attr(div0, "class", "countdown-inner svelte-rroxiz");
9189
9320
  attr(div0, "style", /*_style*/ ctx[0]);
9190
- attr(div1, "class", "countdown svelte-t87l6f");
9321
+ attr(div1, "class", "countdown svelte-rroxiz");
9191
9322
  },
9192
9323
  m(target, anchor) {
9193
9324
  insert_hydration(target, div1, anchor);
@@ -9317,7 +9448,7 @@ class Countdown extends SvelteComponent {
9317
9448
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
9318
9449
 
9319
9450
  function add_css$7(target) {
9320
- 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}");
9451
+ 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}");
9321
9452
  }
9322
9453
 
9323
9454
  // (24:2) <Button {onClick} style={_style} {eventName}>
@@ -9400,7 +9531,7 @@ function create_fragment$8(ctx) {
9400
9531
  this.h();
9401
9532
  },
9402
9533
  h() {
9403
- attr(div, "class", "box svelte-1c91vpe");
9534
+ attr(div, "class", "box svelte-1ccydfy");
9404
9535
  },
9405
9536
  m(target, anchor) {
9406
9537
  insert_hydration(target, div, anchor);
@@ -9461,7 +9592,7 @@ class Box extends SvelteComponent {
9461
9592
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
9462
9593
 
9463
9594
  function add_css$6(target) {
9464
- 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)}");
9595
+ 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)}");
9465
9596
  }
9466
9597
 
9467
9598
  // (56:4) {#if svg}
@@ -9565,7 +9696,7 @@ function create_fragment$7(ctx) {
9565
9696
  this.h();
9566
9697
  },
9567
9698
  h() {
9568
- attr(div, "class", "icon svelte-1mk6wi4");
9699
+ attr(div, "class", "icon svelte-1mkvcuo");
9569
9700
  },
9570
9701
  m(target, anchor) {
9571
9702
  insert_hydration(target, div, anchor);
@@ -9674,7 +9805,7 @@ class IconElement extends SvelteComponent {
9674
9805
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
9675
9806
 
9676
9807
  function add_css$5(target) {
9677
- append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
9808
+ append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
9678
9809
  }
9679
9810
 
9680
9811
  function create_fragment$6(ctx) {
@@ -9710,7 +9841,7 @@ function create_fragment$6(ctx) {
9710
9841
  this.h();
9711
9842
  },
9712
9843
  h() {
9713
- attr(div, "class", "codeElement svelte-1ng2n51");
9844
+ attr(div, "class", "codeElement svelte-ymsb9l");
9714
9845
  attr(div, "style", /*style*/ ctx[3]);
9715
9846
  },
9716
9847
  m(target, anchor) {
@@ -9799,7 +9930,7 @@ class CodeElement extends SvelteComponent {
9799
9930
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
9800
9931
 
9801
9932
  function add_css$4(target) {
9802
- append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
9933
+ append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
9803
9934
  }
9804
9935
 
9805
9936
  function create_fragment$5(ctx) {
@@ -9823,7 +9954,7 @@ function create_fragment$5(ctx) {
9823
9954
  this.h();
9824
9955
  },
9825
9956
  h() {
9826
- attr(div, "class", "flex svelte-9v2qdg");
9957
+ attr(div, "class", "flex svelte-1e71ejc");
9827
9958
  attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
9828
9959
  },
9829
9960
  m(target, anchor) {
@@ -9920,7 +10051,7 @@ class Flex extends SvelteComponent {
9920
10051
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
9921
10052
 
9922
10053
  function add_css$3(target) {
9923
- append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
10054
+ append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
9924
10055
  }
9925
10056
 
9926
10057
  function create_fragment$4(ctx) {
@@ -9943,7 +10074,7 @@ function create_fragment$4(ctx) {
9943
10074
  this.h();
9944
10075
  },
9945
10076
  h() {
9946
- attr(div, "class", "flex-item svelte-164ah5d");
10077
+ attr(div, "class", "flex-item svelte-1p0bk1x");
9947
10078
  attr(div, "style", /*style*/ ctx[0]);
9948
10079
  },
9949
10080
  m(target, anchor) {
@@ -10363,7 +10494,7 @@ class GridModalState extends SvelteComponent {
10363
10494
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
10364
10495
 
10365
10496
  function add_css$2(target) {
10366
- 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%}");
10497
+ 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%}");
10367
10498
  }
10368
10499
 
10369
10500
  function create_fragment$2(ctx) {
@@ -10392,8 +10523,8 @@ function create_fragment$2(ctx) {
10392
10523
  this.h();
10393
10524
  },
10394
10525
  h() {
10395
- attr(div0, "class", "text-block-inner svelte-akic2e");
10396
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"));
10526
+ attr(div0, "class", "text-block-inner svelte-15pej1m");
10527
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
10397
10528
  attr(div1, "style", /*style*/ ctx[2]);
10398
10529
  },
10399
10530
  m(target, anchor) {
@@ -10407,7 +10538,7 @@ function create_fragment$2(ctx) {
10407
10538
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
10408
10539
  rendertext.$set(rendertext_changes);
10409
10540
 
10410
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"))) {
10541
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
10411
10542
  attr(div1, "class", div1_class_value);
10412
10543
  }
10413
10544
 
@@ -10485,7 +10616,7 @@ class TextBlock extends SvelteComponent {
10485
10616
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
10486
10617
 
10487
10618
  function add_css$1(target) {
10488
- 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)}");
10619
+ 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)}");
10489
10620
  }
10490
10621
 
10491
10622
  function create_fragment$1(ctx) {
@@ -10515,9 +10646,9 @@ function create_fragment$1(ctx) {
10515
10646
  this.h();
10516
10647
  },
10517
10648
  h() {
10518
- attr(button, "class", "text-button svelte-1c34p4n");
10649
+ attr(button, "class", "text-button svelte-ff0k6r");
10519
10650
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
10520
- attr(div, "class", "text-button-block svelte-1c34p4n");
10651
+ attr(div, "class", "text-button-block svelte-ff0k6r");
10521
10652
  attr(div, "style", /*_style*/ ctx[2]);
10522
10653
  },
10523
10654
  m(target, anchor) {
@@ -10623,7 +10754,7 @@ class TextButtonBlock extends SvelteComponent {
10623
10754
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
10624
10755
 
10625
10756
  function add_css(target) {
10626
- 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)}");
10757
+ 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)}");
10627
10758
  }
10628
10759
 
10629
10760
  function create_fragment(ctx) {
@@ -10659,14 +10790,14 @@ function create_fragment(ctx) {
10659
10790
  this.h();
10660
10791
  },
10661
10792
  h() {
10662
- attr(img, "class", "image svelte-1jus6sx");
10793
+ attr(img, "class", "image svelte-1pdw891");
10663
10794
  attr(img, "loading", "lazy");
10664
10795
  attr(img, "width", "auto");
10665
10796
  attr(img, "height", "auto");
10666
10797
  attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
10667
10798
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
10668
10799
  attr(img, "alt", /*alt*/ ctx[1]);
10669
- attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"));
10800
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
10670
10801
  attr(div, "style", /*_style*/ ctx[5]);
10671
10802
  },
10672
10803
  m(target, anchor) {
@@ -10691,7 +10822,7 @@ function create_fragment(ctx) {
10691
10822
  attr(img, "alt", /*alt*/ ctx[1]);
10692
10823
  }
10693
10824
 
10694
- if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"))) {
10825
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
10695
10826
  attr(div, "class", div_class_value);
10696
10827
  }
10697
10828