@plaidev/karte-action-sdk 1.1.229-28646443.12e5acc3 → 1.1.229

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 +11 -17
  2. package/dist/hydrate/index.es.js +169 -223
  3. package/dist/index.es.d.ts +11 -17
  4. package/dist/index.es.js +172 -226
  5. package/meta/karte-action-sdk.api.json +6318 -0
  6. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -1363,7 +1363,9 @@ function checkAndDo(checkFn, fn, ...conditionFns) {
1363
1363
  /**
1364
1364
  * アクションテーブルに関連するコードの管理
1365
1365
  */
1366
- const DEFAULT_COLLECTION_ENDPOINT = 'https://action-table.karte.io/collection';
1366
+ const DEFAULT_COLLECTION_ENDPOINT = typeof __FLYER_GEN_COLLECTION_API_ENDPOINT__ === 'string'
1367
+ ? __FLYER_GEN_COLLECTION_API_ENDPOINT__
1368
+ : 'https://action-table.karte.io/collection';
1367
1369
  /**
1368
1370
  * アクションテーブルを管理するメソッドを取得する
1369
1371
  *
@@ -1374,7 +1376,7 @@ const DEFAULT_COLLECTION_ENDPOINT = 'https://action-table.karte.io/collection';
1374
1376
  * @public
1375
1377
  */
1376
1378
  function collection$1(config) {
1377
- const endpoint = config.collection_endpoint || DEFAULT_COLLECTION_ENDPOINT;
1379
+ const endpoint = config.endpoint || DEFAULT_COLLECTION_ENDPOINT;
1378
1380
  const api_key = config.api_key;
1379
1381
  const table = config.table;
1380
1382
  return {
@@ -1456,7 +1458,7 @@ function request(url, data, cb) {
1456
1458
  });
1457
1459
  }
1458
1460
  /** @internal */
1459
- const loadActionTableRow = async (config, data, api_key, collection_endpoint) => new Promise((resolve, reject) => {
1461
+ const loadActionTableRow = async (config, data, api_key, endpoint) => new Promise((resolve, reject) => {
1460
1462
  const defaultValue = config.query.default_value ?? null;
1461
1463
  const key = data[config.query.key] ?? null;
1462
1464
  if (key == null) {
@@ -1466,7 +1468,7 @@ const loadActionTableRow = async (config, data, api_key, collection_endpoint) =>
1466
1468
  }
1467
1469
  return reject('key is not found.');
1468
1470
  }
1469
- return collection$1({ collection_endpoint, api_key, table: config.query.table_name }).get(key, (err, data) => {
1471
+ return collection$1({ endpoint, api_key, table: config.query.table_name }).get(key, (err, data) => {
1470
1472
  if (err) {
1471
1473
  if (defaultValue != null) {
1472
1474
  return resolve(defaultValue);
@@ -1486,7 +1488,7 @@ const loadActionTableRow = async (config, data, api_key, collection_endpoint) =>
1486
1488
  });
1487
1489
  });
1488
1490
  /** @internal */
1489
- const loadActionTableRows = async (config, data, api_key, collection_endpoint) => new Promise((resolve, reject) => {
1491
+ const loadActionTableRows = async (config, data, api_key, endpoint) => new Promise((resolve, reject) => {
1490
1492
  if (config.query.keys == null) {
1491
1493
  console.warn('key is not defined.');
1492
1494
  return reject('key is not defined.');
@@ -1509,7 +1511,7 @@ const loadActionTableRows = async (config, data, api_key, collection_endpoint) =
1509
1511
  }
1510
1512
  return reject('key is not found.');
1511
1513
  }
1512
- return collection$1({ collection_endpoint, api_key, table: config.query.table_name }).get(keys, (err, data) => {
1514
+ return collection$1({ endpoint, api_key, table: config.query.table_name }).get(keys, (err, data) => {
1513
1515
  if (err) {
1514
1516
  if (defaultValue != null) {
1515
1517
  return resolve(defaultValue);
@@ -1529,7 +1531,7 @@ const loadActionTableRows = async (config, data, api_key, collection_endpoint) =
1529
1531
  });
1530
1532
  });
1531
1533
  /** @internal */
1532
- const loadActionTableQuery = async (config, data, api_key, collection_endpoint) => new Promise((resolve, reject) => {
1534
+ const loadActionTableQuery = async (config, data, api_key, endpoint) => new Promise((resolve, reject) => {
1533
1535
  if (config.query.params == null) {
1534
1536
  console.warn('key is not defined.');
1535
1537
  return reject('key is not defined.');
@@ -1551,7 +1553,7 @@ const loadActionTableQuery = async (config, data, api_key, collection_endpoint)
1551
1553
  }
1552
1554
  return reject('key is not found.');
1553
1555
  }
1554
- return collection$1({ collection_endpoint, api_key, table: config.query.table_name }).getByQuery(config.query.query_name, params, null, (err, data) => {
1556
+ return collection$1({ endpoint, api_key, table: config.query.table_name }).getByQuery(config.query.query_name, params, null, (err, data) => {
1555
1557
  if (err) {
1556
1558
  if (defaultValue != null) {
1557
1559
  return resolve(defaultValue);
@@ -1571,21 +1573,21 @@ const loadActionTableQuery = async (config, data, api_key, collection_endpoint)
1571
1573
  });
1572
1574
  });
1573
1575
  /** @internal */
1574
- const loadActionTable = async (config, data, api_key, collection_endpoint) => {
1575
- console.debug('[debug] loadActionTable', isPreview(), api_key, collection_endpoint, JSON.stringify(config));
1576
+ const loadActionTable = async (config, data, api_key, endpoint) => {
1577
+ console.debug('[debug] loadActionTable', isPreview(), api_key, endpoint, JSON.stringify(config));
1576
1578
  const results = await Promise.all(config
1577
1579
  .filter(c => c.resolver === 'action-table-row' ||
1578
1580
  c.resolver === 'action-table-rows' ||
1579
1581
  c.resolver === 'action-table-query')
1580
1582
  .map(async (c) => {
1581
1583
  if (c.resolver === 'action-table-row') {
1582
- return await loadActionTableRow(c, data, api_key, collection_endpoint);
1584
+ return await loadActionTableRow(c, data, api_key, endpoint);
1583
1585
  }
1584
1586
  else if (c.resolver === 'action-table-rows') {
1585
- return await loadActionTableRows(c, data, api_key, collection_endpoint);
1587
+ return await loadActionTableRows(c, data, api_key, endpoint);
1586
1588
  }
1587
1589
  else if (c.resolver === 'action-table-query') {
1588
- return await loadActionTableQuery(c, data, api_key, collection_endpoint);
1590
+ return await loadActionTableQuery(c, data, api_key, endpoint);
1589
1591
  }
1590
1592
  }));
1591
1593
  return config.reduce((acc, c, i) => {
@@ -1597,8 +1599,8 @@ const loadActionTable = async (config, data, api_key, collection_endpoint) => {
1597
1599
  }, {});
1598
1600
  };
1599
1601
  /** @internal */
1600
- async function setupActionTable(localVariablesQuery, data, apiKey, collection_endpoint) {
1601
- const result = await loadActionTable(localVariablesQuery, data, apiKey, collection_endpoint);
1602
+ async function setupActionTable(localVariablesQuery, data, apiKey) {
1603
+ const result = await loadActionTable(localVariablesQuery, data, apiKey);
1602
1604
  let success = false;
1603
1605
  if (Object.keys(result).length === localVariablesQuery.length) {
1604
1606
  setVariables(result);
@@ -1814,7 +1816,7 @@ function createModal(App, options = {
1814
1816
  variables: {},
1815
1817
  localVariablesQuery: undefined,
1816
1818
  karteTemplate: {},
1817
- context: { api_key: '', collection_endpoint: undefined },
1819
+ context: { api_key: '' },
1818
1820
  }) {
1819
1821
  let app = null;
1820
1822
  const data = getVariables();
@@ -1944,7 +1946,7 @@ function createModal(App, options = {
1944
1946
  initActionTable(options.localVariablesQuery);
1945
1947
  let actionTablePromise = null;
1946
1948
  if (options.localVariablesQuery && data.api_key) {
1947
- actionTablePromise = setupActionTable(options.localVariablesQuery, data, data.api_key, options.context.collection_endpoint);
1949
+ actionTablePromise = setupActionTable(options.localVariablesQuery, data, data.api_key);
1948
1950
  }
1949
1951
  // NOTE: onCreateより前にListenする必要がある
1950
1952
  window.addEventListener(ACTION_SHOW_EVENT, handleShow);
@@ -2119,14 +2121,14 @@ async function runScript$1(options = {
2119
2121
  variables: {},
2120
2122
  localVariablesQuery: undefined,
2121
2123
  karteTemplate: {},
2122
- context: { api_key: '', collection_endpoint: undefined },
2124
+ context: { api_key: '' },
2123
2125
  }) {
2124
2126
  if (!options.onCreate)
2125
2127
  return;
2126
2128
  let data = getVariables();
2127
2129
  initialize({ send: options.send, initialState: data.initial_state });
2128
2130
  initActionTable(options.localVariablesQuery);
2129
- const { success } = await setupActionTable(options.localVariablesQuery, data, data.api_key, options.context.collection_endpoint);
2131
+ const { success } = await setupActionTable(options.localVariablesQuery, data, data.api_key);
2130
2132
  if (!success)
2131
2133
  return;
2132
2134
  // Action Tableの取得結果を反映する
@@ -2212,15 +2214,6 @@ async function loadGlobalStyle(href) {
2212
2214
  *
2213
2215
  * アクションのCreate, Destroyの状態はここで管理する。
2214
2216
  */
2215
- const emptyOptions = {
2216
- send: () => { },
2217
- publish: () => { },
2218
- props: {},
2219
- variables: {},
2220
- localVariablesQuery: undefined,
2221
- karteTemplate: {},
2222
- context: { api_key: '', collection_endpoint: undefined },
2223
- };
2224
2217
  /**
2225
2218
  * アクションを作成する
2226
2219
  *
@@ -2231,9 +2224,15 @@ const emptyOptions = {
2231
2224
  *
2232
2225
  * @public
2233
2226
  */
2234
- function create(App, options) {
2235
- // TSの型検査が効かない場所やエラーを無視している箇所があるため、念の為
2236
- options = { ...emptyOptions, ...options };
2227
+ function create(App, options = {
2228
+ send: () => { },
2229
+ publish: () => { },
2230
+ props: {},
2231
+ variables: {},
2232
+ localVariablesQuery: undefined,
2233
+ karteTemplate: {},
2234
+ context: { api_key: '' },
2235
+ }) {
2237
2236
  setVariables({
2238
2237
  ...options.props,
2239
2238
  ...options.variables,
@@ -2261,7 +2260,6 @@ function create(App, options) {
2261
2260
  setSystem({
2262
2261
  // @ts-ignore
2263
2262
  apiKey: data.api_key || null,
2264
- collection_endpoint: options.context.collection_endpoint,
2265
2263
  shortenId: data.shorten_id || null,
2266
2264
  campaignId: data.campaign_id || null,
2267
2265
  });
@@ -2815,11 +2813,7 @@ const storage = {
2815
2813
  function collection(table) {
2816
2814
  const systemConfig = getSystem();
2817
2815
  const collectionName = table.replace(/^v2\//, '');
2818
- return collection$1({
2819
- api_key: systemConfig.apiKey || 'mock',
2820
- collection_endpoint: systemConfig.collection_endpoint,
2821
- table: collectionName,
2822
- });
2816
+ return collection$1({ api_key: systemConfig.apiKey || 'mock', table: collectionName });
2823
2817
  }
2824
2818
 
2825
2819
  var widget = /*#__PURE__*/Object.freeze({
@@ -3054,7 +3048,7 @@ class State extends SvelteComponent {
3054
3048
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
3055
3049
 
3056
3050
  function add_css$w(target) {
3057
- append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
3051
+ append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
3058
3052
  }
3059
3053
 
3060
3054
  // (23:0) {#if $state === path}
@@ -3071,7 +3065,7 @@ function create_if_block$c(ctx) {
3071
3065
  t = space();
3072
3066
  if (default_slot) default_slot.c();
3073
3067
  attr(div, "data-state-path", /*path*/ ctx[0]);
3074
- attr(div, "class", "state-item svelte-2qb6dm");
3068
+ attr(div, "class", "state-item svelte-1amihue");
3075
3069
  },
3076
3070
  m(target, anchor) {
3077
3071
  insert(target, div, anchor);
@@ -3393,7 +3387,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
3393
3387
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3394
3388
 
3395
3389
  function add_css$v(target) {
3396
- 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}");
3390
+ 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}");
3397
3391
  }
3398
3392
 
3399
3393
  // (14:0) {#if backgroundOverlay}
@@ -3406,7 +3400,7 @@ function create_if_block$b(ctx) {
3406
3400
  return {
3407
3401
  c() {
3408
3402
  div = element("div");
3409
- attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
3403
+ attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"));
3410
3404
  },
3411
3405
  m(target, anchor) {
3412
3406
  insert(target, div, anchor);
@@ -3417,7 +3411,7 @@ function create_if_block$b(ctx) {
3417
3411
  }
3418
3412
  },
3419
3413
  p(ctx, dirty) {
3420
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
3414
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"))) {
3421
3415
  attr(div, "class", div_class_value);
3422
3416
  }
3423
3417
  },
@@ -3523,7 +3517,7 @@ function checkStopPropagation(eventName, handler) {
3523
3517
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3524
3518
 
3525
3519
  function add_css$u(target) {
3526
- 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}");
3520
+ 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}");
3527
3521
  }
3528
3522
 
3529
3523
  // (50:0) {:else}
@@ -3552,7 +3546,7 @@ function create_else_block$4(ctx) {
3552
3546
  button = element("button");
3553
3547
  if (default_slot) default_slot.c();
3554
3548
  set_attributes(button, button_data);
3555
- toggle_class(button, "svelte-15k4deh", true);
3549
+ toggle_class(button, "svelte-1kmu8zp", true);
3556
3550
  },
3557
3551
  m(target, anchor) {
3558
3552
  insert(target, button, anchor);
@@ -3591,7 +3585,7 @@ function create_else_block$4(ctx) {
3591
3585
  dataAttrStopPropagation('click')
3592
3586
  ]));
3593
3587
 
3594
- toggle_class(button, "svelte-15k4deh", true);
3588
+ toggle_class(button, "svelte-1kmu8zp", true);
3595
3589
  },
3596
3590
  i(local) {
3597
3591
  if (current) return;
@@ -3622,7 +3616,7 @@ function create_if_block_2$1(ctx) {
3622
3616
  c() {
3623
3617
  div = element("div");
3624
3618
  if (default_slot) default_slot.c();
3625
- attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-15k4deh"));
3619
+ attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1kmu8zp"));
3626
3620
  attr(div, "style", /*style*/ ctx[1]);
3627
3621
  },
3628
3622
  m(target, anchor) {
@@ -3706,7 +3700,7 @@ function create_if_block_1$2(ctx) {
3706
3700
  a = element("a");
3707
3701
  if (default_slot) default_slot.c();
3708
3702
  set_attributes(a, a_data);
3709
- toggle_class(a, "svelte-15k4deh", true);
3703
+ toggle_class(a, "svelte-1kmu8zp", true);
3710
3704
  },
3711
3705
  m(target, anchor) {
3712
3706
  insert(target, a, anchor);
@@ -3748,7 +3742,7 @@ function create_if_block_1$2(ctx) {
3748
3742
  dataAttrStopPropagation('click')
3749
3743
  ]));
3750
3744
 
3751
- toggle_class(a, "svelte-15k4deh", true);
3745
+ toggle_class(a, "svelte-1kmu8zp", true);
3752
3746
  },
3753
3747
  i(local) {
3754
3748
  if (current) return;
@@ -3779,7 +3773,7 @@ function create_if_block$a(ctx) {
3779
3773
  c() {
3780
3774
  div = element("div");
3781
3775
  if (default_slot) default_slot.c();
3782
- attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-15k4deh"));
3776
+ attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1kmu8zp"));
3783
3777
  attr(div, "style", /*style*/ ctx[1]);
3784
3778
  },
3785
3779
  m(target, anchor) {
@@ -3983,7 +3977,7 @@ let Button$1 = class Button extends SvelteComponent {
3983
3977
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
3984
3978
 
3985
3979
  function add_css$t(target) {
3986
- 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}}");
3980
+ 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}}");
3987
3981
  }
3988
3982
 
3989
3983
  // (277:0) {:else}
@@ -4133,7 +4127,7 @@ function create_if_block$9(ctx) {
4133
4127
  c() {
4134
4128
  div = element("div");
4135
4129
  create_component(button.$$.fragment);
4136
- attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"));
4130
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"));
4137
4131
  attr(div, "role", "dialog");
4138
4132
  attr(div, "aria-modal", "true");
4139
4133
  attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
@@ -4157,7 +4151,7 @@ function create_if_block$9(ctx) {
4157
4151
 
4158
4152
  button.$set(button_changes);
4159
4153
 
4160
- 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
+ if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"))) {
4161
4155
  attr(div, "class", div_class_value);
4162
4156
  }
4163
4157
  },
@@ -4211,7 +4205,7 @@ function create_if_block_1$1(ctx) {
4211
4205
  c() {
4212
4206
  div = element("div");
4213
4207
  create_component(button.$$.fragment);
4214
- attr(div, "class", "close svelte-1ijkyzl");
4208
+ attr(div, "class", "close svelte-1i2vo31");
4215
4209
  set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
4216
4210
  },
4217
4211
  m(target, anchor) {
@@ -4300,7 +4294,7 @@ function create_default_slot$6(ctx) {
4300
4294
  t = space();
4301
4295
  div = element("div");
4302
4296
  if (default_slot) default_slot.c();
4303
- attr(div, "class", "modal-content svelte-1ijkyzl");
4297
+ attr(div, "class", "modal-content svelte-1i2vo31");
4304
4298
  attr(div, "style", /*_style*/ ctx[5]);
4305
4299
  },
4306
4300
  m(target, anchor) {
@@ -4950,7 +4944,7 @@ class Grid extends SvelteComponent {
4950
4944
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
4951
4945
 
4952
4946
  function add_css$s(target) {
4953
- append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
4947
+ append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
4954
4948
  }
4955
4949
 
4956
4950
  function create_fragment$_(ctx) {
@@ -4965,8 +4959,8 @@ function create_fragment$_(ctx) {
4965
4959
  div1 = element("div");
4966
4960
  div0 = element("div");
4967
4961
  if (default_slot) default_slot.c();
4968
- attr(div0, "class", "grid-item-inner svelte-n7kdl3");
4969
- attr(div1, "class", "grid-item svelte-n7kdl3");
4962
+ attr(div0, "class", "grid-item-inner svelte-1cryhmb");
4963
+ attr(div1, "class", "grid-item svelte-1cryhmb");
4970
4964
  attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
4971
4965
  attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
4972
4966
  attr(div1, "style", /*_style*/ ctx[1]);
@@ -5271,7 +5265,7 @@ class RenderText extends SvelteComponent {
5271
5265
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
5272
5266
 
5273
5267
  function add_css$r(target) {
5274
- 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}");
5268
+ 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}");
5275
5269
  }
5276
5270
 
5277
5271
  // (94:2) {:else}
@@ -5288,8 +5282,8 @@ function create_else_block$1(ctx) {
5288
5282
  div1 = element("div");
5289
5283
  div0 = element("div");
5290
5284
  create_component(rendertext.$$.fragment);
5291
- attr(div0, "class", "text-element-inner svelte-9ixs0b");
5292
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5285
+ attr(div0, "class", "text-element-inner svelte-vz6867");
5286
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5293
5287
  attr(div1, "style", /*style*/ ctx[5]);
5294
5288
  },
5295
5289
  m(target, anchor) {
@@ -5303,7 +5297,7 @@ function create_else_block$1(ctx) {
5303
5297
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5304
5298
  rendertext.$set(rendertext_changes);
5305
5299
 
5306
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
5300
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
5307
5301
  attr(div1, "class", div1_class_value);
5308
5302
  }
5309
5303
 
@@ -5353,12 +5347,12 @@ function create_if_block$7(ctx) {
5353
5347
  t2 = space();
5354
5348
  div2 = element("div");
5355
5349
  div2.textContent = "コピーできませんでした";
5356
- attr(div0, "class", "text-element-inner svelte-9ixs0b");
5350
+ attr(div0, "class", "text-element-inner svelte-vz6867");
5357
5351
  attr(a, "href", '');
5358
- attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5352
+ attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5359
5353
  attr(a, "style", /*style*/ ctx[5]);
5360
- attr(div1, "class", "tooltip svelte-9ixs0b");
5361
- attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
5354
+ attr(div1, "class", "tooltip svelte-vz6867");
5355
+ attr(div2, "class", "tooltip tooltip-error svelte-vz6867");
5362
5356
  },
5363
5357
  m(target, anchor) {
5364
5358
  insert(target, a, anchor);
@@ -5382,7 +5376,7 @@ function create_if_block$7(ctx) {
5382
5376
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5383
5377
  rendertext.$set(rendertext_changes);
5384
5378
 
5385
- 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"))) {
5379
+ 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"))) {
5386
5380
  attr(a, "class", a_class_value);
5387
5381
  }
5388
5382
 
@@ -5434,7 +5428,7 @@ function create_fragment$Y(ctx) {
5434
5428
  c() {
5435
5429
  div = element("div");
5436
5430
  if_block.c();
5437
- attr(div, "class", "text-element-wrapper svelte-9ixs0b");
5431
+ attr(div, "class", "text-element-wrapper svelte-vz6867");
5438
5432
  },
5439
5433
  m(target, anchor) {
5440
5434
  insert(target, div, anchor);
@@ -5600,7 +5594,7 @@ class TextElement extends SvelteComponent {
5600
5594
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5601
5595
 
5602
5596
  function add_css$q(target) {
5603
- 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)}");
5597
+ 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)}");
5604
5598
  }
5605
5599
 
5606
5600
  // (48:2) <Button {onClick} {style} {eventName}>
@@ -5656,7 +5650,7 @@ function create_fragment$X(ctx) {
5656
5650
  c() {
5657
5651
  div = element("div");
5658
5652
  create_component(button.$$.fragment);
5659
- attr(div, "class", "text-button-element svelte-1vg84sc");
5653
+ attr(div, "class", "text-button-element svelte-ujdxfc");
5660
5654
  },
5661
5655
  m(target, anchor) {
5662
5656
  insert(target, div, anchor);
@@ -5748,7 +5742,7 @@ class TextButtonElement extends SvelteComponent {
5748
5742
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5749
5743
 
5750
5744
  function add_css$p(target) {
5751
- 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%}");
5745
+ 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%}");
5752
5746
  }
5753
5747
 
5754
5748
  // (44:2) <Button {onClick} style={_style} {eventName}>
@@ -5760,7 +5754,7 @@ function create_default_slot$4(ctx) {
5760
5754
  return {
5761
5755
  c() {
5762
5756
  img = element("img");
5763
- attr(img, "class", "image svelte-t6tu0e");
5757
+ attr(img, "class", "image svelte-1alkh1m");
5764
5758
  attr(img, "loading", "lazy");
5765
5759
  attr(img, "width", "auto");
5766
5760
  attr(img, "height", "auto");
@@ -5822,7 +5816,7 @@ function create_fragment$W(ctx) {
5822
5816
  c() {
5823
5817
  div = element("div");
5824
5818
  create_component(button.$$.fragment);
5825
- attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
5819
+ attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m");
5826
5820
  },
5827
5821
  m(target, anchor) {
5828
5822
  insert(target, div, anchor);
@@ -5841,7 +5835,7 @@ function create_fragment$W(ctx) {
5841
5835
 
5842
5836
  button.$set(button_changes);
5843
5837
 
5844
- if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
5838
+ if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m")) {
5845
5839
  attr(div, "class", div_class_value);
5846
5840
  }
5847
5841
  },
@@ -5913,7 +5907,7 @@ class ImageElement extends SvelteComponent {
5913
5907
  /* src/components/List.svelte generated by Svelte v3.53.1 */
5914
5908
 
5915
5909
  function add_css$o(target) {
5916
- 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}");
5910
+ 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}");
5917
5911
  }
5918
5912
 
5919
5913
  function create_fragment$V(ctx) {
@@ -5926,7 +5920,7 @@ function create_fragment$V(ctx) {
5926
5920
  c() {
5927
5921
  div = element("div");
5928
5922
  if (default_slot) default_slot.c();
5929
- attr(div, "class", "list svelte-aquv6z");
5923
+ attr(div, "class", "list svelte-1t8r9z");
5930
5924
  attr(div, "style", /*style*/ ctx[0]);
5931
5925
  },
5932
5926
  m(target, anchor) {
@@ -6060,7 +6054,7 @@ class List extends SvelteComponent {
6060
6054
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
6061
6055
 
6062
6056
  function add_css$n(target) {
6063
- 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}");
6057
+ 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}");
6064
6058
  }
6065
6059
 
6066
6060
  // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
@@ -6130,7 +6124,7 @@ function create_fragment$U(ctx) {
6130
6124
  c() {
6131
6125
  div = element("div");
6132
6126
  create_component(button.$$.fragment);
6133
- attr(div, "class", "list-item svelte-9n97pe");
6127
+ attr(div, "class", "list-item svelte-1lbw8v2");
6134
6128
  attr(div, "style", /*listItemStyle*/ ctx[3]);
6135
6129
  },
6136
6130
  m(target, anchor) {
@@ -6256,7 +6250,7 @@ class ListItem extends SvelteComponent {
6256
6250
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
6257
6251
 
6258
6252
  function add_css$m(target) {
6259
- 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}");
6253
+ 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}");
6260
6254
  }
6261
6255
 
6262
6256
  function create_fragment$T(ctx) {
@@ -6265,7 +6259,7 @@ function create_fragment$T(ctx) {
6265
6259
  return {
6266
6260
  c() {
6267
6261
  div = element("div");
6268
- attr(div, "class", "embed svelte-wocq4p");
6262
+ attr(div, "class", "embed svelte-w6jkzh");
6269
6263
  attr(div, "style", /*_style*/ ctx[1]);
6270
6264
  },
6271
6265
  m(target, anchor) {
@@ -6308,7 +6302,7 @@ class EmbedElement extends SvelteComponent {
6308
6302
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
6309
6303
 
6310
6304
  function add_css$l(target) {
6311
- 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%}");
6305
+ 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%}");
6312
6306
  }
6313
6307
 
6314
6308
  function create_fragment$S(ctx) {
@@ -6320,7 +6314,7 @@ function create_fragment$S(ctx) {
6320
6314
  div1 = element("div");
6321
6315
  div0 = element("div");
6322
6316
  attr(div0, "class", "karte-player");
6323
- attr(div1, "class", "embed svelte-vikz49");
6317
+ attr(div1, "class", "embed svelte-ljxq7x");
6324
6318
  attr(div1, "style", /*_style*/ ctx[0]);
6325
6319
  },
6326
6320
  m(target, anchor) {
@@ -6662,7 +6656,7 @@ class MovieYouTubeElement extends SvelteComponent {
6662
6656
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6663
6657
 
6664
6658
  function add_css$k(target) {
6665
- 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%}");
6659
+ 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%}");
6666
6660
  }
6667
6661
 
6668
6662
  function create_fragment$R(ctx) {
@@ -6674,7 +6668,7 @@ function create_fragment$R(ctx) {
6674
6668
  div1 = element("div");
6675
6669
  div0 = element("div");
6676
6670
  attr(div0, "class", "karte-player");
6677
- attr(div1, "class", "embed svelte-vikz49");
6671
+ attr(div1, "class", "embed svelte-ljxq7x");
6678
6672
  attr(div1, "style", /*_style*/ ctx[0]);
6679
6673
  },
6680
6674
  m(target, anchor) {
@@ -6858,7 +6852,7 @@ class MovieVimeoElement extends SvelteComponent {
6858
6852
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
6859
6853
 
6860
6854
  function add_css$j(target) {
6861
- 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}");
6855
+ 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}");
6862
6856
  }
6863
6857
 
6864
6858
  function create_fragment$Q(ctx) {
@@ -6871,12 +6865,12 @@ function create_fragment$Q(ctx) {
6871
6865
  c() {
6872
6866
  div = element("div");
6873
6867
  textarea = element("textarea");
6874
- attr(textarea, "class", "textarea svelte-zxvkkc");
6868
+ attr(textarea, "class", "textarea svelte-1fjy5oo");
6875
6869
  textarea.value = /*$value*/ ctx[4];
6876
6870
  textarea.required = /*required*/ ctx[1];
6877
6871
  attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
6878
6872
  attr(textarea, "style", /*style*/ ctx[3]);
6879
- attr(div, "class", "textarea-wrapper svelte-zxvkkc");
6873
+ attr(div, "class", "textarea-wrapper svelte-1fjy5oo");
6880
6874
  attr(div, "style", /*styleVariables*/ ctx[2]);
6881
6875
  },
6882
6876
  m(target, anchor) {
@@ -7028,7 +7022,7 @@ class FormTextarea extends SvelteComponent {
7028
7022
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
7029
7023
 
7030
7024
  function add_css$i(target) {
7031
- 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}");
7025
+ 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}");
7032
7026
  }
7033
7027
 
7034
7028
  function get_each_context$5(ctx, list, i) {
@@ -7062,14 +7056,14 @@ function create_each_block$5(ctx) {
7062
7056
  t1 = text(t1_value);
7063
7057
  t2 = space();
7064
7058
  attr(input, "type", "radio");
7065
- attr(input, "class", "radio-button-input svelte-17s08g");
7059
+ attr(input, "class", "radio-button-input svelte-1ntb6j8");
7066
7060
  attr(input, "style", /*buttonStyle*/ ctx[5]);
7067
7061
  attr(input, "name", /*name*/ ctx[0]);
7068
7062
  input.value = input_value_value = /*option*/ ctx[17];
7069
7063
  input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
7070
- attr(span, "class", "radio-button-text svelte-17s08g");
7064
+ attr(span, "class", "radio-button-text svelte-1ntb6j8");
7071
7065
  attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7072
- attr(label, "class", "radio-button svelte-17s08g");
7066
+ attr(label, "class", "radio-button svelte-1ntb6j8");
7073
7067
  },
7074
7068
  m(target, anchor) {
7075
7069
  insert(target, label, anchor);
@@ -7134,7 +7128,7 @@ function create_fragment$P(ctx) {
7134
7128
  each_blocks[i].c();
7135
7129
  }
7136
7130
 
7137
- attr(div, "class", "radio-buttons svelte-17s08g");
7131
+ attr(div, "class", "radio-buttons svelte-1ntb6j8");
7138
7132
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7139
7133
  },
7140
7134
  m(target, anchor) {
@@ -7303,7 +7297,7 @@ class FormRadioButtons extends SvelteComponent {
7303
7297
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
7304
7298
 
7305
7299
  function add_css$h(target) {
7306
- 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}");
7300
+ 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}");
7307
7301
  }
7308
7302
 
7309
7303
  function get_each_context$4(ctx, list, i) {
@@ -7437,10 +7431,10 @@ function create_fragment$O(ctx) {
7437
7431
 
7438
7432
  t = space();
7439
7433
  div0 = element("div");
7440
- attr(select, "class", "select-select svelte-t9ynyj");
7434
+ attr(select, "class", "select-select svelte-iejizj");
7441
7435
  attr(select, "style", /*style*/ ctx[3]);
7442
- attr(div0, "class", "select-icon svelte-t9ynyj");
7443
- attr(div1, "class", "select svelte-t9ynyj");
7436
+ attr(div0, "class", "select-icon svelte-iejizj");
7437
+ attr(div1, "class", "select svelte-iejizj");
7444
7438
  attr(div1, "style", /*styleVariables*/ ctx[2]);
7445
7439
  },
7446
7440
  m(target, anchor) {
@@ -7642,7 +7636,7 @@ class FormSelect extends SvelteComponent {
7642
7636
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
7643
7637
 
7644
7638
  function add_css$g(target) {
7645
- 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}");
7639
+ 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}");
7646
7640
  }
7647
7641
 
7648
7642
  function get_each_context$3(ctx, list, i) {
@@ -7681,19 +7675,19 @@ function create_each_block$3(ctx) {
7681
7675
  span2 = element("span");
7682
7676
  t2 = text(t2_value);
7683
7677
  t3 = space();
7684
- attr(input, "class", "check-box-input svelte-1p65cg8");
7678
+ attr(input, "class", "check-box-input svelte-2pz1us");
7685
7679
  attr(input, "type", "checkbox");
7686
7680
  attr(input, "name", /*name*/ ctx[0]);
7687
7681
  input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
7688
- attr(span0, "class", "check-box-icon svelte-1p65cg8");
7682
+ attr(span0, "class", "check-box-icon svelte-2pz1us");
7689
7683
 
7690
7684
  attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7691
7685
  ? ' _checked'
7692
- : ''}`) + " svelte-1p65cg8"));
7686
+ : ''}`) + " svelte-2pz1us"));
7693
7687
 
7694
- attr(span2, "class", "check-box-text svelte-1p65cg8");
7688
+ attr(span2, "class", "check-box-text svelte-2pz1us");
7695
7689
  attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7696
- attr(label, "class", "check-box svelte-1p65cg8");
7690
+ attr(label, "class", "check-box svelte-2pz1us");
7697
7691
  attr(label, "style", /*styleVariables*/ ctx[5]);
7698
7692
  },
7699
7693
  m(target, anchor) {
@@ -7725,7 +7719,7 @@ function create_each_block$3(ctx) {
7725
7719
 
7726
7720
  if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7727
7721
  ? ' _checked'
7728
- : ''}`) + " svelte-1p65cg8"))) {
7722
+ : ''}`) + " svelte-2pz1us"))) {
7729
7723
  attr(span1, "class", span1_class_value);
7730
7724
  }
7731
7725
 
@@ -7764,7 +7758,7 @@ function create_fragment$N(ctx) {
7764
7758
  each_blocks[i].c();
7765
7759
  }
7766
7760
 
7767
- attr(div, "class", "check-boxes svelte-1p65cg8");
7761
+ attr(div, "class", "check-boxes svelte-2pz1us");
7768
7762
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7769
7763
  },
7770
7764
  m(target, anchor) {
@@ -7939,7 +7933,7 @@ class FormCheckBoxes extends SvelteComponent {
7939
7933
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
7940
7934
 
7941
7935
  function add_css$f(target) {
7942
- 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}");
7936
+ 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}");
7943
7937
  }
7944
7938
 
7945
7939
  function get_each_context$2(ctx, list, i) {
@@ -7963,7 +7957,7 @@ function create_each_block$2(ctx) {
7963
7957
  button = element("button");
7964
7958
  t0 = text(t0_value);
7965
7959
  t1 = space();
7966
- attr(button, "class", "rating-button svelte-1iqf36p");
7960
+ attr(button, "class", "rating-button svelte-9idbf1");
7967
7961
  attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
7968
7962
  },
7969
7963
  m(target, anchor) {
@@ -8012,7 +8006,7 @@ function create_fragment$M(ctx) {
8012
8006
  each_blocks[i].c();
8013
8007
  }
8014
8008
 
8015
- attr(div, "class", "rating-buttons svelte-1iqf36p");
8009
+ attr(div, "class", "rating-buttons svelte-9idbf1");
8016
8010
  },
8017
8011
  m(target, anchor) {
8018
8012
  insert(target, div, anchor);
@@ -8156,7 +8150,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
8156
8150
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
8157
8151
 
8158
8152
  function add_css$e(target) {
8159
- 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%)}");
8153
+ 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%)}");
8160
8154
  }
8161
8155
 
8162
8156
  function get_each_context$1(ctx, list, i) {
@@ -8181,9 +8175,9 @@ function create_each_block$1(ctx) {
8181
8175
  img = element("img");
8182
8176
  t = space();
8183
8177
  if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
8184
- attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
8178
+ attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"));
8185
8179
  attr(img, "alt", "rate" + /*i*/ ctx[10]);
8186
- attr(button, "class", "rating-button svelte-tbunko");
8180
+ attr(button, "class", "rating-button svelte-1b5dvzw");
8187
8181
  attr(button, "style", /*buttonStyle*/ ctx[0]);
8188
8182
  },
8189
8183
  m(target, anchor) {
@@ -8199,7 +8193,7 @@ function create_each_block$1(ctx) {
8199
8193
  p(new_ctx, dirty) {
8200
8194
  ctx = new_ctx;
8201
8195
 
8202
- 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"))) {
8196
+ 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"))) {
8203
8197
  attr(img, "class", img_class_value);
8204
8198
  }
8205
8199
 
@@ -8232,7 +8226,7 @@ function create_fragment$L(ctx) {
8232
8226
  each_blocks[i].c();
8233
8227
  }
8234
8228
 
8235
- attr(div, "class", "rating-buttons svelte-tbunko");
8229
+ attr(div, "class", "rating-buttons svelte-1b5dvzw");
8236
8230
  },
8237
8231
  m(target, anchor) {
8238
8232
  insert(target, div, anchor);
@@ -8340,7 +8334,7 @@ class FormRatingButtonsFace extends SvelteComponent {
8340
8334
  /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
8341
8335
 
8342
8336
  function add_css$d(target) {
8343
- 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}");
8337
+ 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}");
8344
8338
  }
8345
8339
 
8346
8340
  function create_fragment$K(ctx) {
@@ -8354,13 +8348,13 @@ function create_fragment$K(ctx) {
8354
8348
  c() {
8355
8349
  div = element("div");
8356
8350
  input = element("input");
8357
- attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"));
8351
+ attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"));
8358
8352
  attr(input, "type", "text");
8359
8353
  input.value = /*$value*/ ctx[2];
8360
8354
  input.required = /*required*/ ctx[0];
8361
8355
  attr(input, "placeholder", /*placeholder*/ ctx[1]);
8362
8356
  attr(input, "style", /*style*/ ctx[5]);
8363
- attr(div, "class", "input-wrapper svelte-h8fqwx");
8357
+ attr(div, "class", "input-wrapper svelte-f14zo5");
8364
8358
  attr(div, "style", /*styleVariables*/ ctx[4]);
8365
8359
  },
8366
8360
  m(target, anchor) {
@@ -8373,7 +8367,7 @@ function create_fragment$K(ctx) {
8373
8367
  }
8374
8368
  },
8375
8369
  p(ctx, [dirty]) {
8376
- if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"))) {
8370
+ if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"))) {
8377
8371
  attr(input, "class", input_class_value);
8378
8372
  }
8379
8373
 
@@ -8561,7 +8555,7 @@ class FormIdentifyInput extends SvelteComponent {
8561
8555
  /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
8562
8556
 
8563
8557
  function add_css$c(target) {
8564
- 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}");
8558
+ 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}");
8565
8559
  }
8566
8560
 
8567
8561
  function create_fragment$J(ctx) {
@@ -8599,20 +8593,20 @@ function create_fragment$J(ctx) {
8599
8593
  span1 = element("span");
8600
8594
  t4 = text("いいえ");
8601
8595
  attr(input0, "type", "radio");
8602
- attr(input0, "class", "radio-button-input svelte-8zbmyo");
8596
+ attr(input0, "class", "radio-button-input svelte-pzrwlo");
8603
8597
  attr(input0, "style", /*buttonStyle*/ ctx[2]);
8604
8598
  input0.checked = input0_checked_value = /*$value*/ ctx[3] === true;
8605
- attr(span0, "class", "radio-button-text svelte-8zbmyo");
8599
+ attr(span0, "class", "radio-button-text svelte-pzrwlo");
8606
8600
  attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
8607
- attr(label0, "class", "radio-button svelte-8zbmyo");
8601
+ attr(label0, "class", "radio-button svelte-pzrwlo");
8608
8602
  attr(input1, "type", "radio");
8609
- attr(input1, "class", "radio-button-input svelte-8zbmyo");
8603
+ attr(input1, "class", "radio-button-input svelte-pzrwlo");
8610
8604
  attr(input1, "style", /*buttonStyle*/ ctx[2]);
8611
8605
  input1.checked = input1_checked_value = /*$value*/ ctx[3] === false;
8612
- attr(span1, "class", "radio-button-text svelte-8zbmyo");
8606
+ attr(span1, "class", "radio-button-text svelte-pzrwlo");
8613
8607
  attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
8614
- attr(label1, "class", "radio-button svelte-8zbmyo");
8615
- attr(div, "class", "radio-buttons svelte-8zbmyo");
8608
+ attr(label1, "class", "radio-button svelte-pzrwlo");
8609
+ attr(div, "class", "radio-buttons svelte-pzrwlo");
8616
8610
  attr(div, "style", /*_layoutStyle*/ ctx[0]);
8617
8611
  },
8618
8612
  m(target, anchor) {
@@ -8780,7 +8774,7 @@ class FormIdentifyChoices extends SvelteComponent {
8780
8774
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
8781
8775
 
8782
8776
  function add_css$b(target) {
8783
- 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%}");
8777
+ 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%}");
8784
8778
  }
8785
8779
 
8786
8780
  function get_each_context(ctx, list, i) {
@@ -8809,9 +8803,9 @@ function create_if_block_1(ctx) {
8809
8803
  attr(svg, "viewBox", "0 0 10 16");
8810
8804
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8811
8805
  attr(svg, "style", /*prevIconStyle*/ ctx[10]);
8812
- attr(button, "class", "move-button svelte-ji1fh");
8806
+ attr(button, "class", "move-button svelte-1qfq79t");
8813
8807
  attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
8814
- attr(div, "class", "prev-button-container svelte-ji1fh");
8808
+ attr(div, "class", "prev-button-container svelte-1qfq79t");
8815
8809
  },
8816
8810
  m(target, anchor) {
8817
8811
  insert(target, div, anchor);
@@ -8860,9 +8854,9 @@ function create_if_block$5(ctx) {
8860
8854
  attr(svg, "viewBox", "0 0 10 16");
8861
8855
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8862
8856
  attr(svg, "style", /*nextIconStyle*/ ctx[8]);
8863
- attr(button, "class", "move-button svelte-ji1fh");
8857
+ attr(button, "class", "move-button svelte-1qfq79t");
8864
8858
  attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
8865
- attr(div, "class", "next-button-container svelte-ji1fh");
8859
+ attr(div, "class", "next-button-container svelte-1qfq79t");
8866
8860
  },
8867
8861
  m(target, anchor) {
8868
8862
  insert(target, div, anchor);
@@ -8910,9 +8904,9 @@ function create_each_block(ctx) {
8910
8904
  button = element("button");
8911
8905
  div = element("div");
8912
8906
  t = space();
8913
- attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
8907
+ attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
8914
8908
  attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
8915
- attr(button, "class", "navigation-item svelte-ji1fh");
8909
+ attr(button, "class", "navigation-item svelte-1qfq79t");
8916
8910
  attr(button, "style", /*navigationItemStyle*/ ctx[6]);
8917
8911
  },
8918
8912
  m(target, anchor) {
@@ -8989,14 +8983,14 @@ function create_fragment$I(ctx) {
8989
8983
  each_blocks[i].c();
8990
8984
  }
8991
8985
 
8992
- attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
8986
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
8993
8987
  attr(div0, "style", /*slideStyle*/ ctx[14]);
8994
- attr(div1, "class", "container svelte-ji1fh");
8988
+ attr(div1, "class", "container svelte-1qfq79t");
8995
8989
  attr(div1, "style", /*_style*/ ctx[0]);
8996
- attr(div2, "class", "navigation svelte-ji1fh");
8990
+ attr(div2, "class", "navigation svelte-1qfq79t");
8997
8991
  attr(div2, "style", /*navigationStyle*/ ctx[4]);
8998
8992
  set_attributes(div3, div3_data);
8999
- toggle_class(div3, "svelte-ji1fh", true);
8993
+ toggle_class(div3, "svelte-1qfq79t", true);
9000
8994
  },
9001
8995
  m(target, anchor) {
9002
8996
  insert(target, div3, anchor);
@@ -9038,7 +9032,7 @@ function create_fragment$I(ctx) {
9038
9032
  }
9039
9033
  }
9040
9034
 
9041
- if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
9035
+ if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
9042
9036
  attr(div0, "class", div0_class_value);
9043
9037
  }
9044
9038
 
@@ -9104,7 +9098,7 @@ function create_fragment$I(ctx) {
9104
9098
  }
9105
9099
 
9106
9100
  set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
9107
- toggle_class(div3, "svelte-ji1fh", true);
9101
+ toggle_class(div3, "svelte-1qfq79t", true);
9108
9102
  },
9109
9103
  i(local) {
9110
9104
  if (current) return;
@@ -9616,7 +9610,7 @@ class Slide extends SvelteComponent {
9616
9610
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
9617
9611
 
9618
9612
  function add_css$a(target) {
9619
- 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}");
9613
+ 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}");
9620
9614
  }
9621
9615
 
9622
9616
  function create_fragment$H(ctx) {
@@ -9631,9 +9625,9 @@ function create_fragment$H(ctx) {
9631
9625
  div1 = element("div");
9632
9626
  div0 = element("div");
9633
9627
  if (default_slot) default_slot.c();
9634
- attr(div0, "class", "item-inner svelte-9ygf1w");
9628
+ attr(div0, "class", "item-inner svelte-1rv0qgo");
9635
9629
  attr(div0, "style", /*_style*/ ctx[0]);
9636
- attr(div1, "class", "item svelte-9ygf1w");
9630
+ attr(div1, "class", "item svelte-1rv0qgo");
9637
9631
  attr(div1, "style", /*itemStyle*/ ctx[1]);
9638
9632
  },
9639
9633
  m(target, anchor) {
@@ -9759,7 +9753,7 @@ class SlideItem extends SvelteComponent {
9759
9753
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
9760
9754
 
9761
9755
  function add_css$9(target) {
9762
- 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}");
9756
+ 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}");
9763
9757
  }
9764
9758
 
9765
9759
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
@@ -9777,9 +9771,9 @@ function create_fragment$G(ctx) {
9777
9771
  div1 = element("div");
9778
9772
  div0 = element("div");
9779
9773
  if (default_slot) default_slot.c();
9780
- attr(div0, "class", "countdown-inner svelte-rroxiz");
9774
+ attr(div0, "class", "countdown-inner svelte-t87l6f");
9781
9775
  attr(div0, "style", /*_style*/ ctx[0]);
9782
- attr(div1, "class", "countdown svelte-rroxiz");
9776
+ attr(div1, "class", "countdown svelte-t87l6f");
9783
9777
  },
9784
9778
  m(target, anchor) {
9785
9779
  insert(target, div1, anchor);
@@ -9913,7 +9907,7 @@ class Countdown extends SvelteComponent {
9913
9907
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
9914
9908
 
9915
9909
  function add_css$8(target) {
9916
- 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}");
9910
+ 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}");
9917
9911
  }
9918
9912
 
9919
9913
  // (24:2) <Button {onClick} style={_style} {eventName}>
@@ -9983,7 +9977,7 @@ function create_fragment$F(ctx) {
9983
9977
  c() {
9984
9978
  div = element("div");
9985
9979
  create_component(button.$$.fragment);
9986
- attr(div, "class", "box svelte-1ccydfy");
9980
+ attr(div, "class", "box svelte-1c91vpe");
9987
9981
  },
9988
9982
  m(target, anchor) {
9989
9983
  insert(target, div, anchor);
@@ -10044,7 +10038,7 @@ class Box extends SvelteComponent {
10044
10038
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
10045
10039
 
10046
10040
  function add_css$7(target) {
10047
- 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)}");
10041
+ 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)}");
10048
10042
  }
10049
10043
 
10050
10044
  // (56:4) {#if svg}
@@ -10126,7 +10120,7 @@ function create_fragment$E(ctx) {
10126
10120
  c() {
10127
10121
  div = element("div");
10128
10122
  create_component(button.$$.fragment);
10129
- attr(div, "class", "icon svelte-1mkvcuo");
10123
+ attr(div, "class", "icon svelte-1mk6wi4");
10130
10124
  },
10131
10125
  m(target, anchor) {
10132
10126
  insert(target, div, anchor);
@@ -10235,7 +10229,7 @@ class IconElement extends SvelteComponent {
10235
10229
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
10236
10230
 
10237
10231
  function add_css$6(target) {
10238
- append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10232
+ append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10239
10233
  }
10240
10234
 
10241
10235
  function create_fragment$D(ctx) {
@@ -10261,7 +10255,7 @@ function create_fragment$D(ctx) {
10261
10255
  c() {
10262
10256
  div = element("div");
10263
10257
  if (switch_instance) create_component(switch_instance.$$.fragment);
10264
- attr(div, "class", "codeElement svelte-ymsb9l");
10258
+ attr(div, "class", "codeElement svelte-1ng2n51");
10265
10259
  attr(div, "style", /*style*/ ctx[3]);
10266
10260
  },
10267
10261
  m(target, anchor) {
@@ -10350,7 +10344,7 @@ class CodeElement extends SvelteComponent {
10350
10344
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
10351
10345
 
10352
10346
  function add_css$5(target) {
10353
- append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
10347
+ append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
10354
10348
  }
10355
10349
 
10356
10350
  function create_fragment$C(ctx) {
@@ -10364,7 +10358,7 @@ function create_fragment$C(ctx) {
10364
10358
  c() {
10365
10359
  div = element("div");
10366
10360
  if (default_slot) default_slot.c();
10367
- attr(div, "class", "flex svelte-1e71ejc");
10361
+ attr(div, "class", "flex svelte-9v2qdg");
10368
10362
  attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
10369
10363
  },
10370
10364
  m(target, anchor) {
@@ -10461,7 +10455,7 @@ class Flex extends SvelteComponent {
10461
10455
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
10462
10456
 
10463
10457
  function add_css$4(target) {
10464
- append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
10458
+ append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
10465
10459
  }
10466
10460
 
10467
10461
  function create_fragment$B(ctx) {
@@ -10474,7 +10468,7 @@ function create_fragment$B(ctx) {
10474
10468
  c() {
10475
10469
  div = element("div");
10476
10470
  if (default_slot) default_slot.c();
10477
- attr(div, "class", "flex-item svelte-1p0bk1x");
10471
+ attr(div, "class", "flex-item svelte-164ah5d");
10478
10472
  attr(div, "style", /*style*/ ctx[0]);
10479
10473
  },
10480
10474
  m(target, anchor) {
@@ -10882,7 +10876,7 @@ class GridModalState extends SvelteComponent {
10882
10876
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
10883
10877
 
10884
10878
  function add_css$3(target) {
10885
- 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%}");
10879
+ 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%}");
10886
10880
  }
10887
10881
 
10888
10882
  function create_fragment$z(ctx) {
@@ -10898,8 +10892,8 @@ function create_fragment$z(ctx) {
10898
10892
  div1 = element("div");
10899
10893
  div0 = element("div");
10900
10894
  create_component(rendertext.$$.fragment);
10901
- attr(div0, "class", "text-block-inner svelte-15pej1m");
10902
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
10895
+ attr(div0, "class", "text-block-inner svelte-akic2e");
10896
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"));
10903
10897
  attr(div1, "style", /*style*/ ctx[2]);
10904
10898
  },
10905
10899
  m(target, anchor) {
@@ -10913,7 +10907,7 @@ function create_fragment$z(ctx) {
10913
10907
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
10914
10908
  rendertext.$set(rendertext_changes);
10915
10909
 
10916
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
10910
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"))) {
10917
10911
  attr(div1, "class", div1_class_value);
10918
10912
  }
10919
10913
 
@@ -10991,7 +10985,7 @@ class TextBlock extends SvelteComponent {
10991
10985
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
10992
10986
 
10993
10987
  function add_css$2(target) {
10994
- 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)}");
10988
+ 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)}");
10995
10989
  }
10996
10990
 
10997
10991
  function create_fragment$y(ctx) {
@@ -11008,9 +11002,9 @@ function create_fragment$y(ctx) {
11008
11002
  div = element("div");
11009
11003
  button = element("button");
11010
11004
  create_component(rendertext.$$.fragment);
11011
- attr(button, "class", "text-button svelte-ff0k6r");
11005
+ attr(button, "class", "text-button svelte-1c34p4n");
11012
11006
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
11013
- attr(div, "class", "text-button-block svelte-ff0k6r");
11007
+ attr(div, "class", "text-button-block svelte-1c34p4n");
11014
11008
  attr(div, "style", /*_style*/ ctx[2]);
11015
11009
  },
11016
11010
  m(target, anchor) {
@@ -11116,7 +11110,7 @@ class TextButtonBlock extends SvelteComponent {
11116
11110
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
11117
11111
 
11118
11112
  function add_css$1(target) {
11119
- 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)}");
11113
+ 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)}");
11120
11114
  }
11121
11115
 
11122
11116
  function create_fragment$x(ctx) {
@@ -11132,14 +11126,14 @@ function create_fragment$x(ctx) {
11132
11126
  c() {
11133
11127
  div = element("div");
11134
11128
  img = element("img");
11135
- attr(img, "class", "image svelte-1pdw891");
11129
+ attr(img, "class", "image svelte-1jus6sx");
11136
11130
  attr(img, "loading", "lazy");
11137
11131
  attr(img, "width", "auto");
11138
11132
  attr(img, "height", "auto");
11139
11133
  attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
11140
11134
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
11141
11135
  attr(img, "alt", /*alt*/ ctx[1]);
11142
- attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
11136
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"));
11143
11137
  attr(div, "style", /*_style*/ ctx[5]);
11144
11138
  },
11145
11139
  m(target, anchor) {
@@ -11164,7 +11158,7 @@ function create_fragment$x(ctx) {
11164
11158
  attr(img, "alt", /*alt*/ ctx[1]);
11165
11159
  }
11166
11160
 
11167
- if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
11161
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"))) {
11168
11162
  attr(div, "class", div_class_value);
11169
11163
  }
11170
11164
 
@@ -12807,7 +12801,7 @@ function instance$6($$self, $$props, $$invalidate) {
12807
12801
  let style;
12808
12802
  let IconComponent;
12809
12803
  let { layerId } = $$props;
12810
- let { props = {} } = $$props;
12804
+ let { props } = $$props;
12811
12805
  let { overrideStyle } = $$props;
12812
12806
 
12813
12807
  $$self.$$set = $$props => {
@@ -12846,10 +12840,10 @@ class Icon extends SvelteComponent {
12846
12840
  /* src/components-v2/button/Button.svelte generated by Svelte v3.53.1 */
12847
12841
 
12848
12842
  function add_css(target) {
12849
- 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}");
12843
+ 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}");
12850
12844
  }
12851
12845
 
12852
- // (128:2) {#if (props.isIcon && props.iconVariant)}
12846
+ // (116:2) {#if (props.isIcon && props.iconVariant)}
12853
12847
  function create_if_block$2(ctx) {
12854
12848
  let div;
12855
12849
  let icon;
@@ -12871,7 +12865,7 @@ function create_if_block$2(ctx) {
12871
12865
  c() {
12872
12866
  div = element("div");
12873
12867
  create_component(icon.$$.fragment);
12874
- attr(div, "class", "v2-button-icon svelte-i9kun1");
12868
+ attr(div, "class", "v2-button-icon svelte-1uf4vt5");
12875
12869
  },
12876
12870
  m(target, anchor) {
12877
12871
  insert(target, div, anchor);
@@ -12913,8 +12907,6 @@ function create_fragment$5(ctx) {
12913
12907
  let t1;
12914
12908
  let button_style_value;
12915
12909
  let current;
12916
- let mounted;
12917
- let dispose;
12918
12910
  let if_block = /*props*/ ctx[1].isIcon && /*props*/ ctx[1].iconVariant && create_if_block$2(ctx);
12919
12911
 
12920
12912
  return {
@@ -12926,7 +12918,7 @@ function create_fragment$5(ctx) {
12926
12918
  t1 = text(t1_value);
12927
12919
  attr(button, "data-layer-id", /*layerId*/ ctx[0]);
12928
12920
  attr(button, "style", button_style_value = [/*style*/ ctx[3], /*overrideStyle*/ ctx[2]].join(' '));
12929
- attr(button, "class", "v2-button svelte-i9kun1");
12921
+ attr(button, "class", "v2-button svelte-1uf4vt5");
12930
12922
  },
12931
12923
  m(target, anchor) {
12932
12924
  insert(target, button, anchor);
@@ -12935,11 +12927,6 @@ function create_fragment$5(ctx) {
12935
12927
  append(button, span);
12936
12928
  append(span, t1);
12937
12929
  current = true;
12938
-
12939
- if (!mounted) {
12940
- dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[5]));
12941
- mounted = true;
12942
- }
12943
12930
  },
12944
12931
  p(ctx, [dirty]) {
12945
12932
  if (/*props*/ ctx[1].isIcon && /*props*/ ctx[1].iconVariant) {
@@ -12987,20 +12974,12 @@ function create_fragment$5(ctx) {
12987
12974
  d(detaching) {
12988
12975
  if (detaching) detach(button);
12989
12976
  if (if_block) if_block.d();
12990
- mounted = false;
12991
- dispose();
12992
12977
  }
12993
12978
  };
12994
12979
  }
12995
12980
 
12996
12981
  function instance$5($$self, $$props, $$invalidate) {
12997
12982
  let style;
12998
- let { layerId = '' } = $$props;
12999
- let { onClick = { operation: 'none', args: [] } } = $$props;
13000
- let { eventName = '' } = $$props;
13001
- let { eventValue = undefined } = $$props;
13002
- let { props = {} } = $$props;
13003
- let { overrideStyle } = $$props;
13004
12983
 
13005
12984
  const VARIANTS = {
13006
12985
  size: {
@@ -13081,19 +13060,12 @@ function instance$5($$self, $$props, $$invalidate) {
13081
13060
  }
13082
13061
  };
13083
13062
 
13084
- function handleClick() {
13085
- if (eventName) {
13086
- send_event(eventName, eventValue);
13087
- }
13088
-
13089
- execOnClickOperation(onClick);
13090
- }
13063
+ let { layerId } = $$props;
13064
+ let { props } = $$props;
13065
+ let { overrideStyle } = $$props;
13091
13066
 
13092
13067
  $$self.$$set = $$props => {
13093
13068
  if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
13094
- if ('onClick' in $$props) $$invalidate(6, onClick = $$props.onClick);
13095
- if ('eventName' in $$props) $$invalidate(7, eventName = $$props.eventName);
13096
- if ('eventValue' in $$props) $$invalidate(8, eventValue = $$props.eventValue);
13097
13069
  if ('props' in $$props) $$invalidate(1, props = $$props.props);
13098
13070
  if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
13099
13071
  };
@@ -13122,39 +13094,13 @@ function instance$5($$self, $$props, $$invalidate) {
13122
13094
  }
13123
13095
  };
13124
13096
 
13125
- return [
13126
- layerId,
13127
- props,
13128
- overrideStyle,
13129
- style,
13130
- VARIANTS,
13131
- handleClick,
13132
- onClick,
13133
- eventName,
13134
- eventValue
13135
- ];
13097
+ return [layerId, props, overrideStyle, style, VARIANTS];
13136
13098
  }
13137
13099
 
13138
13100
  class Button extends SvelteComponent {
13139
13101
  constructor(options) {
13140
13102
  super();
13141
-
13142
- init(
13143
- this,
13144
- options,
13145
- instance$5,
13146
- create_fragment$5,
13147
- safe_not_equal,
13148
- {
13149
- layerId: 0,
13150
- onClick: 6,
13151
- eventName: 7,
13152
- eventValue: 8,
13153
- props: 1,
13154
- overrideStyle: 2
13155
- },
13156
- add_css
13157
- );
13103
+ init(this, options, instance$5, create_fragment$5, safe_not_equal, { layerId: 0, props: 1, overrideStyle: 2 }, add_css);
13158
13104
  }
13159
13105
  }
13160
13106
 
@@ -13326,7 +13272,7 @@ function instance$3($$self, $$props, $$invalidate) {
13326
13272
  let escapedHTML;
13327
13273
  let style;
13328
13274
  let { layerId } = $$props;
13329
- let { props = {} } = $$props;
13275
+ let { props } = $$props;
13330
13276
 
13331
13277
  $$self.$$set = $$props => {
13332
13278
  if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
@@ -13453,8 +13399,8 @@ function create_fragment$2(ctx) {
13453
13399
  function instance$2($$self, $$props, $$invalidate) {
13454
13400
  let style;
13455
13401
  let imgStyle;
13456
- let { layerId = '' } = $$props;
13457
- let { props = {} } = $$props;
13402
+ let { layerId } = $$props;
13403
+ let { props } = $$props;
13458
13404
  let { overrideStyle } = $$props;
13459
13405
 
13460
13406
  const VARIANTS = {
@@ -13598,7 +13544,7 @@ function instance$1($$self, $$props, $$invalidate) {
13598
13544
  let objectStyle;
13599
13545
  let imgStyle;
13600
13546
  let { layerId } = $$props;
13601
- let { props = {} } = $$props;
13547
+ let { props } = $$props;
13602
13548
  let { overrideStyle } = $$props;
13603
13549
 
13604
13550
  $$self.$$set = $$props => {
@@ -13693,7 +13639,7 @@ function create_fragment(ctx) {
13693
13639
  function instance($$self, $$props, $$invalidate) {
13694
13640
  let style;
13695
13641
  let { layerId } = $$props;
13696
- let { props = {} } = $$props;
13642
+ let { props } = $$props;
13697
13643
  let { overrideStyle } = $$props;
13698
13644
  const size = props.size ?? 24;
13699
13645