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