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

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