@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/hydrate/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, claim_element, children, detach, insert_hydration, noop, component_subscribe, attr, create_slot, create_component, space, claim_component, claim_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, claim_svg_element, append_hydration, destroy_each, text, claim_text, set_data, src_url_equal, HtmlTagHydration, claim_html_tag, construct_svelte_component, subscribe } from 'svelte/internal';
3
+ import { SvelteComponent, init, safe_not_equal, element, claim_element, children, detach, insert_hydration, noop, component_subscribe, attr, create_slot, create_component, space, claim_component, claim_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, claim_svg_element, append_hydration, destroy_each, text, claim_text, set_data, src_url_equal, HtmlTagHydration, claim_html_tag, construct_svelte_component, subscribe } from 'svelte/internal';
4
4
  import 'svelte/easing';
5
5
 
6
6
  /** @internal */
@@ -1324,21 +1324,49 @@ function request(url, data, cb) {
1324
1324
  'Content-Type': 'text/plain;charset=UTF-8',
1325
1325
  },
1326
1326
  body: JSON.stringify({ ...data }),
1327
- }).then(response => {
1327
+ })
1328
+ .then(response => {
1328
1329
  if (!response.ok) {
1329
- return cb(new Error(`fail to request collection api. reason: ${response.status}`));
1330
+ throw new Error(`fail to request collection api. reason: ${response.status}`);
1330
1331
  }
1331
- return cb(null, response.json());
1332
+ return response.json();
1333
+ })
1334
+ .then(data => {
1335
+ return cb(null, data);
1336
+ })
1337
+ .catch(err => {
1338
+ return cb(err, null);
1332
1339
  });
1333
1340
  }
1334
1341
  /** @internal */
1335
1342
  const loadActionTableRow = async (config, data, api_key, endpoint) => new Promise((resolve, reject) => {
1343
+ const defaultValue = config.query.default_value ?? null;
1336
1344
  const key = data[config.query.key] ?? null;
1337
1345
  if (key == null) {
1338
1346
  console.warn('key is not found. key: ', config.query.key);
1347
+ if (defaultValue != null) {
1348
+ return resolve(defaultValue);
1349
+ }
1339
1350
  return reject('key is not found.');
1340
1351
  }
1341
- return collection$1({ endpoint, api_key, table: config.query.table_name }).get(key, (err, data) => err ? reject(err) : resolve(data));
1352
+ return collection$1({ endpoint, api_key, table: config.query.table_name }).get(key, (err, data) => {
1353
+ if (err) {
1354
+ if (defaultValue != null) {
1355
+ return resolve(defaultValue);
1356
+ }
1357
+ return reject(err);
1358
+ }
1359
+ if (!Array.isArray(data)) {
1360
+ return resolve(data);
1361
+ }
1362
+ if (data.length !== 0) {
1363
+ return resolve(data[0]);
1364
+ }
1365
+ if (defaultValue != null) {
1366
+ return resolve(defaultValue);
1367
+ }
1368
+ return resolve(data);
1369
+ });
1342
1370
  });
1343
1371
  /** @internal */
1344
1372
  const loadActionTableRows = async (config, data, api_key, endpoint) => new Promise((resolve, reject) => {
@@ -1346,21 +1374,42 @@ const loadActionTableRows = async (config, data, api_key, endpoint) => new Promi
1346
1374
  console.warn('key is not defined.');
1347
1375
  return reject('key is not defined.');
1348
1376
  }
1377
+ const defaultValue = config.query.default_value ?? null;
1349
1378
  const keys = [];
1350
1379
  let hasError = false;
1351
1380
  const originalKeys = Array.isArray(config.query.key) ? config.query.key : [config.query.key];
1352
1381
  originalKeys.forEach(key => {
1353
1382
  const d = data[key];
1354
- if (d == null) {
1383
+ if (d == null || d === '') {
1355
1384
  console.warn('key is not found. key: ', key);
1356
1385
  hasError = true;
1357
1386
  }
1358
1387
  keys.push(d);
1359
1388
  });
1360
1389
  if (hasError) {
1390
+ if (defaultValue != null) {
1391
+ return resolve(defaultValue);
1392
+ }
1361
1393
  return reject('key is not found.');
1362
1394
  }
1363
- return collection$1({ endpoint, api_key, table: config.query.table_name }).get(keys, (err, data) => (err ? reject(err) : resolve(data)));
1395
+ return collection$1({ endpoint, api_key, table: config.query.table_name }).get(keys, (err, data) => {
1396
+ if (err) {
1397
+ if (defaultValue != null) {
1398
+ return resolve(defaultValue);
1399
+ }
1400
+ return reject(err);
1401
+ }
1402
+ if (!Array.isArray(data)) {
1403
+ return resolve([data]);
1404
+ }
1405
+ if (data.length !== 0) {
1406
+ return resolve(data);
1407
+ }
1408
+ if (defaultValue != null) {
1409
+ return resolve(defaultValue);
1410
+ }
1411
+ return resolve(data);
1412
+ });
1364
1413
  });
1365
1414
  /** @internal */
1366
1415
  const loadActionTableQuery = async (config, data, api_key, endpoint) => new Promise((resolve, reject) => {
@@ -1368,20 +1417,41 @@ const loadActionTableQuery = async (config, data, api_key, endpoint) => new Prom
1368
1417
  console.warn('key is not defined.');
1369
1418
  return reject('key is not defined.');
1370
1419
  }
1420
+ const defaultValue = config.query.default_value ?? null;
1371
1421
  const params = {};
1372
1422
  let hasError = false;
1373
1423
  Object.entries(config.query.params).forEach(([key, param]) => {
1374
1424
  const d = data[param];
1375
- if (d == null) {
1425
+ if (d == null || d === '') {
1376
1426
  console.warn('key is not found. param: ', param);
1377
1427
  hasError = true;
1378
1428
  }
1379
1429
  params[key] = d;
1380
1430
  });
1381
1431
  if (hasError) {
1432
+ if (defaultValue != null) {
1433
+ return resolve(defaultValue);
1434
+ }
1382
1435
  return reject('key is not found.');
1383
1436
  }
1384
- return collection$1({ endpoint, api_key, table: config.query.table_name }).getByQuery(config.query.query_name, params, null, (err, data) => (err ? reject(err) : resolve(data)));
1437
+ return collection$1({ endpoint, api_key, table: config.query.table_name }).getByQuery(config.query.query_name, params, null, (err, data) => {
1438
+ if (err) {
1439
+ if (defaultValue != null) {
1440
+ return resolve(defaultValue);
1441
+ }
1442
+ return reject(err);
1443
+ }
1444
+ if (!Array.isArray(data)) {
1445
+ return resolve([data]);
1446
+ }
1447
+ if (data.length !== 0) {
1448
+ return resolve(data);
1449
+ }
1450
+ if (defaultValue != null) {
1451
+ return resolve(defaultValue);
1452
+ }
1453
+ return resolve(data);
1454
+ });
1385
1455
  });
1386
1456
  /** @internal */
