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

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