@plaidev/karte-action-sdk 1.1.206 → 1.1.207-28216182.2d812378

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/hydrate/index.es.js +333 -195
  2. package/dist/index.es.js +330 -192
  3. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { writable, get } from 'svelte/store';
2
2
  import { onMount as onMount$1, onDestroy as onDestroy$1, beforeUpdate as beforeUpdate$1, afterUpdate as afterUpdate$1, tick as tick$1, setContext, getContext, createEventDispatcher } from 'svelte';
3
- import { SvelteComponent, init, safe_not_equal, element, insert, noop, detach, component_subscribe, attr, create_slot, create_component, space, mount_component, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, destroy_component, append_styles, empty, group_outros, check_outros, listen, assign, set_attributes, toggle_class, get_spread_update, null_to_empty, prevent_default, is_function, add_render_callback, create_in_transition, binding_callbacks, set_style, svg_element, append, destroy_each, text, set_data, src_url_equal, HtmlTag, construct_svelte_component, subscribe } from 'svelte/internal';
3
+ import { SvelteComponent, init, safe_not_equal, element, insert, noop, detach, component_subscribe, attr, create_slot, create_component, space, mount_component, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, destroy_component, append_styles, empty, group_outros, check_outros, null_to_empty, listen, assign, set_attributes, toggle_class, get_spread_update, prevent_default, is_function, add_render_callback, create_in_transition, binding_callbacks, set_style, svg_element, append, destroy_each, text, set_data, src_url_equal, HtmlTag, construct_svelte_component, subscribe } from 'svelte/internal';
4
4
  import { linear, elasticOut, cubicOut } from 'svelte/easing';
5
5
 
6
6
  /** @internal */
@@ -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,29 +3138,34 @@ 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
- // (9:0) {#if backgroundOverlay}
3144
+ // (14:0) {#if backgroundOverlay}
3075
3145
  function create_if_block$7(ctx) {
3076
3146
  let div;
3147
+ let div_class_value;
3077
3148
  let mounted;
3078
3149
  let dispose;
3079
3150
 
3080
3151
  return {
3081
3152
  c() {
3082
3153
  div = element("div");
3083
- attr(div, "class", "background svelte-g6ucc2");
3154
+ attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
3084
3155
  },
3085
3156
  m(target, anchor) {
3086
3157
  insert(target, div, anchor);
3087
3158
 
3088
3159
  if (!mounted) {
3089
- dispose = listen(div, "click", /*click_handler*/ ctx[2]);
3160
+ dispose = listen(div, "click", /*click_handler*/ ctx[3]);
3090
3161
  mounted = true;
3091
3162
  }
3092
3163
  },
3093
- p: noop,
3164
+ p(ctx, dirty) {
3165
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
3166
+ attr(div, "class", div_class_value);
3167
+ }
3168
+ },
3094
3169
  d(detaching) {
3095
3170
  if (detaching) detach(div);
3096
3171
  mounted = false;
@@ -3137,20 +3212,22 @@ function create_fragment$v(ctx) {
3137
3212
 
3138
3213
  function instance$v($$self, $$props, $$invalidate) {
3139
3214
  let { backgroundOverlay = false } = $$props;
3215
+ let { class: className = undefined } = $$props;
3140
3216
  const dispatch = createEventDispatcher();
3141
3217
  const click_handler = () => dispatch('click');
3142
3218
 
3143
3219
  $$self.$$set = $$props => {
3144
3220
  if ('backgroundOverlay' in $$props) $$invalidate(0, backgroundOverlay = $$props.backgroundOverlay);
3221
+ if ('class' in $$props) $$invalidate(1, className = $$props.class);
3145
3222
  };
3146
3223
 
3147
- return [backgroundOverlay, dispatch, click_handler];
3224
+ return [backgroundOverlay, className, dispatch, click_handler];
3148
3225
  }
3149
3226
 
3150
3227
  class BackgroundOverlay extends SvelteComponent {
3151
3228
  constructor(options) {
3152
3229
  super();
3153
- init(this, options, instance$v, create_fragment$v, safe_not_equal, { backgroundOverlay: 0 }, add_css$s);
3230
+ init(this, options, instance$v, create_fragment$v, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$s);
3154
3231
  }
3155
3232
  }
3156
3233
 
@@ -3191,7 +3268,7 @@ function checkStopPropagation(eventName, handler) {
3191
3268
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3192
3269
 
3193
3270
  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}");
3271
+ 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
3272
  }
3196
3273
 
3197
3274
  // (50:0) {:else}
@@ -3220,7 +3297,7 @@ function create_else_block$3(ctx) {
3220
3297
  button = element("button");
3221
3298
  if (default_slot) default_slot.c();
3222
3299
  set_attributes(button, button_data);
3223
- toggle_class(button, "svelte-1dtbrzj", true);
3300
+ toggle_class(button, "svelte-1tg0tf", true);
3224
3301
  },
3225
3302
  m(target, anchor) {
3226
3303
  insert(target, button, anchor);
@@ -3259,7 +3336,7 @@ function create_else_block$3(ctx) {
3259
3336
  dataAttrStopPropagation('click')
3260
3337
  ]));
3261
3338
 
3262
- toggle_class(button, "svelte-1dtbrzj", true);
3339
+ toggle_class(button, "svelte-1tg0tf", true);
3263
3340
  },