1387
1457
  const loadActionTable = async (config, data, api_key, endpoint) => {
@@ -2608,7 +2678,7 @@ class State extends SvelteComponent {
2608
2678
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
2609
2679
 
2610
2680
  function add_css$t(target) {
2611
- append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
2681
+ append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
2612
2682
  }
2613
2683
 
2614
2684
  // (23:0) {#if $state === path}
@@ -2635,7 +2705,7 @@ function create_if_block$8(ctx) {
2635
2705
  },
2636
2706
  h() {
2637
2707
  attr(div, "data-state-path", /*path*/ ctx[0]);
2638
- attr(div, "class", "state-item svelte-1amihue");
2708
+ attr(div, "class", "state-item svelte-2qb6dm");
2639
2709
  },
2640
2710
  m(target, anchor) {
2641
2711
  insert_hydration(target, div, anchor);
@@ -2997,12 +3067,13 @@ function customAnimation(node, { transform, animationStyle, delay = 0, duration
2997
3067
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
2998
3068
 
2999
3069
  function add_css$s(target) {
3000
- append_styles(target, "svelte-g6ucc2", ".background.svelte-g6ucc2{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
3070
+ append_styles(target, "svelte-1d4fta", ".background.svelte-1d4fta{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
3001
3071
  }
3002
3072
 
3003
- // (9:0) {#if backgroundOverlay}
3073
+ // (14:0) {#if backgroundOverlay}
3004
3074
  function create_if_block$7(ctx) {
3005
3075
  let div;
3076
+ let div_class_value;
3006
3077
  let mounted;
3007
3078
  let dispose;
3008
3079
 
@@ -3017,17 +3088,21 @@ function create_if_block$7(ctx) {
3017
3088
  this.h();
3018
3089
  },
3019
3090
  h() {
3020
- attr(div, "class", "background svelte-g6ucc2");
3091
+ attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
3021
3092
  },
3022
3093
  m(target, anchor) {
3023
3094
  insert_hydration(target, div, anchor);
3024
3095
 
3025
3096
  if (!mounted) {
3026
- dispose = listen(div, "click", /*click_handler*/ ctx[2]);
3097
+ dispose = listen(div, "click", /*click_handler*/ ctx[3]);
3027
3098
  mounted = true;
3028
3099
  }
3029
3100
  },
3030
- p: noop,
3101
+ p(ctx, dirty) {
3102
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
3103
+ attr(div, "class", div_class_value);
3104
+ }
3105
+ },
3031
3106
  d(detaching) {
3032
3107
  if (detaching) detach(div);
3033
3108
  mounted = false;
@@ -3078,20 +3153,22 @@ function create_fragment$v(ctx) {
3078
3153
 
3079
3154
  function instance$v($$self, $$props, $$invalidate) {
3080
3155
  let { backgroundOverlay = false } = $$props;
3156
+ let { class: className = undefined } = $$props;
3081
3157
  const dispatch = createEventDispatcher();
3082
3158
  const click_handler = () => dispatch('click');
3083
3159
 
3084
3160
  $$self.$$set = $$props => {
3085
3161
  if ('backgroundOverlay' in $$props) $$invalidate(0, backgroundOverlay = $$props.backgroundOverlay);
3162
+ if ('class' in $$props) $$invalidate(1, className = $$props.class);
3086
3163
  };
3087
3164
 
3088
- return [backgroundOverlay, dispatch, click_handler];
3165
+ return [backgroundOverlay, className, dispatch, click_handler];
3089
3166
  }
3090
3167
 
3091
3168
  class BackgroundOverlay extends SvelteComponent {
3092
3169
  constructor(options) {
3093
3170
  super();
3094
- init(this, options, instance$v, create_fragment$v, safe_not_equal, { backgroundOverlay: 0 }, add_css$s);
3171
+ init(this, options, instance$v, create_fragment$v, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$s);
3095
3172
  }
3096
3173
  }
3097
3174
 
@@ -3132,7 +3209,7 @@ function checkStopPropagation(eventName, handler) {
3132
3209
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3133
3210
 
3134
3211
  function add_css$r(target) {
3135
- append_styles(target, "svelte-1dtbrzj", ".button.svelte-1dtbrzj{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-1dtbrzj:link,.button.svelte-1dtbrzj:visited,.button.svelte-1dtbrzj:active,.button.svelte-1dtbrzj:hover{color:inherit}");
3212
+ append_styles(target, "svelte-1tg0tf", ".button.svelte-1tg0tf{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-1tg0tf:link,.button.svelte-1tg0tf:visited,.button.svelte-1tg0tf:active,.button.svelte-1tg0tf:hover{color:inherit}");
3136
3213
  }
3137
3214
 
3138
3215
  // (50:0) {:else}
@@ -3171,7 +3248,7 @@ function create_else_block$3(ctx) {
3171
3248
  },
3172
3249
  h() {
3173
3250
  set_attributes(button, button_data);
3174
- toggle_class(button, "svelte-1dtbrzj", true);
3251
+ toggle_class(button, "svelte-1tg0tf", true);
3175
3252
  },
3176
3253
  m(target, anchor) {
3177
3254
  insert_hydration(target, button, anchor);
@@ -3210,7 +3287,7 @@ function create_else_block$3(ctx) {
3210
3287
  dataAttrStopPropagation('click')
3211
3288
  ]));
3212
3289
 
3213
- toggle_class(button, "svelte-1dtbrzj", true);
3290
+ toggle_class(button, "svelte-1tg0tf", true);
3214
3291
  },
3215
3292
  i(local) {
3216
3293
  if (current) return;
@@ -3251,7 +3328,7 @@ function create_if_block_2(ctx) {
3251
3328
  this.h();
3252
3329
  },
3253
3330
  h() {
3254
- attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1dtbrzj"));
3331
+ attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1tg0tf"));
3255
3332
  attr(div, "style", /*style*/ ctx[1]);
3256
3333
  },
3257
3334
  m(target, anchor) {
@@ -3351,7 +3428,7 @@ function create_if_block_1$2(ctx) {
3351
3428
  },
3352
3429
  h() {
3353
3430
  set_attributes(a, a_data);
3354
- toggle_class(a, "svelte-1dtbrzj", true);
3431
+ toggle_class(a, "svelte-1tg0tf", true);
3355
3432
  },
3356
3433
  m(target, anchor) {
3357
3434
  insert_hydration(target, a, anchor);
@@ -3393,7 +3470,7 @@ function create_if_block_1$2(ctx) {
3393
3470
  dataAttrStopPropagation('click')
3394
3471
  ]));
3395
3472
 
3396
- toggle_class(a, "svelte-1dtbrzj", true);
3473
+ toggle_class(a, "svelte-1tg0tf", true);
3397
3474
  },
3398
3475
  i(local) {
3399
3476
  if (current) return;
@@ -3434,7 +3511,7 @@ function create_if_block$6(ctx) {
3434
3511
  this.h();
3435
3512
  },
3436
3513
  h() {
3437
- attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1dtbrzj"));
3514
+ attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1tg0tf"));
3438
3515
  attr(div, "style", /*style*/ ctx[1]);
3439
3516
  },
3440
3517
  m(target, anchor) {
@@ -3642,7 +3719,7 @@ class Button extends SvelteComponent {
3642
3719
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
3643
3720
 
3644
3721
  function add_css$q(target) {
3645
- append_styles(target, "svelte-1m1do8u", ".modal.svelte-1m1do8u{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1m1do8u > .button{flex:auto;display:flex}.close.svelte-1m1do8u{position:absolute;top:0;right:0}.close.svelte-1m1do8u > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.close.svelte-1m1do8u > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1m1do8u{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
3722
+ append_styles(target, "svelte-yvwr7u", ".modal.svelte-yvwr7u{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-yvwr7u > .button{flex:auto;display:flex}.close.svelte-yvwr7u{position:absolute;top:0;right:0}.close.svelte-yvwr7u > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.close.svelte-yvwr7u > .button:hover{transform:rotate(90deg)}.modal-content.svelte-yvwr7u{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
3646
3723
  }
3647
3724
 
3648
3725
  // (145:0) {#if visible}
@@ -3683,7 +3760,7 @@ function create_if_block$5(ctx) {
3683
3760
  this.h();
3684
3761
  },
3685
3762
  h() {
3686
- attr(div, "class", "modal svelte-1m1do8u");
3763
+ attr(div, "class", "modal svelte-yvwr7u");
3687
3764
  attr(div, "role", "dialog");
3688
3765
  attr(div, "aria-modal", "true");
3689
3766
  attr(div, "style", div_style_value = "" + /*pos*/ ctx[16] + " " + /*marginStyle*/ ctx[14] + " " + ElasticityStyle[/*overwriteElasticity*/ ctx[17]] + "");
@@ -3771,7 +3848,7 @@ function create_if_block_1$1(ctx) {
3771
3848
  this.h();
3772
3849
  },
3773
3850
  h() {
3774
- attr(div, "class", "close svelte-1m1do8u");
3851
+ attr(div, "class", "close svelte-yvwr7u");
3775
3852
  set_style(div, "z-index", /*$maximumZindex*/ ctx[20] + 1);
3776
3853
  },
3777
3854
  m(target, anchor) {
@@ -3896,7 +3973,7 @@ function create_default_slot$6(ctx) {
3896
3973
  this.h();
3897
3974
  },
3898
3975
  h() {
3899
- attr(div, "class", "modal-content svelte-1m1do8u");
3976
+ attr(div, "class", "modal-content svelte-yvwr7u");
3900
3977
  attr(div, "style", /*_style*/ ctx[4]);
3901
3978
  },
3902
3979
  m(target, anchor) {
@@ -4406,7 +4483,7 @@ class Grid extends SvelteComponent {
4406
4483
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
4407
4484
 
4408
4485
  function add_css$p(target) {
4409
- append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
4486
+ append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
4410
4487
  }
4411
4488
 
4412
4489
  function create_fragment$r(ctx) {
@@ -4440,8 +4517,8 @@ function create_fragment$r(ctx) {
4440
4517
  this.h();
4441
4518
  },
4442
4519
  h() {
4443
- attr(div0, "class", "grid-item-inner svelte-1cryhmb");
4444
- attr(div1, "class", "grid-item svelte-1cryhmb");
4520
+ attr(div0, "class", "grid-item-inner svelte-n7kdl3");
4521
+ attr(div1, "class", "grid-item svelte-n7kdl3");
4445
4522
  attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
4446
4523
  attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
4447
4524
  attr(div1, "style", /*_style*/ ctx[1]);
@@ -4763,7 +4840,7 @@ class RenderText extends SvelteComponent {
4763
4840
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
4764
4841
 
4765
4842
  function add_css$o(target) {
4766
- append_styles(target, "svelte-vz6867", ".text-element-wrapper.svelte-vz6867.svelte-vz6867{position:relative;height:100%}.text-element.svelte-vz6867.svelte-vz6867{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden;font-size:12px;line-height:1.5}.text-link-element.svelte-vz6867.svelte-vz6867{text-decoration:none;color:inherit}.text-element-inner.svelte-vz6867.svelte-vz6867{width:100%;height:auto}.text-direction-vertical.svelte-vz6867.svelte-vz6867{writing-mode:vertical-rl}.text-direction-vertical.svelte-vz6867 .text-element-inner.svelte-vz6867{width:auto;height:100%}.tooltip.svelte-vz6867.svelte-vz6867{display:none;position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;background-color:#3d4948;white-space:nowrap;padding:4px 8px 4px 8px;border-radius:4px;font-size:12px;z-index:2147483647}.tooltip.svelte-vz6867.svelte-vz6867:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-vz6867.svelte-vz6867{display:block}.tooltip-error.svelte-vz6867.svelte-vz6867{background-color:#c00}.tooltip-error.svelte-vz6867.svelte-vz6867:before{border-bottom:7px solid #c00}");
4843
+ append_styles(target, "svelte-9ixs0b", ".text-element-wrapper.svelte-9ixs0b.svelte-9ixs0b{position:relative;height:100%}.text-element.svelte-9ixs0b.svelte-9ixs0b{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden;font-size:12px;line-height:1.5}.text-link-element.svelte-9ixs0b.svelte-9ixs0b{text-decoration:none;color:inherit}.text-element-inner.svelte-9ixs0b.svelte-9ixs0b{width:100%;height:auto}.text-direction-vertical.svelte-9ixs0b.svelte-9ixs0b{writing-mode:vertical-rl}.text-direction-vertical.svelte-9ixs0b .text-element-inner.svelte-9ixs0b{width:auto;height:100%}.tooltip.svelte-9ixs0b.svelte-9ixs0b{display:none;position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;background-color:#3d4948;white-space:nowrap;padding:4px 8px 4px 8px;border-radius:4px;font-size:12px;z-index:2147483647}.tooltip.svelte-9ixs0b.svelte-9ixs0b:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-9ixs0b.svelte-9ixs0b{display:block}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b{background-color:#c00}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b:before{border-bottom:7px solid #c00}");
4767
4844
  }
4768
4845
 
4769
4846
  // (94:2) {:else}
@@ -4793,8 +4870,8 @@ function create_else_block$1(ctx) {
4793
4870
  this.h();
4794
4871
  },
4795
4872
  h() {
4796
- attr(div0, "class", "text-element-inner svelte-vz6867");
4797
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
4873
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
4874
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
4798
4875
  attr(div1, "style", /*style*/ ctx[5]);
4799
4876
  },
4800
4877
  m(target, anchor) {
@@ -4808,7 +4885,7 @@ function create_else_block$1(ctx) {
4808
4885
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
4809
4886
  rendertext.$set(rendertext_changes);
4810
4887
 
4811
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
4888
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
4812
4889
  attr(div1, "class", div1_class_value);
4813
4890
  }
4814
4891
 
@@ -4883,12 +4960,12 @@ function create_if_block$3(ctx) {
4883
4960
  this.h();
4884
4961
  },
4885
4962
  h() {
4886
- attr(div0, "class", "text-element-inner svelte-vz6867");
4963
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
4887
4964
  attr(a, "href", '');
4888
- attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
4965
+ attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
4889
4966
  attr(a, "style", /*style*/ ctx[5]);
4890
- attr(div1, "class", "tooltip svelte-vz6867");
4891
- attr(div2, "class", "tooltip tooltip-error svelte-vz6867");
4967
+ attr(div1, "class", "tooltip svelte-9ixs0b");
4968
+ attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
4892
4969
  },
4893
4970
  m(target, anchor) {
4894
4971
  insert_hydration(target, a, anchor);
@@ -4914,7 +4991,7 @@ function create_if_block$3(ctx) {
4914
4991
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
4915
4992
  rendertext.$set(rendertext_changes);
4916
4993
 
4917
- if (!current || dirty & /*textDirection*/ 2 && a_class_value !== (a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
4994
+ if (!current || dirty & /*textDirection*/ 2 && a_class_value !== (a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
4918
4995
  attr(a, "class", a_class_value);
4919
4996
  }
4920
4997
 
@@ -4976,7 +5053,7 @@ function create_fragment$p(ctx) {
4976
5053
  this.h();
4977
5054
  },
4978
5055
  h() {
4979
- attr(div, "class", "text-element-wrapper svelte-vz6867");
5056
+ attr(div, "class", "text-element-wrapper svelte-9ixs0b");
4980
5057
  },
4981
5058
  m(target, anchor) {
4982
5059
  insert_hydration(target, div, anchor);
@@ -5142,7 +5219,7 @@ class TextElement extends SvelteComponent {
5142
5219
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5143
5220
 
5144
5221
  function add_css$n(target) {
5145
- append_styles(target, "svelte-ujdxfc", ".text-button-element.svelte-ujdxfc{width:100%;height:100%}.text-button-element.svelte-ujdxfc > .button{display:flex;width:100%;height:100%;border:none;box-shadow:transparent;box-sizing:border-box;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5;background-color:#33403e;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-ujdxfc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-ujdxfc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-ujdxfc > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
5222
+ append_styles(target, "svelte-1vg84sc", ".text-button-element.svelte-1vg84sc{width:100%;height:100%}.text-button-element.svelte-1vg84sc > .button{display:flex;width:100%;height:100%;border:none;box-shadow:transparent;box-sizing:border-box;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5;background-color:#33403e;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-1vg84sc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-1vg84sc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-1vg84sc > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
5146
5223
  }
5147
5224
 
5148
5225
  // (48:2) <Button {onClick} {style} {eventName}>
@@ -5211,7 +5288,7 @@ function create_fragment$o(ctx) {
5211
5288
  this.h();
5212
5289
  },
5213
5290
  h() {
5214
- attr(div, "class", "text-button-element svelte-ujdxfc");
5291
+ attr(div, "class", "text-button-element svelte-1vg84sc");
5215
5292
  },
5216
5293
  m(target, anchor) {
5217
5294
  insert_hydration(target, div, anchor);
@@ -5303,7 +5380,7 @@ class TextButtonElement extends SvelteComponent {
5303
5380
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5304
5381
 
5305
5382
  function add_css$m(target) {
5306
- append_styles(target, "svelte-1alkh1m", ".image-element.svelte-1alkh1m{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-1alkh1m > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image-element.svelte-1alkh1m > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-1alkh1m > .button:not(._disabled):hover,.image-element.transport.svelte-1alkh1m > .button:not(._disabled):focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}.image.svelte-1alkh1m{width:100%;height:100%}");
5383
+ append_styles(target, "svelte-t6tu0e", ".image-element.svelte-t6tu0e{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-t6tu0e > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image-element.svelte-t6tu0e > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-t6tu0e > .button:not(._disabled):hover,.image-element.transport.svelte-t6tu0e > .button:not(._disabled):focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}.image.svelte-t6tu0e{width:100%;height:100%}");
5307
5384
  }
5308
5385
 
5309
5386
  // (44:2) <Button {onClick} style={_style} {eventName}>
@@ -5331,7 +5408,7 @@ function create_default_slot$4(ctx) {
5331
5408
  this.h();
5332
5409
  },
5333
5410
  h() {
5334
- attr(img, "class", "image svelte-1alkh1m");
5411
+ attr(img, "class", "image svelte-t6tu0e");
5335
5412
  attr(img, "loading", "lazy");
5336
5413
  attr(img, "width", "auto");
5337
5414
  attr(img, "height", "auto");
@@ -5403,7 +5480,7 @@ function create_fragment$n(ctx) {
5403
5480
  this.h();
5404
5481
  },
5405
5482
  h() {
5406
- attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m");
5483
+ attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
5407
5484
  },
5408
5485
  m(target, anchor) {
5409
5486
  insert_hydration(target, div, anchor);
@@ -5422,7 +5499,7 @@ function create_fragment$n(ctx) {
5422
5499
 
5423
5500
  button.$set(button_changes);
5424
5501
 
5425
- if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m")) {
5502
+ if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
5426
5503
  attr(div, "class", div_class_value);
5427
5504
  }
5428
5505
  },
@@ -5494,7 +5571,7 @@ class ImageElement extends SvelteComponent {
5494
5571
  /* src/components/List.svelte generated by Svelte v3.53.1 */
5495
5572
 
5496
5573
  function add_css$l(target) {
5497
- append_styles(target, "svelte-1t8r9z", ".list.svelte-1t8r9z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
5574
+ append_styles(target, "svelte-aquv6z", ".list.svelte-aquv6z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
5498
5575
  }
5499
5576
 
5500
5577
  function create_fragment$m(ctx) {
@@ -5517,7 +5594,7 @@ function create_fragment$m(ctx) {
5517
5594
  this.h();
5518
5595
  },
5519
5596
  h() {
5520
- attr(div, "class", "list svelte-1t8r9z");
5597
+ attr(div, "class", "list svelte-aquv6z");
5521
5598
  attr(div, "style", /*style*/ ctx[0]);
5522
5599
  },
5523
5600
  m(target, anchor) {
@@ -5651,7 +5728,7 @@ class List extends SvelteComponent {
5651
5728
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
5652
5729
 
5653
5730
  function add_css$k(target) {
5654
- append_styles(target, "svelte-1lbw8v2", ".list-item.svelte-1lbw8v2{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-1lbw8v2 > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
5731
+ append_styles(target, "svelte-9n97pe", ".list-item.svelte-9n97pe{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-9n97pe > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
5655
5732
  }
5656
5733
 
5657
5734
  // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
@@ -5734,7 +5811,7 @@ function create_fragment$l(ctx) {
5734
5811
  this.h();
5735
5812
  },
5736
5813
  h() {
5737
- attr(div, "class", "list-item svelte-1lbw8v2");
5814
+ attr(div, "class", "list-item svelte-9n97pe");
5738
5815
  attr(div, "style", /*listItemStyle*/ ctx[3]);
5739
5816
  },
5740
5817
  m(target, anchor) {
@@ -5860,7 +5937,7 @@ class ListItem extends SvelteComponent {
5860
5937
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
5861
5938
 
5862
5939
  function add_css$j(target) {
5863
- append_styles(target, "svelte-w6jkzh", ".embed.svelte-w6jkzh{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-w6jkzh iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
5940
+ append_styles(target, "svelte-wocq4p", ".embed.svelte-wocq4p{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-wocq4p iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
5864
5941
  }
5865
5942
 
5866
5943
  function create_fragment$k(ctx) {
@@ -5878,7 +5955,7 @@ function create_fragment$k(ctx) {
5878
5955
  this.h();
5879
5956
  },
5880
5957
  h() {
5881
- attr(div, "class", "embed svelte-w6jkzh");
5958
+ attr(div, "class", "embed svelte-wocq4p");
5882
5959
  attr(div, "style", /*_style*/ ctx[1]);
5883
5960
  },
5884
5961
  m(target, anchor) {
@@ -5921,7 +5998,7 @@ class EmbedElement extends SvelteComponent {
5921
5998
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
5922
5999
 
5923
6000
  function add_css$i(target) {
5924
- append_styles(target, "svelte-ljxq7x", ".embed.svelte-ljxq7x{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-ljxq7x iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
6001
+ append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
5925
6002
  }
5926
6003
 
5927
6004
  function create_fragment$j(ctx) {
@@ -5944,7 +6021,7 @@ function create_fragment$j(ctx) {
5944
6021
  },
5945
6022
  h() {
5946
6023
  attr(div0, "class", "karte-player");
5947
- attr(div1, "class", "embed svelte-ljxq7x");
6024
+ attr(div1, "class", "embed svelte-vikz49");
5948
6025
  attr(div1, "style", /*_style*/ ctx[0]);
5949
6026
  },
5950
6027
  m(target, anchor) {
@@ -6286,7 +6363,7 @@ class MovieYouTubeElement extends SvelteComponent {
6286
6363
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6287
6364
 
6288
6365
  function add_css$h(target) {
6289
- append_styles(target, "svelte-ljxq7x", ".embed.svelte-ljxq7x{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-ljxq7x iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
6366
+ append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
6290
6367
  }
6291
6368
 
6292
6369
  function create_fragment$i(ctx) {
@@ -6309,7 +6386,7 @@ function create_fragment$i(ctx) {
6309
6386
  },
6310
6387
  h() {
6311
6388
  attr(div0, "class", "karte-player");
6312
- attr(div1, "class", "embed svelte-ljxq7x");
6389
+ attr(div1, "class", "embed svelte-vikz49");
6313
6390
  attr(div1, "style", /*_style*/ ctx[0]);
6314
6391
  },
6315
6392
  m(target, anchor) {
@@ -6493,7 +6570,7 @@ class MovieVimeoElement extends SvelteComponent {
6493
6570
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
6494
6571
 
6495
6572
  function add_css$g(target) {
6496
- append_styles(target, "svelte-13z4kn0", ".textarea-wrapper.svelte-13z4kn0{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-13z4kn0{width:100%;resize:none}");
6573
+ append_styles(target, "svelte-zxvkkc", ".textarea-wrapper.svelte-zxvkkc{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-zxvkkc{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.textarea.svelte-zxvkkc::placeholder{color:var(--placeholder-color)}.textarea.svelte-zxvkkc:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
6497
6574
  }
6498
6575
 
6499
6576
  function create_fragment$h(ctx) {
@@ -6509,13 +6586,13 @@ function create_fragment$h(ctx) {
6509
6586
  this.h();
6510
6587
  },
6511
6588
  l(nodes) {
6512
- div = claim_element(nodes, "DIV", { class: true });
6589
+ div = claim_element(nodes, "DIV", { class: true, style: true });
6513
6590
  var div_nodes = children(div);
6514
6591
 
6515
6592
  textarea = claim_element(div_nodes, "TEXTAREA", {
6516
6593
  class: true,
6517
- rows: true,
6518
- placeholder: true
6594
+ placeholder: true,
6595
+ style: true
6519
6596
  });
6520
6597
 
6521
6598
  children(textarea).forEach(detach);
@@ -6523,37 +6600,42 @@ function create_fragment$h(ctx) {
6523
6600
  this.h();
6524
6601
  },
6525
6602
  h() {
6526
- attr(textarea, "class", "textarea svelte-13z4kn0");
6527
- textarea.value = /*$value*/ ctx[3];
6528
- textarea.required = /*required*/ ctx[0];
6529
- attr(textarea, "rows", /*rows*/ ctx[1]);
6530
- attr(textarea, "placeholder", /*placeholder*/ ctx[2]);
6531
- attr(div, "class", "textarea-wrapper svelte-13z4kn0");
6603
+ attr(textarea, "class", "textarea svelte-zxvkkc");
6604
+ textarea.value = /*$value*/ ctx[4];
6605
+ textarea.required = /*required*/ ctx[1];
6606
+ attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
6607
+ attr(textarea, "style", /*style*/ ctx[3]);
6608
+ attr(div, "class", "textarea-wrapper svelte-zxvkkc");
6609
+ attr(div, "style", /*styleVariables*/ ctx[2]);
6532
6610
  },
6533
6611
  m(target, anchor) {
6534
6612
  insert_hydration(target, div, anchor);
6535
6613
  append_hydration(div, textarea);
6536
6614
 
6537
6615
  if (!mounted) {
6538
- dispose = listen(textarea, "input", /*handleInput*/ ctx[5]);
6616
+ dispose = listen(textarea, "input", /*handleInput*/ ctx[6]);
6539
6617
  mounted = true;
6540
6618
  }
6541
6619
  },
6542
6620
  p(ctx, [dirty]) {
6543
- if (dirty & /*$value*/ 8) {
6544
- textarea.value = /*$value*/ ctx[3];
6621
+ if (dirty & /*$value*/ 16) {
6622
+ textarea.value = /*$value*/ ctx[4];
6545
6623
  }
6546
6624
 
6547
- if (dirty & /*required*/ 1) {
6548
- textarea.required = /*required*/ ctx[0];
6625
+ if (dirty & /*required*/ 2) {
6626
+ textarea.required = /*required*/ ctx[1];
6549
6627
  }
6550
6628
 
6551
- if (dirty & /*rows*/ 2) {
6552
- attr(textarea, "rows", /*rows*/ ctx[1]);
6629
+ if (dirty & /*placeholder*/ 1) {
6630
+ attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
6631
+ }
6632
+
6633
+ if (dirty & /*style*/ 8) {
6634
+ attr(textarea, "style", /*style*/ ctx[3]);
6553
6635
  }
6554
6636
 
6555
- if (dirty & /*placeholder*/ 4) {
6556
- attr(textarea, "placeholder", /*placeholder*/ ctx[2]);
6637
+ if (dirty & /*styleVariables*/ 4) {
6638
+ attr(div, "style", /*styleVariables*/ ctx[2]);
6557
6639
  }
6558
6640
  },
6559
6641
  i: noop,
@@ -6567,11 +6649,17 @@ function create_fragment$h(ctx) {
6567
6649
  }
6568
6650
 
6569
6651
  function instance$h($$self, $$props, $$invalidate) {
6652
+ let style;
6653
+ let styleVariables;
6570
6654
  let $value;
6571
6655
  let { name = '' } = $$props;
6656
+ let { placeholder = '回答を入力してください' } = $$props;
6572
6657
  let { required = true } = $$props;
6573
- let { rows = 2 } = $$props;
6574
- let { placeholder = '' } = $$props;
6658
+ let { _style = '' } = $$props;
6659
+ let { _focusStyle = 'border-width: 2px; border-color: #2aab9f; border-style: solid' } = $$props;
6660
+ let { font = SYSTEM_FONT } = $$props;
6661
+ let { _textStyle = '' } = $$props;
6662
+ let { _placeholderStyle = 'color: #ccc;' } = $$props;
6575
6663
  const { path: statePath } = getStateItemContext();
6576
6664
 
6577
6665
  const value = registerInput({
@@ -6583,7 +6671,7 @@ function instance$h($$self, $$props, $$invalidate) {
6583
6671
  }
6584
6672
  });
6585
6673
 
6586
- component_subscribe($$self, value, value => $$invalidate(3, $value = value));
6674
+ component_subscribe($$self, value, value => $$invalidate(4, $value = value));
6587
6675
 
6588
6676
  function handleInput(event) {
6589
6677
  const updated = event.target.value;
@@ -6591,13 +6679,54 @@ function instance$h($$self, $$props, $$invalidate) {
6591
6679
  }
6592
6680
 
6593
6681
  $$self.$$set = $$props => {
6594
- if ('name' in $$props) $$invalidate(6, name = $$props.name);
6595
- if ('required' in $$props) $$invalidate(0, required = $$props.required);
6596
- if ('rows' in $$props) $$invalidate(1, rows = $$props.rows);
6597
- if ('placeholder' in $$props) $$invalidate(2, placeholder = $$props.placeholder);
6682
+ if ('name' in $$props) $$invalidate(7, name = $$props.name);
6683
+ if ('placeholder' in $$props) $$invalidate(0, placeholder = $$props.placeholder);
6684
+ if ('required' in $$props) $$invalidate(1, required = $$props.required);
6685
+ if ('_style' in $$props) $$invalidate(8, _style = $$props._style);
6686
+ if ('_focusStyle' in $$props) $$invalidate(9, _focusStyle = $$props._focusStyle);
6687
+ if ('font' in $$props) $$invalidate(10, font = $$props.font);
6688
+ if ('_textStyle' in $$props) $$invalidate(11, _textStyle = $$props._textStyle);
6689
+ if ('_placeholderStyle' in $$props) $$invalidate(12, _placeholderStyle = $$props._placeholderStyle);
6598
6690
  };
6599
6691
 
6600
- return [required, rows, placeholder, $value, value, handleInput, name];
6692
+ $$self.$$.update = () => {
6693
+ if ($$self.$$.dirty & /*font*/ 1024) {
6694
+ addFont(font);
6695
+ }
6696
+
6697
+ if ($$self.$$.dirty & /*_style, _textStyle, font*/ 3328) {
6698
+ $$invalidate(3, style = [..._style.split(';'), ..._textStyle.split(';'), `font-family:${font}`].join(';'));
6699
+ }
6700
+
6701
+ if ($$self.$$.dirty & /*_focusStyle, _placeholderStyle*/ 4608) {
6702
+ $$invalidate(2, styleVariables = (() => {
6703
+ const variables = {};
6704
+ const focusStyleObj = parseStyle(_focusStyle);
6705
+ const placeholderStyle = parseStyle(_placeholderStyle);
6706
+ if (focusStyleObj['border-width']) variables['--focus-border-width'] = focusStyleObj['border-width'];
6707
+ if (focusStyleObj['border-color']) variables['--focus-border-color'] = focusStyleObj['border-color'];
6708
+ if (focusStyleObj['border-style']) variables['--focus-border-style'] = focusStyleObj['border-style'];
6709
+ if (placeholderStyle.color) variables['--placeholder-color'] = placeholderStyle.color;
6710
+ return stringifyStyleObj(variables);
6711
+ })());
6712
+ }
6713
+ };
6714
+
6715
+ return [
6716
+ placeholder,
6717
+ required,
6718
+ styleVariables,
6719
+ style,
6720
+ $value,
6721
+ value,
6722
+ handleInput,
6723
+ name,
6724
+ _style,
6725
+ _focusStyle,
6726
+ font,
6727
+ _textStyle,
6728
+ _placeholderStyle
6729
+ ];
6601
6730
  }
6602
6731
 
6603
6732
  class FormTextarea extends SvelteComponent {
@@ -6611,10 +6740,14 @@ class FormTextarea extends SvelteComponent {
6611
6740
  create_fragment$h,
6612
6741
  safe_not_equal,
6613
6742
  {
6614
- name: 6,
6615
- required: 0,
6616
- rows: 1,
6617
- placeholder: 2
6743
+ name: 7,
6744
+ placeholder: 0,
6745
+ required: 1,
6746
+ _style: 8,
6747
+ _focusStyle: 9,
6748
+ font: 10,
6749
+ _textStyle: 11,
6750
+ _placeholderStyle: 12
6618
6751
  },
6619
6752
  add_css$g
6620
6753
  );
@@ -6624,17 +6757,17 @@ class FormTextarea extends SvelteComponent {
6624
6757
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
6625
6758
 
6626
6759
  function add_css$f(target) {
6627
- append_styles(target, "svelte-1ntb6j8", ".radio-buttons.svelte-1ntb6j8{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-1ntb6j8{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-1ntb6j8{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-1ntb6j8:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18,160,160,.08),0px 1px 4px -1px rgba(18,160,160,.24)}.radio-button-text.svelte-1ntb6j8{margin-left:0.5em}");
6760
+ append_styles(target, "svelte-17s08g", ".radio-buttons.svelte-17s08g{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-17s08g{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-17s08g{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-17s08g:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18,160,160,.08),0px 1px 4px -1px rgba(18,160,160,.24)}.radio-button-text.svelte-17s08g{margin-left:0.5em}");
6628
6761
  }
6629
6762
 
6630
6763
  function get_each_context$5(ctx, list, i) {
6631
6764
  const child_ctx = ctx.slice();
6632
- child_ctx[16] = list[i];
6633
- child_ctx[18] = i;
6765
+ child_ctx[17] = list[i];
6766
+ child_ctx[19] = i;
6634
6767
  return child_ctx;
6635
6768
  }
6636
6769
 
6637
- // (98:2) {#each _options as option, i}
6770
+ // (99:2) {#each _options as option, i}
6638
6771
  function create_each_block$5(ctx) {
6639
6772
  let label;
6640
6773
  let input;
@@ -6642,8 +6775,9 @@ function create_each_block$5(ctx) {
6642
6775
  let input_checked_value;
6643
6776
  let t0;
6644
6777
  let span;
6645
- let t1_value = /*option*/ ctx[16] + "";
6778
+ let t1_value = /*option*/ ctx[17] + "";
6646
6779
  let t1;
6780
+ let span_style_value;
6647
6781
  let t2;
6648
6782
  let mounted;
6649
6783
  let dispose;
@@ -6680,14 +6814,14 @@ function create_each_block$5(ctx) {
6680
6814
  },
6681
6815
  h() {
6682
6816
  attr(input, "type", "radio");
6683
- attr(input, "class", "radio-button-input svelte-1ntb6j8");
6817
+ attr(input, "class", "radio-button-input svelte-17s08g");
6684
6818
  attr(input, "style", /*buttonStyle*/ ctx[5]);
6685
6819
  attr(input, "name", /*name*/ ctx[0]);
6686
- input.value = input_value_value = /*option*/ ctx[16];
6687
- input.checked = input_checked_value = /*option*/ ctx[16] === /*_value*/ ctx[3];
6688
- attr(span, "class", "radio-button-text svelte-1ntb6j8");
6689
- attr(span, "style", /*_textStyle*/ ctx[2]);
6690
- attr(label, "class", "radio-button svelte-1ntb6j8");
6820
+ input.value = input_value_value = /*option*/ ctx[17];
6821
+ input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
6822
+ attr(span, "class", "radio-button-text svelte-17s08g");
6823
+ attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
6824
+ attr(label, "class", "radio-button svelte-17s08g");
6691
6825
  },
6692
6826
  m(target, anchor) {
6693
6827
  insert_hydration(target, label, anchor);
@@ -6698,7 +6832,7 @@ function create_each_block$5(ctx) {
6698
6832
  append_hydration(label, t2);
6699
6833
 
6700
6834
  if (!mounted) {
6701
- dispose = listen(input, "change", /*handleChange*/ ctx[7](/*i*/ ctx[18]));
6835
+ dispose = listen(input, "change", /*handleChange*/ ctx[8](/*i*/ ctx[19]));
6702
6836
  mounted = true;
6703
6837
  }
6704
6838
  },
@@ -6713,18 +6847,18 @@ function create_each_block$5(ctx) {
6713
6847
  attr(input, "name", /*name*/ ctx[0]);
6714
6848
  }
6715
6849
 
6716
- if (dirty & /*_options*/ 16 && input_value_value !== (input_value_value = /*option*/ ctx[16])) {
6850
+ if (dirty & /*_options*/ 16 && input_value_value !== (input_value_value = /*option*/ ctx[17])) {
6717
6851
  input.value = input_value_value;
6718
6852
  }
6719
6853
 
6720
- if (dirty & /*_options, _value*/ 24 && input_checked_value !== (input_checked_value = /*option*/ ctx[16] === /*_value*/ ctx[3])) {
6854
+ if (dirty & /*_options, _value*/ 24 && input_checked_value !== (input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3])) {
6721
6855
  input.checked = input_checked_value;
6722
6856
  }
6723
6857
 
6724
- if (dirty & /*_options*/ 16 && t1_value !== (t1_value = /*option*/ ctx[16] + "")) set_data(t1, t1_value);
6858
+ if (dirty & /*_options*/ 16 && t1_value !== (t1_value = /*option*/ ctx[17] + "")) set_data(t1, t1_value);
6725
6859
 
6726
- if (dirty & /*_textStyle*/ 4) {
6727
- attr(span, "style", /*_textStyle*/ ctx[2]);
6860
+ if (dirty & /*_textStyle*/ 4 && span_style_value !== (span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`)) {
6861
+ attr(span, "style", span_style_value);
6728
6862
  }
6729
6863
  },
6730
6864
  d(detaching) {
@@ -6766,7 +6900,7 @@ function create_fragment$g(ctx) {
6766
6900
  this.h();
6767
6901
  },
6768
6902
  h() {
6769
- attr(div, "class", "radio-buttons svelte-1ntb6j8");
6903
+ attr(div, "class", "radio-buttons svelte-17s08g");
6770
6904
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
6771
6905
  },
6772
6906
  m(target, anchor) {
@@ -6777,7 +6911,7 @@ function create_fragment$g(ctx) {
6777
6911
  }
6778
6912
  },
6779
6913
  p(ctx, [dirty]) {
6780
- if (dirty & /*_textStyle, _options, buttonStyle, name, _value, handleChange*/ 189) {
6914
+ if (dirty & /*_textStyle, fontCss, _options, buttonStyle, name, _value, handleChange*/ 381) {
6781
6915
  each_value = /*_options*/ ctx[4];
6782
6916
  let i;
6783
6917
 
@@ -6823,6 +6957,7 @@ function instance$g($$self, $$props, $$invalidate) {
6823
6957
  let { required = false } = $$props;
6824
6958
  let { _layoutStyle = 'flex-direction: column; gap: 0px;' } = $$props;
6825
6959
  let { font = SYSTEM_FONT } = $$props;
6960
+ const fontCss = font ? 'font-family:' + font : '';
6826
6961
  let { _textStyle = 'color: #333; font-size: 12px; line-height:1.5;' } = $$props;
6827
6962
  let { buttonSize = '16px' } = $$props;
6828
6963
  let { buttonColor = { main: '#f0f1f1', sub: '#f0f1f1' } } = $$props;
@@ -6839,7 +6974,7 @@ function instance$g($$self, $$props, $$invalidate) {
6839
6974
  }
6840
6975
  });
6841
6976
 
6842
- component_subscribe($$self, value, value => $$invalidate(14, $value = value));
6977
+ component_subscribe($$self, value, value => $$invalidate(15, $value = value));
6843
6978
 
6844
6979
  const handleChange = index => event => {
6845
6980
  if (event.target.checked) {
@@ -6849,26 +6984,26 @@ function instance$g($$self, $$props, $$invalidate) {
6849
6984
 
6850
6985
  $$self.$$set = $$props => {
6851
6986
  if ('name' in $$props) $$invalidate(0, name = $$props.name);
6852
- if ('options' in $$props) $$invalidate(8, options = $$props.options);
6853
- if ('required' in $$props) $$invalidate(9, required = $$props.required);
6987
+ if ('options' in $$props) $$invalidate(9, options = $$props.options);
6988
+ if ('required' in $$props) $$invalidate(10, required = $$props.required);
6854
6989
  if ('_layoutStyle' in $$props) $$invalidate(1, _layoutStyle = $$props._layoutStyle);
6855
- if ('font' in $$props) $$invalidate(10, font = $$props.font);
6990
+ if ('font' in $$props) $$invalidate(11, font = $$props.font);
6856
6991
  if ('_textStyle' in $$props) $$invalidate(2, _textStyle = $$props._textStyle);
6857
- if ('buttonSize' in $$props) $$invalidate(11, buttonSize = $$props.buttonSize);
6858
- if ('buttonColor' in $$props) $$invalidate(12, buttonColor = $$props.buttonColor);
6859
- if ('buttonColorActive' in $$props) $$invalidate(13, buttonColorActive = $$props.buttonColorActive);
6992
+ if ('buttonSize' in $$props) $$invalidate(12, buttonSize = $$props.buttonSize);
6993
+ if ('buttonColor' in $$props) $$invalidate(13, buttonColor = $$props.buttonColor);
6994
+ if ('buttonColorActive' in $$props) $$invalidate(14, buttonColorActive = $$props.buttonColorActive);
6860
6995
  };
6861
6996
 
6862
6997
  $$self.$$.update = () => {
6863
- if ($$self.$$.dirty & /*font*/ 1024) {
6998
+ if ($$self.$$.dirty & /*font*/ 2048) {
6864
6999
  addFont(font);
6865
7000
  }
6866
7001
 
6867
- if ($$self.$$.dirty & /*options*/ 256) {
7002
+ if ($$self.$$.dirty & /*options*/ 512) {
6868
7003
  $$invalidate(4, _options = options.split(','));
6869
7004
  }
6870
7005
 
6871
- if ($$self.$$.dirty & /*buttonColor, buttonColorActive, buttonSize*/ 14336) {
7006
+ if ($$self.$$.dirty & /*buttonColor, buttonColorActive, buttonSize*/ 28672) {
6872
7007
  $$invalidate(5, buttonStyle = (() => {
6873
7008
  return stringifyStyleObj({
6874
7009
  '--color-main': buttonColor.main,
@@ -6880,7 +7015,7 @@ function instance$g($$self, $$props, $$invalidate) {
6880
7015
  })());
6881
7016
  }
6882
7017
 
6883
- if ($$self.$$.dirty & /*$value*/ 16384) {
7018
+ if ($$self.$$.dirty & /*$value*/ 32768) {
6884
7019
  $$invalidate(3, _value = $value[0]);
6885
7020
  }
6886
7021
  };
@@ -6892,6 +7027,7 @@ function instance$g($$self, $$props, $$invalidate) {
6892
7027
  _value,
6893
7028
  _options,
6894
7029
  buttonStyle,
7030
+ fontCss,
6895
7031
  value,
6896
7032
  handleChange,
6897
7033
  options,
@@ -6916,14 +7052,14 @@ class FormRadioButtons extends SvelteComponent {
6916
7052
  safe_not_equal,
6917
7053
  {
6918
7054
  name: 0,
6919
- options: 8,
6920
- required: 9,
7055
+ options: 9,
7056
+ required: 10,
6921
7057
  _layoutStyle: 1,
6922
- font: 10,
7058
+ font: 11,
6923
7059
  _textStyle: 2,
6924
- buttonSize: 11,
6925
- buttonColor: 12,
6926
- buttonColorActive: 13
7060
+ buttonSize: 12,
7061
+ buttonColor: 13,
7062
+ buttonColorActive: 14
6927
7063
  },
6928
7064
  add_css$f
6929
7065
  );
@@ -6933,7 +7069,7 @@ class FormRadioButtons extends SvelteComponent {
6933
7069
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
6934
7070
 
6935
7071
  function add_css$e(target) {
6936
- append_styles(target, "svelte-iejizj", ".select.svelte-iejizj{width:100%;height:100%}.select-select.svelte-iejizj{position:relative;appearance:none;width:100%;height:100%;cursor:pointer;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:0 0 0 10px;font-size:12px;line-height:1.5}.select-select.svelte-iejizj:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.select-icon.svelte-iejizj{position:absolute;width:calc(var(--icon-size) / 1.41);height:calc(var(--icon-size) / 1.41);top:calc(50% - calc(var(--icon-size) / 4));right:calc(var(--icon-size) * 1.2);box-sizing:border-box;border-right:solid 2px var(--icon-color);border-top:solid 2px var(--icon-color);transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
7072
+ append_styles(target, "svelte-t9ynyj", ".select.svelte-t9ynyj{width:100%;height:100%}.select-select.svelte-t9ynyj{position:relative;appearance:none;width:100%;height:100%;cursor:pointer;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:0 0 0 10px;font-size:12px;line-height:1.5}.select-select.svelte-t9ynyj:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.select-icon.svelte-t9ynyj{position:absolute;width:calc(var(--icon-size) / 1.41);height:calc(var(--icon-size) / 1.41);top:calc(50% - calc(var(--icon-size) / 4));right:calc(var(--icon-size) * 1.2);box-sizing:border-box;border-right:solid 2px var(--icon-color);border-top:solid 2px var(--icon-color);transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
6937
7073
  }
6938
7074
 
6939
7075
  function get_each_context$4(ctx, list, i) {
@@ -6943,7 +7079,7 @@ function get_each_context$4(ctx, list, i) {
6943
7079
  return child_ctx;
6944
7080
  }
6945
7081
 
6946
- // (108:10) {:else}
7082
+ // (107:10) {:else}
6947
7083
  function create_else_block(ctx) {
6948
7084
  let t;
6949
7085
 
@@ -6966,7 +7102,7 @@ function create_else_block(ctx) {
6966
7102
  };
6967
7103
  }
6968
7104
 
6969
- // (106:10) {#if option}
7105
+ // (105:10) {#if option}
6970
7106
  function create_if_block$2(ctx) {
6971
7107
  let t_value = /*option*/ ctx[19] + "";
6972
7108
  let t;
@@ -6990,7 +7126,7 @@ function create_if_block$2(ctx) {
6990
7126
  };
6991
7127
  }
6992
7128
 
6993
- // (104:6) {#each _options as option, i}
7129
+ // (103:6) {#each _options as option, i}
6994
7130
  function create_each_block$4(ctx) {
6995
7131
  let option;
6996
7132
  let t;
@@ -7104,10 +7240,10 @@ function create_fragment$f(ctx) {
7104
7240
  this.h();
7105
7241
  },
7106
7242
  h() {
7107
- attr(select, "class", "select-select svelte-iejizj");
7243
+ attr(select, "class", "select-select svelte-t9ynyj");
7108
7244
  attr(select, "style", /*style*/ ctx[3]);
7109
- attr(div0, "class", "select-icon svelte-iejizj");
7110
- attr(div1, "class", "select svelte-iejizj");
7245
+ attr(div0, "class", "select-icon svelte-t9ynyj");
7246
+ attr(div1, "class", "select svelte-t9ynyj");
7111
7247
  attr(div1, "style", /*styleVariables*/ ctx[2]);
7112
7248
  },
7113
7249
  m(target, anchor) {
@@ -7232,11 +7368,12 @@ function instance$f($$self, $$props, $$invalidate) {
7232
7368
  $$invalidate(1, _value = $value[0]);
7233
7369
  }
7234
7370
 
7235
- if ($$self.$$.dirty & /*_style, _textStyle, _value, _placeholderStyle*/ 25602) {
7371
+ if ($$self.$$.dirty & /*_style, _textStyle, _value, _placeholderStyle, font*/ 29698) {
7236
7372
  $$invalidate(3, style = [
7237
7373
  ..._style.split(';'),
7238
7374
  ..._textStyle.split(';'),
7239
- ...!_value ? _placeholderStyle.split(';') : []
7375
+ ...!_value ? _placeholderStyle.split(';') : [],
7376
+ `font-family:${font}`
7240
7377
  ].join(';'));
7241
7378
  }
7242
7379
 
@@ -7244,11 +7381,10 @@ function instance$f($$self, $$props, $$invalidate) {
7244
7381
  $$invalidate(2, styleVariables = (() => {
7245
7382
  const variables = {};
7246
7383
  const focusStyleObj = parseStyle(_focusStyle);
7247
- const placeholderStyle = parseStyle(_placeholderStyle);
7384
+ parseStyle(_placeholderStyle);
7248
7385
  if (focusStyleObj['border-width']) variables['--focus-border-width'] = focusStyleObj['border-width'];
7249
7386
  if (focusStyleObj['border-color']) variables['--focus-border-color'] = focusStyleObj['border-color'];
7250
7387
  if (focusStyleObj['border-style']) variables['--focus-border-style'] = focusStyleObj['border-style'];
7251
- if (placeholderStyle.color) variables['--placeholder-color'] = placeholderStyle.color;
7252
7388
  variables['--icon-color'] = iconColor;
7253
7389
  variables['--icon-size'] = iconSize;
7254
7390
  return stringifyStyleObj(variables);
@@ -7309,7 +7445,7 @@ class FormSelect extends SvelteComponent {
7309
7445
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
7310
7446
 
7311
7447
  function add_css$d(target) {
7312
- append_styles(target, "svelte-2pz1us", ".check-boxes.svelte-2pz1us.svelte-2pz1us{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-2pz1us.svelte-2pz1us{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-2pz1us.svelte-2pz1us{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-2pz1us.svelte-2pz1us{display:inline-flex;background-color:var(--color-main);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-2pz1us.svelte-2pz1us{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-2pz1us.svelte-2pz1us:after{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:var(--color-sub)}.check-box-check._checked.svelte-2pz1us.svelte-2pz1us{background-color:var(--color-main-active)}.check-box-check._checked.svelte-2pz1us .check-box-icon.svelte-2pz1us:after{border-color:var(--color-sub-active)}.check-box-text.svelte-2pz1us.svelte-2pz1us{margin-left:0.5em;color:#333;font-size:12px;line-height:1.5}");
7448
+ append_styles(target, "svelte-1p65cg8", ".check-boxes.svelte-1p65cg8.svelte-1p65cg8{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-1p65cg8.svelte-1p65cg8{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-1p65cg8.svelte-1p65cg8{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-1p65cg8.svelte-1p65cg8{display:inline-flex;background-color:var(--color-main);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8:after{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:var(--color-sub)}.check-box-check._checked.svelte-1p65cg8.svelte-1p65cg8{background-color:var(--color-main-active)}.check-box-check._checked.svelte-1p65cg8 .check-box-icon.svelte-1p65cg8:after{border-color:var(--color-sub-active)}.check-box-text.svelte-1p65cg8.svelte-1p65cg8{margin-left:0.5em;color:#333;font-size:12px;line-height:1.5}");
7313
7449
  }
7314
7450
 
7315
7451
  function get_each_context$3(ctx, list, i) {
@@ -7371,19 +7507,19 @@ function create_each_block$3(ctx) {
7371
7507
  this.h();
7372
7508
  },
7373
7509
  h() {
7374
- attr(input, "class", "check-box-input svelte-2pz1us");
7510
+ attr(input, "class", "check-box-input svelte-1p65cg8");
7375
7511
  attr(input, "type", "checkbox");
7376
7512
  attr(input, "name", /*name*/ ctx[0]);
7377
7513
  input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
7378
- attr(span0, "class", "check-box-icon svelte-2pz1us");
7514
+ attr(span0, "class", "check-box-icon svelte-1p65cg8");
7379
7515
 
7380
7516
  attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7381
7517
  ? ' _checked'
7382
- : ''}`) + " svelte-2pz1us"));
7518
+ : ''}`) + " svelte-1p65cg8"));
7383
7519
 
7384
- attr(span2, "class", "check-box-text svelte-2pz1us");
7520
+ attr(span2, "class", "check-box-text svelte-1p65cg8");
7385
7521
  attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7386
- attr(label, "class", "check-box svelte-2pz1us");
7522
+ attr(label, "class", "check-box svelte-1p65cg8");
7387
7523
  attr(label, "style", /*styleVariables*/ ctx[5]);
7388
7524
  },
7389
7525
  m(target, anchor) {
@@ -7415,7 +7551,7 @@ function create_each_block$3(ctx) {
7415
7551
 
7416
7552
  if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7417
7553
  ? ' _checked'
7418
- : ''}`) + " svelte-2pz1us"))) {
7554
+ : ''}`) + " svelte-1p65cg8"))) {
7419
7555
  attr(span1, "class", span1_class_value);
7420
7556
  }
7421
7557
 
@@ -7468,7 +7604,7 @@ function create_fragment$e(ctx) {
7468
7604
  this.h();
7469
7605
  },
7470
7606
  h() {
7471
- attr(div, "class", "check-boxes svelte-2pz1us");
7607
+ attr(div, "class", "check-boxes svelte-1p65cg8");
7472
7608
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7473
7609
  },
7474
7610
  m(target, anchor) {
@@ -7643,7 +7779,7 @@ class FormCheckBoxes extends SvelteComponent {
7643
7779
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
7644
7780
 
7645
7781
  function add_css$c(target) {
7646
- append_styles(target, "svelte-18pfy31", ".rating-buttons.svelte-18pfy31{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-18pfy31{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s;appearance:none;background:none;border:none;margin:0;padding:0}");
7782
+ append_styles(target, "svelte-zy2va9", ".rating-buttons.svelte-zy2va9{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-zy2va9{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s;appearance:none;background:none;border:none;margin:0;padding:0}");
7647
7783
  }
7648
7784
 
7649
7785
  function get_each_context$2(ctx, list, i) {
@@ -7678,7 +7814,7 @@ function create_each_block$2(ctx) {
7678
7814
  this.h();
7679
7815
  },
7680
7816
  h() {
7681
- attr(button, "class", "rating-button svelte-18pfy31");
7817
+ attr(button, "class", "rating-button svelte-zy2va9");
7682
7818
  attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]));
7683
7819
  },
7684
7820
  m(target, anchor) {
@@ -7741,7 +7877,7 @@ function create_fragment$d(ctx) {
7741
7877
  this.h();
7742
7878
  },
7743
7879
  h() {
7744
- attr(div, "class", "rating-buttons svelte-18pfy31");
7880
+ attr(div, "class", "rating-buttons svelte-zy2va9");
7745
7881
  },
7746
7882
  m(target, anchor) {
7747
7883
  insert_hydration(target, div, anchor);
@@ -7813,9 +7949,11 @@ function instance$d($$self, $$props, $$invalidate) {
7813
7949
  };
7814
7950
 
7815
7951
  function getTextButtonStyle(isActive) {
7816
- return isActive
7817
- ? [...buttonStyle.split(';'), ...buttonActiveStyle.split(';')].join(';')
7818
- : buttonStyle;
7952
+ return [
7953
+ ...buttonStyle.split(';'),
7954
+ `font-family:${font}`,
7955
+ ...isActive ? buttonActiveStyle : []
7956
+ ].join(';');
7819
7957
  }
7820
7958
 
7821
7959
  $$self.$$set = $$props => {
@@ -7878,7 +8016,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
7878
8016
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
7879
8017
 
7880
8018
  function add_css$b(target) {
7881
- append_styles(target, "svelte-1b5dvzw", ".rating-buttons.svelte-1b5dvzw{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1b5dvzw{appearance:none;background:none;border:none;margin:0;padding:0}.rating-button-image.svelte-1b5dvzw{cursor:pointer;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.rating-button-image.svelte-1b5dvzw:not(._active){filter:grayscale(100%)}");
8019
+ append_styles(target, "svelte-tbunko", ".rating-buttons.svelte-tbunko{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-tbunko{appearance:none;background:none;border:none;margin:0;padding:0}.rating-button-image.svelte-tbunko{cursor:pointer;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.rating-button-image.svelte-tbunko:not(._active){filter:grayscale(100%)}");
7882
8020
  }
7883
8021
 
7884
8022
  function get_each_context$1(ctx, list, i) {
@@ -7914,9 +8052,9 @@ function create_each_block$1(ctx) {
7914
8052
  },
7915
8053
  h() {
7916
8054
  if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
7917
- attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"));
8055
+ attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
7918
8056
  attr(img, "alt", "rate" + /*i*/ ctx[10]);
7919
- attr(button, "class", "rating-button svelte-1b5dvzw");
8057
+ attr(button, "class", "rating-button svelte-tbunko");
7920
8058
  attr(button, "style", /*buttonStyle*/ ctx[0]);
7921
8059
  },
7922
8060
  m(target, anchor) {
@@ -7932,7 +8070,7 @@ function create_each_block$1(ctx) {
7932
8070
  p(new_ctx, dirty) {
7933
8071
  ctx = new_ctx;
7934
8072
 
7935
- if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"))) {
8073
+ if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"))) {
7936
8074
  attr(img, "class", img_class_value);
7937
8075
  }
7938
8076
 
@@ -7979,7 +8117,7 @@ function create_fragment$c(ctx) {
7979
8117
  this.h();
7980
8118
  },
7981
8119
  h() {
7982
- attr(div, "class", "rating-buttons svelte-1b5dvzw");
8120
+ attr(div, "class", "rating-buttons svelte-tbunko");
7983
8121
  },
7984
8122
  m(target, anchor) {
7985
8123
  insert_hydration(target, div, anchor);
@@ -8087,7 +8225,7 @@ class FormRatingButtonsFace extends SvelteComponent {
8087
8225
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
8088
8226
 
8089
8227
  function add_css$a(target) {
8090
- append_styles(target, "svelte-1qfq79t", ".root.svelte-1qfq79t{width:100%;height:100%;position:relative}.container.svelte-1qfq79t{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000}.slide.svelte-1qfq79t{height:100%;position:absolute;display:flex}.transition.svelte-1qfq79t{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-1qfq79t{height:100%;flex:none}.prev-button-container.svelte-1qfq79t,.next-button-container.svelte-1qfq79t{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-1qfq79t{left:0}.next-button-container.svelte-1qfq79t{right:0}.move-button.svelte-1qfq79t{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-1qfq79t{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-1qfq79t{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-1qfq79t{border-radius:51%}");
8228
+ append_styles(target, "svelte-ji1fh", ".root.svelte-ji1fh{width:100%;height:100%;position:relative}.container.svelte-ji1fh{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000}.slide.svelte-ji1fh{height:100%;position:absolute;display:flex}.transition.svelte-ji1fh{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-ji1fh{height:100%;flex:none}.prev-button-container.svelte-ji1fh,.next-button-container.svelte-ji1fh{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-ji1fh{left:0}.next-button-container.svelte-ji1fh{right:0}.move-button.svelte-ji1fh{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-ji1fh{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-ji1fh{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-ji1fh{border-radius:51%}");
8091
8229
  }
8092
8230
 
8093
8231
  function get_each_context(ctx, list, i) {
@@ -8133,9 +8271,9 @@ function create_if_block_1(ctx) {
8133
8271
  attr(svg, "viewBox", "0 0 10 16");
8134
8272
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8135
8273
  attr(svg, "style", /*prevIconStyle*/ ctx[10]);
8136
- attr(button, "class", "move-button svelte-1qfq79t");
8274
+ attr(button, "class", "move-button svelte-ji1fh");
8137
8275
  attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
8138
- attr(div, "class", "prev-button-container svelte-1qfq79t");
8276
+ attr(div, "class", "prev-button-container svelte-ji1fh");
8139
8277
  },
8140
8278
  m(target, anchor) {
8141
8279
  insert_hydration(target, div, anchor);
@@ -8201,9 +8339,9 @@ function create_if_block$1(ctx) {
8201
8339
  attr(svg, "viewBox", "0 0 10 16");
8202
8340
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8203
8341
  attr(svg, "style", /*nextIconStyle*/ ctx[8]);
8204
- attr(button, "class", "move-button svelte-1qfq79t");
8342
+ attr(button, "class", "move-button svelte-ji1fh");
8205
8343
  attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
8206
- attr(div, "class", "next-button-container svelte-1qfq79t");
8344
+ attr(div, "class", "next-button-container svelte-ji1fh");
8207
8345
  },
8208
8346
  m(target, anchor) {
8209
8347
  insert_hydration(target, div, anchor);
@@ -8263,9 +8401,9 @@ function create_each_block(ctx) {
8263
8401
  this.h();
8264
8402
  },
8265
8403
  h() {
8266
- attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
8404
+ attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
8267
8405
  attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
8268
- attr(button, "class", "navigation-item svelte-1qfq79t");
8406
+ attr(button, "class", "navigation-item svelte-ji1fh");
8269
8407
  attr(button, "style", /*navigationItemStyle*/ ctx[6]);
8270
8408
  },
8271
8409
  m(target, anchor) {
@@ -8371,14 +8509,14 @@ function create_fragment$b(ctx) {
8371
8509
  this.h();
8372
8510
  },
8373
8511
  h() {
8374
- attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
8512
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
8375
8513
  attr(div0, "style", /*slideStyle*/ ctx[14]);
8376
- attr(div1, "class", "container svelte-1qfq79t");
8514
+ attr(div1, "class", "container svelte-ji1fh");
8377
8515
  attr(div1, "style", /*_style*/ ctx[0]);
8378
- attr(div2, "class", "navigation svelte-1qfq79t");
8516
+ attr(div2, "class", "navigation svelte-ji1fh");
8379
8517
  attr(div2, "style", /*navigationStyle*/ ctx[4]);
8380
8518
  set_attributes(div3, div3_data);
8381
- toggle_class(div3, "svelte-1qfq79t", true);
8519
+ toggle_class(div3, "svelte-ji1fh", true);
8382
8520
  },
8383
8521
  m(target, anchor) {
8384
8522
  insert_hydration(target, div3, anchor);
@@ -8420,7 +8558,7 @@ function create_fragment$b(ctx) {
8420
8558
  }
8421
8559
  }
8422
8560
 
8423
- if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
8561
+ if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
8424
8562
  attr(div0, "class", div0_class_value);
8425
8563
  }
8426
8564
 
@@ -8486,7 +8624,7 @@ function create_fragment$b(ctx) {
8486
8624
  }
8487
8625
 
8488
8626
  set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
8489
- toggle_class(div3, "svelte-1qfq79t", true);
8627
+ toggle_class(div3, "svelte-ji1fh", true);
8490
8628
  },
8491
8629
  i(local) {
8492
8630
  if (current) return;
@@ -8998,7 +9136,7 @@ class Slide extends SvelteComponent {
8998
9136
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
8999
9137
 
9000
9138
  function add_css$9(target) {
9001
- append_styles(target, "svelte-1rv0qgo", ".item.svelte-1rv0qgo{height:100%;flex:none;position:relative}.item.svelte-1rv0qgo img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-1rv0qgo{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;cursor:default;overflow:hidden}");
9139
+ append_styles(target, "svelte-9ygf1w", ".item.svelte-9ygf1w{height:100%;flex:none;position:relative}.item.svelte-9ygf1w img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-9ygf1w{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;cursor:default;overflow:hidden}");
9002
9140
  }
9003
9141
 
9004
9142
  function create_fragment$a(ctx) {
@@ -9026,9 +9164,9 @@ function create_fragment$a(ctx) {
9026
9164
  this.h();
9027
9165
  },
9028
9166
  h() {
9029
- attr(div0, "class", "item-inner svelte-1rv0qgo");
9167
+ attr(div0, "class", "item-inner svelte-9ygf1w");
9030
9168
  attr(div0, "style", /*_style*/ ctx[0]);
9031
- attr(div1, "class", "item svelte-1rv0qgo");
9169
+ attr(div1, "class", "item svelte-9ygf1w");
9032
9170
  attr(div1, "style", /*itemStyle*/ ctx[1]);
9033
9171
  },
9034
9172
  m(target, anchor) {
@@ -9154,7 +9292,7 @@ class SlideItem extends SvelteComponent {
9154
9292
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
9155
9293
 
9156
9294
  function add_css$8(target) {
9157
- append_styles(target, "svelte-t87l6f", ".countdown.svelte-t87l6f{position:relative;width:100%;height:100%}.countdown-inner.svelte-t87l6f{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
9295
+ append_styles(target, "svelte-rroxiz", ".countdown.svelte-rroxiz{position:relative;width:100%;height:100%}.countdown-inner.svelte-rroxiz{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
9158
9296
  }
9159
9297
 
9160
9298
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
@@ -9185,9 +9323,9 @@ function create_fragment$9(ctx) {
9185
9323
  this.h();
9186
9324
  },
9187
9325
  h() {
9188
- attr(div0, "class", "countdown-inner svelte-t87l6f");
9326
+ attr(div0, "class", "countdown-inner svelte-rroxiz");
9189
9327
  attr(div0, "style", /*_style*/ ctx[0]);
9190
- attr(div1, "class", "countdown svelte-t87l6f");
9328
+ attr(div1, "class", "countdown svelte-rroxiz");
9191
9329
  },
9192
9330
  m(target, anchor) {
9193
9331
  insert_hydration(target, div1, anchor);
@@ -9317,7 +9455,7 @@ class Countdown extends SvelteComponent {
9317
9455
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
9318
9456
 
9319
9457
  function add_css$7(target) {
9320
- append_styles(target, "svelte-1c91vpe", ".box.svelte-1c91vpe{position:relative;width:100%;height:100%}.box.svelte-1c91vpe > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
9458
+ append_styles(target, "svelte-1ccydfy", ".box.svelte-1ccydfy{position:relative;width:100%;height:100%}.box.svelte-1ccydfy > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
9321
9459
  }
9322
9460
 
9323
9461
  // (24:2) <Button {onClick} style={_style} {eventName}>
@@ -9400,7 +9538,7 @@ function create_fragment$8(ctx) {
9400
9538
  this.h();
9401
9539
  },
9402
9540
  h() {
9403
- attr(div, "class", "box svelte-1c91vpe");
9541
+ attr(div, "class", "box svelte-1ccydfy");
9404
9542
  },
9405
9543
  m(target, anchor) {
9406
9544
  insert_hydration(target, div, anchor);
@@ -9461,7 +9599,7 @@ class Box extends SvelteComponent {
9461
9599
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
9462
9600
 
9463
9601
  function add_css$6(target) {
9464
- append_styles(target, "svelte-1mk6wi4", ".icon.svelte-1mk6wi4{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon.svelte-1mk6wi4 > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;overflow:hidden}.icon.svelte-1mk6wi4 > .button._disabled{cursor:not-allowed !important;opacity:0.2}.icon.svelte-1mk6wi4 svg{width:var(--width);height:var(--height);color:var(--color);stroke:var(--stroke);fill:var(--fill)}");
9602
+ append_styles(target, "svelte-1mkvcuo", ".icon.svelte-1mkvcuo{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon.svelte-1mkvcuo > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;overflow:hidden}.icon.svelte-1mkvcuo > .button._disabled{cursor:not-allowed !important;opacity:0.2}.icon.svelte-1mkvcuo svg{width:var(--width);height:var(--height);color:var(--color);stroke:var(--stroke);fill:var(--fill)}");
9465
9603
  }
9466
9604
 
9467
9605
  // (56:4) {#if svg}
@@ -9565,7 +9703,7 @@ function create_fragment$7(ctx) {
9565
9703
  this.h();
9566
9704
  },
9567
9705
  h() {
9568
- attr(div, "class", "icon svelte-1mk6wi4");
9706
+ attr(div, "class", "icon svelte-1mkvcuo");
9569
9707
  },
9570
9708
  m(target, anchor) {
9571
9709
  insert_hydration(target, div, anchor);
@@ -9674,7 +9812,7 @@ class IconElement extends SvelteComponent {
9674
9812
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
9675
9813
 
9676
9814
  function add_css$5(target) {
9677
- append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
9815
+ append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
9678
9816
  }
9679
9817
 
9680
9818
  function create_fragment$6(ctx) {
@@ -9710,7 +9848,7 @@ function create_fragment$6(ctx) {
9710
9848
  this.h();
9711
9849
  },
9712
9850
  h() {
9713
- attr(div, "class", "codeElement svelte-1ng2n51");
9851
+ attr(div, "class", "codeElement svelte-ymsb9l");
9714
9852
  attr(div, "style", /*style*/ ctx[3]);
9715
9853
  },
9716
9854
  m(target, anchor) {
@@ -9799,7 +9937,7 @@ class CodeElement extends SvelteComponent {
9799
9937
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
9800
9938
 
9801
9939
  function add_css$4(target) {
9802
- append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
9940
+ append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
9803
9941
  }
9804
9942
 
9805
9943
  function create_fragment$5(ctx) {
@@ -9823,7 +9961,7 @@ function create_fragment$5(ctx) {
9823
9961
  this.h();
9824
9962
  },
9825
9963
  h() {
9826
- attr(div, "class", "flex svelte-9v2qdg");
9964
+ attr(div, "class", "flex svelte-1e71ejc");
9827
9965
  attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
9828
9966
  },
9829
9967
  m(target, anchor) {
@@ -9920,7 +10058,7 @@ class Flex extends SvelteComponent {
9920
10058
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
9921
10059
 
9922
10060
  function add_css$3(target) {
9923
- append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
10061
+ append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
9924
10062
  }
9925
10063
 
9926
10064
  function create_fragment$4(ctx) {
@@ -9943,7 +10081,7 @@ function create_fragment$4(ctx) {
9943
10081
  this.h();
9944
10082
  },
9945
10083
  h() {
9946
- attr(div, "class", "flex-item svelte-164ah5d");
10084
+ attr(div, "class", "flex-item svelte-1p0bk1x");
9947
10085
  attr(div, "style", /*style*/ ctx[0]);
9948
10086
  },
9949
10087
  m(target, anchor) {
@@ -10363,7 +10501,7 @@ class GridModalState extends SvelteComponent {
10363
10501
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
10364
10502
 
10365
10503
  function add_css$2(target) {
10366
- append_styles(target, "svelte-akic2e", ".text-block.svelte-akic2e.svelte-akic2e{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:hidden}.text-block-inner.svelte-akic2e.svelte-akic2e{width:100%;height:auto}.text-direction-vertical.svelte-akic2e.svelte-akic2e{writing-mode:vertical-rl}.text-direction-vertical.svelte-akic2e .text-block-inner.svelte-akic2e{width:auto;height:100%}");
10504
+ append_styles(target, "svelte-15pej1m", ".text-block.svelte-15pej1m.svelte-15pej1m{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:hidden}.text-block-inner.svelte-15pej1m.svelte-15pej1m{width:100%;height:auto}.text-direction-vertical.svelte-15pej1m.svelte-15pej1m{writing-mode:vertical-rl}.text-direction-vertical.svelte-15pej1m .text-block-inner.svelte-15pej1m{width:auto;height:100%}");
10367
10505
  }
10368
10506
 
10369
10507
  function create_fragment$2(ctx) {
@@ -10392,8 +10530,8 @@ function create_fragment$2(ctx) {
10392
10530
  this.h();
10393
10531
  },
10394
10532
  h() {
10395
- attr(div0, "class", "text-block-inner svelte-akic2e");
10396
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"));
10533
+ attr(div0, "class", "text-block-inner svelte-15pej1m");
10534
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
10397
10535
  attr(div1, "style", /*style*/ ctx[2]);
10398
10536
  },
10399
10537
  m(target, anchor) {
@@ -10407,7 +10545,7 @@ function create_fragment$2(ctx) {
10407
10545
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
10408
10546
  rendertext.$set(rendertext_changes);
10409
10547
 
10410
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"))) {
10548
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
10411
10549
  attr(div1, "class", div1_class_value);
10412
10550
  }
10413
10551
 
@@ -10485,7 +10623,7 @@ class TextBlock extends SvelteComponent {
10485
10623
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
10486
10624
 
10487
10625
  function add_css$1(target) {
10488
- append_styles(target, "svelte-1c34p4n", ".text-button-block.svelte-1c34p4n{width:100%;height:100%;background-color:#000000;border-radius:4px}.text-button.svelte-1c34p4n{display:flex;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5}.text-button.svelte-1c34p4n:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-1c34p4n:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
10626
+ append_styles(target, "svelte-ff0k6r", ".text-button-block.svelte-ff0k6r{width:100%;height:100%;background-color:#000000;border-radius:4px}.text-button.svelte-ff0k6r{display:flex;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5}.text-button.svelte-ff0k6r:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-ff0k6r:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
10489
10627
  }
10490
10628
 
10491
10629
  function create_fragment$1(ctx) {
@@ -10515,9 +10653,9 @@ function create_fragment$1(ctx) {
10515
10653
  this.h();
10516
10654
  },
10517
10655
  h() {
10518
- attr(button, "class", "text-button svelte-1c34p4n");
10656
+ attr(button, "class", "text-button svelte-ff0k6r");
10519
10657
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
10520
- attr(div, "class", "text-button-block svelte-1c34p4n");
10658
+ attr(div, "class", "text-button-block svelte-ff0k6r");
10521
10659
  attr(div, "style", /*_style*/ ctx[2]);
10522
10660
  },
10523
10661
  m(target, anchor) {
@@ -10623,7 +10761,7 @@ class TextButtonBlock extends SvelteComponent {
10623
10761
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
10624
10762
 
10625
10763
  function add_css(target) {
10626
- append_styles(target, "svelte-1jus6sx", ".image-block.svelte-1jus6sx{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image.svelte-1jus6sx{width:100%;height:100%}.transport.svelte-1jus6sx:hover,.transport.svelte-1jus6sx:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
10764
+ append_styles(target, "svelte-1pdw891", ".image-block.svelte-1pdw891{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image.svelte-1pdw891{width:100%;height:100%}.transport.svelte-1pdw891:hover,.transport.svelte-1pdw891:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
10627
10765
  }
10628
10766
 
10629
10767
  function create_fragment(ctx) {
@@ -10659,14 +10797,14 @@ function create_fragment(ctx) {
10659
10797
  this.h();
10660
10798
  },
10661
10799
  h() {
10662
- attr(img, "class", "image svelte-1jus6sx");
10800
+ attr(img, "class", "image svelte-1pdw891");
10663
10801
  attr(img, "loading", "lazy");
10664
10802
  attr(img, "width", "auto");
10665
10803
  attr(img, "height", "auto");
10666
10804
  attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
10667
10805
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
10668
10806
  attr(img, "alt", /*alt*/ ctx[1]);
10669
- attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"));
10807
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
10670
10808
  attr(div, "style", /*_style*/ ctx[5]);
10671
10809
  },
10672
10810
  m(target, anchor) {
@@ -10691,7 +10829,7 @@ function create_fragment(ctx) {
10691
10829
  attr(img, "alt", /*alt*/ ctx[1]);
10692
10830
  }
10693
10831
 
10694
- if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"))) {
10832
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
10695
10833
  attr(div, "class", div_class_value);
10696
10834
  }
10697
10835