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

Sign up to get free protection for your applications and to get access to all the features.
@@ -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