@plaidev/karte-action-sdk 1.1.229 → 1.1.230-28646468.175b835d

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 (6) hide show
  1. package/dist/hydrate/index.es.d.ts +17 -11
  2. package/dist/hydrate/index.es.js +223 -169
  3. package/dist/index.es.d.ts +17 -11
  4. package/dist/index.es.js +226 -172
  5. package/package.json +1 -1
  6. package/meta/karte-action-sdk.api.json +0 -6318
package/dist/hydrate/index.es.js CHANGED
@@ -1335,9 +1335,7 @@ function showOnTime(props, show = NOOP) {
1335
1335
  /**
1336
1336
  * アクションテーブルに関連するコードの管理
1337
1337
  */
1338
- const DEFAULT_COLLECTION_ENDPOINT = typeof __FLYER_GEN_COLLECTION_API_ENDPOINT__ === 'string'
1339
- ? __FLYER_GEN_COLLECTION_API_ENDPOINT__
1340
- : 'https://action-table.karte.io/collection';
1338
+ const DEFAULT_COLLECTION_ENDPOINT = 'https://action-table.karte.io/collection';
1341
1339
  /**
1342
1340
  * アクションテーブルを管理するメソッドを取得する
1343
1341
  *
@@ -1348,7 +1346,7 @@ const DEFAULT_COLLECTION_ENDPOINT = typeof __FLYER_GEN_COLLECTION_API_ENDPOINT__
1348
1346
  * @public
1349
1347
  */
1350
1348
  function collection$1(config) {
1351
- const endpoint = config.endpoint || DEFAULT_COLLECTION_ENDPOINT;
1349
+ const endpoint = config.collection_endpoint || DEFAULT_COLLECTION_ENDPOINT;
1352
1350
  const api_key = config.api_key;
1353
1351
  const table = config.table;
1354
1352
  return {
@@ -1430,7 +1428,7 @@ function request(url, data, cb) {
1430
1428
  });
1431
1429
  }
1432
1430
  /** @internal */
1433
- const loadActionTableRow = async (config, data, api_key, endpoint) => new Promise((resolve, reject) => {
1431
+ const loadActionTableRow = async (config, data, api_key, collection_endpoint) => new Promise((resolve, reject) => {
1434
1432
  const defaultValue = config.query.default_value ?? null;
1435
1433
  const key = data[config.query.key] ?? null;
1436
1434
  if (key == null) {
@@ -1440,7 +1438,7 @@ const loadActionTableRow = async (config, data, api_key, endpoint) => new Promis
1440
1438
  }
1441
1439
  return reject('key is not found.');
1442
1440
  }
1443
- return collection$1({ endpoint, api_key, table: config.query.table_name }).get(key, (err, data) => {
1441
+ return collection$1({ collection_endpoint, api_key, table: config.query.table_name }).get(key, (err, data) => {
1444
1442
  if (err) {
1445
1443
  if (defaultValue != null) {
1446
1444
  return resolve(defaultValue);
@@ -1460,7 +1458,7 @@ const loadActionTableRow = async (config, data, api_key, endpoint) => new Promis
1460
1458
  });
1461
1459
  });
1462
1460
  /** @internal */
1463
- const loadActionTableRows = async (config, data, api_key, endpoint) => new Promise((resolve, reject) => {
1461
+ const loadActionTableRows = async (config, data, api_key, collection_endpoint) => new Promise((resolve, reject) => {
1464
1462
  if (config.query.keys == null) {
1465
1463
  console.warn('key is not defined.');
1466
1464
  return reject('key is not defined.');
@@ -1483,7 +1481,7 @@ const loadActionTableRows = async (config, data, api_key, endpoint) => new Promi
1483
1481
  }
1484
1482
  return reject('key is not found.');
1485
1483
  }
1486
- return collection$1({ endpoint, api_key, table: config.query.table_name }).get(keys, (err, data) => {
1484
+ return collection$1({ collection_endpoint, api_key, table: config.query.table_name }).get(keys, (err, data) => {
1487
1485
  if (err) {
1488
1486
  if (defaultValue != null) {
1489
1487
  return resolve(defaultValue);
@@ -1503,7 +1501,7 @@ const loadActionTableRows = async (config, data, api_key, endpoint) => new Promi
1503
1501
  });
1504
1502
  });
1505
1503
  /** @internal */
1506
- const loadActionTableQuery = async (config, data, api_key, endpoint) => new Promise((resolve, reject) => {
1504
+ const loadActionTableQuery = async (config, data, api_key, collection_endpoint) => new Promise((resolve, reject) => {
1507
1505
  if (config.query.params == null) {
1508
1506
  console.warn('key is not defined.');
1509
1507
  return reject('key is not defined.');
@@ -1525,7 +1523,7 @@ const loadActionTableQuery = async (config, data, api_key, endpoint) => new Prom
1525
1523
  }
1526
1524
  return reject('key is not found.');
1527
1525
  }
1528
- return collection$1({ endpoint, api_key, table: config.query.table_name }).getByQuery(config.query.query_name, params, null, (err, data) => {
1526
+ return collection$1({ collection_endpoint, api_key, table: config.query.table_name }).getByQuery(config.query.query_name, params, null, (err, data) => {
1529
1527
  if (err) {
1530
1528
  if (defaultValue != null) {
1531
1529
  return resolve(defaultValue);
@@ -1545,8 +1543,8 @@ const loadActionTableQuery = async (config, data, api_key, endpoint) => new Prom
1545
1543
  });
1546
1544
  });
1547
1545
  /** @internal */
1548
- const loadActionTable = async (config, data, api_key, endpoint) => {
1549
- console.debug('[debug] loadActionTable', isPreview(), api_key, endpoint, JSON.stringify(config));
1546
+ const loadActionTable = async (config, data, api_key, collection_endpoint) => {
1547
+ console.debug('[debug] loadActionTable', isPreview(), api_key, collection_endpoint, JSON.stringify(config));
1550
1548
  const results = config.map(c => c.preview_value)
1551
1549
  ;
1552
1550
  return config.reduce((acc, c, i) => {
@@ -1558,8 +1556,8 @@ const loadActionTable = async (config, data, api_key, endpoint) => {
1558
1556
  }, {});
1559
1557
  };
1560
1558
  /** @internal */
1561
- async function setupActionTable(localVariablesQuery, data, apiKey) {
1562
- const result = await loadActionTable(localVariablesQuery, data, apiKey);
1559
+ async function setupActionTable(localVariablesQuery, data, apiKey, collection_endpoint) {
1560
+ const result = await loadActionTable(localVariablesQuery, data, apiKey, collection_endpoint);
1563
1561
  let success = false;
1564
1562
  if (Object.keys(result).length === localVariablesQuery.length) {
1565
1563
  setVariables(result);
@@ -1775,7 +1773,7 @@ function createModal(App, options = {
1775
1773
  variables: {},
1776
1774
  localVariablesQuery: undefined,
1777
1775
  karteTemplate: {},
1778
- context: { api_key: '' },
1776
+ context: { api_key: '', collection_endpoint: undefined },
1779
1777
  }) {
1780
1778
  let app = null;
1781
1779
  const data = getVariables();
@@ -1882,7 +1880,7 @@ function createModal(App, options = {
1882
1880
  initActionTable(options.localVariablesQuery);
1883
1881
  let actionTablePromise = null;
1884
1882
  if (options.localVariablesQuery && data.api_key) {
1885
- actionTablePromise = setupActionTable(options.localVariablesQuery, data, data.api_key);
1883
+ actionTablePromise = setupActionTable(options.localVariablesQuery, data, data.api_key, options.context.collection_endpoint);
1886
1884
  }
1887
1885
  // NOTE: onCreateより前にListenする必要がある
1888
1886
  window.addEventListener(ACTION_SHOW_EVENT, handleShow);
@@ -2057,14 +2055,14 @@ async function runScript$1(options = {
2057
2055
  variables: {},
2058
2056
  localVariablesQuery: undefined,
2059
2057
  karteTemplate: {},
2060
- context: { api_key: '' },
2058
+ context: { api_key: '', collection_endpoint: undefined },
2061
2059
  }) {
2062
2060
  if (!options.onCreate)
2063
2061
  return;
2064
2062
  let data = getVariables();
2065
2063
  initialize({ send: options.send, initialState: data.initial_state });
2066
2064
  initActionTable(options.localVariablesQuery);
2067
- const { success } = await setupActionTable(options.localVariablesQuery, data, data.api_key);
2065
+ const { success } = await setupActionTable(options.localVariablesQuery, data, data.api_key, options.context.collection_endpoint);
2068
2066
  if (!success)
2069
2067
  return;
2070
2068
  // Action Tableの取得結果を反映する
@@ -2150,6 +2148,15 @@ async function loadGlobalStyle(href) {
2150
2148
  *
2151
2149
  * アクションのCreate, Destroyの状態はここで管理する。
2152
2150
  */
2151
+ const emptyOptions = {
2152
+ send: () => { },
2153
+ publish: () => { },
2154
+ props: {},
2155
+ variables: {},
2156
+ localVariablesQuery: undefined,
2157
+ karteTemplate: {},
2158
+ context: { api_key: '', collection_endpoint: undefined },
2159
+ };
2153
2160
  /**
2154
2161
  * アクションを作成する
2155
2162
  *
@@ -2160,15 +2167,9 @@ async function loadGlobalStyle(href) {
2160
2167
  *
2161
2168
  * @public
2162
2169
  */
2163
- function create(App, options = {
2164
- send: () => { },
2165
- publish: () => { },
2166
- props: {},
2167
- variables: {},
2168
- localVariablesQuery: undefined,
2169
- karteTemplate: {},
2170
- context: { api_key: '' },
2171
- }) {
2170
+ function create(App, options) {
2171
+ // TSの型検査が効かない場所やエラーを無視している箇所があるため、念の為
2172
+ options = { ...emptyOptions, ...options };
2172
2173
  setVariables({
2173
2174
  ...options.props,
2174
2175
  ...options.variables,
@@ -2196,6 +2197,7 @@ function create(App, options = {
2196
2197
  setSystem({
2197
2198
  // @ts-ignore
2198
2199
  apiKey: data.api_key || null,
2200
+ collection_endpoint: options.context.collection_endpoint,
2199
2201
  shortenId: data.shorten_id || null,
2200
2202
  campaignId: data.campaign_id || null,
2201
2203
  });
@@ -2751,7 +2753,11 @@ const storage = {
2751
2753
  function collection(table) {
2752
2754
  const systemConfig = getSystem();
2753
2755
  const collectionName = table.replace(/^v2\//, '');
2754
- return collection$1({ api_key: systemConfig.apiKey || 'mock', table: collectionName });
2756
+ return collection$1({
2757
+ api_key: systemConfig.apiKey || 'mock',
2758
+ collection_endpoint: systemConfig.collection_endpoint,
2759
+ table: collectionName,
2760
+ });
2755
2761
  }
2756
2762
 
2757
2763
  var widget = /*#__PURE__*/Object.freeze({
@@ -3005,7 +3011,7 @@ class State extends SvelteComponent {
3005
3011
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
3006
3012
 
3007
3013
  function add_css$w(target) {
3008
- append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
3014
+ append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
3009
3015
  }
3010
3016
 
3011
3017
  // (23:0) {#if $state === path}
@@ -3032,7 +3038,7 @@ function create_if_block$c(ctx) {
3032
3038
  },
3033
3039
  h() {
3034
3040
  attr(div, "data-state-path", /*path*/ ctx[0]);
3035
- attr(div, "class", "state-item svelte-1amihue");
3041
+ attr(div, "class", "state-item svelte-2qb6dm");
3036
3042
  },
3037
3043
  m(target, anchor) {
3038
3044
  insert_hydration(target, div, anchor);
@@ -3299,7 +3305,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
3299
3305
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3300
3306
 
3301
3307
  function add_css$v(target) {
3302
- 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}");
3308
+ 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}");
3303
3309
  }
3304
3310
 
3305
3311
  // (14:0) {#if backgroundOverlay}
@@ -3320,7 +3326,7 @@ function create_if_block$b(ctx) {
3320
3326
  this.h();
3321
3327
  },
3322
3328
  h() {
3323
- attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"));
3329
+ attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
3324
3330
  },
3325
3331
  m(target, anchor) {
3326
3332
  insert_hydration(target, div, anchor);
@@ -3331,7 +3337,7 @@ function create_if_block$b(ctx) {
3331
3337
  }
3332
3338
  },
3333
3339
  p(ctx, dirty) {
3334
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"))) {
3340
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
3335
3341
  attr(div, "class", div_class_value);
3336
3342
  }
3337
3343
  },
@@ -3441,7 +3447,7 @@ function checkStopPropagation(eventName, handler) {
3441
3447
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3442
3448
 
3443
3449
  function add_css$u(target) {
3444
- append_styles(target, "svelte-1kmu8zp", ".button.svelte-1kmu8zp{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-1kmu8zp:link,.button.svelte-1kmu8zp:visited,.button.svelte-1kmu8zp:active,.button.svelte-1kmu8zp:hover{color:inherit}");
3450
+ append_styles(target, "svelte-15k4deh", ".button.svelte-15k4deh{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-15k4deh:link,.button.svelte-15k4deh:visited,.button.svelte-15k4deh:active,.button.svelte-15k4deh:hover{color:inherit}");
3445
3451
  }
3446
3452
 
3447
3453
  // (50:0) {:else}
@@ -3480,7 +3486,7 @@ function create_else_block$4(ctx) {
3480
3486
  },
3481
3487
  h() {
3482
3488
  set_attributes(button, button_data);
3483
- toggle_class(button, "svelte-1kmu8zp", true);
3489
+ toggle_class(button, "svelte-15k4deh", true);
3484
3490
  },
3485
3491
  m(target, anchor) {
3486
3492
  insert_hydration(target, button, anchor);
@@ -3519,7 +3525,7 @@ function create_else_block$4(ctx) {
3519
3525
  dataAttrStopPropagation('click')
3520
3526
  ]));
3521
3527
 
3522
- toggle_class(button, "svelte-1kmu8zp", true);
3528
+ toggle_class(button, "svelte-15k4deh", true);
3523
3529
  },
3524
3530
  i(local) {
3525
3531
  if (current) return;
@@ -3560,7 +3566,7 @@ function create_if_block_2$1(ctx) {
3560
3566
  this.h();
3561
3567
  },
3562
3568
  h() {
3563
- attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1kmu8zp"));
3569
+ attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-15k4deh"));
3564
3570
  attr(div, "style", /*style*/ ctx[1]);
3565
3571
  },
3566
3572
  m(target, anchor) {
@@ -3660,7 +3666,7 @@ function create_if_block_1$2(ctx) {
3660
3666
  },
3661
3667
  h() {
3662
3668
  set_attributes(a, a_data);
3663
- toggle_class(a, "svelte-1kmu8zp", true);
3669
+ toggle_class(a, "svelte-15k4deh", true);
3664
3670
  },
3665
3671
  m(target, anchor) {
3666
3672
  insert_hydration(target, a, anchor);
@@ -3702,7 +3708,7 @@ function create_if_block_1$2(ctx) {
3702
3708
  dataAttrStopPropagation('click')
3703
3709
  ]));
3704
3710
 
3705
- toggle_class(a, "svelte-1kmu8zp", true);
3711
+ toggle_class(a, "svelte-15k4deh", true);
3706
3712
  },
3707
3713
  i(local) {
3708
3714
  if (current) return;
@@ -3743,7 +3749,7 @@ function create_if_block$a(ctx) {
3743
3749
  this.h();
3744
3750
  },
3745
3751
  h() {
3746
- attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1kmu8zp"));
3752
+ attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-15k4deh"));
3747
3753
  attr(div, "style", /*style*/ ctx[1]);
3748
3754
  },
3749
3755
  m(target, anchor) {
@@ -3951,7 +3957,7 @@ let Button$1 = class Button extends SvelteComponent {
3951
3957
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
3952
3958
 
3953
3959
  function add_css$t(target) {
3954
- append_styles(target, "svelte-1i2vo31", ".modal.svelte-1i2vo31{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1i2vo31 > .button{flex:auto;display:flex}.close.svelte-1i2vo31{position:absolute;top:0;right:0}.close.svelte-1i2vo31 > .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-1i2vo31 > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1i2vo31{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}@media screen and (min-width: 641px){.modal-bp.svelte-1i2vo31{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-1i2vo31{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
3960
+ append_styles(target, "svelte-1ijkyzl", ".modal.svelte-1ijkyzl{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1ijkyzl > .button{flex:auto;display:flex}.close.svelte-1ijkyzl{position:absolute;top:0;right:0}.close.svelte-1ijkyzl > .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-1ijkyzl > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1ijkyzl{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}@media screen and (min-width: 641px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
3955
3961
  }
3956
3962
 
3957
3963
  // (277:0) {:else}
@@ -4126,7 +4132,7 @@ function create_if_block$9(ctx) {
4126
4132
  this.h();
4127
4133
  },
4128
4134
  h() {
4129
- attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"));
4135
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"));
4130
4136
  attr(div, "role", "dialog");
4131
4137
  attr(div, "aria-modal", "true");
4132
4138
  attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
@@ -4150,7 +4156,7 @@ function create_if_block$9(ctx) {
4150
4156
 
4151
4157
  button.$set(button_changes);
4152
4158
 
4153
- if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"))) {
4159
+ if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"))) {
4154
4160
  attr(div, "class", div_class_value);
4155
4161
  }
4156
4162
  },
@@ -4214,7 +4220,7 @@ function create_if_block_1$1(ctx) {
4214
4220
  this.h();
4215
4221
  },
4216
4222
  h() {
4217
- attr(div, "class", "close svelte-1i2vo31");
4223
+ attr(div, "class", "close svelte-1ijkyzl");
4218
4224
  set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
4219
4225
  },
4220
4226
  m(target, anchor) {
@@ -4339,7 +4345,7 @@ function create_default_slot$6(ctx) {
4339
4345
  this.h();
4340
4346
  },
4341
4347
  h() {
4342
- attr(div, "class", "modal-content svelte-1i2vo31");
4348
+ attr(div, "class", "modal-content svelte-1ijkyzl");
4343
4349
  attr(div, "style", /*_style*/ ctx[5]);
4344
4350
  },
4345
4351
  m(target, anchor) {
@@ -4976,7 +4982,7 @@ class Grid extends SvelteComponent {
4976
4982
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
4977
4983
 
4978
4984
  function add_css$s(target) {
4979
- append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
4985
+ append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
4980
4986
  }
4981
4987
 
4982
4988
  function create_fragment$_(ctx) {
@@ -5010,8 +5016,8 @@ function create_fragment$_(ctx) {
5010
5016
  this.h();
5011
5017
  },
5012
5018
  h() {
5013
- attr(div0, "class", "grid-item-inner svelte-1cryhmb");
5014
- attr(div1, "class", "grid-item svelte-1cryhmb");
5019
+ attr(div0, "class", "grid-item-inner svelte-n7kdl3");
5020
+ attr(div1, "class", "grid-item svelte-n7kdl3");
5015
5021
  attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
5016
5022
  attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
5017
5023
  attr(div1, "style", /*_style*/ ctx[1]);
@@ -5333,7 +5339,7 @@ class RenderText extends SvelteComponent {
5333
5339
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
5334
5340
 
5335
5341
  function add_css$r(target) {
5336
- 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}");
5342
+ 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}");
5337
5343
  }
5338
5344
 
5339
5345
  // (94:2) {:else}
@@ -5363,8 +5369,8 @@ function create_else_block$1(ctx) {
5363
5369
  this.h();
5364
5370
  },
5365
5371
  h() {
5366
- attr(div0, "class", "text-element-inner svelte-vz6867");
5367
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5372
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5373
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5368
5374
  attr(div1, "style", /*style*/ ctx[5]);
5369
5375
  },
5370
5376
  m(target, anchor) {
@@ -5378,7 +5384,7 @@ function create_else_block$1(ctx) {
5378
5384
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5379
5385
  rendertext.$set(rendertext_changes);
5380
5386
 
5381
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
5387
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
5382
5388
  attr(div1, "class", div1_class_value);
5383
5389
  }
5384
5390
 
@@ -5453,12 +5459,12 @@ function create_if_block$7(ctx) {
5453
5459
  this.h();
5454
5460
  },
5455
5461
  h() {
5456
- attr(div0, "class", "text-element-inner svelte-vz6867");
5462
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5457
5463
  attr(a, "href", '');
5458
- attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5464
+ attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5459
5465
  attr(a, "style", /*style*/ ctx[5]);
5460
- attr(div1, "class", "tooltip svelte-vz6867");
5461
- attr(div2, "class", "tooltip tooltip-error svelte-vz6867");
5466
+ attr(div1, "class", "tooltip svelte-9ixs0b");
5467
+ attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
5462
5468
  },
5463
5469
  m(target, anchor) {
5464
5470
  insert_hydration(target, a, anchor);
@@ -5484,7 +5490,7 @@ function create_if_block$7(ctx) {
5484
5490
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5485
5491
  rendertext.$set(rendertext_changes);
5486
5492
 
5487
- 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"))) {
5493
+ 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"))) {
5488
5494
  attr(a, "class", a_class_value);
5489
5495
  }
5490
5496
 
@@ -5546,7 +5552,7 @@ function create_fragment$Y(ctx) {
5546
5552
  this.h();
5547
5553
  },
5548
5554
  h() {
5549
- attr(div, "class", "text-element-wrapper svelte-vz6867");
5555
+ attr(div, "class", "text-element-wrapper svelte-9ixs0b");
5550
5556
  },
5551
5557
  m(target, anchor) {
5552
5558
  insert_hydration(target, div, anchor);
@@ -5712,7 +5718,7 @@ class TextElement extends SvelteComponent {
5712
5718
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5713
5719
 
5714
5720
  function add_css$q(target) {
5715
- 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)}");
5721
+ 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)}");
5716
5722
  }
5717
5723
 
5718
5724
  // (48:2) <Button {onClick} {style} {eventName}>
@@ -5781,7 +5787,7 @@ function create_fragment$X(ctx) {
5781
5787
  this.h();
5782
5788
  },
5783
5789
  h() {
5784
- attr(div, "class", "text-button-element svelte-ujdxfc");
5790
+ attr(div, "class", "text-button-element svelte-1vg84sc");
5785
5791
  },
5786
5792
  m(target, anchor) {
5787
5793
  insert_hydration(target, div, anchor);
@@ -5873,7 +5879,7 @@ class TextButtonElement extends SvelteComponent {
5873
5879
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5874
5880
 
5875
5881
  function add_css$p(target) {
5876
- 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%}");
5882
+ 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%}");
5877
5883
  }
5878
5884
 
5879
5885
  // (44:2) <Button {onClick} style={_style} {eventName}>
@@ -5901,7 +5907,7 @@ function create_default_slot$4(ctx) {
5901
5907
  this.h();
5902
5908
  },
5903
5909
  h() {
5904
- attr(img, "class", "image svelte-1alkh1m");
5910
+ attr(img, "class", "image svelte-t6tu0e");
5905
5911
  attr(img, "loading", "lazy");
5906
5912
  attr(img, "width", "auto");
5907
5913
  attr(img, "height", "auto");
@@ -5973,7 +5979,7 @@ function create_fragment$W(ctx) {
5973
5979
  this.h();
5974
5980
  },
5975
5981
  h() {
5976
- attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m");
5982
+ attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
5977
5983
  },
5978
5984
  m(target, anchor) {
5979
5985
  insert_hydration(target, div, anchor);
@@ -5992,7 +5998,7 @@ function create_fragment$W(ctx) {
5992
5998
 
5993
5999
  button.$set(button_changes);
5994
6000
 
5995
- if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m")) {
6001
+ if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
5996
6002
  attr(div, "class", div_class_value);
5997
6003
  }
5998
6004
  },
@@ -6064,7 +6070,7 @@ class ImageElement extends SvelteComponent {
6064
6070
  /* src/components/List.svelte generated by Svelte v3.53.1 */
6065
6071
 
6066
6072
  function add_css$o(target) {
6067
- 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}");
6073
+ 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}");
6068
6074
  }
6069
6075
 
6070
6076
  function create_fragment$V(ctx) {
@@ -6087,7 +6093,7 @@ function create_fragment$V(ctx) {
6087
6093
  this.h();
6088
6094
  },
6089
6095
  h() {
6090
- attr(div, "class", "list svelte-1t8r9z");
6096
+ attr(div, "class", "list svelte-aquv6z");
6091
6097
  attr(div, "style", /*style*/ ctx[0]);
6092
6098
  },
6093
6099
  m(target, anchor) {
@@ -6221,7 +6227,7 @@ class List extends SvelteComponent {
6221
6227
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
6222
6228
 
6223
6229
  function add_css$n(target) {
6224
- 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}");
6230
+ 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}");
6225
6231
  }
6226
6232
 
6227
6233
  // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
@@ -6304,7 +6310,7 @@ function create_fragment$U(ctx) {
6304
6310
  this.h();
6305
6311
  },
6306
6312
  h() {
6307
- attr(div, "class", "list-item svelte-1lbw8v2");
6313
+ attr(div, "class", "list-item svelte-9n97pe");
6308
6314
  attr(div, "style", /*listItemStyle*/ ctx[3]);
6309
6315
  },
6310
6316
  m(target, anchor) {
@@ -6430,7 +6436,7 @@ class ListItem extends SvelteComponent {
6430
6436
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
6431
6437
 
6432
6438
  function add_css$m(target) {
6433
- 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}");
6439
+ 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}");
6434
6440
  }
6435
6441
 
6436
6442
  function create_fragment$T(ctx) {
@@ -6448,7 +6454,7 @@ function create_fragment$T(ctx) {
6448
6454
  this.h();
6449
6455
  },
6450
6456
  h() {
6451
- attr(div, "class", "embed svelte-w6jkzh");
6457
+ attr(div, "class", "embed svelte-wocq4p");
6452
6458
  attr(div, "style", /*_style*/ ctx[1]);
6453
6459
  },
6454
6460
  m(target, anchor) {
@@ -6491,7 +6497,7 @@ class EmbedElement extends SvelteComponent {
6491
6497
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
6492
6498
 
6493
6499
  function add_css$l(target) {
6494
- 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%}");
6500
+ 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%}");
6495
6501
  }
6496
6502
 
6497
6503
  function create_fragment$S(ctx) {
@@ -6514,7 +6520,7 @@ function create_fragment$S(ctx) {
6514
6520
  },
6515
6521
  h() {
6516
6522
  attr(div0, "class", "karte-player");
6517
- attr(div1, "class", "embed svelte-ljxq7x");
6523
+ attr(div1, "class", "embed svelte-vikz49");
6518
6524
  attr(div1, "style", /*_style*/ ctx[0]);
6519
6525
  },
6520
6526
  m(target, anchor) {
@@ -6856,7 +6862,7 @@ class MovieYouTubeElement extends SvelteComponent {
6856
6862
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6857
6863
 
6858
6864
  function add_css$k(target) {
6859
- 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%}");
6865
+ 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%}");
6860
6866
  }
6861
6867
 
6862
6868
  function create_fragment$R(ctx) {
@@ -6879,7 +6885,7 @@ function create_fragment$R(ctx) {
6879
6885
  },
6880
6886
  h() {
6881
6887
  attr(div0, "class", "karte-player");
6882
- attr(div1, "class", "embed svelte-ljxq7x");
6888
+ attr(div1, "class", "embed svelte-vikz49");
6883
6889
  attr(div1, "style", /*_style*/ ctx[0]);
6884
6890
  },
6885
6891
  m(target, anchor) {
@@ -7063,7 +7069,7 @@ class MovieVimeoElement extends SvelteComponent {
7063
7069
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
7064
7070
 
7065
7071
  function add_css$j(target) {
7066
- append_styles(target, "svelte-1fjy5oo", ".textarea-wrapper.svelte-1fjy5oo{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-1fjy5oo{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-1fjy5oo::placeholder{color:var(--placeholder-color)}.textarea.svelte-1fjy5oo:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
7072
+ 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}");
7067
7073
  }
7068
7074
 
7069
7075
  function create_fragment$Q(ctx) {
@@ -7093,12 +7099,12 @@ function create_fragment$Q(ctx) {
7093
7099
  this.h();
7094
7100
  },
7095
7101
  h() {
7096
- attr(textarea, "class", "textarea svelte-1fjy5oo");
7102
+ attr(textarea, "class", "textarea svelte-zxvkkc");
7097
7103
  textarea.value = /*$value*/ ctx[4];
7098
7104
  textarea.required = /*required*/ ctx[1];
7099
7105
  attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
7100
7106
  attr(textarea, "style", /*style*/ ctx[3]);
7101
- attr(div, "class", "textarea-wrapper svelte-1fjy5oo");
7107
+ attr(div, "class", "textarea-wrapper svelte-zxvkkc");
7102
7108
  attr(div, "style", /*styleVariables*/ ctx[2]);
7103
7109
  },
7104
7110
  m(target, anchor) {
@@ -7250,7 +7256,7 @@ class FormTextarea extends SvelteComponent {
7250
7256
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
7251
7257
 
7252
7258
  function add_css$i(target) {
7253
- 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}");
7259
+ 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}");
7254
7260
  }
7255
7261
 
7256
7262
  function get_each_context$5(ctx, list, i) {
@@ -7307,14 +7313,14 @@ function create_each_block$5(ctx) {
7307
7313
  },
7308
7314
  h() {
7309
7315
  attr(input, "type", "radio");
7310
- attr(input, "class", "radio-button-input svelte-1ntb6j8");
7316
+ attr(input, "class", "radio-button-input svelte-17s08g");
7311
7317
  attr(input, "style", /*buttonStyle*/ ctx[5]);
7312
7318
  attr(input, "name", /*name*/ ctx[0]);
7313
7319
  input.value = input_value_value = /*option*/ ctx[17];
7314
7320
  input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
7315
- attr(span, "class", "radio-button-text svelte-1ntb6j8");
7321
+ attr(span, "class", "radio-button-text svelte-17s08g");
7316
7322
  attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7317
- attr(label, "class", "radio-button svelte-1ntb6j8");
7323
+ attr(label, "class", "radio-button svelte-17s08g");
7318
7324
  },
7319
7325
  m(target, anchor) {
7320
7326
  insert_hydration(target, label, anchor);
@@ -7393,7 +7399,7 @@ function create_fragment$P(ctx) {
7393
7399
  this.h();
7394
7400
  },
7395
7401
  h() {
7396
- attr(div, "class", "radio-buttons svelte-1ntb6j8");
7402
+ attr(div, "class", "radio-buttons svelte-17s08g");
7397
7403
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7398
7404
  },
7399
7405
  m(target, anchor) {
@@ -7562,7 +7568,7 @@ class FormRadioButtons extends SvelteComponent {
7562
7568
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
7563
7569
 
7564
7570
  function add_css$h(target) {
7565
- 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}");
7571
+ 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}");
7566
7572
  }
7567
7573
 
7568
7574
  function get_each_context$4(ctx, list, i) {
@@ -7733,10 +7739,10 @@ function create_fragment$O(ctx) {
7733
7739
  this.h();
7734
7740
  },
7735
7741
  h() {
7736
- attr(select, "class", "select-select svelte-iejizj");
7742
+ attr(select, "class", "select-select svelte-t9ynyj");
7737
7743
  attr(select, "style", /*style*/ ctx[3]);
7738
- attr(div0, "class", "select-icon svelte-iejizj");
7739
- attr(div1, "class", "select svelte-iejizj");
7744
+ attr(div0, "class", "select-icon svelte-t9ynyj");
7745
+ attr(div1, "class", "select svelte-t9ynyj");
7740
7746
  attr(div1, "style", /*styleVariables*/ ctx[2]);
7741
7747
  },
7742
7748
  m(target, anchor) {
@@ -7938,7 +7944,7 @@ class FormSelect extends SvelteComponent {
7938
7944
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
7939
7945
 
7940
7946
  function add_css$g(target) {
7941
- 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}");
7947
+ 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}");
7942
7948
  }
7943
7949
 
7944
7950
  function get_each_context$3(ctx, list, i) {
@@ -8000,19 +8006,19 @@ function create_each_block$3(ctx) {
8000
8006
  this.h();
8001
8007
  },
8002
8008
  h() {
8003
- attr(input, "class", "check-box-input svelte-2pz1us");
8009
+ attr(input, "class", "check-box-input svelte-1p65cg8");
8004
8010
  attr(input, "type", "checkbox");
8005
8011
  attr(input, "name", /*name*/ ctx[0]);
8006
8012
  input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
8007
- attr(span0, "class", "check-box-icon svelte-2pz1us");
8013
+ attr(span0, "class", "check-box-icon svelte-1p65cg8");
8008
8014
 
8009
8015
  attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
8010
8016
  ? ' _checked'
8011
- : ''}`) + " svelte-2pz1us"));
8017
+ : ''}`) + " svelte-1p65cg8"));
8012
8018
 
8013
- attr(span2, "class", "check-box-text svelte-2pz1us");
8019
+ attr(span2, "class", "check-box-text svelte-1p65cg8");
8014
8020
  attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
8015
- attr(label, "class", "check-box svelte-2pz1us");
8021
+ attr(label, "class", "check-box svelte-1p65cg8");
8016
8022
  attr(label, "style", /*styleVariables*/ ctx[5]);
8017
8023
  },
8018
8024
  m(target, anchor) {
@@ -8044,7 +8050,7 @@ function create_each_block$3(ctx) {
8044
8050
 
8045
8051
  if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
8046
8052
  ? ' _checked'
8047
- : ''}`) + " svelte-2pz1us"))) {
8053
+ : ''}`) + " svelte-1p65cg8"))) {
8048
8054
  attr(span1, "class", span1_class_value);
8049
8055
  }
8050
8056
 
@@ -8097,7 +8103,7 @@ function create_fragment$N(ctx) {
8097
8103
  this.h();
8098
8104
  },
8099
8105
  h() {
8100
- attr(div, "class", "check-boxes svelte-2pz1us");
8106
+ attr(div, "class", "check-boxes svelte-1p65cg8");
8101
8107
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
8102
8108
  },
8103
8109
  m(target, anchor) {
@@ -8272,7 +8278,7 @@ class FormCheckBoxes extends SvelteComponent {
8272
8278
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
8273
8279
 
8274
8280
  function add_css$f(target) {
8275
- append_styles(target, "svelte-9idbf1", ".rating-buttons.svelte-9idbf1{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-9idbf1{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}");
8281
+ append_styles(target, "svelte-1iqf36p", ".rating-buttons.svelte-1iqf36p{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1iqf36p{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}");
8276
8282
  }
8277
8283
 
8278
8284
  function get_each_context$2(ctx, list, i) {
@@ -8307,7 +8313,7 @@ function create_each_block$2(ctx) {
8307
8313
  this.h();
8308
8314
  },
8309
8315
  h() {
8310
- attr(button, "class", "rating-button svelte-9idbf1");
8316
+ attr(button, "class", "rating-button svelte-1iqf36p");
8311
8317
  attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
8312
8318
  },
8313
8319
  m(target, anchor) {
@@ -8370,7 +8376,7 @@ function create_fragment$M(ctx) {
8370
8376
  this.h();
8371
8377
  },
8372
8378
  h() {
8373
- attr(div, "class", "rating-buttons svelte-9idbf1");
8379
+ attr(div, "class", "rating-buttons svelte-1iqf36p");
8374
8380
  },
8375
8381
  m(target, anchor) {
8376
8382
  insert_hydration(target, div, anchor);
@@ -8514,7 +8520,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
8514
8520
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
8515
8521
 
8516
8522
  function add_css$e(target) {
8517
- 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%)}");
8523
+ 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%)}");
8518
8524
  }
8519
8525
 
8520
8526
  function get_each_context$1(ctx, list, i) {
@@ -8550,9 +8556,9 @@ function create_each_block$1(ctx) {
8550
8556
  },
8551
8557
  h() {
8552
8558
  if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
8553
- attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"));
8559
+ attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
8554
8560
  attr(img, "alt", "rate" + /*i*/ ctx[10]);
8555
- attr(button, "class", "rating-button svelte-1b5dvzw");
8561
+ attr(button, "class", "rating-button svelte-tbunko");
8556
8562
  attr(button, "style", /*buttonStyle*/ ctx[0]);
8557
8563
  },
8558
8564
  m(target, anchor) {
@@ -8568,7 +8574,7 @@ function create_each_block$1(ctx) {
8568
8574
  p(new_ctx, dirty) {
8569
8575
  ctx = new_ctx;
8570
8576
 
8571
- 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"))) {
8577
+ 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"))) {
8572
8578
  attr(img, "class", img_class_value);
8573
8579
  }
8574
8580
 
@@ -8615,7 +8621,7 @@ function create_fragment$L(ctx) {
8615
8621
  this.h();
8616
8622
  },
8617
8623
  h() {
8618
- attr(div, "class", "rating-buttons svelte-1b5dvzw");
8624
+ attr(div, "class", "rating-buttons svelte-tbunko");
8619
8625
  },
8620
8626
  m(target, anchor) {
8621
8627
  insert_hydration(target, div, anchor);
@@ -8723,7 +8729,7 @@ class FormRatingButtonsFace extends SvelteComponent {
8723
8729
  /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
8724
8730
 
8725
8731
  function add_css$d(target) {
8726
- append_styles(target, "svelte-f14zo5", ".input-wrapper.svelte-f14zo5{display:flex;align-items:center;width:100%;height:100%}.input.svelte-f14zo5{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}.input.svelte-f14zo5::placeholder{color:var(--placeholder-color)}.input.svelte-f14zo5:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.input._error.svelte-f14zo5{outline:none;border-width:var(--error-border-width) !important;border-color:var(--error-border-color) !important;border-style:var(--error-border-style) !important}");
8732
+ append_styles(target, "svelte-h8fqwx", ".input-wrapper.svelte-h8fqwx{display:flex;align-items:center;width:100%;height:100%}.input.svelte-h8fqwx{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}.input.svelte-h8fqwx::placeholder{color:var(--placeholder-color)}.input.svelte-h8fqwx:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.input._error.svelte-h8fqwx{outline:none;border-width:var(--error-border-width) !important;border-color:var(--error-border-color) !important;border-style:var(--error-border-style) !important}");
8727
8733
  }
8728
8734
 
8729
8735
  function create_fragment$K(ctx) {
@@ -8754,13 +8760,13 @@ function create_fragment$K(ctx) {
8754
8760
  this.h();
8755
8761
  },
8756
8762
  h() {
8757
- attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"));
8763
+ attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"));
8758
8764
  attr(input, "type", "text");
8759
8765
  input.value = /*$value*/ ctx[2];
8760
8766
  input.required = /*required*/ ctx[0];
8761
8767
  attr(input, "placeholder", /*placeholder*/ ctx[1]);
8762
8768
  attr(input, "style", /*style*/ ctx[5]);
8763
- attr(div, "class", "input-wrapper svelte-f14zo5");
8769
+ attr(div, "class", "input-wrapper svelte-h8fqwx");
8764
8770
  attr(div, "style", /*styleVariables*/ ctx[4]);
8765
8771
  },
8766
8772
  m(target, anchor) {
@@ -8773,7 +8779,7 @@ function create_fragment$K(ctx) {
8773
8779
  }
8774
8780
  },
8775
8781
  p(ctx, [dirty]) {
8776
- if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"))) {
8782
+ if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"))) {
8777
8783
  attr(input, "class", input_class_value);
8778
8784
  }
8779
8785
 
@@ -8961,7 +8967,7 @@ class FormIdentifyInput extends SvelteComponent {
8961
8967
  /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
8962
8968
 
8963
8969
  function add_css$c(target) {
8964
- append_styles(target, "svelte-pzrwlo", ".radio-buttons.svelte-pzrwlo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-pzrwlo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-pzrwlo{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-pzrwlo: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, 0.08), 0px 1px 4px -1px rgba(18, 160, 160, 0.24)}.radio-button-text.svelte-pzrwlo{margin-left:0.5em}");
8970
+ append_styles(target, "svelte-8zbmyo", ".radio-buttons.svelte-8zbmyo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-8zbmyo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-8zbmyo{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-8zbmyo: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, 0.08), 0px 1px 4px -1px rgba(18, 160, 160, 0.24)}.radio-button-text.svelte-8zbmyo{margin-left:0.5em}");
8965
8971
  }
8966
8972
 
8967
8973
  function create_fragment$J(ctx) {
@@ -9027,20 +9033,20 @@ function create_fragment$J(ctx) {
9027
9033
  },
9028
9034
  h() {
9029
9035
  attr(input0, "type", "radio");
9030
- attr(input0, "class", "radio-button-input svelte-pzrwlo");
9036
+ attr(input0, "class", "radio-button-input svelte-8zbmyo");
9031
9037
  attr(input0, "style", /*buttonStyle*/ ctx[2]);
9032
9038
  input0.checked = input0_checked_value = /*$value*/ ctx[3] === true;
9033
- attr(span0, "class", "radio-button-text svelte-pzrwlo");
9039
+ attr(span0, "class", "radio-button-text svelte-8zbmyo");
9034
9040
  attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
9035
- attr(label0, "class", "radio-button svelte-pzrwlo");
9041
+ attr(label0, "class", "radio-button svelte-8zbmyo");
9036
9042
  attr(input1, "type", "radio");
9037
- attr(input1, "class", "radio-button-input svelte-pzrwlo");
9043
+ attr(input1, "class", "radio-button-input svelte-8zbmyo");
9038
9044
  attr(input1, "style", /*buttonStyle*/ ctx[2]);
9039
9045
  input1.checked = input1_checked_value = /*$value*/ ctx[3] === false;
9040
- attr(span1, "class", "radio-button-text svelte-pzrwlo");
9046
+ attr(span1, "class", "radio-button-text svelte-8zbmyo");
9041
9047
  attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
9042
- attr(label1, "class", "radio-button svelte-pzrwlo");
9043
- attr(div, "class", "radio-buttons svelte-pzrwlo");
9048
+ attr(label1, "class", "radio-button svelte-8zbmyo");
9049
+ attr(div, "class", "radio-buttons svelte-8zbmyo");
9044
9050
  attr(div, "style", /*_layoutStyle*/ ctx[0]);
9045
9051
  },
9046
9052
  m(target, anchor) {
@@ -9208,7 +9214,7 @@ class FormIdentifyChoices extends SvelteComponent {
9208
9214
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
9209
9215
 
9210
9216
  function add_css$b(target) {
9211
- 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%}");
9217
+ 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%}");
9212
9218
  }
9213
9219
 
9214
9220
  function get_each_context(ctx, list, i) {
@@ -9254,9 +9260,9 @@ function create_if_block_1(ctx) {
9254
9260
  attr(svg, "viewBox", "0 0 10 16");
9255
9261
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
9256
9262
  attr(svg, "style", /*prevIconStyle*/ ctx[10]);
9257
- attr(button, "class", "move-button svelte-1qfq79t");
9263
+ attr(button, "class", "move-button svelte-ji1fh");
9258
9264
  attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
9259
- attr(div, "class", "prev-button-container svelte-1qfq79t");
9265
+ attr(div, "class", "prev-button-container svelte-ji1fh");
9260
9266
  },
9261
9267
  m(target, anchor) {
9262
9268
  insert_hydration(target, div, anchor);
@@ -9322,9 +9328,9 @@ function create_if_block$5(ctx) {
9322
9328
  attr(svg, "viewBox", "0 0 10 16");
9323
9329
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
9324
9330
  attr(svg, "style", /*nextIconStyle*/ ctx[8]);
9325
- attr(button, "class", "move-button svelte-1qfq79t");
9331
+ attr(button, "class", "move-button svelte-ji1fh");
9326
9332
  attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
9327
- attr(div, "class", "next-button-container svelte-1qfq79t");
9333
+ attr(div, "class", "next-button-container svelte-ji1fh");
9328
9334
  },
9329
9335
  m(target, anchor) {
9330
9336
  insert_hydration(target, div, anchor);
@@ -9384,9 +9390,9 @@ function create_each_block(ctx) {
9384
9390
  this.h();
9385
9391
  },
9386
9392
  h() {
9387
- attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
9393
+ attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
9388
9394
  attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
9389
- attr(button, "class", "navigation-item svelte-1qfq79t");
9395
+ attr(button, "class", "navigation-item svelte-ji1fh");
9390
9396
  attr(button, "style", /*navigationItemStyle*/ ctx[6]);
9391
9397
  },
9392
9398
  m(target, anchor) {
@@ -9492,14 +9498,14 @@ function create_fragment$I(ctx) {
9492
9498
  this.h();
9493
9499
  },
9494
9500
  h() {
9495
- attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
9501
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
9496
9502
  attr(div0, "style", /*slideStyle*/ ctx[14]);
9497
- attr(div1, "class", "container svelte-1qfq79t");
9503
+ attr(div1, "class", "container svelte-ji1fh");
9498
9504
  attr(div1, "style", /*_style*/ ctx[0]);
9499
- attr(div2, "class", "navigation svelte-1qfq79t");
9505
+ attr(div2, "class", "navigation svelte-ji1fh");
9500
9506
  attr(div2, "style", /*navigationStyle*/ ctx[4]);
9501
9507
  set_attributes(div3, div3_data);
9502
- toggle_class(div3, "svelte-1qfq79t", true);
9508
+ toggle_class(div3, "svelte-ji1fh", true);
9503
9509
  },
9504
9510
  m(target, anchor) {
9505
9511
  insert_hydration(target, div3, anchor);
@@ -9541,7 +9547,7 @@ function create_fragment$I(ctx) {
9541
9547
  }
9542
9548
  }
9543
9549
 
9544
- if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
9550
+ if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
9545
9551
  attr(div0, "class", div0_class_value);
9546
9552
  }
9547
9553
 
@@ -9607,7 +9613,7 @@ function create_fragment$I(ctx) {
9607
9613
  }
9608
9614
 
9609
9615
  set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
9610
- toggle_class(div3, "svelte-1qfq79t", true);
9616
+ toggle_class(div3, "svelte-ji1fh", true);
9611
9617
  },
9612
9618
  i(local) {
9613
9619
  if (current) return;
@@ -10119,7 +10125,7 @@ class Slide extends SvelteComponent {
10119
10125
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
10120
10126
 
10121
10127
  function add_css$a(target) {
10122
- 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}");
10128
+ 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}");
10123
10129
  }
10124
10130
 
10125
10131
  function create_fragment$H(ctx) {
@@ -10147,9 +10153,9 @@ function create_fragment$H(ctx) {
10147
10153
  this.h();
10148
10154
  },
10149
10155
  h() {
10150
- attr(div0, "class", "item-inner svelte-1rv0qgo");
10156
+ attr(div0, "class", "item-inner svelte-9ygf1w");
10151
10157
  attr(div0, "style", /*_style*/ ctx[0]);
10152
- attr(div1, "class", "item svelte-1rv0qgo");
10158
+ attr(div1, "class", "item svelte-9ygf1w");
10153
10159
  attr(div1, "style", /*itemStyle*/ ctx[1]);
10154
10160
  },
10155
10161
  m(target, anchor) {
@@ -10275,7 +10281,7 @@ class SlideItem extends SvelteComponent {
10275
10281
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
10276
10282
 
10277
10283
  function add_css$9(target) {
10278
- 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}");
10284
+ 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}");
10279
10285
  }
10280
10286
 
10281
10287
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
@@ -10306,9 +10312,9 @@ function create_fragment$G(ctx) {
10306
10312
  this.h();
10307
10313
  },
10308
10314
  h() {
10309
- attr(div0, "class", "countdown-inner svelte-t87l6f");
10315
+ attr(div0, "class", "countdown-inner svelte-rroxiz");
10310
10316
  attr(div0, "style", /*_style*/ ctx[0]);
10311
- attr(div1, "class", "countdown svelte-t87l6f");
10317
+ attr(div1, "class", "countdown svelte-rroxiz");
10312
10318
  },
10313
10319
  m(target, anchor) {
10314
10320
  insert_hydration(target, div1, anchor);
@@ -10438,7 +10444,7 @@ class Countdown extends SvelteComponent {
10438
10444
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
10439
10445
 
10440
10446
  function add_css$8(target) {
10441
- 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}");
10447
+ 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}");
10442
10448
  }
10443
10449
 
10444
10450
  // (24:2) <Button {onClick} style={_style} {eventName}>
@@ -10521,7 +10527,7 @@ function create_fragment$F(ctx) {
10521
10527
  this.h();
10522
10528
  },
10523
10529
  h() {
10524
- attr(div, "class", "box svelte-1c91vpe");
10530
+ attr(div, "class", "box svelte-1ccydfy");
10525
10531
  },
10526
10532
  m(target, anchor) {
10527
10533
  insert_hydration(target, div, anchor);
@@ -10582,7 +10588,7 @@ class Box extends SvelteComponent {
10582
10588
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
10583
10589
 
10584
10590
  function add_css$7(target) {
10585
- 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)}");
10591
+ 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)}");
10586
10592
  }
10587
10593
 
10588
10594
  // (56:4) {#if svg}
@@ -10686,7 +10692,7 @@ function create_fragment$E(ctx) {
10686
10692
  this.h();
10687
10693
  },
10688
10694
  h() {
10689
- attr(div, "class", "icon svelte-1mk6wi4");
10695
+ attr(div, "class", "icon svelte-1mkvcuo");
10690
10696
  },
10691
10697
  m(target, anchor) {
10692
10698
  insert_hydration(target, div, anchor);
@@ -10795,7 +10801,7 @@ class IconElement extends SvelteComponent {
10795
10801
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
10796
10802
 
10797
10803
  function add_css$6(target) {
10798
- append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10804
+ append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10799
10805
  }
10800
10806
 
10801
10807
  function create_fragment$D(ctx) {
@@ -10831,7 +10837,7 @@ function create_fragment$D(ctx) {
10831
10837
  this.h();
10832
10838
  },
10833
10839
  h() {
10834
- attr(div, "class", "codeElement svelte-1ng2n51");
10840
+ attr(div, "class", "codeElement svelte-ymsb9l");
10835
10841
  attr(div, "style", /*style*/ ctx[3]);
10836
10842
  },
10837
10843
  m(target, anchor) {
@@ -10920,7 +10926,7 @@ class CodeElement extends SvelteComponent {
10920
10926
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
10921
10927
 
10922
10928
  function add_css$5(target) {
10923
- append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
10929
+ append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
10924
10930
  }
10925
10931
 
10926
10932
  function create_fragment$C(ctx) {
@@ -10944,7 +10950,7 @@ function create_fragment$C(ctx) {
10944
10950
  this.h();
10945
10951
  },
10946
10952
  h() {
10947
- attr(div, "class", "flex svelte-9v2qdg");
10953
+ attr(div, "class", "flex svelte-1e71ejc");
10948
10954
  attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
10949
10955
  },
10950
10956
  m(target, anchor) {
@@ -11041,7 +11047,7 @@ class Flex extends SvelteComponent {
11041
11047
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
11042
11048
 
11043
11049
  function add_css$4(target) {
11044
- append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
11050
+ append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
11045
11051
  }
11046
11052
 
11047
11053
  function create_fragment$B(ctx) {
@@ -11064,7 +11070,7 @@ function create_fragment$B(ctx) {
11064
11070
  this.h();
11065
11071
  },
11066
11072
  h() {
11067
- attr(div, "class", "flex-item svelte-164ah5d");
11073
+ attr(div, "class", "flex-item svelte-1p0bk1x");
11068
11074
  attr(div, "style", /*style*/ ctx[0]);
11069
11075
  },
11070
11076
  m(target, anchor) {
@@ -11484,7 +11490,7 @@ class GridModalState extends SvelteComponent {
11484
11490
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
11485
11491
 
11486
11492
  function add_css$3(target) {
11487
- 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%}");
11493
+ 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%}");
11488
11494
  }
11489
11495
 
11490
11496
  function create_fragment$z(ctx) {
@@ -11513,8 +11519,8 @@ function create_fragment$z(ctx) {
11513
11519
  this.h();
11514
11520
  },
11515
11521
  h() {
11516
- attr(div0, "class", "text-block-inner svelte-akic2e");
11517
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"));
11522
+ attr(div0, "class", "text-block-inner svelte-15pej1m");
11523
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
11518
11524
  attr(div1, "style", /*style*/ ctx[2]);
11519
11525
  },
11520
11526
  m(target, anchor) {
@@ -11528,7 +11534,7 @@ function create_fragment$z(ctx) {
11528
11534
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
11529
11535
  rendertext.$set(rendertext_changes);
11530
11536
 
11531
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"))) {
11537
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
11532
11538
  attr(div1, "class", div1_class_value);
11533
11539
  }
11534
11540
 
@@ -11606,7 +11612,7 @@ class TextBlock extends SvelteComponent {
11606
11612
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
11607
11613
 
11608
11614
  function add_css$2(target) {
11609
- 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)}");
11615
+ 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)}");
11610
11616
  }
11611
11617
 
11612
11618
  function create_fragment$y(ctx) {
@@ -11636,9 +11642,9 @@ function create_fragment$y(ctx) {
11636
11642
  this.h();
11637
11643
  },
11638
11644
  h() {
11639
- attr(button, "class", "text-button svelte-1c34p4n");
11645
+ attr(button, "class", "text-button svelte-ff0k6r");
11640
11646
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
11641
- attr(div, "class", "text-button-block svelte-1c34p4n");
11647
+ attr(div, "class", "text-button-block svelte-ff0k6r");
11642
11648
  attr(div, "style", /*_style*/ ctx[2]);
11643
11649
  },
11644
11650
  m(target, anchor) {
@@ -11744,7 +11750,7 @@ class TextButtonBlock extends SvelteComponent {
11744
11750
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
11745
11751
 
11746
11752
  function add_css$1(target) {
11747
- 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)}");
11753
+ 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)}");
11748
11754
  }
11749
11755
 
11750
11756
  function create_fragment$x(ctx) {
@@ -11780,14 +11786,14 @@ function create_fragment$x(ctx) {
11780
11786
  this.h();
11781
11787
  },
11782
11788
  h() {
11783
- attr(img, "class", "image svelte-1jus6sx");
11789
+ attr(img, "class", "image svelte-1pdw891");
11784
11790
  attr(img, "loading", "lazy");
11785
11791
  attr(img, "width", "auto");
11786
11792
  attr(img, "height", "auto");
11787
11793
  attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
11788
11794
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
11789
11795
  attr(img, "alt", /*alt*/ ctx[1]);
11790
- attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"));
11796
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
11791
11797
  attr(div, "style", /*_style*/ ctx[5]);
11792
11798
  },
11793
11799
  m(target, anchor) {
@@ -11812,7 +11818,7 @@ function create_fragment$x(ctx) {
11812
11818
  attr(img, "alt", /*alt*/ ctx[1]);
11813
11819
  }
11814
11820
 
11815
- if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"))) {
11821
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
11816
11822
  attr(div, "class", div_class_value);
11817
11823
  }
11818
11824
 
@@ -13778,7 +13784,7 @@ function instance$6($$self, $$props, $$invalidate) {
13778
13784
  let style;
13779
13785
  let IconComponent;
13780
13786
  let { layerId } = $$props;
13781
- let { props } = $$props;
13787
+ let { props = {} } = $$props;
13782
13788
  let { overrideStyle } = $$props;
13783
13789
 
13784
13790
  $$self.$$set = $$props => {
@@ -13817,10 +13823,10 @@ class Icon extends SvelteComponent {
13817
13823
  /* src/components-v2/button/Button.svelte generated by Svelte v3.53.1 */
13818
13824
 
13819
13825
  function add_css(target) {
13820
- append_styles(target, "svelte-1uf4vt5", ".v2-button.svelte-1uf4vt5{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.v2-button-icon.svelte-1uf4vt5{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
13826
+ append_styles(target, "svelte-i9kun1", ".v2-button.svelte-i9kun1{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.v2-button-icon.svelte-i9kun1{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
13821
13827
  }
13822
13828
 
13823
- // (116:2) {#if (props.isIcon && props.iconVariant)}
13829
+ // (128:2) {#if (props.isIcon && props.iconVariant)}
13824
13830
  function create_if_block$2(ctx) {
13825
13831
  let div;
13826
13832
  let icon;
@@ -13852,7 +13858,7 @@ function create_if_block$2(ctx) {
13852
13858
  this.h();
13853
13859
  },
13854
13860
  h() {
13855
- attr(div, "class", "v2-button-icon svelte-1uf4vt5");
13861
+ attr(div, "class", "v2-button-icon svelte-i9kun1");
13856
13862
  },
13857
13863
  m(target, anchor) {
13858
13864
  insert_hydration(target, div, anchor);
@@ -13894,6 +13900,8 @@ function create_fragment$5(ctx) {
13894
13900
  let t1;
13895
13901
  let button_style_value;
13896
13902
  let current;
13903
+ let mounted;
13904
+ let dispose;
13897
13905
  let if_block = /*props*/ ctx[1].isIcon && /*props*/ ctx[1].iconVariant && create_if_block$2(ctx);
13898
13906
 
13899
13907
  return {
@@ -13925,7 +13933,7 @@ function create_fragment$5(ctx) {
13925
13933
  h() {
13926
13934
  attr(button, "data-layer-id", /*layerId*/ ctx[0]);
13927
13935
  attr(button, "style", button_style_value = [/*style*/ ctx[3], /*overrideStyle*/ ctx[2]].join(' '));
13928
- attr(button, "class", "v2-button svelte-1uf4vt5");
13936
+ attr(button, "class", "v2-button svelte-i9kun1");
13929
13937
  },
13930
13938
  m(target, anchor) {
13931
13939
  insert_hydration(target, button, anchor);
@@ -13934,6 +13942,11 @@ function create_fragment$5(ctx) {
13934
13942
  append_hydration(button, span);
13935
13943
  append_hydration(span, t1);
13936
13944
  current = true;
13945
+
13946
+ if (!mounted) {
13947
+ dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[5]));
13948
+ mounted = true;
13949
+ }
13937
13950
  },
13938
13951
  p(ctx, [dirty]) {
13939
13952
  if (/*props*/ ctx[1].isIcon && /*props*/ ctx[1].iconVariant) {
@@ -13981,12 +13994,20 @@ function create_fragment$5(ctx) {
13981
13994
  d(detaching) {
13982
13995
  if (detaching) detach(button);
13983
13996
  if (if_block) if_block.d();
13997
+ mounted = false;
13998
+ dispose();
13984
13999
  }
13985
14000
  };
13986
14001
  }
13987
14002
 
13988
14003
  function instance$5($$self, $$props, $$invalidate) {
13989
14004
  let style;
14005
+ let { layerId = '' } = $$props;
14006
+ let { onClick = { operation: 'none', args: [] } } = $$props;
14007
+ let { eventName = '' } = $$props;
14008
+ let { eventValue = undefined } = $$props;
14009
+ let { props = {} } = $$props;
14010
+ let { overrideStyle } = $$props;
13990
14011
 
13991
14012
  const VARIANTS = {
13992
14013
  size: {
@@ -14067,12 +14088,19 @@ function instance$5($$self, $$props, $$invalidate) {
14067
14088
  }
14068
14089
  };
14069
14090
 
14070
- let { layerId } = $$props;
14071
- let { props } = $$props;
14072
- let { overrideStyle } = $$props;
14091
+ function handleClick() {
14092
+ if (eventName) {
14093
+ send_event(eventName, eventValue);
14094
+ }
14095
+
14096
+ execOnClickOperation(onClick);
14097
+ }
14073
14098
 
14074
14099
  $$self.$$set = $$props => {
14075
14100
  if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
14101
+ if ('onClick' in $$props) $$invalidate(6, onClick = $$props.onClick);
14102
+ if ('eventName' in $$props) $$invalidate(7, eventName = $$props.eventName);
14103
+ if ('eventValue' in $$props) $$invalidate(8, eventValue = $$props.eventValue);
14076
14104
  if ('props' in $$props) $$invalidate(1, props = $$props.props);
14077
14105
  if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
14078
14106
  };
@@ -14101,13 +14129,39 @@ function instance$5($$self, $$props, $$invalidate) {
14101
14129
  }
14102
14130
  };
14103
14131
 
14104
- return [layerId, props, overrideStyle, style, VARIANTS];
14132
+ return [
14133
+ layerId,
14134
+ props,
14135
+ overrideStyle,
14136
+ style,
14137
+ VARIANTS,
14138
+ handleClick,
14139
+ onClick,
14140
+ eventName,
14141
+ eventValue
14142
+ ];
14105
14143
  }
14106
14144
 
14107
14145
  class Button extends SvelteComponent {
14108
14146
  constructor(options) {
14109
14147
  super();
14110
- init(this, options, instance$5, create_fragment$5, safe_not_equal, { layerId: 0, props: 1, overrideStyle: 2 }, add_css);
14148
+
14149
+ init(
14150
+ this,
14151
+ options,
14152
+ instance$5,
14153
+ create_fragment$5,
14154
+ safe_not_equal,
14155
+ {
14156
+ layerId: 0,
14157
+ onClick: 6,
14158
+ eventName: 7,
14159
+ eventValue: 8,
14160
+ props: 1,
14161
+ overrideStyle: 2
14162
+ },
14163
+ add_css
14164
+ );
14111
14165
  }
14112
14166
  }
14113
14167
 
@@ -14303,7 +14357,7 @@ function instance$3($$self, $$props, $$invalidate) {
14303
14357
  let escapedHTML;
14304
14358
  let style;
14305
14359
  let { layerId } = $$props;
14306
- let { props } = $$props;
14360
+ let { props = {} } = $$props;
14307
14361
 
14308
14362
  $$self.$$set = $$props => {
14309
14363
  if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
@@ -14449,8 +14503,8 @@ function create_fragment$2(ctx) {
14449
14503
  function instance$2($$self, $$props, $$invalidate) {
14450
14504
  let style;
14451
14505
  let imgStyle;
14452
- let { layerId } = $$props;
14453
- let { props } = $$props;
14506
+ let { layerId = '' } = $$props;
14507
+ let { props = {} } = $$props;
14454
14508
  let { overrideStyle } = $$props;
14455
14509
 
14456
14510
  const VARIANTS = {
@@ -14611,7 +14665,7 @@ function instance$1($$self, $$props, $$invalidate) {
14611
14665
  let objectStyle;
14612
14666
  let imgStyle;
14613
14667
  let { layerId } = $$props;
14614
- let { props } = $$props;
14668
+ let { props = {} } = $$props;
14615
14669
  let { overrideStyle } = $$props;
14616
14670
 
14617
14671
  $$self.$$set = $$props => {
@@ -14727,7 +14781,7 @@ function create_fragment(ctx) {
14727
14781
  function instance($$self, $$props, $$invalidate) {
14728
14782
  let style;
14729
14783
  let { layerId } = $$props;
14730
- let { props } = $$props;
14784
+ let { props = {} } = $$props;
14731
14785
  let { overrideStyle } = $$props;
14732
14786
  const size = props.size ?? 24;
14733
14787