3264
3341
  i(local) {
3265
3342
  if (current) return;
@@ -3290,7 +3367,7 @@ function create_if_block_2(ctx) {
3290
3367
  c() {
3291
3368
  div = element("div");
3292
3369
  if (default_slot) default_slot.c();
3293
- attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1dtbrzj"));
3370
+ attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1tg0tf"));
3294
3371
  attr(div, "style", /*style*/ ctx[1]);
3295
3372
  },
3296
3373
  m(target, anchor) {
@@ -3374,7 +3451,7 @@ function create_if_block_1$2(ctx) {
3374
3451
  a = element("a");
3375
3452
  if (default_slot) default_slot.c();
3376
3453
  set_attributes(a, a_data);
3377
- toggle_class(a, "svelte-1dtbrzj", true);
3454
+ toggle_class(a, "svelte-1tg0tf", true);
3378
3455
  },
3379
3456
  m(target, anchor) {
3380
3457
  insert(target, a, anchor);
@@ -3416,7 +3493,7 @@ function create_if_block_1$2(ctx) {
3416
3493
  dataAttrStopPropagation('click')
3417
3494
  ]));
3418
3495
 
3419
- toggle_class(a, "svelte-1dtbrzj", true);
3496
+ toggle_class(a, "svelte-1tg0tf", true);
3420
3497
  },
3421
3498
  i(local) {
3422
3499
  if (current) return;
@@ -3447,7 +3524,7 @@ function create_if_block$6(ctx) {
3447
3524
  c() {
3448
3525
  div = element("div");
3449
3526
  if (default_slot) default_slot.c();
3450
- attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1dtbrzj"));
3527
+ attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1tg0tf"));
3451
3528
  attr(div, "style", /*style*/ ctx[1]);
3452
3529
  },
3453
3530
  m(target, anchor) {
@@ -3651,7 +3728,7 @@ class Button extends SvelteComponent {
3651
3728
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
3652
3729
 
3653
3730
  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}");
3731
+ 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
3732
  }
3656
3733
 
3657
3734
  // (145:0) {#if visible}
@@ -3676,7 +3753,7 @@ function create_if_block$5(ctx) {
3676
3753
  c() {
3677
3754
  div = element("div");
3678
3755
  create_component(button.$$.fragment);
3679
- attr(div, "class", "modal svelte-1m1do8u");
3756
+ attr(div, "class", "modal svelte-yvwr7u");
3680
3757
  attr(div, "role", "dialog");
3681
3758
  attr(div, "aria-modal", "true");
3682
3759
  attr(div, "style", div_style_value = "" + /*pos*/ ctx[16] + " " + /*marginStyle*/ ctx[14] + " " + ElasticityStyle[/*overwriteElasticity*/ ctx[17]] + "");
@@ -3754,7 +3831,7 @@ function create_if_block_1$1(ctx) {
3754
3831
  c() {
3755
3832
  div = element("div");
3756
3833
  create_component(button.$$.fragment);
3757
- attr(div, "class", "close svelte-1m1do8u");
3834
+ attr(div, "class", "close svelte-yvwr7u");
3758
3835
  set_style(div, "z-index", /*$maximumZindex*/ ctx[20] + 1);
3759
3836
  },
3760
3837
  m(target, anchor) {
@@ -3843,7 +3920,7 @@ function create_default_slot$6(ctx) {
3843
3920
  t = space();
3844
3921
  div = element("div");
3845
3922
  if (default_slot) default_slot.c();
3846
- attr(div, "class", "modal-content svelte-1m1do8u");
3923
+ attr(div, "class", "modal-content svelte-yvwr7u");
3847
3924
  attr(div, "style", /*_style*/ ctx[4]);
3848
3925
  },
3849
3926
  m(target, anchor) {
@@ -4334,7 +4411,7 @@ class Grid extends SvelteComponent {
4334
4411
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
4335
4412
 
4336
4413
  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}");
4414
+ 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
4415
  }
4339
4416
 
4340
4417
  function create_fragment$r(ctx) {
@@ -4349,8 +4426,8 @@ function create_fragment$r(ctx) {
4349
4426
  div1 = element("div");
4350
4427
  div0 = element("div");
4351
4428
  if (default_slot) default_slot.c();
4352
- attr(div0, "class", "grid-item-inner svelte-1cryhmb");
4353
- attr(div1, "class", "grid-item svelte-1cryhmb");
4429
+ attr(div0, "class", "grid-item-inner svelte-n7kdl3");
4430
+ attr(div1, "class", "grid-item svelte-n7kdl3");
4354
4431
  attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
4355
4432
  attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
4356
4433
  attr(div1, "style", /*_style*/ ctx[1]);
@@ -4655,7 +4732,7 @@ class RenderText extends SvelteComponent {
4655
4732
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
4656
4733
 
4657
4734
  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}");
4735
+ 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
4736
  }
4660
4737
 
4661
4738
  // (94:2) {:else}
@@ -4672,8 +4749,8 @@ function create_else_block$1(ctx) {
4672
4749
  div1 = element("div");
4673
4750
  div0 = element("div");
4674
4751
  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"));
4752
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
4753
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
4677
4754
  attr(div1, "style", /*style*/ ctx[5]);
4678
4755
  },
4679
4756
  m(target, anchor) {
@@ -4687,7 +4764,7 @@ function create_else_block$1(ctx) {
4687
4764
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
4688
4765
  rendertext.$set(rendertext_changes);
4689
4766
 
4690
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
4767
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
4691
4768
  attr(div1, "class", div1_class_value);
4692
4769
  }
4693
4770
 
@@ -4737,12 +4814,12 @@ function create_if_block$3(ctx) {
4737
4814
  t2 = space();
4738
4815
  div2 = element("div");
4739
4816
  div2.textContent = "コピーできませんでした";
4740
- attr(div0, "class", "text-element-inner svelte-vz6867");
4817
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
4741
4818
  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"));
4819
+ attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
4743
4820
  attr(a, "style", /*style*/ ctx[5]);
4744
- attr(div1, "class", "tooltip svelte-vz6867");
4745
- attr(div2, "class", "tooltip tooltip-error svelte-vz6867");
4821
+ attr(div1, "class", "tooltip svelte-9ixs0b");
4822
+ attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
4746
4823
  },
4747
4824
  m(target, anchor) {
4748
4825
  insert(target, a, anchor);
@@ -4766,7 +4843,7 @@ function create_if_block$3(ctx) {
4766
4843
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
4767
4844
  rendertext.$set(rendertext_changes);
4768
4845
 
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"))) {
4846
+ 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
4847
  attr(a, "class", a_class_value);
4771
4848
  }
4772
4849
 
@@ -4818,7 +4895,7 @@ function create_fragment$p(ctx) {
4818
4895
  c() {
4819
4896
  div = element("div");
4820
4897
  if_block.c();
4821
- attr(div, "class", "text-element-wrapper svelte-vz6867");
4898
+ attr(div, "class", "text-element-wrapper svelte-9ixs0b");
4822
4899
  },
4823
4900
  m(target, anchor) {
4824
4901
  insert(target, div, anchor);
@@ -4984,7 +5061,7 @@ class TextElement extends SvelteComponent {
4984
5061
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
4985
5062
 
4986
5063
  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)}");
5064
+ 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
5065
  }
4989
5066
 
4990
5067
  // (48:2) <Button {onClick} {style} {eventName}>
@@ -5040,7 +5117,7 @@ function create_fragment$o(ctx) {
5040
5117
  c() {
5041
5118
  div = element("div");
5042
5119
  create_component(button.$$.fragment);
5043
- attr(div, "class", "text-button-element svelte-ujdxfc");
5120
+ attr(div, "class", "text-button-element svelte-1vg84sc");
5044
5121
  },
5045
5122
  m(target, anchor) {
5046
5123
  insert(target, div, anchor);
@@ -5132,7 +5209,7 @@ class TextButtonElement extends SvelteComponent {
5132
5209
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5133
5210
 
5134
5211
  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%}");
5212
+ 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
5213
  }
5137
5214
 
5138
5215
  // (44:2) <Button {onClick} style={_style} {eventName}>
@@ -5144,7 +5221,7 @@ function create_default_slot$4(ctx) {
5144
5221
  return {
5145
5222
  c() {
5146
5223
  img = element("img");
5147
- attr(img, "class", "image svelte-1alkh1m");
5224
+ attr(img, "class", "image svelte-t6tu0e");
5148
5225
  attr(img, "loading", "lazy");
5149
5226
  attr(img, "width", "auto");
5150
5227
  attr(img, "height", "auto");
@@ -5206,7 +5283,7 @@ function create_fragment$n(ctx) {
5206
5283
  c() {
5207
5284
  div = element("div");
5208
5285
  create_component(button.$$.fragment);
5209
- attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m");
5286
+ attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
5210
5287
  },
5211
5288
  m(target, anchor) {
5212
5289
  insert(target, div, anchor);
@@ -5225,7 +5302,7 @@ function create_fragment$n(ctx) {
5225
5302
 
5226
5303
  button.$set(button_changes);
5227
5304
 
5228
- if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m")) {
5305
+ if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
5229
5306
  attr(div, "class", div_class_value);
5230
5307
  }
5231
5308
  },
@@ -5297,7 +5374,7 @@ class ImageElement extends SvelteComponent {
5297
5374
  /* src/components/List.svelte generated by Svelte v3.53.1 */
5298
5375
 
5299
5376
  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}");
5377
+ 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
5378
  }
5302
5379
 
5303
5380
  function create_fragment$m(ctx) {
@@ -5310,7 +5387,7 @@ function create_fragment$m(ctx) {
5310
5387
  c() {
5311
5388
  div = element("div");
5312
5389
  if (default_slot) default_slot.c();
5313
- attr(div, "class", "list svelte-1t8r9z");
5390
+ attr(div, "class", "list svelte-aquv6z");
5314
5391
  attr(div, "style", /*style*/ ctx[0]);
5315
5392
  },
5316
5393
  m(target, anchor) {
@@ -5444,7 +5521,7 @@ class List extends SvelteComponent {
5444
5521
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
5445
5522
 
5446
5523
  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}");
5524
+ 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
5525
  }
5449
5526
 
5450
5527
  // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
@@ -5514,7 +5591,7 @@ function create_fragment$l(ctx) {
5514
5591
  c() {
5515
5592
  div = element("div");
5516
5593
  create_component(button.$$.fragment);
5517
- attr(div, "class", "list-item svelte-1lbw8v2");
5594
+ attr(div, "class", "list-item svelte-9n97pe");
5518
5595
  attr(div, "style", /*listItemStyle*/ ctx[3]);
5519
5596
  },
5520
5597
  m(target, anchor) {
@@ -5640,7 +5717,7 @@ class ListItem extends SvelteComponent {
5640
5717
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
5641
5718
 
5642
5719
  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}");
5720
+ 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
5721
  }
5645
5722
 
5646
5723
  function create_fragment$k(ctx) {
@@ -5649,7 +5726,7 @@ function create_fragment$k(ctx) {
5649
5726
  return {
5650
5727
  c() {
5651
5728
  div = element("div");
5652
- attr(div, "class", "embed svelte-w6jkzh");
5729
+ attr(div, "class", "embed svelte-wocq4p");
5653
5730
  attr(div, "style", /*_style*/ ctx[1]);
5654
5731
  },
5655
5732
  m(target, anchor) {
@@ -5692,7 +5769,7 @@ class EmbedElement extends SvelteComponent {
5692
5769
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
5693
5770
 
5694
5771
  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%}");
5772
+ 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
5773
  }
5697
5774
 
5698
5775
  function create_fragment$j(ctx) {
@@ -5704,7 +5781,7 @@ function create_fragment$j(ctx) {
5704
5781
  div1 = element("div");
5705
5782
  div0 = element("div");
5706
5783
  attr(div0, "class", "karte-player");
5707
- attr(div1, "class", "embed svelte-ljxq7x");
5784
+ attr(div1, "class", "embed svelte-vikz49");
5708
5785
  attr(div1, "style", /*_style*/ ctx[0]);
5709
5786
  },
5710
5787
  m(target, anchor) {
@@ -6046,7 +6123,7 @@ class MovieYouTubeElement extends SvelteComponent {
6046
6123
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6047
6124
 
6048
6125
  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%}");
6126
+ 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
6127
  }
6051
6128
 
6052
6129
  function create_fragment$i(ctx) {
@@ -6058,7 +6135,7 @@ function create_fragment$i(ctx) {
6058
6135
  div1 = element("div");
6059
6136
  div0 = element("div");
6060
6137
  attr(div0, "class", "karte-player");
6061
- attr(div1, "class", "embed svelte-ljxq7x");
6138
+ attr(div1, "class", "embed svelte-vikz49");
6062
6139
  attr(div1, "style", /*_style*/ ctx[0]);
6063
6140
  },
6064
6141
  m(target, anchor) {
@@ -6242,7 +6319,7 @@ class MovieVimeoElement extends SvelteComponent {
6242
6319
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
6243
6320
 
6244
6321
  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}");
6322
+ 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
6323
  }
6247
6324
 
6248
6325
  function create_fragment$h(ctx) {
@@ -6255,37 +6332,42 @@ function create_fragment$h(ctx) {
6255
6332
  c() {
6256
6333
  div = element("div");
6257
6334
  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");
6335
+ attr(textarea, "class", "textarea svelte-zxvkkc");
6336
+ textarea.value = /*$value*/ ctx[4];
6337
+ textarea.required = /*required*/ ctx[1];
6338
+ attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
6339
+ attr(textarea, "style", /*style*/ ctx[3]);
6340
+ attr(div, "class", "textarea-wrapper svelte-zxvkkc");
6341
+ attr(div, "style", /*styleVariables*/ ctx[2]);
6264
6342
  },
6265
6343
  m(target, anchor) {
6266
6344
  insert(target, div, anchor);
6267
6345
  append(div, textarea);
6268
6346
 
6269
6347
  if (!mounted) {
6270
- dispose = listen(textarea, "input", /*handleInput*/ ctx[5]);
6348
+ dispose = listen(textarea, "input", /*handleInput*/ ctx[6]);
6271
6349
  mounted = true;
6272
6350
  }
6273
6351
  },
6274
6352
  p(ctx, [dirty]) {
6275
- if (dirty & /*$value*/ 8) {
6276
- textarea.value = /*$value*/ ctx[3];
6353
+ if (dirty & /*$value*/ 16) {
6354
+ textarea.value = /*$value*/ ctx[4];
6277
6355
  }
6278
6356
 
6279
- if (dirty & /*required*/ 1) {
6280
- textarea.required = /*required*/ ctx[0];
6357
+ if (dirty & /*required*/ 2) {
6358
+ textarea.required = /*required*/ ctx[1];
6281
6359
  }
6282
6360
 
6283
- if (dirty & /*rows*/ 2) {
6284
- attr(textarea, "rows", /*rows*/ ctx[1]);
6361
+ if (dirty & /*placeholder*/ 1) {
6362
+ attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
6285
6363
  }
6286
6364
 
6287
- if (dirty & /*placeholder*/ 4) {
6288
- attr(textarea, "placeholder", /*placeholder*/ ctx[2]);
6365
+ if (dirty & /*style*/ 8) {
6366
+ attr(textarea, "style", /*style*/ ctx[3]);
6367
+ }
6368
+
6369
+ if (dirty & /*styleVariables*/ 4) {
6370
+ attr(div, "style", /*styleVariables*/ ctx[2]);
6289
6371
  }
6290
6372
  },
6291
6373
  i: noop,
@@ -6299,11 +6381,17 @@ function create_fragment$h(ctx) {
6299
6381
  }
6300
6382
 
6301
6383
  function instance$h($$self, $$props, $$invalidate) {
6384
+ let style;
6385
+ let styleVariables;
6302
6386
  let $value;
6303
6387
  let { name = '' } = $$props;
6388
+ let { placeholder = '回答を入力してください' } = $$props;
6304
6389
  let { required = true } = $$props;
6305
- let { rows = 2 } = $$props;
6306
- let { placeholder = '' } = $$props;
6390
+ let { _style = '' } = $$props;
6391
+ let { _focusStyle = 'border-width: 2px; border-color: #2aab9f; border-style: solid' } = $$props;
6392
+ let { font = SYSTEM_FONT } = $$props;
6393
+ let { _textStyle = '' } = $$props;
6394
+ let { _placeholderStyle = 'color: #ccc;' } = $$props;
6307
6395
  const { path: statePath } = getStateItemContext();
6308
6396
 
6309
6397
  const value = registerInput({
@@ -6315,7 +6403,7 @@ function instance$h($$self, $$props, $$invalidate) {
6315
6403
  }
6316
6404
  });
6317
6405
 
6318
- component_subscribe($$self, value, value => $$invalidate(3, $value = value));
6406
+ component_subscribe($$self, value, value => $$invalidate(4, $value = value));
6319
6407
 
6320
6408
  function handleInput(event) {
6321
6409
  const updated = event.target.value;
@@ -6323,13 +6411,54 @@ function instance$h($$self, $$props, $$invalidate) {
6323
6411
  }
6324
6412
 
6325
6413
  $$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);
6414
+ if ('name' in $$props) $$invalidate(7, name = $$props.name);
6415
+ if ('placeholder' in $$props) $$invalidate(0, placeholder = $$props.placeholder);
6416
+ if ('required' in $$props) $$invalidate(1, required = $$props.required);
6417
+ if ('_style' in $$props) $$invalidate(8, _style = $$props._style);
6418
+ if ('_focusStyle' in $$props) $$invalidate(9, _focusStyle = $$props._focusStyle);
6419
+ if ('font' in $$props) $$invalidate(10, font = $$props.font);
6420
+ if ('_textStyle' in $$props) $$invalidate(11, _textStyle = $$props._textStyle);
6421
+ if ('_placeholderStyle' in $$props) $$invalidate(12, _placeholderStyle = $$props._placeholderStyle);
6422
+ };
6423
+
6424
+ $$self.$$.update = () => {
6425
+ if ($$self.$$.dirty & /*font*/ 1024) {
6426
+ addFont(font);
6427
+ }
6428
+
6429
+ if ($$self.$$.dirty & /*_style, _textStyle, font*/ 3328) {
6430
+ $$invalidate(3, style = [..._style.split(';'), ..._textStyle.split(';'), `font-family:${font}`].join(';'));
6431
+ }
6432
+
6433
+ if ($$self.$$.dirty & /*_focusStyle, _placeholderStyle*/ 4608) {
6434
+ $$invalidate(2, styleVariables = (() => {
6435
+ const variables = {};
6436
+ const focusStyleObj = parseStyle(_focusStyle);
6437
+ const placeholderStyle = parseStyle(_placeholderStyle);
6438
+ if (focusStyleObj['border-width']) variables['--focus-border-width'] = focusStyleObj['border-width'];
6439
+ if (focusStyleObj['border-color']) variables['--focus-border-color'] = focusStyleObj['border-color'];
6440
+ if (focusStyleObj['border-style']) variables['--focus-border-style'] = focusStyleObj['border-style'];
6441
+ if (placeholderStyle.color) variables['--placeholder-color'] = placeholderStyle.color;
6442
+ return stringifyStyleObj(variables);
6443
+ })());
6444
+ }
6330
6445
  };
6331
6446
 
6332
- return [required, rows, placeholder, $value, value, handleInput, name];
6447
+ return [
6448
+ placeholder,
6449
+ required,
6450
+ styleVariables,
6451
+ style,
6452
+ $value,
6453
+ value,
6454
+ handleInput,
6455
+ name,
6456
+ _style,
6457
+ _focusStyle,
6458
+ font,
6459
+ _textStyle,
6460
+ _placeholderStyle
6461
+ ];
6333
6462
  }
6334
6463
 
6335
6464
  class FormTextarea extends SvelteComponent {
@@ -6343,10 +6472,14 @@ class FormTextarea extends SvelteComponent {
6343
6472
  create_fragment$h,
6344
6473
  safe_not_equal,
6345
6474
  {
6346
- name: 6,
6347
- required: 0,
6348
- rows: 1,
6349
- placeholder: 2
6475
+ name: 7,
6476
+ placeholder: 0,
6477
+ required: 1,
6478
+ _style: 8,
6479
+ _focusStyle: 9,
6480
+ font: 10,
6481
+ _textStyle: 11,
6482
+ _placeholderStyle: 12
6350
6483
  },
6351
6484
  add_css$g
6352
6485
  );
@@ -6356,17 +6489,17 @@ class FormTextarea extends SvelteComponent {
6356
6489
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
6357
6490
 
6358
6491
  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}");
6492
+ 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
6493
  }
6361
6494
 
6362
6495
  function get_each_context$5(ctx, list, i) {
6363
6496
  const child_ctx = ctx.slice();
6364
- child_ctx[16] = list[i];
6365
- child_ctx[18] = i;
6497
+ child_ctx[17] = list[i];
6498
+ child_ctx[19] = i;
6366
6499
  return child_ctx;
6367
6500
  }
6368
6501
 
6369
- // (98:2) {#each _options as option, i}
6502
+ // (99:2) {#each _options as option, i}
6370
6503
  function create_each_block$5(ctx) {
6371
6504
  let label;
6372
6505
  let input;
@@ -6374,8 +6507,9 @@ function create_each_block$5(ctx) {
6374
6507
  let input_checked_value;
6375
6508
  let t0;
6376
6509
  let span;
6377
- let t1_value = /*option*/ ctx[16] + "";
6510
+ let t1_value = /*option*/ ctx[17] + "";
6378
6511
  let t1;
6512
+ let span_style_value;
6379
6513
  let t2;
6380
6514
  let mounted;
6381
6515
  let dispose;
@@ -6389,14 +6523,14 @@ function create_each_block$5(ctx) {
6389
6523
  t1 = text(t1_value);
6390
6524
  t2 = space();
6391
6525
  attr(input, "type", "radio");
6392
- attr(input, "class", "radio-button-input svelte-1ntb6j8");
6526
+ attr(input, "class", "radio-button-input svelte-17s08g");
6393
6527
  attr(input, "style", /*buttonStyle*/ ctx[5]);
6394
6528
  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");
6529
+ input.value = input_value_value = /*option*/ ctx[17];
6530
+ input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
6531
+ attr(span, "class", "radio-button-text svelte-17s08g");
6532
+ attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
6533
+ attr(label, "class", "radio-button svelte-17s08g");
6400
6534
  },
6401
6535
  m(target, anchor) {
6402
6536
  insert(target, label, anchor);
@@ -6407,7 +6541,7 @@ function create_each_block$5(ctx) {
6407
6541
  append(label, t2);
6408
6542
 
6409
6543
  if (!mounted) {
6410
- dispose = listen(input, "change", /*handleChange*/ ctx[7](/*i*/ ctx[18]));
6544
+ dispose = listen(input, "change", /*handleChange*/ ctx[8](/*i*/ ctx[19]));
6411
6545
  mounted = true;
6412
6546
  }
6413
6547
  },
@@ -6422,18 +6556,18 @@ function create_each_block$5(ctx) {
6422
6556
  attr(input, "name", /*name*/ ctx[0]);
6423
6557
  }
6424
6558
 
6425
- if (dirty & /*_options*/ 16 && input_value_value !== (input_value_value = /*option*/ ctx[16])) {
6559
+ if (dirty & /*_options*/ 16 && input_value_value !== (input_value_value = /*option*/ ctx[17])) {
6426
6560
  input.value = input_value_value;
6427
6561
  }
6428
6562
 
6429
- if (dirty & /*_options, _value*/ 24 && input_checked_value !== (input_checked_value = /*option*/ ctx[16] === /*_value*/ ctx[3])) {
6563
+ if (dirty & /*_options, _value*/ 24 && input_checked_value !== (input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3])) {
6430
6564
  input.checked = input_checked_value;
6431
6565
  }
6432
6566
 
6433
- if (dirty & /*_options*/ 16 && t1_value !== (t1_value = /*option*/ ctx[16] + "")) set_data(t1, t1_value);
6567
+ if (dirty & /*_options*/ 16 && t1_value !== (t1_value = /*option*/ ctx[17] + "")) set_data(t1, t1_value);
6434
6568
 
6435
- if (dirty & /*_textStyle*/ 4) {
6436
- attr(span, "style", /*_textStyle*/ ctx[2]);
6569
+ if (dirty & /*_textStyle*/ 4 && span_style_value !== (span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`)) {
6570
+ attr(span, "style", span_style_value);
6437
6571
  }
6438
6572
  },
6439
6573
  d(detaching) {
@@ -6461,7 +6595,7 @@ function create_fragment$g(ctx) {
6461
6595
  each_blocks[i].c();
6462
6596
  }
6463
6597
 
6464
- attr(div, "class", "radio-buttons svelte-1ntb6j8");
6598
+ attr(div, "class", "radio-buttons svelte-17s08g");
6465
6599
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
6466
6600
  },
6467
6601
  m(target, anchor) {
@@ -6472,7 +6606,7 @@ function create_fragment$g(ctx) {
6472
6606
  }
6473
6607
  },
6474
6608
  p(ctx, [dirty]) {
6475
- if (dirty & /*_textStyle, _options, buttonStyle, name, _value, handleChange*/ 189) {
6609
+ if (dirty & /*_textStyle, fontCss, _options, buttonStyle, name, _value, handleChange*/ 381) {
6476
6610
  each_value = /*_options*/ ctx[4];
6477
6611
  let i;
6478
6612
 
@@ -6518,6 +6652,7 @@ function instance$g($$self, $$props, $$invalidate) {
6518
6652
  let { required = false } = $$props;
6519
6653
  let { _layoutStyle = 'flex-direction: column; gap: 0px;' } = $$props;
6520
6654
  let { font = SYSTEM_FONT } = $$props;
6655
+ const fontCss = font ? 'font-family:' + font : '';
6521
6656
  let { _textStyle = 'color: #333; font-size: 12px; line-height:1.5;' } = $$props;
6522
6657
  let { buttonSize = '16px' } = $$props;
6523
6658
  let { buttonColor = { main: '#f0f1f1', sub: '#f0f1f1' } } = $$props;
@@ -6534,7 +6669,7 @@ function instance$g($$self, $$props, $$invalidate) {
6534
6669
  }
6535
6670
  });
6536
6671
 
6537
- component_subscribe($$self, value, value => $$invalidate(14, $value = value));
6672
+ component_subscribe($$self, value, value => $$invalidate(15, $value = value));
6538
6673
 
6539
6674
  const handleChange = index => event => {
6540
6675
  if (event.target.checked) {
@@ -6544,26 +6679,26 @@ function instance$g($$self, $$props, $$invalidate) {
6544
6679
 
6545
6680
  $$self.$$set = $$props => {
6546
6681
  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);
6682
+ if ('options' in $$props) $$invalidate(9, options = $$props.options);
6683
+ if ('required' in $$props) $$invalidate(10, required = $$props.required);
6549
6684
  if ('_layoutStyle' in $$props) $$invalidate(1, _layoutStyle = $$props._layoutStyle);
6550
- if ('font' in $$props) $$invalidate(10, font = $$props.font);
6685
+ if ('font' in $$props) $$invalidate(11, font = $$props.font);
6551
6686
  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);
6687
+ if ('buttonSize' in $$props) $$invalidate(12, buttonSize = $$props.buttonSize);
6688
+ if ('buttonColor' in $$props) $$invalidate(13, buttonColor = $$props.buttonColor);
6689
+ if ('buttonColorActive' in $$props) $$invalidate(14, buttonColorActive = $$props.buttonColorActive);
6555
6690
  };
6556
6691
 
6557
6692
  $$self.$$.update = () => {
6558
- if ($$self.$$.dirty & /*font*/ 1024) {
6693
+ if ($$self.$$.dirty & /*font*/ 2048) {
6559
6694
  addFont(font);
6560
6695
  }
6561
6696
 
6562
- if ($$self.$$.dirty & /*options*/ 256) {
6697
+ if ($$self.$$.dirty & /*options*/ 512) {
6563
6698
  $$invalidate(4, _options = options.split(','));
6564
6699
  }
6565
6700
 
6566
- if ($$self.$$.dirty & /*buttonColor, buttonColorActive, buttonSize*/ 14336) {
6701
+ if ($$self.$$.dirty & /*buttonColor, buttonColorActive, buttonSize*/ 28672) {
6567
6702
  $$invalidate(5, buttonStyle = (() => {
6568
6703
  return stringifyStyleObj({
6569
6704
  '--color-main': buttonColor.main,
@@ -6575,7 +6710,7 @@ function instance$g($$self, $$props, $$invalidate) {
6575
6710
  })());
6576
6711
  }
6577
6712
 
6578
- if ($$self.$$.dirty & /*$value*/ 16384) {
6713
+ if ($$self.$$.dirty & /*$value*/ 32768) {
6579
6714
  $$invalidate(3, _value = $value[0]);
6580
6715
  }
6581
6716
  };
@@ -6587,6 +6722,7 @@ function instance$g($$self, $$props, $$invalidate) {
6587
6722
  _value,
6588
6723
  _options,
6589
6724
  buttonStyle,
6725
+ fontCss,
6590
6726
  value,
6591
6727
  handleChange,
6592
6728
  options,
@@ -6611,14 +6747,14 @@ class FormRadioButtons extends SvelteComponent {
6611
6747
  safe_not_equal,
6612
6748
  {
6613
6749
  name: 0,
6614
- options: 8,
6615
- required: 9,
6750
+ options: 9,
6751
+ required: 10,
6616
6752
  _layoutStyle: 1,
6617
- font: 10,
6753
+ font: 11,
6618
6754
  _textStyle: 2,
6619
- buttonSize: 11,
6620
- buttonColor: 12,
6621
- buttonColorActive: 13
6755
+ buttonSize: 12,
6756
+ buttonColor: 13,
6757
+ buttonColorActive: 14
6622
6758
  },
6623
6759
  add_css$f
6624
6760
  );
@@ -6628,7 +6764,7 @@ class FormRadioButtons extends SvelteComponent {
6628
6764
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
6629
6765
 
6630
6766
  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}");
6767
+ 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
6768
  }
6633
6769
 
6634
6770
  function get_each_context$4(ctx, list, i) {
@@ -6638,7 +6774,7 @@ function get_each_context$4(ctx, list, i) {
6638
6774
  return child_ctx;
6639
6775
  }
6640
6776
 
6641
- // (108:10) {:else}
6777
+ // (107:10) {:else}
6642
6778
  function create_else_block(ctx) {
6643
6779
  let t;
6644
6780
 
@@ -6658,7 +6794,7 @@ function create_else_block(ctx) {
6658
6794
  };
6659
6795
  }
6660
6796
 
6661
- // (106:10) {#if option}
6797
+ // (105:10) {#if option}
6662
6798
  function create_if_block$2(ctx) {
6663
6799
  let t_value = /*option*/ ctx[19] + "";
6664
6800
  let t;
@@ -6679,7 +6815,7 @@ function create_if_block$2(ctx) {
6679
6815
  };
6680
6816
  }
6681
6817
 
6682
- // (104:6) {#each _options as option, i}
6818
+ // (103:6) {#each _options as option, i}
6683
6819
  function create_each_block$4(ctx) {
6684
6820
  let option;
6685
6821
  let t;
@@ -6762,10 +6898,10 @@ function create_fragment$f(ctx) {
6762
6898
 
6763
6899
  t = space();
6764
6900
  div0 = element("div");
6765
- attr(select, "class", "select-select svelte-iejizj");
6901
+ attr(select, "class", "select-select svelte-t9ynyj");
6766
6902
  attr(select, "style", /*style*/ ctx[3]);
6767
- attr(div0, "class", "select-icon svelte-iejizj");
6768
- attr(div1, "class", "select svelte-iejizj");
6903
+ attr(div0, "class", "select-icon svelte-t9ynyj");
6904
+ attr(div1, "class", "select svelte-t9ynyj");
6769
6905
  attr(div1, "style", /*styleVariables*/ ctx[2]);
6770
6906
  },
6771
6907
  m(target, anchor) {
@@ -6890,11 +7026,12 @@ function instance$f($$self, $$props, $$invalidate) {
6890
7026
  $$invalidate(1, _value = $value[0]);
6891
7027
  }
6892
7028
 
6893
- if ($$self.$$.dirty & /*_style, _textStyle, _value, _placeholderStyle*/ 25602) {
7029
+ if ($$self.$$.dirty & /*_style, _textStyle, _value, _placeholderStyle, font*/ 29698) {
6894
7030
  $$invalidate(3, style = [
6895
7031
  ..._style.split(';'),
6896
7032
  ..._textStyle.split(';'),
6897
- ...!_value ? _placeholderStyle.split(';') : []
7033
+ ...!_value ? _placeholderStyle.split(';') : [],
7034
+ `font-family:${font}`
6898
7035
  ].join(';'));
6899
7036
  }
6900
7037
 
@@ -6902,11 +7039,10 @@ function instance$f($$self, $$props, $$invalidate) {
6902
7039
  $$invalidate(2, styleVariables = (() => {
6903
7040
  const variables = {};
6904
7041
  const focusStyleObj = parseStyle(_focusStyle);
6905
- const placeholderStyle = parseStyle(_placeholderStyle);
7042
+ parseStyle(_placeholderStyle);
6906
7043
  if (focusStyleObj['border-width']) variables['--focus-border-width'] = focusStyleObj['border-width'];
6907
7044
  if (focusStyleObj['border-color']) variables['--focus-border-color'] = focusStyleObj['border-color'];
6908
7045
  if (focusStyleObj['border-style']) variables['--focus-border-style'] = focusStyleObj['border-style'];
6909
- if (placeholderStyle.color) variables['--placeholder-color'] = placeholderStyle.color;
6910
7046
  variables['--icon-color'] = iconColor;
6911
7047
  variables['--icon-size'] = iconSize;
6912
7048
  return stringifyStyleObj(variables);
@@ -6967,7 +7103,7 @@ class FormSelect extends SvelteComponent {
6967
7103
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
6968
7104
 
6969
7105
  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}");
7106
+ 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
7107
  }
6972
7108
 
6973
7109
  function get_each_context$3(ctx, list, i) {
@@ -7006,19 +7142,19 @@ function create_each_block$3(ctx) {
7006
7142
  span2 = element("span");
7007
7143
  t2 = text(t2_value);
7008
7144
  t3 = space();
7009
- attr(input, "class", "check-box-input svelte-2pz1us");
7145
+ attr(input, "class", "check-box-input svelte-1p65cg8");
7010
7146
  attr(input, "type", "checkbox");
7011
7147
  attr(input, "name", /*name*/ ctx[0]);
7012
7148
  input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
7013
- attr(span0, "class", "check-box-icon svelte-2pz1us");
7149
+ attr(span0, "class", "check-box-icon svelte-1p65cg8");
7014
7150
 
7015
7151
  attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7016
7152
  ? ' _checked'
7017
- : ''}`) + " svelte-2pz1us"));
7153
+ : ''}`) + " svelte-1p65cg8"));
7018
7154
 
7019
- attr(span2, "class", "check-box-text svelte-2pz1us");
7155
+ attr(span2, "class", "check-box-text svelte-1p65cg8");
7020
7156
  attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7021
- attr(label, "class", "check-box svelte-2pz1us");
7157
+ attr(label, "class", "check-box svelte-1p65cg8");
7022
7158
  attr(label, "style", /*styleVariables*/ ctx[5]);
7023
7159
  },
7024
7160
  m(target, anchor) {
@@ -7050,7 +7186,7 @@ function create_each_block$3(ctx) {
7050
7186
 
7051
7187
  if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7052
7188
  ? ' _checked'
7053
- : ''}`) + " svelte-2pz1us"))) {
7189
+ : ''}`) + " svelte-1p65cg8"))) {
7054
7190
  attr(span1, "class", span1_class_value);
7055
7191
  }
7056
7192
 
@@ -7089,7 +7225,7 @@ function create_fragment$e(ctx) {
7089
7225
  each_blocks[i].c();
7090
7226
  }
7091
7227
 
7092
- attr(div, "class", "check-boxes svelte-2pz1us");
7228
+ attr(div, "class", "check-boxes svelte-1p65cg8");
7093
7229
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7094
7230
  },
7095
7231
  m(target, anchor) {
@@ -7264,7 +7400,7 @@ class FormCheckBoxes extends SvelteComponent {
7264
7400
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
7265
7401
 
7266
7402
  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}");
7403
+ 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
7404
  }
7269
7405
 
7270
7406
  function get_each_context$2(ctx, list, i) {
@@ -7288,7 +7424,7 @@ function create_each_block$2(ctx) {
7288
7424
  button = element("button");
7289
7425
  t0 = text(t0_value);
7290
7426
  t1 = space();
7291
- attr(button, "class", "rating-button svelte-18pfy31");
7427
+ attr(button, "class", "rating-button svelte-zy2va9");
7292
7428
  attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]));
7293
7429
  },
7294
7430
  m(target, anchor) {
@@ -7337,7 +7473,7 @@ function create_fragment$d(ctx) {
7337
7473
  each_blocks[i].c();
7338
7474
  }
7339
7475
 
7340
- attr(div, "class", "rating-buttons svelte-18pfy31");
7476
+ attr(div, "class", "rating-buttons svelte-zy2va9");
7341
7477
  },
7342
7478
  m(target, anchor) {
7343
7479
  insert(target, div, anchor);
@@ -7409,9 +7545,11 @@ function instance$d($$self, $$props, $$invalidate) {
7409
7545
  };
7410
7546
 
7411
7547
  function getTextButtonStyle(isActive) {
7412
- return isActive
7413
- ? [...buttonStyle.split(';'), ...buttonActiveStyle.split(';')].join(';')
7414
- : buttonStyle;
7548
+ return [
7549
+ ...buttonStyle.split(';'),
7550
+ `font-family:${font}`,
7551
+ ...isActive ? buttonActiveStyle : []
7552
+ ].join(';');
7415
7553
  }
7416
7554
 
7417
7555
  $$self.$$set = $$props => {
@@ -7474,7 +7612,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
7474
7612
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
7475
7613
 
7476
7614
  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%)}");
7615
+ 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
7616
  }
7479
7617
 
7480
7618
  function get_each_context$1(ctx, list, i) {
@@ -7499,9 +7637,9 @@ function create_each_block$1(ctx) {
7499
7637
  img = element("img");
7500
7638
  t = space();
7501
7639
  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"));
7640
+ attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
7503
7641
  attr(img, "alt", "rate" + /*i*/ ctx[10]);
7504
- attr(button, "class", "rating-button svelte-1b5dvzw");
7642
+ attr(button, "class", "rating-button svelte-tbunko");
7505
7643
  attr(button, "style", /*buttonStyle*/ ctx[0]);
7506
7644
  },
7507
7645
  m(target, anchor) {
@@ -7517,7 +7655,7 @@ function create_each_block$1(ctx) {
7517
7655
  p(new_ctx, dirty) {
7518
7656
  ctx = new_ctx;
7519
7657
 
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"))) {
7658
+ 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
7659
  attr(img, "class", img_class_value);
7522
7660
  }
7523
7661
 
@@ -7550,7 +7688,7 @@ function create_fragment$c(ctx) {
7550
7688
  each_blocks[i].c();
7551
7689
  }
7552
7690
 
7553
- attr(div, "class", "rating-buttons svelte-1b5dvzw");
7691
+ attr(div, "class", "rating-buttons svelte-tbunko");
7554
7692
  },
7555
7693
  m(target, anchor) {
7556
7694
  insert(target, div, anchor);
@@ -7658,7 +7796,7 @@ class FormRatingButtonsFace extends SvelteComponent {
7658
7796
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
7659
7797
 
7660
7798
  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%}");
7799
+ 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
7800
  }
7663
7801
 
7664
7802
  function get_each_context(ctx, list, i) {
@@ -7687,9 +7825,9 @@ function create_if_block_1(ctx) {
7687
7825
  attr(svg, "viewBox", "0 0 10 16");
7688
7826
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
7689
7827
  attr(svg, "style", /*prevIconStyle*/ ctx[10]);
7690
- attr(button, "class", "move-button svelte-1qfq79t");
7828
+ attr(button, "class", "move-button svelte-ji1fh");
7691
7829
  attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
7692
- attr(div, "class", "prev-button-container svelte-1qfq79t");
7830
+ attr(div, "class", "prev-button-container svelte-ji1fh");
7693
7831
  },
7694
7832
  m(target, anchor) {
7695
7833
  insert(target, div, anchor);
@@ -7738,9 +7876,9 @@ function create_if_block$1(ctx) {
7738
7876
  attr(svg, "viewBox", "0 0 10 16");
7739
7877
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
7740
7878
  attr(svg, "style", /*nextIconStyle*/ ctx[8]);
7741
- attr(button, "class", "move-button svelte-1qfq79t");
7879
+ attr(button, "class", "move-button svelte-ji1fh");
7742
7880
  attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
7743
- attr(div, "class", "next-button-container svelte-1qfq79t");
7881
+ attr(div, "class", "next-button-container svelte-ji1fh");
7744
7882
  },
7745
7883
  m(target, anchor) {
7746
7884
  insert(target, div, anchor);
@@ -7788,9 +7926,9 @@ function create_each_block(ctx) {
7788
7926
  button = element("button");
7789
7927
  div = element("div");
7790
7928
  t = space();
7791
- attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
7929
+ attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
7792
7930
  attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
7793
- attr(button, "class", "navigation-item svelte-1qfq79t");
7931
+ attr(button, "class", "navigation-item svelte-ji1fh");
7794
7932
  attr(button, "style", /*navigationItemStyle*/ ctx[6]);
7795
7933
  },
7796
7934
  m(target, anchor) {
@@ -7867,14 +8005,14 @@ function create_fragment$b(ctx) {
7867
8005
  each_blocks[i].c();
7868
8006
  }
7869
8007
 
7870
- attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
8008
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
7871
8009
  attr(div0, "style", /*slideStyle*/ ctx[14]);
7872
- attr(div1, "class", "container svelte-1qfq79t");
8010
+ attr(div1, "class", "container svelte-ji1fh");
7873
8011
  attr(div1, "style", /*_style*/ ctx[0]);
7874
- attr(div2, "class", "navigation svelte-1qfq79t");
8012
+ attr(div2, "class", "navigation svelte-ji1fh");
7875
8013
  attr(div2, "style", /*navigationStyle*/ ctx[4]);
7876
8014
  set_attributes(div3, div3_data);
7877
- toggle_class(div3, "svelte-1qfq79t", true);
8015
+ toggle_class(div3, "svelte-ji1fh", true);
7878
8016
  },
7879
8017
  m(target, anchor) {
7880
8018
  insert(target, div3, anchor);
@@ -7916,7 +8054,7 @@ function create_fragment$b(ctx) {
7916
8054
  }
7917
8055
  }
7918
8056
 
7919
- if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
8057
+ if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
7920
8058
  attr(div0, "class", div0_class_value);
7921
8059
  }
7922
8060
 
@@ -7982,7 +8120,7 @@ function create_fragment$b(ctx) {
7982
8120
  }
7983
8121
 
7984
8122
  set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
7985
- toggle_class(div3, "svelte-1qfq79t", true);
8123
+ toggle_class(div3, "svelte-ji1fh", true);
7986
8124
  },
7987
8125
  i(local) {
7988
8126
  if (current) return;
@@ -8494,7 +8632,7 @@ class Slide extends SvelteComponent {
8494
8632
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
8495
8633
 
8496
8634
  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}");
8635
+ 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
8636
  }
8499
8637
 
8500
8638
  function create_fragment$a(ctx) {
@@ -8509,9 +8647,9 @@ function create_fragment$a(ctx) {
8509
8647
  div1 = element("div");
8510
8648
  div0 = element("div");
8511
8649
  if (default_slot) default_slot.c();
8512
- attr(div0, "class", "item-inner svelte-1rv0qgo");
8650
+ attr(div0, "class", "item-inner svelte-9ygf1w");
8513
8651
  attr(div0, "style", /*_style*/ ctx[0]);
8514
- attr(div1, "class", "item svelte-1rv0qgo");
8652
+ attr(div1, "class", "item svelte-9ygf1w");
8515
8653
  attr(div1, "style", /*itemStyle*/ ctx[1]);
8516
8654
  },
8517
8655
  m(target, anchor) {
@@ -8637,7 +8775,7 @@ class SlideItem extends SvelteComponent {
8637
8775
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
8638
8776
 
8639
8777
  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}");
8778
+ 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
8779
  }
8642
8780
 
8643
8781
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
@@ -8655,9 +8793,9 @@ function create_fragment$9(ctx) {
8655
8793
  div1 = element("div");
8656
8794
  div0 = element("div");
8657
8795
  if (default_slot) default_slot.c();
8658
- attr(div0, "class", "countdown-inner svelte-t87l6f");
8796
+ attr(div0, "class", "countdown-inner svelte-rroxiz");
8659
8797
  attr(div0, "style", /*_style*/ ctx[0]);
8660
- attr(div1, "class", "countdown svelte-t87l6f");
8798
+ attr(div1, "class", "countdown svelte-rroxiz");
8661
8799
  },
8662
8800
  m(target, anchor) {
8663
8801
  insert(target, div1, anchor);
@@ -8791,7 +8929,7 @@ class Countdown extends SvelteComponent {
8791
8929
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
8792
8930
 
8793
8931
  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}");
8932
+ 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
8933
  }
8796
8934
 
8797
8935
  // (24:2) <Button {onClick} style={_style} {eventName}>
@@ -8861,7 +8999,7 @@ function create_fragment$8(ctx) {
8861
8999
  c() {
8862
9000
  div = element("div");
8863
9001
  create_component(button.$$.fragment);
8864
- attr(div, "class", "box svelte-1c91vpe");
9002
+ attr(div, "class", "box svelte-1ccydfy");
8865
9003
  },
8866
9004
  m(target, anchor) {
8867
9005
  insert(target, div, anchor);
@@ -8922,7 +9060,7 @@ class Box extends SvelteComponent {
8922
9060
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
8923
9061
 
8924
9062
  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)}");
9063
+ 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
9064
  }
8927
9065
 
8928
9066
  // (56:4) {#if svg}
@@ -9004,7 +9142,7 @@ function create_fragment$7(ctx) {
9004
9142
  c() {
9005
9143
  div = element("div");
9006
9144
  create_component(button.$$.fragment);
9007
- attr(div, "class", "icon svelte-1mk6wi4");
9145
+ attr(div, "class", "icon svelte-1mkvcuo");
9008
9146
  },
9009
9147
  m(target, anchor) {
9010
9148
  insert(target, div, anchor);
@@ -9113,7 +9251,7 @@ class IconElement extends SvelteComponent {
9113
9251
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
9114
9252
 
9115
9253
  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%}");
9254
+ append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
9117
9255
  }
9118
9256
 
9119
9257
  function create_fragment$6(ctx) {
@@ -9139,7 +9277,7 @@ function create_fragment$6(ctx) {
9139
9277
  c() {
9140
9278
  div = element("div");
9141
9279
  if (switch_instance) create_component(switch_instance.$$.fragment);
9142
- attr(div, "class", "codeElement svelte-1ng2n51");
9280
+ attr(div, "class", "codeElement svelte-ymsb9l");
9143
9281
  attr(div, "style", /*style*/ ctx[3]);
9144
9282
  },
9145
9283
  m(target, anchor) {
@@ -9228,7 +9366,7 @@ class CodeElement extends SvelteComponent {
9228
9366
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
9229
9367
 
9230
9368
  function add_css$4(target) {
9231
- append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
9369
+ append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
9232
9370
  }
9233
9371
 
9234
9372
  function create_fragment$5(ctx) {
@@ -9242,7 +9380,7 @@ function create_fragment$5(ctx) {
9242
9380
  c() {
9243
9381
  div = element("div");
9244
9382
  if (default_slot) default_slot.c();
9245
- attr(div, "class", "flex svelte-9v2qdg");
9383
+ attr(div, "class", "flex svelte-1e71ejc");
9246
9384
  attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
9247
9385
  },
9248
9386
  m(target, anchor) {
@@ -9339,7 +9477,7 @@ class Flex extends SvelteComponent {
9339
9477
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
9340
9478
 
9341
9479
  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}");
9480
+ append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
9343
9481
  }
9344
9482
 
9345
9483
  function create_fragment$4(ctx) {
@@ -9352,7 +9490,7 @@ function create_fragment$4(ctx) {
9352
9490
  c() {
9353
9491
  div = element("div");
9354
9492
  if (default_slot) default_slot.c();
9355
- attr(div, "class", "flex-item svelte-164ah5d");
9493
+ attr(div, "class", "flex-item svelte-1p0bk1x");
9356
9494
  attr(div, "style", /*style*/ ctx[0]);
9357
9495
  },
9358
9496
  m(target, anchor) {
@@ -9760,7 +9898,7 @@ class GridModalState extends SvelteComponent {
9760
9898
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
9761
9899
 
9762
9900
  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%}");
9901
+ 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
9902
  }
9765
9903
 
9766
9904
  function create_fragment$2(ctx) {
@@ -9776,8 +9914,8 @@ function create_fragment$2(ctx) {
9776
9914
  div1 = element("div");
9777
9915
  div0 = element("div");
9778
9916
  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"));
9917
+ attr(div0, "class", "text-block-inner svelte-15pej1m");
9918
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
9781
9919
  attr(div1, "style", /*style*/ ctx[2]);
9782
9920
  },
9783
9921
  m(target, anchor) {
@@ -9791,7 +9929,7 @@ function create_fragment$2(ctx) {
9791
9929
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
9792
9930
  rendertext.$set(rendertext_changes);
9793
9931
 
9794
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"))) {
9932
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
9795
9933
  attr(div1, "class", div1_class_value);
9796
9934
  }
9797
9935
 
@@ -9869,7 +10007,7 @@ class TextBlock extends SvelteComponent {
9869
10007
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
9870
10008
 
9871
10009
  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)}");
10010
+ 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
10011
  }
9874
10012
 
9875
10013
  function create_fragment$1(ctx) {
@@ -9886,9 +10024,9 @@ function create_fragment$1(ctx) {
9886
10024
  div = element("div");
9887
10025
  button = element("button");
9888
10026
  create_component(rendertext.$$.fragment);
9889
- attr(button, "class", "text-button svelte-1c34p4n");
10027
+ attr(button, "class", "text-button svelte-ff0k6r");
9890
10028
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
9891
- attr(div, "class", "text-button-block svelte-1c34p4n");
10029
+ attr(div, "class", "text-button-block svelte-ff0k6r");
9892
10030
  attr(div, "style", /*_style*/ ctx[2]);
9893
10031
  },
9894
10032
  m(target, anchor) {
@@ -9994,7 +10132,7 @@ class TextButtonBlock extends SvelteComponent {
9994
10132
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
9995
10133
 
9996
10134
  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)}");
10135
+ 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
10136
  }
9999
10137
 
10000
10138
  function create_fragment(ctx) {
@@ -10010,14 +10148,14 @@ function create_fragment(ctx) {
10010
10148
  c() {
10011
10149
  div = element("div");
10012
10150
  img = element("img");
10013
- attr(img, "class", "image svelte-1jus6sx");
10151
+ attr(img, "class", "image svelte-1pdw891");
10014
10152
  attr(img, "loading", "lazy");
10015
10153
  attr(img, "width", "auto");
10016
10154
  attr(img, "height", "auto");
10017
10155
  attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
10018
10156
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
10019
10157
  attr(img, "alt", /*alt*/ ctx[1]);
10020
- attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"));
10158
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
10021
10159
  attr(div, "style", /*_style*/ ctx[5]);
10022
10160
  },
10023
10161
  m(target, anchor) {
@@ -10042,7 +10180,7 @@ function create_fragment(ctx) {
10042
10180
  attr(img, "alt", /*alt*/ ctx[1]);
10043
10181
  }
10044
10182
 
10045
- if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"))) {
10183
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
10046
10184
  attr(div, "class", div_class_value);
10047
10185
  }
10048
10186