@plaidev/karte-action-sdk 1.1.265 → 1.1.266-29059851.1bdc68e9

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 (10) hide show
  1. package/dist/hydrate/index.es.d.ts +29 -3
  2. package/dist/hydrate/index.es.js +799 -302
  3. package/dist/index.es.d.ts +29 -3
  4. package/dist/index.es.js +773 -310
  5. package/dist/svelte5/hydrate/index.es.d.ts +30 -4
  6. package/dist/svelte5/hydrate/index.es.js +707 -375
  7. package/dist/svelte5/index.es.d.ts +30 -4
  8. package/dist/svelte5/index.es.js +587 -389
  9. package/dist/svelte5/index.front2.es.js +591 -389
  10. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -1658,7 +1658,7 @@ const handleState = (event) => {
1658
1658
  *
1659
1659
  * @public
1660
1660
  */
1661
- function onShow(fn) {
1661
+ function onShow$1(fn) {
1662
1662
  let { onShowHandlers } = getInternalHandlers();
1663
1663
  if (!onShowHandlers) {
1664
1664
  onShowHandlers = [];
@@ -1673,7 +1673,7 @@ function onShow(fn) {
1673
1673
  *
1674
1674
  * @public
1675
1675
  */
1676
- function onClose(fn) {
1676
+ function onClose$1(fn) {
1677
1677
  let { onCloseHandlers } = getInternalHandlers();
1678
1678
  if (!onCloseHandlers) {
1679
1679
  onCloseHandlers = [];
@@ -1688,7 +1688,7 @@ function onClose(fn) {
1688
1688
  *
1689
1689
  * @public
1690
1690
  */
1691
- function onChangeState(fn) {
1691
+ function onChangeState$1(fn) {
1692
1692
  let { onChangeStateHandlers } = getInternalHandlers();
1693
1693
  if (!onChangeStateHandlers) {
1694
1694
  onChangeStateHandlers = [];
@@ -1701,7 +1701,7 @@ function onChangeState(fn) {
1701
1701
  *
1702
1702
  * @public
1703
1703
  */
1704
- function showAction() {
1704
+ function showAction$1() {
1705
1705
  const event = new CustomEvent(ACTION_SHOW_EVENT, { detail: { trigger: 'custom' } });
1706
1706
  window.dispatchEvent(event);
1707
1707
  }
@@ -1712,7 +1712,7 @@ function showAction() {
1712
1712
  *
1713
1713
  * @public
1714
1714
  */
1715
- function closeAction(trigger = 'none') {
1715
+ function closeAction$1(trigger = 'none') {
1716
1716
  const event = new CustomEvent(ACTION_CLOSE_EVENT, { detail: { trigger } });
1717
1717
  window.dispatchEvent(event);
1718
1718
  }
@@ -1725,11 +1725,11 @@ function closeAction(trigger = 'none') {
1725
1725
  *
1726
1726
  * @public
1727
1727
  */
1728
- async function applyCss(css) {
1728
+ async function applyCss$1(css) {
1729
1729
  return new Promise((resolve, reject) => {
1730
1730
  const style = document.createElement('style');
1731
1731
  style.textContent = css;
1732
- const shadowRoot = getActionRoot();
1732
+ const shadowRoot = getActionRoot$1();
1733
1733
  if (!shadowRoot)
1734
1734
  return;
1735
1735
  shadowRoot.append(style);
@@ -1737,7 +1737,7 @@ async function applyCss(css) {
1737
1737
  style.addEventListener('error', () => reject(style));
1738
1738
  });
1739
1739
  }
1740
- async function fixFontFaceIssue(href, cssRules) {
1740
+ async function fixFontFaceIssue$1(href, cssRules) {
1741
1741
  const css = new CSSStyleSheet();
1742
1742
  // @ts-ignore
1743
1743
  await css.replace(cssRules);
@@ -1767,8 +1767,8 @@ async function fixFontFaceIssue(href, cssRules) {
1767
1767
  *
1768
1768
  * @public
1769
1769
  */
1770
- async function loadStyle(href) {
1771
- const sr = getActionRoot();
1770
+ async function loadStyle$1(href) {
1771
+ const sr = getActionRoot$1();
1772
1772
  if (!sr)
1773
1773
  return;
1774
1774
  let cssRules = '';
@@ -1783,7 +1783,7 @@ async function loadStyle(href) {
1783
1783
  return;
1784
1784
  // Chromeのバグで、Shadow Rootの@font-faceを絶対パスで指定する必要がある
1785
1785
  // @see https://stackoverflow.com/a/63717709
1786
- const [rules, fontFaceRules] = await fixFontFaceIssue(href, cssRules);
1786
+ const [rules, fontFaceRules] = await fixFontFaceIssue$1(href, cssRules);
1787
1787
  const css = new CSSStyleSheet();
1788
1788
  // @ts-ignore
1789
1789
  await css.replace(rules);
@@ -1798,7 +1798,7 @@ async function loadStyle(href) {
1798
1798
  document.adoptedStyleSheets = [...document.adoptedStyleSheets, css, fontFaceCss];
1799
1799
  }
1800
1800
  // @internal
1801
- function getCssVariables(data) {
1801
+ function getCssVariables$1(data) {
1802
1802
  return Object.entries(data)
1803
1803
  .filter(([key, value]) => {
1804
1804
  return ['string', 'number'].includes(typeof value) && key.startsWith('--');
@@ -1813,7 +1813,7 @@ function getCssVariables(data) {
1813
1813
  *
1814
1814
  * @public
1815
1815
  */
1816
- function getActionRoot() {
1816
+ function getActionRoot$1() {
1817
1817
  const root = document.querySelector(`.${KARTE_ACTION_ROOT}[data-${KARTE_ACTION_RID}='${actionId}']`);
1818
1818
  if (!root?.shadowRoot) {
1819
1819
  return null;
@@ -1912,7 +1912,7 @@ function createModal(App, options = {
1912
1912
  return;
1913
1913
  }
1914
1914
  const props = {
1915
- target: ensureActionRoot(!false),
1915
+ target: ensureActionRoot$1(!false),
1916
1916
  hydrate: false,
1917
1917
  props: {
1918
1918
  send: options.send,
@@ -2030,7 +2030,7 @@ function createModal(App, options = {
2030
2030
  return appCleanup;
2031
2031
  }
2032
2032
  /** @internal */
2033
- function ensureActionRoot(useShadow = true) {
2033
+ function ensureActionRoot$1(useShadow = true) {
2034
2034
  const systemConfig = getSystem();
2035
2035
  const rootAttrs = {
2036
2036
  class: `${KARTE_ACTION_ROOT} ${KARTE_MODAL_ROOT}`,
@@ -2060,7 +2060,7 @@ function ensureActionRoot(useShadow = true) {
2060
2060
  *
2061
2061
  * @internal
2062
2062
  */
2063
- const show = showAction;
2063
+ const show$1 = showAction$1;
2064
2064
  /**
2065
2065
  * 非推奨
2066
2066
  *
@@ -2068,7 +2068,7 @@ const show = showAction;
2068
2068
  *
2069
2069
  * @internal
2070
2070
  */
2071
- const close = closeAction;
2071
+ const close$1 = closeAction$1;
2072
2072
  /**
2073
2073
  * 非推奨
2074
2074
  *
@@ -2076,7 +2076,7 @@ const close = closeAction;
2076
2076
  *
2077
2077
  * @internal
2078
2078
  */
2079
- const ensureModalRoot = ensureActionRoot;
2079
+ const ensureModalRoot$1 = ensureActionRoot$1;
2080
2080
  /**
2081
2081
  * 非推奨
2082
2082
  *
@@ -2084,7 +2084,7 @@ const ensureModalRoot = ensureActionRoot;
2084
2084
  *
2085
2085
  * @internal
2086
2086
  */
2087
- function createApp(App, options = {
2087
+ function createApp$1(App, options = {
2088
2088
  send: () => { },
2089
2089
  publish: () => { },
2090
2090
  props: {},
@@ -2115,7 +2115,7 @@ function createApp(App, options = {
2115
2115
  },
2116
2116
  };
2117
2117
  {
2118
- const win = ensureModalRoot(true);
2118
+ const win = ensureModalRoot$1(true);
2119
2119
  appArgs.target = win;
2120
2120
  }
2121
2121
  return {
@@ -2137,8 +2137,8 @@ function createApp(App, options = {
2137
2137
  *
2138
2138
  * @internal
2139
2139
  */
2140
- function createFog({ color = '#000', opacity = '50%', zIndex = 999, onclick, }) {
2141
- const root = ensureModalRoot(false);
2140
+ function createFog$1({ color = '#000', opacity = '50%', zIndex = 999, onclick, }) {
2141
+ const root = ensureModalRoot$1(false);
2142
2142
  if (root.querySelector('.__krt-fog')) {
2143
2143
  return { fog: null, close: () => { } };
2144
2144
  }
@@ -2882,13 +2882,13 @@ var widget = /*#__PURE__*/Object.freeze({
2882
2882
  collection: collection,
2883
2883
  getState: getState,
2884
2884
  getVal: getVal,
2885
- hide: closeAction,
2885
+ hide: closeAction$1,
2886
2886
  method: method,
2887
2887
  on: on,
2888
2888
  onChangeVal: onChangeVal,
2889
2889
  setState: setState,
2890
2890
  setVal: setVal,
2891
- show: showAction,
2891
+ show: showAction$1,
2892
2892
  storage: storage
2893
2893
  });
2894
2894
 
@@ -3144,7 +3144,7 @@ let State$1 = class State extends SvelteComponent {
3144
3144
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
3145
3145
 
3146
3146
  function add_css$T(target) {
3147
- append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
3147
+ append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
3148
3148
  }
3149
3149
 
3150
3150
  // (22:0) {#if $state === path}
@@ -3161,7 +3161,7 @@ function create_if_block$i(ctx) {
3161
3161
  t = space();
3162
3162
  if (default_slot) default_slot.c();
3163
3163
  attr(div, "data-state-path", /*path*/ ctx[0]);
3164
- attr(div, "class", "state-item svelte-1amihue");
3164
+ attr(div, "class", "state-item svelte-2qb6dm");
3165
3165
  },
3166
3166
  m(target, anchor) {
3167
3167
  insert(target, div, anchor);
@@ -3483,7 +3483,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
3483
3483
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3484
3484
 
3485
3485
  function add_css$S(target) {
3486
- 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}");
3486
+ 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}");
3487
3487
  }
3488
3488
 
3489
3489
  // (14:0) {#if backgroundOverlay}
@@ -3496,7 +3496,7 @@ function create_if_block$h(ctx) {
3496
3496
  return {
3497
3497
  c() {
3498
3498
  div = element("div");
3499
- attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"));
3499
+ attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
3500
3500
  },
3501
3501
  m(target, anchor) {
3502
3502
  insert(target, div, anchor);
@@ -3507,7 +3507,7 @@ function create_if_block$h(ctx) {
3507
3507
  }
3508
3508
  },
3509
3509
  p(ctx, dirty) {
3510
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"))) {
3510
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
3511
3511
  attr(div, "class", div_class_value);
3512
3512
  }
3513
3513
  },
@@ -3613,7 +3613,7 @@ function checkStopPropagation(eventName, handler) {
3613
3613
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3614
3614
 
3615
3615
  function add_css$R(target) {
3616
- 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}");
3616
+ 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}");
3617
3617
  }
3618
3618
 
3619
3619
  // (53:0) {:else}
@@ -3642,7 +3642,7 @@ function create_else_block$5(ctx) {
3642
3642
  button = element("button");
3643
3643
  if (default_slot) default_slot.c();
3644
3644
  set_attributes(button, button_data);
3645
- toggle_class(button, "svelte-1kmu8zp", true);
3645
+ toggle_class(button, "svelte-15k4deh", true);
3646
3646
  },
3647
3647
  m(target, anchor) {
3648
3648
  insert(target, button, anchor);
@@ -3681,7 +3681,7 @@ function create_else_block$5(ctx) {
3681
3681
  dataAttrStopPropagation('click')
3682
3682
  ]));
3683
3683
 
3684
- toggle_class(button, "svelte-1kmu8zp", true);
3684
+ toggle_class(button, "svelte-15k4deh", true);
3685
3685
  },
3686
3686
  i(local) {
3687
3687
  if (current) return;
@@ -3712,7 +3712,7 @@ function create_if_block_2$2(ctx) {
3712
3712
  c() {
3713
3713
  div = element("div");
3714
3714
  if (default_slot) default_slot.c();
3715
- attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1kmu8zp"));
3715
+ attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-15k4deh"));
3716
3716
  attr(div, "style", /*style*/ ctx[1]);
3717
3717
  },
3718
3718
  m(target, anchor) {
@@ -3796,7 +3796,7 @@ function create_if_block_1$4(ctx) {
3796
3796
  a = element("a");
3797
3797
  if (default_slot) default_slot.c();
3798
3798
  set_attributes(a, a_data);
3799
- toggle_class(a, "svelte-1kmu8zp", true);
3799
+ toggle_class(a, "svelte-15k4deh", true);
3800
3800
  },
3801
3801
  m(target, anchor) {
3802
3802
  insert(target, a, anchor);
@@ -3838,7 +3838,7 @@ function create_if_block_1$4(ctx) {
3838
3838
  dataAttrStopPropagation('click')
3839
3839
  ]));
3840
3840
 
3841
- toggle_class(a, "svelte-1kmu8zp", true);
3841
+ toggle_class(a, "svelte-15k4deh", true);
3842
3842
  },
3843
3843
  i(local) {
3844
3844
  if (current) return;
@@ -3869,7 +3869,7 @@ function create_if_block$g(ctx) {
3869
3869
  c() {
3870
3870
  div = element("div");
3871
3871
  if (default_slot) default_slot.c();
3872
- attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1kmu8zp"));
3872
+ attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-15k4deh"));
3873
3873
  attr(div, "style", /*style*/ ctx[1]);
3874
3874
  },
3875
3875
  m(target, anchor) {
@@ -4078,7 +4078,7 @@ let Button$1 = class Button extends SvelteComponent {
4078
4078
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
4079
4079
 
4080
4080
  function add_css$Q(target) {
4081
- 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}}");
4081
+ 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}}");
4082
4082
  }
4083
4083
 
4084
4084
  // (278:0) {:else}
@@ -4228,7 +4228,7 @@ function create_if_block$f(ctx) {
4228
4228
  c() {
4229
4229
  div = element("div");
4230
4230
  create_component(button.$$.fragment);
4231
- attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"));
4231
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"));
4232
4232
  attr(div, "role", "dialog");
4233
4233
  attr(div, "aria-modal", "true");
4234
4234
  attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
@@ -4252,7 +4252,7 @@ function create_if_block$f(ctx) {
4252
4252
 
4253
4253
  button.$set(button_changes);
4254
4254
 
4255
- if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"))) {
4255
+ if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"))) {
4256
4256
  attr(div, "class", div_class_value);
4257
4257
  }
4258
4258
  },
@@ -4307,7 +4307,7 @@ function create_if_block_1$3(ctx) {
4307
4307
  c() {
4308
4308
  div = element("div");
4309
4309
  create_component(button.$$.fragment);
4310
- attr(div, "class", "close svelte-1i2vo31");
4310
+ attr(div, "class", "close svelte-1ijkyzl");
4311
4311
  set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
4312
4312
  },
4313
4313
  m(target, anchor) {
@@ -4396,7 +4396,7 @@ function create_default_slot$7(ctx) {
4396
4396
  t = space();
4397
4397
  div = element("div");
4398
4398
  if (default_slot) default_slot.c();
4399
- attr(div, "class", "modal-content svelte-1i2vo31");
4399
+ attr(div, "class", "modal-content svelte-1ijkyzl");
4400
4400
  attr(div, "style", /*_style*/ ctx[5]);
4401
4401
  },
4402
4402
  m(target, anchor) {
@@ -5047,7 +5047,7 @@ class Grid extends SvelteComponent {
5047
5047
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
5048
5048
 
5049
5049
  function add_css$P(target) {
5050
- append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
5050
+ append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
5051
5051
  }
5052
5052
 
5053
5053
  function create_fragment$1o(ctx) {
@@ -5062,8 +5062,8 @@ function create_fragment$1o(ctx) {
5062
5062
  div1 = element("div");
5063
5063
  div0 = element("div");
5064
5064
  if (default_slot) default_slot.c();
5065
- attr(div0, "class", "grid-item-inner svelte-1cryhmb");
5066
- attr(div1, "class", "grid-item svelte-1cryhmb");
5065
+ attr(div0, "class", "grid-item-inner svelte-n7kdl3");
5066
+ attr(div1, "class", "grid-item svelte-n7kdl3");
5067
5067
  attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
5068
5068
  attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
5069
5069
  attr(div1, "style", /*_style*/ ctx[1]);
@@ -5368,7 +5368,7 @@ class RenderText extends SvelteComponent {
5368
5368
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
5369
5369
 
5370
5370
  function add_css$O(target) {
5371
- 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}");
5371
+ 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}");
5372
5372
  }
5373
5373
 
5374
5374
  // (92:2) {:else}
@@ -5385,8 +5385,8 @@ function create_else_block$2(ctx) {
5385
5385
  div1 = element("div");
5386
5386
  div0 = element("div");
5387
5387
  create_component(rendertext.$$.fragment);
5388
- attr(div0, "class", "text-element-inner svelte-vz6867");
5389
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5388
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5389
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5390
5390
  attr(div1, "style", /*style*/ ctx[5]);
5391
5391
  },
5392
5392
  m(target, anchor) {
@@ -5400,7 +5400,7 @@ function create_else_block$2(ctx) {
5400
5400
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5401
5401
  rendertext.$set(rendertext_changes);
5402
5402
 
5403
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
5403
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
5404
5404
  attr(div1, "class", div1_class_value);
5405
5405
  }
5406
5406
 
@@ -5450,12 +5450,12 @@ function create_if_block$d(ctx) {
5450
5450
  t2 = space();
5451
5451
  div2 = element("div");
5452
5452
  div2.textContent = "コピーできませんでした";
5453
- attr(div0, "class", "text-element-inner svelte-vz6867");
5453
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
5454
5454
  attr(a, "href", '');
5455
- attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
5455
+ attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
5456
5456
  attr(a, "style", /*style*/ ctx[5]);
5457
- attr(div1, "class", "tooltip svelte-vz6867");
5458
- attr(div2, "class", "tooltip tooltip-error svelte-vz6867");
5457
+ attr(div1, "class", "tooltip svelte-9ixs0b");
5458
+ attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
5459
5459
  },
5460
5460
  m(target, anchor) {
5461
5461
  insert(target, a, anchor);
@@ -5479,7 +5479,7 @@ function create_if_block$d(ctx) {
5479
5479
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5480
5480
  rendertext.$set(rendertext_changes);
5481
5481
 
5482
- 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"))) {
5482
+ 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"))) {
5483
5483
  attr(a, "class", a_class_value);
5484
5484
  }
5485
5485
 
@@ -5531,7 +5531,7 @@ function create_fragment$1m(ctx) {
5531
5531
  c() {
5532
5532
  div = element("div");
5533
5533
  if_block.c();
5534
- attr(div, "class", "text-element-wrapper svelte-vz6867");
5534
+ attr(div, "class", "text-element-wrapper svelte-9ixs0b");
5535
5535
  },
5536
5536
  m(target, anchor) {
5537
5537
  insert(target, div, anchor);
@@ -5697,7 +5697,7 @@ class TextElement extends SvelteComponent {
5697
5697
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5698
5698
 
5699
5699
  function add_css$N(target) {
5700
- 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)}");
5700
+ 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)}");
5701
5701
  }
5702
5702
 
5703
5703
  // (48:2) <Button {onClick} {style} {eventName}>
@@ -5753,7 +5753,7 @@ function create_fragment$1l(ctx) {
5753
5753
  c() {
5754
5754
  div = element("div");
5755
5755
  create_component(button.$$.fragment);
5756
- attr(div, "class", "text-button-element svelte-ujdxfc");
5756
+ attr(div, "class", "text-button-element svelte-1vg84sc");
5757
5757
  },
5758
5758
  m(target, anchor) {
5759
5759
  insert(target, div, anchor);
@@ -5845,7 +5845,7 @@ class TextButtonElement extends SvelteComponent {
5845
5845
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5846
5846
 
5847
5847
  function add_css$M(target) {
5848
- 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%}");
5848
+ 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%}");
5849
5849
  }
5850
5850
 
5851
5851
  // (44:2) <Button {onClick} style={_style} {eventName}>
@@ -5857,7 +5857,7 @@ function create_default_slot$5(ctx) {
5857
5857
  return {
5858
5858
  c() {
5859
5859
  img = element("img");
5860
- attr(img, "class", "image svelte-1alkh1m");
5860
+ attr(img, "class", "image svelte-t6tu0e");
5861
5861
  attr(img, "loading", "lazy");
5862
5862
  attr(img, "width", "auto");
5863
5863
  attr(img, "height", "auto");
@@ -5919,7 +5919,7 @@ function create_fragment$1k(ctx) {
5919
5919
  c() {
5920
5920
  div = element("div");
5921
5921
  create_component(button.$$.fragment);
5922
- attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m");
5922
+ attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
5923
5923
  },
5924
5924
  m(target, anchor) {
5925
5925
  insert(target, div, anchor);
@@ -5938,7 +5938,7 @@ function create_fragment$1k(ctx) {
5938
5938
 
5939
5939
  button.$set(button_changes);
5940
5940
 
5941
- if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m")) {
5941
+ if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
5942
5942
  attr(div, "class", div_class_value);
5943
5943
  }
5944
5944
  },
@@ -6010,7 +6010,7 @@ class ImageElement extends SvelteComponent {
6010
6010
  /* src/components/List.svelte generated by Svelte v3.53.1 */
6011
6011
 
6012
6012
  function add_css$L(target) {
6013
- 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}");
6013
+ 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}");
6014
6014
  }
6015
6015
 
6016
6016
  function create_fragment$1j(ctx) {
@@ -6023,7 +6023,7 @@ function create_fragment$1j(ctx) {
6023
6023
  c() {
6024
6024
  div = element("div");
6025
6025
  if (default_slot) default_slot.c();
6026
- attr(div, "class", "list svelte-1t8r9z");
6026
+ attr(div, "class", "list svelte-aquv6z");
6027
6027
  attr(div, "style", /*style*/ ctx[0]);
6028
6028
  },
6029
6029
  m(target, anchor) {
@@ -6157,7 +6157,7 @@ let List$1 = class List extends SvelteComponent {
6157
6157
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
6158
6158
 
6159
6159
  function add_css$K(target) {
6160
- 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}");
6160
+ 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}");
6161
6161
  }
6162
6162
 
6163
6163
  // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
@@ -6227,7 +6227,7 @@ function create_fragment$1i(ctx) {
6227
6227
  c() {
6228
6228
  div = element("div");
6229
6229
  create_component(button.$$.fragment);
6230
- attr(div, "class", "list-item svelte-1lbw8v2");
6230
+ attr(div, "class", "list-item svelte-9n97pe");
6231
6231
  attr(div, "style", /*listItemStyle*/ ctx[3]);
6232
6232
  },
6233
6233
  m(target, anchor) {
@@ -6353,7 +6353,7 @@ let ListItem$1 = class ListItem extends SvelteComponent {
6353
6353
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
6354
6354
 
6355
6355
  function add_css$J(target) {
6356
- 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}");
6356
+ 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}");
6357
6357
  }
6358
6358
 
6359
6359
  function create_fragment$1h(ctx) {
@@ -6362,7 +6362,7 @@ function create_fragment$1h(ctx) {
6362
6362
  return {
6363
6363
  c() {
6364
6364
  div = element("div");
6365
- attr(div, "class", "embed svelte-w6jkzh");
6365
+ attr(div, "class", "embed svelte-wocq4p");
6366
6366
  attr(div, "style", /*_style*/ ctx[1]);
6367
6367
  },
6368
6368
  m(target, anchor) {
@@ -6405,7 +6405,7 @@ class EmbedElement extends SvelteComponent {
6405
6405
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
6406
6406
 
6407
6407
  function add_css$I(target) {
6408
- 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%}");
6408
+ 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%}");
6409
6409
  }
6410
6410
 
6411
6411
  function create_fragment$1g(ctx) {
@@ -6417,7 +6417,7 @@ function create_fragment$1g(ctx) {
6417
6417
  div1 = element("div");
6418
6418
  div0 = element("div");
6419
6419
  attr(div0, "class", "karte-player");
6420
- attr(div1, "class", "embed svelte-ljxq7x");
6420
+ attr(div1, "class", "embed svelte-vikz49");
6421
6421
  attr(div1, "style", /*_style*/ ctx[0]);
6422
6422
  },
6423
6423
  m(target, anchor) {
@@ -6759,7 +6759,7 @@ class MovieYouTubeElement extends SvelteComponent {
6759
6759
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6760
6760
 
6761
6761
  function add_css$H(target) {
6762
- 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%}");
6762
+ 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%}");
6763
6763
  }
6764
6764
 
6765
6765
  function create_fragment$1f(ctx) {
@@ -6771,7 +6771,7 @@ function create_fragment$1f(ctx) {
6771
6771
  div1 = element("div");
6772
6772
  div0 = element("div");
6773
6773
  attr(div0, "class", "karte-player");
6774
- attr(div1, "class", "embed svelte-ljxq7x");
6774
+ attr(div1, "class", "embed svelte-vikz49");
6775
6775
  attr(div1, "style", /*_style*/ ctx[0]);
6776
6776
  },
6777
6777
  m(target, anchor) {
@@ -6955,7 +6955,7 @@ class MovieVimeoElement extends SvelteComponent {
6955
6955
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
6956
6956
 
6957
6957
  function add_css$G(target) {
6958
- 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}");
6958
+ 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}");
6959
6959
  }
6960
6960
 
6961
6961
  function create_fragment$1e(ctx) {
@@ -6968,12 +6968,12 @@ function create_fragment$1e(ctx) {
6968
6968
  c() {
6969
6969
  div = element("div");
6970
6970
  textarea = element("textarea");
6971
- attr(textarea, "class", "textarea svelte-1fjy5oo");
6971
+ attr(textarea, "class", "textarea svelte-zxvkkc");
6972
6972
  textarea.value = /*$value*/ ctx[4];
6973
6973
  textarea.required = /*required*/ ctx[1];
6974
6974
  attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
6975
6975
  attr(textarea, "style", /*style*/ ctx[3]);
6976
- attr(div, "class", "textarea-wrapper svelte-1fjy5oo");
6976
+ attr(div, "class", "textarea-wrapper svelte-zxvkkc");
6977
6977
  attr(div, "style", /*styleVariables*/ ctx[2]);
6978
6978
  },
6979
6979
  m(target, anchor) {
@@ -7125,7 +7125,7 @@ class FormTextarea extends SvelteComponent {
7125
7125
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
7126
7126
 
7127
7127
  function add_css$F(target) {
7128
- 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}");
7128
+ 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}");
7129
7129
  }
7130
7130
 
7131
7131
  function get_each_context$7(ctx, list, i) {
@@ -7159,14 +7159,14 @@ function create_each_block$7(ctx) {
7159
7159
  t1 = text(t1_value);
7160
7160
  t2 = space();
7161
7161
  attr(input, "type", "radio");
7162
- attr(input, "class", "radio-button-input svelte-1ntb6j8");
7162
+ attr(input, "class", "radio-button-input svelte-17s08g");
7163
7163
  attr(input, "style", /*buttonStyle*/ ctx[5]);
7164
7164
  attr(input, "name", /*name*/ ctx[0]);
7165
7165
  input.value = input_value_value = /*option*/ ctx[17];
7166
7166
  input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
7167
- attr(span, "class", "radio-button-text svelte-1ntb6j8");
7167
+ attr(span, "class", "radio-button-text svelte-17s08g");
7168
7168
  attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7169
- attr(label, "class", "radio-button svelte-1ntb6j8");
7169
+ attr(label, "class", "radio-button svelte-17s08g");
7170
7170
  },
7171
7171
  m(target, anchor) {
7172
7172
  insert(target, label, anchor);
@@ -7231,7 +7231,7 @@ function create_fragment$1d(ctx) {
7231
7231
  each_blocks[i].c();
7232
7232
  }
7233
7233
 
7234
- attr(div, "class", "radio-buttons svelte-1ntb6j8");
7234
+ attr(div, "class", "radio-buttons svelte-17s08g");
7235
7235
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7236
7236
  },
7237
7237
  m(target, anchor) {
@@ -7400,7 +7400,7 @@ class FormRadioButtons extends SvelteComponent {
7400
7400
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
7401
7401
 
7402
7402
  function add_css$E(target) {
7403
- 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}");
7403
+ 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}");
7404
7404
  }
7405
7405
 
7406
7406
  function get_each_context$6(ctx, list, i) {
@@ -7534,10 +7534,10 @@ function create_fragment$1c(ctx) {
7534
7534
 
7535
7535
  t = space();
7536
7536
  div0 = element("div");
7537
- attr(select, "class", "select-select svelte-iejizj");
7537
+ attr(select, "class", "select-select svelte-t9ynyj");
7538
7538
  attr(select, "style", /*style*/ ctx[3]);
7539
- attr(div0, "class", "select-icon svelte-iejizj");
7540
- attr(div1, "class", "select svelte-iejizj");
7539
+ attr(div0, "class", "select-icon svelte-t9ynyj");
7540
+ attr(div1, "class", "select svelte-t9ynyj");
7541
7541
  attr(div1, "style", /*styleVariables*/ ctx[2]);
7542
7542
  },
7543
7543
  m(target, anchor) {
@@ -7739,7 +7739,7 @@ class FormSelect extends SvelteComponent {
7739
7739
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
7740
7740
 
7741
7741
  function add_css$D(target) {
7742
- 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}");
7742
+ 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}");
7743
7743
  }
7744
7744
 
7745
7745
  function get_each_context$5(ctx, list, i) {
@@ -7778,19 +7778,19 @@ function create_each_block$5(ctx) {
7778
7778
  span2 = element("span");
7779
7779
  t2 = text(t2_value);
7780
7780
  t3 = space();
7781
- attr(input, "class", "check-box-input svelte-2pz1us");
7781
+ attr(input, "class", "check-box-input svelte-1p65cg8");
7782
7782
  attr(input, "type", "checkbox");
7783
7783
  attr(input, "name", /*name*/ ctx[0]);
7784
7784
  input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
7785
- attr(span0, "class", "check-box-icon svelte-2pz1us");
7785
+ attr(span0, "class", "check-box-icon svelte-1p65cg8");
7786
7786
 
7787
7787
  attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7788
7788
  ? ' _checked'
7789
- : ''}`) + " svelte-2pz1us"));
7789
+ : ''}`) + " svelte-1p65cg8"));
7790
7790
 
7791
- attr(span2, "class", "check-box-text svelte-2pz1us");
7791
+ attr(span2, "class", "check-box-text svelte-1p65cg8");
7792
7792
  attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
7793
- attr(label, "class", "check-box svelte-2pz1us");
7793
+ attr(label, "class", "check-box svelte-1p65cg8");
7794
7794
  attr(label, "style", /*styleVariables*/ ctx[5]);
7795
7795
  },
7796
7796
  m(target, anchor) {
@@ -7822,7 +7822,7 @@ function create_each_block$5(ctx) {
7822
7822
 
7823
7823
  if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7824
7824
  ? ' _checked'
7825
- : ''}`) + " svelte-2pz1us"))) {
7825
+ : ''}`) + " svelte-1p65cg8"))) {
7826
7826
  attr(span1, "class", span1_class_value);
7827
7827
  }
7828
7828
 
@@ -7861,7 +7861,7 @@ function create_fragment$1b(ctx) {
7861
7861
  each_blocks[i].c();
7862
7862
  }
7863
7863
 
7864
- attr(div, "class", "check-boxes svelte-2pz1us");
7864
+ attr(div, "class", "check-boxes svelte-1p65cg8");
7865
7865
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7866
7866
  },
7867
7867
  m(target, anchor) {
@@ -8036,7 +8036,7 @@ class FormCheckBoxes extends SvelteComponent {
8036
8036
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
8037
8037
 
8038
8038
  function add_css$C(target) {
8039
- 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}");
8039
+ 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}");
8040
8040
  }
8041
8041
 
8042
8042
  function get_each_context$4(ctx, list, i) {
@@ -8060,7 +8060,7 @@ function create_each_block$4(ctx) {
8060
8060
  button = element("button");
8061
8061
  t0 = text(t0_value);
8062
8062
  t1 = space();
8063
- attr(button, "class", "rating-button svelte-9idbf1");
8063
+ attr(button, "class", "rating-button svelte-1iqf36p");
8064
8064
  attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
8065
8065
  },
8066
8066
  m(target, anchor) {
@@ -8109,7 +8109,7 @@ function create_fragment$1a(ctx) {
8109
8109
  each_blocks[i].c();
8110
8110
  }
8111
8111
 
8112
- attr(div, "class", "rating-buttons svelte-9idbf1");
8112
+ attr(div, "class", "rating-buttons svelte-1iqf36p");
8113
8113
  },
8114
8114
  m(target, anchor) {
8115
8115
  insert(target, div, anchor);
@@ -8253,7 +8253,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
8253
8253
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
8254
8254
 
8255
8255
  function add_css$B(target) {
8256
- 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%)}");
8256
+ 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%)}");
8257
8257
  }
8258
8258
 
8259
8259
  function get_each_context$3(ctx, list, i) {
@@ -8278,9 +8278,9 @@ function create_each_block$3(ctx) {
8278
8278
  img = element("img");
8279
8279
  t = space();
8280
8280
  if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
8281
- attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"));
8281
+ attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
8282
8282
  attr(img, "alt", "rate" + /*i*/ ctx[10]);
8283
- attr(button, "class", "rating-button svelte-1b5dvzw");
8283
+ attr(button, "class", "rating-button svelte-tbunko");
8284
8284
  attr(button, "style", /*buttonStyle*/ ctx[0]);
8285
8285
  },
8286
8286
  m(target, anchor) {
@@ -8296,7 +8296,7 @@ function create_each_block$3(ctx) {
8296
8296
  p(new_ctx, dirty) {
8297
8297
  ctx = new_ctx;
8298
8298
 
8299
- 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"))) {
8299
+ 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"))) {
8300
8300
  attr(img, "class", img_class_value);
8301
8301
  }
8302
8302
 
@@ -8329,7 +8329,7 @@ function create_fragment$19(ctx) {
8329
8329
  each_blocks[i].c();
8330
8330
  }
8331
8331
 
8332
- attr(div, "class", "rating-buttons svelte-1b5dvzw");
8332
+ attr(div, "class", "rating-buttons svelte-tbunko");
8333
8333
  },
8334
8334
  m(target, anchor) {
8335
8335
  insert(target, div, anchor);
@@ -8437,7 +8437,7 @@ class FormRatingButtonsFace extends SvelteComponent {
8437
8437
  /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
8438
8438
 
8439
8439
  function add_css$A(target) {
8440
- 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}");
8440
+ 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}");
8441
8441
  }
8442
8442
 
8443
8443
  function create_fragment$18(ctx) {
@@ -8451,13 +8451,13 @@ function create_fragment$18(ctx) {
8451
8451
  c() {
8452
8452
  div = element("div");
8453
8453
  input = element("input");
8454
- attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"));
8454
+ attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"));
8455
8455
  attr(input, "type", "text");
8456
8456
  input.value = /*$value*/ ctx[2];
8457
8457
  input.required = /*required*/ ctx[0];
8458
8458
  attr(input, "placeholder", /*placeholder*/ ctx[1]);
8459
8459
  attr(input, "style", /*style*/ ctx[5]);
8460
- attr(div, "class", "input-wrapper svelte-f14zo5");
8460
+ attr(div, "class", "input-wrapper svelte-h8fqwx");
8461
8461
  attr(div, "style", /*styleVariables*/ ctx[4]);
8462
8462
  },
8463
8463
  m(target, anchor) {
@@ -8470,7 +8470,7 @@ function create_fragment$18(ctx) {
8470
8470
  }
8471
8471
  },
8472
8472
  p(ctx, [dirty]) {
8473
- if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"))) {
8473
+ if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"))) {
8474
8474
  attr(input, "class", input_class_value);
8475
8475
  }
8476
8476
 
@@ -8658,7 +8658,7 @@ class FormIdentifyInput extends SvelteComponent {
8658
8658
  /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
8659
8659
 
8660
8660
  function add_css$z(target) {
8661
- 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}");
8661
+ 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}");
8662
8662
  }
8663
8663
 
8664
8664
  function create_fragment$17(ctx) {
@@ -8696,20 +8696,20 @@ function create_fragment$17(ctx) {
8696
8696
  span1 = element("span");
8697
8697
  t4 = text("いいえ");
8698
8698
  attr(input0, "type", "radio");
8699
- attr(input0, "class", "radio-button-input svelte-pzrwlo");
8699
+ attr(input0, "class", "radio-button-input svelte-8zbmyo");
8700
8700
  attr(input0, "style", /*buttonStyle*/ ctx[2]);
8701
8701
  input0.checked = input0_checked_value = /*$value*/ ctx[3] === true;
8702
- attr(span0, "class", "radio-button-text svelte-pzrwlo");
8702
+ attr(span0, "class", "radio-button-text svelte-8zbmyo");
8703
8703
  attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
8704
- attr(label0, "class", "radio-button svelte-pzrwlo");
8704
+ attr(label0, "class", "radio-button svelte-8zbmyo");
8705
8705
  attr(input1, "type", "radio");
8706
- attr(input1, "class", "radio-button-input svelte-pzrwlo");
8706
+ attr(input1, "class", "radio-button-input svelte-8zbmyo");
8707
8707
  attr(input1, "style", /*buttonStyle*/ ctx[2]);
8708
8708
  input1.checked = input1_checked_value = /*$value*/ ctx[3] === false;
8709
- attr(span1, "class", "radio-button-text svelte-pzrwlo");
8709
+ attr(span1, "class", "radio-button-text svelte-8zbmyo");
8710
8710
  attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
8711
- attr(label1, "class", "radio-button svelte-pzrwlo");
8712
- attr(div, "class", "radio-buttons svelte-pzrwlo");
8711
+ attr(label1, "class", "radio-button svelte-8zbmyo");
8712
+ attr(div, "class", "radio-buttons svelte-8zbmyo");
8713
8713
  attr(div, "style", /*_layoutStyle*/ ctx[0]);
8714
8714
  },
8715
8715
  m(target, anchor) {
@@ -8877,7 +8877,7 @@ class FormIdentifyChoices extends SvelteComponent {
8877
8877
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
8878
8878
 
8879
8879
  function add_css$y(target) {
8880
- 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%}");
8880
+ 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%}");
8881
8881
  }
8882
8882
 
8883
8883
  function get_each_context$2(ctx, list, i) {
@@ -8906,9 +8906,9 @@ function create_if_block_1$2(ctx) {
8906
8906
  attr(svg, "viewBox", "0 0 10 16");
8907
8907
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8908
8908
  attr(svg, "style", /*prevIconStyle*/ ctx[10]);
8909
- attr(button, "class", "move-button svelte-1qfq79t");
8909
+ attr(button, "class", "move-button svelte-ji1fh");
8910
8910
  attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
8911
- attr(div, "class", "prev-button-container svelte-1qfq79t");
8911
+ attr(div, "class", "prev-button-container svelte-ji1fh");
8912
8912
  },
8913
8913
  m(target, anchor) {
8914
8914
  insert(target, div, anchor);
@@ -8957,9 +8957,9 @@ function create_if_block$b(ctx) {
8957
8957
  attr(svg, "viewBox", "0 0 10 16");
8958
8958
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8959
8959
  attr(svg, "style", /*nextIconStyle*/ ctx[8]);
8960
- attr(button, "class", "move-button svelte-1qfq79t");
8960
+ attr(button, "class", "move-button svelte-ji1fh");
8961
8961
  attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
8962
- attr(div, "class", "next-button-container svelte-1qfq79t");
8962
+ attr(div, "class", "next-button-container svelte-ji1fh");
8963
8963
  },
8964
8964
  m(target, anchor) {
8965
8965
  insert(target, div, anchor);
@@ -9007,9 +9007,9 @@ function create_each_block$2(ctx) {
9007
9007
  button = element("button");
9008
9008
  div = element("div");
9009
9009
  t = space();
9010
- attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
9010
+ attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
9011
9011
  attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
9012
- attr(button, "class", "navigation-item svelte-1qfq79t");
9012
+ attr(button, "class", "navigation-item svelte-ji1fh");
9013
9013
  attr(button, "style", /*navigationItemStyle*/ ctx[6]);
9014
9014
  },
9015
9015
  m(target, anchor) {
@@ -9086,14 +9086,14 @@ function create_fragment$16(ctx) {
9086
9086
  each_blocks[i].c();
9087
9087
  }
9088
9088
 
9089
- attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
9089
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
9090
9090
  attr(div0, "style", /*slideStyle*/ ctx[14]);
9091
- attr(div1, "class", "container svelte-1qfq79t");
9091
+ attr(div1, "class", "container svelte-ji1fh");
9092
9092
  attr(div1, "style", /*_style*/ ctx[0]);
9093
- attr(div2, "class", "navigation svelte-1qfq79t");
9093
+ attr(div2, "class", "navigation svelte-ji1fh");
9094
9094
  attr(div2, "style", /*navigationStyle*/ ctx[4]);
9095
9095
  set_attributes(div3, div3_data);
9096
- toggle_class(div3, "svelte-1qfq79t", true);
9096
+ toggle_class(div3, "svelte-ji1fh", true);
9097
9097
  },
9098
9098
  m(target, anchor) {
9099
9099
  insert(target, div3, anchor);
@@ -9135,7 +9135,7 @@ function create_fragment$16(ctx) {
9135
9135
  }
9136
9136
  }
9137
9137
 
9138
- if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
9138
+ if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
9139
9139
  attr(div0, "class", div0_class_value);
9140
9140
  }
9141
9141
 
@@ -9201,7 +9201,7 @@ function create_fragment$16(ctx) {
9201
9201
  }
9202
9202
 
9203
9203
  set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
9204
- toggle_class(div3, "svelte-1qfq79t", true);
9204
+ toggle_class(div3, "svelte-ji1fh", true);
9205
9205
  },
9206
9206
  i(local) {
9207
9207
  if (current) return;
@@ -9713,7 +9713,7 @@ class Slide extends SvelteComponent {
9713
9713
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
9714
9714
 
9715
9715
  function add_css$x(target) {
9716
- 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}");
9716
+ 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}");
9717
9717
  }
9718
9718
 
9719
9719
  function create_fragment$15(ctx) {
@@ -9728,9 +9728,9 @@ function create_fragment$15(ctx) {
9728
9728
  div1 = element("div");
9729
9729
  div0 = element("div");
9730
9730
  if (default_slot) default_slot.c();
9731
- attr(div0, "class", "item-inner svelte-1rv0qgo");
9731
+ attr(div0, "class", "item-inner svelte-9ygf1w");
9732
9732
  attr(div0, "style", /*_style*/ ctx[0]);
9733
- attr(div1, "class", "item svelte-1rv0qgo");
9733
+ attr(div1, "class", "item svelte-9ygf1w");
9734
9734
  attr(div1, "style", /*itemStyle*/ ctx[1]);
9735
9735
  },
9736
9736
  m(target, anchor) {
@@ -9856,7 +9856,7 @@ class SlideItem extends SvelteComponent {
9856
9856
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
9857
9857
 
9858
9858
  function add_css$w(target) {
9859
- 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}");
9859
+ 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}");
9860
9860
  }
9861
9861
 
9862
9862
  const get_default_slot_changes$1 = dirty => ({ countdown: dirty & /*countdown*/ 2 });
@@ -9874,9 +9874,9 @@ function create_fragment$14(ctx) {
9874
9874
  div1 = element("div");
9875
9875
  div0 = element("div");
9876
9876
  if (default_slot) default_slot.c();
9877
- attr(div0, "class", "countdown-inner svelte-t87l6f");
9877
+ attr(div0, "class", "countdown-inner svelte-rroxiz");
9878
9878
  attr(div0, "style", /*_style*/ ctx[0]);
9879
- attr(div1, "class", "countdown svelte-t87l6f");
9879
+ attr(div1, "class", "countdown svelte-rroxiz");
9880
9880
  },
9881
9881
  m(target, anchor) {
9882
9882
  insert(target, div1, anchor);
@@ -10010,7 +10010,7 @@ class Countdown extends SvelteComponent {
10010
10010
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
10011
10011
 
10012
10012
  function add_css$v(target) {
10013
- 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}");
10013
+ 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}");
10014
10014
  }
10015
10015
 
10016
10016
  // (24:2) <Button {onClick} style={_style} {eventName}>
@@ -10080,7 +10080,7 @@ function create_fragment$13(ctx) {
10080
10080
  c() {
10081
10081
  div = element("div");
10082
10082
  create_component(button.$$.fragment);
10083
- attr(div, "class", "box svelte-1c91vpe");
10083
+ attr(div, "class", "box svelte-1ccydfy");
10084
10084
  },
10085
10085
  m(target, anchor) {
10086
10086
  insert(target, div, anchor);
@@ -10141,7 +10141,7 @@ class Box extends SvelteComponent {
10141
10141
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
10142
10142
 
10143
10143
  function add_css$u(target) {
10144
- 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)}");
10144
+ 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)}");
10145
10145
  }
10146
10146
 
10147
10147
  // (56:4) {#if svg}
@@ -10223,7 +10223,7 @@ function create_fragment$12(ctx) {
10223
10223
  c() {
10224
10224
  div = element("div");
10225
10225
  create_component(button.$$.fragment);
10226
- attr(div, "class", "icon svelte-1mk6wi4");
10226
+ attr(div, "class", "icon svelte-1mkvcuo");
10227
10227
  },
10228
10228
  m(target, anchor) {
10229
10229
  insert(target, div, anchor);
@@ -10332,7 +10332,7 @@ class IconElement extends SvelteComponent {
10332
10332
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
10333
10333
 
10334
10334
  function add_css$t(target) {
10335
- append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10335
+ append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
10336
10336
  }
10337
10337
 
10338
10338
  function create_fragment$11(ctx) {
@@ -10358,7 +10358,7 @@ function create_fragment$11(ctx) {
10358
10358
  c() {
10359
10359
  div = element("div");
10360
10360
  if (switch_instance) create_component(switch_instance.$$.fragment);
10361
- attr(div, "class", "codeElement svelte-1ng2n51");
10361
+ attr(div, "class", "codeElement svelte-ymsb9l");
10362
10362
  attr(div, "style", /*style*/ ctx[3]);
10363
10363
  },
10364
10364
  m(target, anchor) {
@@ -10447,7 +10447,7 @@ class CodeElement extends SvelteComponent {
10447
10447
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
10448
10448
 
10449
10449
  function add_css$s(target) {
10450
- append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
10450
+ append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
10451
10451
  }
10452
10452
 
10453
10453
  function create_fragment$10(ctx) {
@@ -10461,7 +10461,7 @@ function create_fragment$10(ctx) {
10461
10461
  c() {
10462
10462
  div = element("div");
10463
10463
  if (default_slot) default_slot.c();
10464
- attr(div, "class", "flex svelte-9v2qdg");
10464
+ attr(div, "class", "flex svelte-1e71ejc");
10465
10465
  attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
10466
10466
  },
10467
10467
  m(target, anchor) {
@@ -10558,7 +10558,7 @@ class Flex extends SvelteComponent {
10558
10558
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
10559
10559
 
10560
10560
  function add_css$r(target) {
10561
- append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
10561
+ append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
10562
10562
  }
10563
10563
 
10564
10564
  function create_fragment$$(ctx) {
@@ -10571,7 +10571,7 @@ function create_fragment$$(ctx) {
10571
10571
  c() {
10572
10572
  div = element("div");
10573
10573
  if (default_slot) default_slot.c();
10574
- attr(div, "class", "flex-item svelte-164ah5d");
10574
+ attr(div, "class", "flex-item svelte-1p0bk1x");
10575
10575
  attr(div, "style", /*style*/ ctx[0]);
10576
10576
  },
10577
10577
  m(target, anchor) {
@@ -10979,7 +10979,7 @@ class GridModalState extends SvelteComponent {
10979
10979
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
10980
10980
 
10981
10981
  function add_css$q(target) {
10982
- 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%}");
10982
+ 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%}");
10983
10983
  }
10984
10984
 
10985
10985
  function create_fragment$Z(ctx) {
@@ -10995,8 +10995,8 @@ function create_fragment$Z(ctx) {
10995
10995
  div1 = element("div");
10996
10996
  div0 = element("div");
10997
10997
  create_component(rendertext.$$.fragment);
10998
- attr(div0, "class", "text-block-inner svelte-akic2e");
10999
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"));
10998
+ attr(div0, "class", "text-block-inner svelte-15pej1m");
10999
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
11000
11000
  attr(div1, "style", /*style*/ ctx[2]);
11001
11001
  },
11002
11002
  m(target, anchor) {
@@ -11010,7 +11010,7 @@ function create_fragment$Z(ctx) {
11010
11010
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
11011
11011
  rendertext.$set(rendertext_changes);
11012
11012
 
11013
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"))) {
11013
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
11014
11014
  attr(div1, "class", div1_class_value);
11015
11015
  }
11016
11016
 
@@ -11088,7 +11088,7 @@ class TextBlock extends SvelteComponent {
11088
11088
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
11089
11089
 
11090
11090
  function add_css$p(target) {
11091
- 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)}");
11091
+ 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)}");
11092
11092
  }
11093
11093
 
11094
11094
  function create_fragment$Y(ctx) {
@@ -11105,9 +11105,9 @@ function create_fragment$Y(ctx) {
11105
11105
  div = element("div");
11106
11106
  button = element("button");
11107
11107
  create_component(rendertext.$$.fragment);
11108
- attr(button, "class", "text-button svelte-1c34p4n");
11108
+ attr(button, "class", "text-button svelte-ff0k6r");
11109
11109
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
11110
- attr(div, "class", "text-button-block svelte-1c34p4n");
11110
+ attr(div, "class", "text-button-block svelte-ff0k6r");
11111
11111
  attr(div, "style", /*_style*/ ctx[2]);
11112
11112
  },
11113
11113
  m(target, anchor) {
@@ -11213,7 +11213,7 @@ class TextButtonBlock extends SvelteComponent {
11213
11213
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
11214
11214
 
11215
11215
  function add_css$o(target) {
11216
- 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)}");
11216
+ 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)}");
11217
11217
  }
11218
11218
 
11219
11219
  function create_fragment$X(ctx) {
@@ -11229,14 +11229,14 @@ function create_fragment$X(ctx) {
11229
11229
  c() {
11230
11230
  div = element("div");
11231
11231
  img = element("img");
11232
- attr(img, "class", "image svelte-1jus6sx");
11232
+ attr(img, "class", "image svelte-1pdw891");
11233
11233
  attr(img, "loading", "lazy");
11234
11234
  attr(img, "width", "auto");
11235
11235
  attr(img, "height", "auto");
11236
11236
  attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
11237
11237
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
11238
11238
  attr(img, "alt", /*alt*/ ctx[1]);
11239
- attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"));
11239
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
11240
11240
  attr(div, "style", /*_style*/ ctx[5]);
11241
11241
  },
11242
11242
  m(target, anchor) {
@@ -11261,7 +11261,7 @@ function create_fragment$X(ctx) {
11261
11261
  attr(img, "alt", /*alt*/ ctx[1]);
11262
11262
  }
11263
11263
 
11264
- if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"))) {
11264
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
11265
11265
  attr(div, "class", div_class_value);
11266
11266
  }
11267
11267
 
@@ -11713,7 +11713,7 @@ const AVATAR_SIZE_STYLES = {
11713
11713
  /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
11714
11714
 
11715
11715
  function add_css$n(target) {
11716
- append_styles(target, "svelte-apww0t", ".avatar.svelte-apww0t{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:0}");
11716
+ append_styles(target, "svelte-1krsdyx", ".avatar.svelte-1krsdyx{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:0}");
11717
11717
  }
11718
11718
 
11719
11719
  // (42:0) <svelte:element {...attributes} this={element} class="avatar" style={style} data-layer-id={layerId} on:click={handleClick} >
@@ -11743,7 +11743,7 @@ function create_dynamic_element$b(ctx) {
11743
11743
  svelte_element = element(/*element*/ ctx[5]);
11744
11744
  img = element("img");
11745
11745
  if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
11746
- attr(img, "class", "avatar-image svelte-apww0t");
11746
+ attr(img, "class", "avatar-image svelte-1krsdyx");
11747
11747
  attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
11748
11748
  attr(img, "style", /*imgStyle*/ ctx[2]);
11749
11749
 
@@ -11753,7 +11753,7 @@ function create_dynamic_element$b(ctx) {
11753
11753
  set_attributes(svelte_element, svelte_element_data);
11754
11754
  }
11755
11755
 
11756
- toggle_class(svelte_element, "svelte-apww0t", true);
11756
+ toggle_class(svelte_element, "svelte-1krsdyx", true);
11757
11757
  },
11758
11758
  m(target, anchor) {
11759
11759
  insert(target, svelte_element, anchor);
@@ -11790,7 +11790,7 @@ function create_dynamic_element$b(ctx) {
11790
11790
  set_attributes(svelte_element, svelte_element_data);
11791
11791
  }
11792
11792
 
11793
- toggle_class(svelte_element, "svelte-apww0t", true);
11793
+ toggle_class(svelte_element, "svelte-1krsdyx", true);
11794
11794
  },
11795
11795
  d(detaching) {
11796
11796
  if (detaching) detach(svelte_element);
@@ -13595,7 +13595,7 @@ const ICON_VARIANTS = {
13595
13595
  /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
13596
13596
 
13597
13597
  function add_css$m(target) {
13598
- append_styles(target, "svelte-mut6o2", ".icon.svelte-mut6o2{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
13598
+ append_styles(target, "svelte-19rssou", ".icon.svelte-19rssou{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
13599
13599
  }
13600
13600
 
13601
13601
  // (24:0) <svelte:element {...attributes} this={element} class="icon" style={style} data-layer-id={layerId} on:click={handleClick} >
@@ -13643,7 +13643,7 @@ function create_dynamic_element$a(ctx) {
13643
13643
  set_attributes(svelte_element, svelte_element_data);
13644
13644
  }
13645
13645
 
13646
- toggle_class(svelte_element, "svelte-mut6o2", true);
13646
+ toggle_class(svelte_element, "svelte-19rssou", true);
13647
13647
  },
13648
13648
  m(target, anchor) {
13649
13649
  insert(target, svelte_element, anchor);
@@ -13696,7 +13696,7 @@ function create_dynamic_element$a(ctx) {
13696
13696
  set_attributes(svelte_element, svelte_element_data);
13697
13697
  }
13698
13698
 
13699
- toggle_class(svelte_element, "svelte-mut6o2", true);
13699
+ toggle_class(svelte_element, "svelte-19rssou", true);
13700
13700
  },
13701
13701
  i(local) {
13702
13702
  if (current) return;
@@ -13994,7 +13994,7 @@ function darkenColor(color, percent) {
13994
13994
  /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
13995
13995
 
13996
13996
  function add_css$l(target) {
13997
- append_styles(target, "svelte-brd6e9", ".button.svelte-brd6e9{display:inline-flex;gap:0.8em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;color:var(--color);border-color:var(--border-color);background-color:var(--bg-color)}.button.svelte-brd6e9:hover{background-color:var(--hover-bg-color);border-color:var(--hover-border-color)}.button-icon.svelte-brd6e9{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
13997
+ append_styles(target, "svelte-o2gomt", ".button.svelte-o2gomt{display:inline-flex;gap:0.8em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;color:var(--color);border-color:var(--border-color);background-color:var(--bg-color)}.button.svelte-o2gomt:hover{background-color:var(--hover-bg-color);border-color:var(--hover-border-color)}.button-icon.svelte-o2gomt{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
13998
13998
  }
13999
13999
 
14000
14000
  // (91:2) {#if props.isIcon && props.iconVariant}
@@ -14018,7 +14018,7 @@ function create_if_block$9(ctx) {
14018
14018
  c() {
14019
14019
  div = element("div");
14020
14020
  create_component(icon.$$.fragment);
14021
- attr(div, "class", "button-icon svelte-brd6e9");
14021
+ attr(div, "class", "button-icon svelte-o2gomt");
14022
14022
  },
14023
14023
  m(target, anchor) {
14024
14024
  insert(target, div, anchor);
@@ -14094,7 +14094,7 @@ function create_dynamic_element$9(ctx) {
14094
14094
  set_attributes(svelte_element, svelte_element_data);
14095
14095
  }
14096
14096
 
14097
- toggle_class(svelte_element, "svelte-brd6e9", true);
14097
+ toggle_class(svelte_element, "svelte-o2gomt", true);
14098
14098
  },
14099
14099
  m(target, anchor) {
14100
14100
  insert(target, svelte_element, anchor);
@@ -14149,7 +14149,7 @@ function create_dynamic_element$9(ctx) {
14149
14149
  set_attributes(svelte_element, svelte_element_data);
14150
14150
  }
14151
14151
 
14152
- toggle_class(svelte_element, "svelte-brd6e9", true);
14152
+ toggle_class(svelte_element, "svelte-o2gomt", true);
14153
14153
  },
14154
14154
  i(local) {
14155
14155
  if (current) return;
@@ -14424,7 +14424,7 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
14424
14424
  /* src/components-flex/button-outlined/ButtonOutlined.svelte generated by Svelte v3.53.1 */
14425
14425
 
14426
14426
  function add_css$k(target) {
14427
- append_styles(target, "svelte-ypshn1", ".button-outlined.svelte-ypshn1{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:var(--bg-color)}.button-outlined.svelte-ypshn1:hover{background-color:var(--hover-bg-color)}.button-outlined-icon.svelte-ypshn1{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
14427
+ append_styles(target, "svelte-38fju1", ".button-outlined.svelte-38fju1{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:var(--bg-color)}.button-outlined.svelte-38fju1:hover{background-color:var(--hover-bg-color)}.button-outlined-icon.svelte-38fju1{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
14428
14428
  }
14429
14429
 
14430
14430
  // (53:2) {#if props.isIcon && props.iconVariant}
@@ -14448,7 +14448,7 @@ function create_if_block$8(ctx) {
14448
14448
  c() {
14449
14449
  div = element("div");
14450
14450
  create_component(icon.$$.fragment);
14451
- attr(div, "class", "button-outlined-icon svelte-ypshn1");
14451
+ attr(div, "class", "button-outlined-icon svelte-38fju1");
14452
14452
  },
14453
14453
  m(target, anchor) {
14454
14454
  insert(target, div, anchor);
@@ -14515,7 +14515,7 @@ function create_dynamic_element$8(ctx) {
14515
14515
  t0 = space();
14516
14516
  span = element("span");
14517
14517
  t1 = text(t1_value);
14518
- attr(span, "class", "button-outlined-label svelte-ypshn1");
14518
+ attr(span, "class", "button-outlined-label svelte-38fju1");
14519
14519
 
14520
14520
  if ((/-/).test(/*element*/ ctx[4])) {
14521
14521
  set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -14523,7 +14523,7 @@ function create_dynamic_element$8(ctx) {
14523
14523
  set_attributes(svelte_element, svelte_element_data);
14524
14524
  }
14525
14525
 
14526
- toggle_class(svelte_element, "svelte-ypshn1", true);
14526
+ toggle_class(svelte_element, "svelte-38fju1", true);
14527
14527
  },
14528
14528
  m(target, anchor) {
14529
14529
  insert(target, svelte_element, anchor);
@@ -14577,7 +14577,7 @@ function create_dynamic_element$8(ctx) {
14577
14577
  set_attributes(svelte_element, svelte_element_data);
14578
14578
  }
14579
14579
 
14580
- toggle_class(svelte_element, "svelte-ypshn1", true);
14580
+ toggle_class(svelte_element, "svelte-38fju1", true);
14581
14581
  },
14582
14582
  i(local) {
14583
14583
  if (current) return;
@@ -14769,7 +14769,7 @@ const getButtonTextThemeStyles = getPropStyles(callback$2);
14769
14769
  /* src/components-flex/button-text/ButtonText.svelte generated by Svelte v3.53.1 */
14770
14770
 
14771
14771
  function add_css$j(target) {
14772
- append_styles(target, "svelte-lted9r", ".button-text.svelte-lted9r{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border:0;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:rgba(255, 255, 255, 0)}.button-text.svelte-lted9r:hover{background-color:var(--hover-bg-color)}.button-text-icon.svelte-lted9r{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
14772
+ append_styles(target, "svelte-1xgvp8r", ".button-text.svelte-1xgvp8r{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border:0;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:rgba(255, 255, 255, 0)}.button-text.svelte-1xgvp8r:hover{background-color:var(--hover-bg-color)}.button-text-icon.svelte-1xgvp8r{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
14773
14773
  }
14774
14774
 
14775
14775
  // (49:2) {#if props.isIcon && props.iconVariant}
@@ -14793,7 +14793,7 @@ function create_if_block$7(ctx) {
14793
14793
  c() {
14794
14794
  div = element("div");
14795
14795
  create_component(icon.$$.fragment);
14796
- attr(div, "class", "button-text-icon svelte-lted9r");
14796
+ attr(div, "class", "button-text-icon svelte-1xgvp8r");
14797
14797
  },
14798
14798
  m(target, anchor) {
14799
14799
  insert(target, div, anchor);
@@ -14860,7 +14860,7 @@ function create_dynamic_element$7(ctx) {
14860
14860
  t0 = space();
14861
14861
  span = element("span");
14862
14862
  t1 = text(t1_value);
14863
- attr(span, "class", "button-text-label svelte-lted9r");
14863
+ attr(span, "class", "button-text-label svelte-1xgvp8r");
14864
14864
 
14865
14865
  if ((/-/).test(/*element*/ ctx[4])) {
14866
14866
  set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -14868,7 +14868,7 @@ function create_dynamic_element$7(ctx) {
14868
14868
  set_attributes(svelte_element, svelte_element_data);
14869
14869
  }
14870
14870
 
14871
- toggle_class(svelte_element, "svelte-lted9r", true);
14871
+ toggle_class(svelte_element, "svelte-1xgvp8r", true);
14872
14872
  },
14873
14873
  m(target, anchor) {
14874
14874
  insert(target, svelte_element, anchor);
@@ -14922,7 +14922,7 @@ function create_dynamic_element$7(ctx) {
14922
14922
  set_attributes(svelte_element, svelte_element_data);
14923
14923
  }
14924
14924
 
14925
- toggle_class(svelte_element, "svelte-lted9r", true);
14925
+ toggle_class(svelte_element, "svelte-1xgvp8r", true);
14926
14926
  },
14927
14927
  i(local) {
14928
14928
  if (current) return;
@@ -15070,7 +15070,7 @@ const BUTTON_TEXT_THEME = {
15070
15070
  /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
15071
15071
 
15072
15072
  function add_css$i(target) {
15073
- append_styles(target, "svelte-3133h2", ".close-button.svelte-3133h2.svelte-3133h2{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:8px;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.close-button.svelte-3133h2 svg.svelte-3133h2{transition:transform 0.12s}.close-button.svelte-3133h2:hover svg.svelte-3133h2{transform:rotate(90deg)}.close-button-order-one.svelte-3133h2.svelte-3133h2{order:1}.close-button-order-two.svelte-3133h2.svelte-3133h2{order:2}");
15073
+ append_styles(target, "svelte-3mvsv6", ".close-button.svelte-3mvsv6.svelte-3mvsv6{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:8px;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.close-button.svelte-3mvsv6 svg.svelte-3mvsv6{transition:transform 0.12s}.close-button.svelte-3mvsv6:hover svg.svelte-3mvsv6{transform:rotate(90deg)}.close-button-order-one.svelte-3mvsv6.svelte-3mvsv6{order:1}.close-button-order-two.svelte-3mvsv6.svelte-3mvsv6{order:2}");
15074
15074
  }
15075
15075
 
15076
15076
  // (90:2) {#if hasLabel}
@@ -15086,7 +15086,7 @@ function create_if_block$6(ctx) {
15086
15086
 
15087
15087
  attr(span, "class", "close-button-label " + (/*isLeftLabelPlacement*/ ctx[10]
15088
15088
  ? 'close-button-order-one'
15089
- : '') + " svelte-3133h2");
15089
+ : '') + " svelte-3mvsv6");
15090
15090
  },
15091
15091
  m(target, anchor) {
15092
15092
  insert(target, span, anchor);
@@ -15146,7 +15146,7 @@ function create_dynamic_element$6(ctx) {
15146
15146
  set_style(svg, "width", "100%");
15147
15147
  set_style(svg, "height", "100%");
15148
15148
  attr(svg, "fill", /*color*/ ctx[8]);
15149
- attr(svg, "class", "svelte-3133h2");
15149
+ attr(svg, "class", "svelte-3mvsv6");
15150
15150
  attr(span, "style", /*iconStyle*/ ctx[1]);
15151
15151
 
15152
15152
  if ((/-/).test(/*element*/ ctx[6])) {
@@ -15155,7 +15155,7 @@ function create_dynamic_element$6(ctx) {
15155
15155
  set_attributes(svelte_element, svelte_element_data);
15156
15156
  }
15157
15157
 
15158
- toggle_class(svelte_element, "svelte-3133h2", true);
15158
+ toggle_class(svelte_element, "svelte-3mvsv6", true);
15159
15159
  },
15160
15160
  m(target, anchor) {
15161
15161
  insert(target, svelte_element, anchor);
@@ -15201,7 +15201,7 @@ function create_dynamic_element$6(ctx) {
15201
15201
  set_attributes(svelte_element, svelte_element_data);
15202
15202
  }
15203
15203
 
15204
- toggle_class(svelte_element, "svelte-3133h2", true);
15204
+ toggle_class(svelte_element, "svelte-3mvsv6", true);
15205
15205
  },
15206
15206
  d(detaching) {
15207
15207
  if (detaching) detach(svelte_element);
@@ -15438,7 +15438,7 @@ const IMAGE_ROUND_STYLES = {
15438
15438
  /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
15439
15439
 
15440
15440
  function add_css$h(target) {
15441
- append_styles(target, "svelte-1y7kpsc", ".image.svelte-1y7kpsc{max-width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.image-img.svelte-1y7kpsc{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
15441
+ append_styles(target, "svelte-gzaieg", ".image.svelte-gzaieg{max-width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.image-img.svelte-gzaieg{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
15442
15442
  }
15443
15443
 
15444
15444
  // (24:0) <svelte:element this={element} {...attributes} class="image" {style} data-layer-id={layerId} on:click={handleClick} >
@@ -15469,7 +15469,7 @@ function create_dynamic_element$5(ctx) {
15469
15469
  img = element("img");
15470
15470
  if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
15471
15471
  attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
15472
- attr(img, "class", "image-img svelte-1y7kpsc");
15472
+ attr(img, "class", "image-img svelte-gzaieg");
15473
15473
 
15474
15474
  if ((/-/).test(/*element*/ ctx[4])) {
15475
15475
  set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -15477,7 +15477,7 @@ function create_dynamic_element$5(ctx) {
15477
15477
  set_attributes(svelte_element, svelte_element_data);
15478
15478
  }
15479
15479
 
15480
- toggle_class(svelte_element, "svelte-1y7kpsc", true);
15480
+ toggle_class(svelte_element, "svelte-gzaieg", true);
15481
15481
  },
15482
15482
  m(target, anchor) {
15483
15483
  insert(target, svelte_element, anchor);
@@ -15510,7 +15510,7 @@ function create_dynamic_element$5(ctx) {
15510
15510
  set_attributes(svelte_element, svelte_element_data);
15511
15511
  }
15512
15512
 
15513
- toggle_class(svelte_element, "svelte-1y7kpsc", true);
15513
+ toggle_class(svelte_element, "svelte-gzaieg", true);
15514
15514
  },
15515
15515
  d(detaching) {
15516
15516
  if (detaching) detach(svelte_element);
@@ -15623,7 +15623,7 @@ const IMAGE_ASPECT_VARIANTS = {
15623
15623
  /* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
15624
15624
 
15625
15625
  function add_css$g(target) {
15626
- append_styles(target, "svelte-1tjo4al", ".layout.svelte-1tjo4al{text-decoration:none;color:inherit}.layout[data-clickable=true].svelte-1tjo4al{cursor:pointer}.layout[data-clickable=true].svelte-1tjo4al:hover{opacity:0.8}");
15626
+ append_styles(target, "svelte-139vx15", ".layout.svelte-139vx15{text-decoration:none;color:inherit}.layout[data-clickable=true].svelte-139vx15{cursor:pointer}.layout[data-clickable=true].svelte-139vx15:hover{opacity:0.8}");
15627
15627
  }
15628
15628
 
15629
15629
  // (28:0) <svelte:element {...attributes} this="div" class="layout" style={style} data-layer-id={layerId} on:click={handleClick} >
@@ -15659,7 +15659,7 @@ function create_dynamic_element$4(ctx) {
15659
15659
  set_attributes(svelte_element, svelte_element_data);
15660
15660
  }
15661
15661
 
15662
- toggle_class(svelte_element, "svelte-1tjo4al", true);
15662
+ toggle_class(svelte_element, "svelte-139vx15", true);
15663
15663
  },
15664
15664
  m(target, anchor) {
15665
15665
  insert(target, svelte_element, anchor);
@@ -15704,7 +15704,7 @@ function create_dynamic_element$4(ctx) {
15704
15704
  set_attributes(svelte_element, svelte_element_data);
15705
15705
  }
15706
15706
 
15707
- toggle_class(svelte_element, "svelte-1tjo4al", true);
15707
+ toggle_class(svelte_element, "svelte-139vx15", true);
15708
15708
  },
15709
15709
  i(local) {
15710
15710
  if (current) return;
@@ -15795,8 +15795,8 @@ function instance$k($$self, $$props, $$invalidate) {
15795
15795
  flexDirection: props.direction,
15796
15796
  alignItems: props.align,
15797
15797
  justifyContent: props.justify,
15798
- rowGap: props.rowGap,
15799
- columnGap: props.columnGap,
15798
+ rowGap: props.rowGap ?? props.gap,
15799
+ columnGap: props.columnGap ?? props.gap,
15800
15800
  width: props.width,
15801
15801
  ...toCssOverflow(props),
15802
15802
  ...toCssShadow(props),
@@ -15828,7 +15828,7 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
15828
15828
  /* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
15829
15829
 
15830
15830
  function add_css$f(target) {
15831
- append_styles(target, "svelte-1k4xkut", ".slider-list.svelte-1k4xkut{-webkit-user-drag:none;margin:0;padding:0;list-style:none}");
15831
+ append_styles(target, "svelte-1slel1d", ".slider-list.svelte-1slel1d{-webkit-user-drag:none;margin:0;padding:0;list-style:none}");
15832
15832
  }
15833
15833
 
15834
15834
  function get_each_context$1(ctx, list, i) {
@@ -15930,12 +15930,12 @@ function create_fragment$j(ctx) {
15930
15930
  each_blocks[i].c();
15931
15931
  }
15932
15932
 
15933
- attr(ul, "class", "slider-list svelte-1k4xkut");
15933
+ attr(ul, "class", "slider-list svelte-1slel1d");
15934
15934
  attr(ul, "style", ul_style_value = [/*containerStyle*/ ctx[5], /*overrideStyle*/ ctx[1]].join(' '));
15935
15935
  attr(div0, "style", /*indicatorListStyle*/ ctx[4]);
15936
15936
  attr(div1, "data-layer-id", /*layerId*/ ctx[0]);
15937
15937
  attr(div1, "style", /*style*/ ctx[6]);
15938
- attr(div1, "class", "slider svelte-1k4xkut");
15938
+ attr(div1, "class", "slider svelte-1slel1d");
15939
15939
  },
15940
15940
  m(target, anchor) {
15941
15941
  insert(target, div1, anchor);
@@ -16284,7 +16284,7 @@ class Slider extends SvelteComponent {
16284
16284
  /* src/components-flex/slider/SliderItem.svelte generated by Svelte v3.53.1 */
16285
16285
 
16286
16286
  function add_css$e(target) {
16287
- append_styles(target, "svelte-j5pon4", ".slider-item.svelte-j5pon4{overflow:hidden}.slider-item-inner.svelte-j5pon4{text-decoration:none;background:none;border:0;margin:0;padding:0;color:inherit;-webkit-user-drag:none;user-select:none}");
16287
+ append_styles(target, "svelte-1amglxo", ".slider-item.svelte-1amglxo{overflow:hidden}.slider-item-inner.svelte-1amglxo{text-decoration:none;background:none;border:0;margin:0;padding:0;color:inherit;-webkit-user-drag:none;user-select:none}");
16288
16288
  }
16289
16289
 
16290
16290
  // (10:2) <svelte:element {...attributes} this={element} class="slider-item-inner" on:click={handleClick} >
@@ -16313,7 +16313,7 @@ function create_dynamic_element$3(ctx) {
16313
16313
  set_attributes(svelte_element, svelte_element_data);
16314
16314
  }
16315
16315
 
16316
- toggle_class(svelte_element, "svelte-j5pon4", true);
16316
+ toggle_class(svelte_element, "svelte-1amglxo", true);
16317
16317
  },
16318
16318
  m(target, anchor) {
16319
16319
  insert(target, svelte_element, anchor);
@@ -16353,7 +16353,7 @@ function create_dynamic_element$3(ctx) {
16353
16353
  set_attributes(svelte_element, svelte_element_data);
16354
16354
  }
16355
16355
 
16356
- toggle_class(svelte_element, "svelte-j5pon4", true);
16356
+ toggle_class(svelte_element, "svelte-1amglxo", true);
16357
16357
  },
16358
16358
  i(local) {
16359
16359
  if (current) return;
@@ -16384,7 +16384,7 @@ function create_fragment$i(ctx) {
16384
16384
  li = element("li");
16385
16385
  if (svelte_element) svelte_element.c();
16386
16386
  attr(li, "data-layer-id", /*layerId*/ ctx[0]);
16387
- attr(li, "class", "slider-item svelte-j5pon4");
16387
+ attr(li, "class", "slider-item svelte-1amglxo");
16388
16388
  },
16389
16389
  m(target, anchor) {
16390
16390
  insert(target, li, anchor);
@@ -16541,7 +16541,7 @@ const TEXT_VARIANTS = {
16541
16541
  /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
16542
16542
 
16543
16543
  function add_css$d(target) {
16544
- append_styles(target, "svelte-14kt34i", ".text.svelte-14kt34i{margin:0;word-break:break-all;text-decoration:none}");
16544
+ append_styles(target, "svelte-vifn7y", ".text.svelte-vifn7y{margin:0;word-break:break-all;text-decoration:none}");
16545
16545
  }
16546
16546
 
16547
16547
  function create_fragment$h(ctx) {
@@ -16550,7 +16550,7 @@ function create_fragment$h(ctx) {
16550
16550
  return {
16551
16551
  c() {
16552
16552
  p = element("p");
16553
- attr(p, "class", "text svelte-14kt34i");
16553
+ attr(p, "class", "text svelte-vifn7y");
16554
16554
  attr(p, "data-layer-id", /*layerId*/ ctx[0]);
16555
16555
  attr(p, "style", /*style*/ ctx[1]);
16556
16556
  },
@@ -16668,7 +16668,7 @@ class Text extends SvelteComponent {
16668
16668
  /* src/components-flex/rich-text/RichText.svelte generated by Svelte v3.53.1 */
16669
16669
 
16670
16670
  function add_css$c(target) {
16671
- append_styles(target, "svelte-mq7h73", ".rich-text.svelte-mq7h73 p{margin:0;word-break:break-all;text-decoration:none}.rich-text.svelte-mq7h73 p + p{margin-top:0.75em}");
16671
+ append_styles(target, "svelte-dxr423", ".rich-text.svelte-dxr423 p{margin:0;word-break:break-all;text-decoration:none}.rich-text.svelte-dxr423 p + p{margin-top:0.75em}");
16672
16672
  }
16673
16673
 
16674
16674
  function create_fragment$g(ctx) {
@@ -16678,7 +16678,7 @@ function create_fragment$g(ctx) {
16678
16678
  return {
16679
16679
  c() {
16680
16680
  div = element("div");
16681
- attr(div, "class", "rich-text svelte-mq7h73");
16681
+ attr(div, "class", "rich-text svelte-dxr423");
16682
16682
  attr(div, "style", /*style*/ ctx[2]);
16683
16683
  attr(div, "data-layer-id", /*layerId*/ ctx[1]);
16684
16684
  },
@@ -16851,7 +16851,7 @@ const getTextLinkThemeStyles = getPropStyles(callback);
16851
16851
  /* src/components-flex/text-link/TextLink.svelte generated by Svelte v3.53.1 */
16852
16852
 
16853
16853
  function add_css$b(target) {
16854
- append_styles(target, "svelte-1qyhpm7", ".link.svelte-1qyhpm7{-webkit-appearance:none;border:0;background:none;padding:0;display:inline-flex}.link.svelte-1qyhpm7,.link.svelte-1qyhpm7:visited,.link.svelte-1qyhpm7:link{color:var(--color)}.link.svelte-1qyhpm7:hover{color:var(--hover-color)}.link.svelte-1qyhpm7:active{color:var(--active-color)}.link.underline-hover-on.svelte-1qyhpm7{text-decoration:none}.link.underline-hover-on.svelte-1qyhpm7:hover{text-decoration:underline}.link.underline-hover-off.svelte-1qyhpm7{text-decoration:underline}.link.underline-hover-off.svelte-1qyhpm7:hover{text-decoration:none}.link.underline-on.svelte-1qyhpm7{text-decoration:underline}.link.underline-off.svelte-1qyhpm7{text-decoration:none}");
16854
+ append_styles(target, "svelte-dc9m5n", ".link.svelte-dc9m5n{-webkit-appearance:none;border:0;background:none;padding:0;display:inline-flex}.link.svelte-dc9m5n,.link.svelte-dc9m5n:visited,.link.svelte-dc9m5n:link{color:var(--color)}.link.svelte-dc9m5n:hover{color:var(--hover-color)}.link.svelte-dc9m5n:active{color:var(--active-color)}.link.underline-hover-on.svelte-dc9m5n{text-decoration:none}.link.underline-hover-on.svelte-dc9m5n:hover{text-decoration:underline}.link.underline-hover-off.svelte-dc9m5n{text-decoration:underline}.link.underline-hover-off.svelte-dc9m5n:hover{text-decoration:none}.link.underline-on.svelte-dc9m5n{text-decoration:underline}.link.underline-off.svelte-dc9m5n{text-decoration:none}");
16855
16855
  }
16856
16856
 
16857
16857
  // (81:2) {#if props.isIcon && props.iconVariant}
@@ -16944,7 +16944,7 @@ function create_dynamic_element$2(ctx) {
16944
16944
  set_attributes(svelte_element, svelte_element_data);
16945
16945
  }
16946
16946
 
16947
- toggle_class(svelte_element, "svelte-1qyhpm7", true);
16947
+ toggle_class(svelte_element, "svelte-dc9m5n", true);
16948
16948
  },
16949
16949
  m(target, anchor) {
16950
16950
  insert(target, svelte_element, anchor);
@@ -16997,7 +16997,7 @@ function create_dynamic_element$2(ctx) {
16997
16997
  set_attributes(svelte_element, svelte_element_data);
16998
16998
  }
16999
16999
 
17000
- toggle_class(svelte_element, "svelte-1qyhpm7", true);
17000
+ toggle_class(svelte_element, "svelte-dc9m5n", true);
17001
17001
  },
17002
17002
  i(local) {
17003
17003
  if (current) return;
@@ -17180,7 +17180,7 @@ const TEXT_LINK_UNDERLINE = {
17180
17180
  /* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
17181
17181
 
17182
17182
  function add_css$a(target) {
17183
- append_styles(target, "svelte-ed4ktn", ".v2-background.svelte-ed4ktn{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
17183
+ append_styles(target, "svelte-18nkdjz", ".v2-background.svelte-18nkdjz{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
17184
17184
  }
17185
17185
 
17186
17186
  // (14:0) {#if backgroundOverlay}
@@ -17193,7 +17193,7 @@ function create_if_block$4(ctx) {
17193
17193
  return {
17194
17194
  c() {
17195
17195
  div = element("div");
17196
- attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"));
17196
+ attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
17197
17197
  },
17198
17198
  m(target, anchor) {
17199
17199
  insert(target, div, anchor);
@@ -17204,7 +17204,7 @@ function create_if_block$4(ctx) {
17204
17204
  }
17205
17205
  },
17206
17206
  p(ctx, dirty) {
17207
- if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"))) {
17207
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
17208
17208
  attr(div, "class", div_class_value);
17209
17209
  }
17210
17210
  },
@@ -17276,10 +17276,10 @@ class BackgroundOverlay extends SvelteComponent {
17276
17276
  /* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
17277
17277
 
17278
17278
  function add_css$9(target) {
17279
- append_styles(target, "svelte-15b58xm", "*{box-sizing:border-box}.modal.svelte-15b58xm{position:fixed;z-index:2147483647;display:flex}.modal.svelte-15b58xm > .button{flex:auto;display:flex}@media screen and (min-width: 641px){.modal-bp.svelte-15b58xm{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-15b58xm{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}}");
17279
+ append_styles(target, "svelte-45ue06", "*{box-sizing:border-box}.modal.svelte-45ue06{position:fixed;z-index:2147483647;display:flex}.modal.svelte-45ue06 > .button{flex:auto;display:flex}@media screen and (min-width: 641px){.modal-bp.svelte-45ue06{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-45ue06{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}}");
17280
17280
  }
17281
17281
 
17282
- // (237:0) {:else}
17282
+ // (220:0) {:else}
17283
17283
  function create_else_block(ctx) {
17284
17284
  let backgroundoverlay;
17285
17285
  let current;
@@ -17323,7 +17323,7 @@ function create_else_block(ctx) {
17323
17323
  };
17324
17324
  }
17325
17325
 
17326
- // (226:24)
17326
+ // (209:24)
17327
17327
  function create_if_block_2(ctx) {
17328
17328
  let backgroundoverlay0;
17329
17329
  let t;
@@ -17392,7 +17392,7 @@ function create_if_block_2(ctx) {
17392
17392
  };
17393
17393
  }
17394
17394
 
17395
- // (224:0) {#if isPreview()}
17395
+ // (207:0) {#if !isOnSite}
17396
17396
  function create_if_block_1$1(ctx) {
17397
17397
  return {
17398
17398
  c: noop,
@@ -17404,25 +17404,25 @@ function create_if_block_1$1(ctx) {
17404
17404
  };
17405
17405
  }
17406
17406
 
17407
- // (240:0) {#if visible}
17407
+ // (223:0) {#if visible}
17408
17408
  function create_if_block$3(ctx) {
17409
17409
  let div;
17410
17410
  let div_class_value;
17411
17411
  let div_style_value;
17412
17412
  let div_intro;
17413
17413
  let current;
17414
- const default_slot_template = /*#slots*/ ctx[26].default;
17415
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[25], null);
17414
+ const default_slot_template = /*#slots*/ ctx[27].default;
17415
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[26], null);
17416
17416
 
17417
17417
  return {
17418
17418
  c() {
17419
17419
  div = element("div");
17420
17420
  if (default_slot) default_slot.c();
17421
- attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-15b58xm"));
17421
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"));
17422
17422
  attr(div, "role", "dialog");
17423
17423
  attr(div, "aria-modal", "true");
17424
17424
  attr(div, "data-layer-id", /*layerId*/ ctx[2]);
17425
- attr(div, "style", div_style_value = [Array.from(/*modalStyles*/ ctx[14]).join(';'), /*style*/ ctx[9]].join(' '));
17425
+ attr(div, "style", div_style_value = [Array.from(/*modalStyles*/ ctx[15]).join(';'), /*style*/ ctx[9]].join(' '));
17426
17426
  },
17427
17427
  m(target, anchor) {
17428
17428
  insert(target, div, anchor);
@@ -17431,28 +17431,28 @@ function create_if_block$3(ctx) {
17431
17431
  default_slot.m(div, null);
17432
17432
  }
17433
17433
 
17434
- /*div_binding*/ ctx[27](div);
17434
+ /*div_binding*/ ctx[28](div);
17435
17435
  current = true;
17436
17436
  },
17437
17437
  p(new_ctx, dirty) {
17438
17438
  ctx = new_ctx;
17439
17439
 
17440
17440
  if (default_slot) {
17441
- if (default_slot.p && (!current || dirty & /*$$scope*/ 33554432)) {
17441
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 67108864)) {
17442
17442
  update_slot_base(
17443
17443
  default_slot,
17444
17444
  default_slot_template,
17445
17445
  ctx,
17446
- /*$$scope*/ ctx[25],
17446
+ /*$$scope*/ ctx[26],
17447
17447
  !current
17448
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[25])
17449
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[25], dirty, null),
17448
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[26])
17449
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[26], dirty, null),
17450
17450
  null
17451
17451
  );
17452
17452
  }
17453
17453
  }
17454
17454
 
17455
- if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-15b58xm"))) {
17455
+ if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"))) {
17456
17456
  attr(div, "class", div_class_value);
17457
17457
  }
17458
17458
 
@@ -17460,7 +17460,7 @@ function create_if_block$3(ctx) {
17460
17460
  attr(div, "data-layer-id", /*layerId*/ ctx[2]);
17461
17461
  }
17462
17462
 
17463
- if (!current || dirty & /*style*/ 512 && div_style_value !== (div_style_value = [Array.from(/*modalStyles*/ ctx[14]).join(';'), /*style*/ ctx[9]].join(' '))) {
17463
+ if (!current || dirty & /*style*/ 512 && div_style_value !== (div_style_value = [Array.from(/*modalStyles*/ ctx[15]).join(';'), /*style*/ ctx[9]].join(' '))) {
17464
17464
  attr(div, "style", div_style_value);
17465
17465
  }
17466
17466
  },
@@ -17488,13 +17488,12 @@ function create_if_block$3(ctx) {
17488
17488
  d(detaching) {
17489
17489
  if (detaching) detach(div);
17490
17490
  if (default_slot) default_slot.d(detaching);
17491
- /*div_binding*/ ctx[27](null);
17491
+ /*div_binding*/ ctx[28](null);
17492
17492
  }
17493
17493
  };
17494
17494
  }
17495
17495
 
17496
17496
  function create_fragment$d(ctx) {
17497
- let show_if;
17498
17497
  let current_block_type_index;
17499
17498
  let if_block0;
17500
17499
  let t;
@@ -17506,8 +17505,7 @@ function create_fragment$d(ctx) {
17506
17505
  const if_blocks = [];
17507
17506
 
17508
17507
  function select_block_type(ctx, dirty) {
17509
- if (show_if == null) show_if = !!isPreview();
17510
- if (show_if) return 0;
17508
+ if (!/*isOnSite*/ ctx[14]) return 0;
17511
17509
  if (/*useBreakPoint*/ ctx[0]) return 1;
17512
17510
  return 2;
17513
17511
  }
@@ -17631,6 +17629,9 @@ function instance$d($$self, $$props, $$invalidate) {
17631
17629
  let { layerId = '' } = $$props;
17632
17630
  const { brandKit } = useBrandKit();
17633
17631
 
17632
+ // falseが明示的に指定されている場合以外はtrueにする
17633
+ const isOnSite = (document.querySelector('#preview')?.getAttribute('data-on-site') ?? 'true') !== 'false';
17634
+
17634
17635
  // モーダル背景の設定
17635
17636
  const isExistBackgroundOverlayValue = placement && placement.backgroundOverlay !== undefined;
17636
17637
 
@@ -17662,20 +17663,20 @@ function instance$d($$self, $$props, $$invalidate) {
17662
17663
 
17663
17664
  $$self.$$set = $$props => {
17664
17665
  if ('useBreakPoint' in $$props) $$invalidate(0, useBreakPoint = $$props.useBreakPoint);
17665
- if ('placement' in $$props) $$invalidate(15, placement = $$props.placement);
17666
- if ('breakPoint' in $$props) $$invalidate(16, breakPoint = $$props.breakPoint);
17667
- if ('elasticity' in $$props) $$invalidate(17, elasticity = $$props.elasticity);
17666
+ if ('placement' in $$props) $$invalidate(16, placement = $$props.placement);
17667
+ if ('breakPoint' in $$props) $$invalidate(17, breakPoint = $$props.breakPoint);
17668
+ if ('elasticity' in $$props) $$invalidate(18, elasticity = $$props.elasticity);
17668
17669
  if ('animation' in $$props) $$invalidate(1, animation = $$props.animation);
17669
- if ('props' in $$props) $$invalidate(18, props = $$props.props);
17670
- if ('closeEventName' in $$props) $$invalidate(19, closeEventName = $$props.closeEventName);
17671
- if ('closeEventValue' in $$props) $$invalidate(20, closeEventValue = $$props.closeEventValue);
17670
+ if ('props' in $$props) $$invalidate(19, props = $$props.props);
17671
+ if ('closeEventName' in $$props) $$invalidate(20, closeEventName = $$props.closeEventName);
17672
+ if ('closeEventValue' in $$props) $$invalidate(21, closeEventValue = $$props.closeEventValue);
17672
17673
  if ('layerId' in $$props) $$invalidate(2, layerId = $$props.layerId);
17673
- if ('$$scope' in $$props) $$invalidate(25, $$scope = $$props.$$scope);
17674
+ if ('$$scope' in $$props) $$invalidate(26, $$scope = $$props.$$scope);
17674
17675
  };
17675
17676
 
17676
17677
  $$self.$$.update = () => {
17677
- if ($$self.$$.dirty & /*closeEventName, closeEventValue*/ 1572864) {
17678
- $$invalidate(24, close = () => {
17678
+ if ($$self.$$.dirty & /*closeEventName, closeEventValue*/ 3145728) {
17679
+ $$invalidate(25, close = () => {
17679
17680
  const onClose = { operation: 'closeApp', args: ['button'] };
17680
17681
 
17681
17682
  if (closeEventName) {
@@ -17686,9 +17687,9 @@ function instance$d($$self, $$props, $$invalidate) {
17686
17687
  });
17687
17688
  }
17688
17689
 
17689
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 98305) {
17690
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 196609) {
17690
17691
  {
17691
- if (isExistBackgroundOverlayValue) {
17692
+ if (isOnSite && isExistBackgroundOverlayValue) {
17692
17693
  $$invalidate(4, backgroundOverlay = placement.backgroundOverlay);
17693
17694
  }
17694
17695
 
@@ -17701,29 +17702,29 @@ function instance$d($$self, $$props, $$invalidate) {
17701
17702
  }
17702
17703
  }
17703
17704
 
17704
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 98305) {
17705
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 196609) {
17705
17706
  {
17706
17707
  if (placement && placement.backgroundClick) {
17707
- $$invalidate(21, backgroundClickFunction = placement.backgroundClick);
17708
+ $$invalidate(22, backgroundClickFunction = placement.backgroundClick);
17708
17709
  }
17709
17710
 
17710
17711
  if (useBreakPoint) {
17711
17712
  const pc = breakPoint?.PC?.placement?.backgroundClick;
17712
17713
 
17713
17714
  if (pc) {
17714
- $$invalidate(22, backgroundClickFunctionPC = pc);
17715
+ $$invalidate(23, backgroundClickFunctionPC = pc);
17715
17716
  }
17716
17717
 
17717
17718
  const sp = breakPoint?.SP?.placement?.backgroundClick;
17718
17719
 
17719
17720
  if (sp) {
17720
- $$invalidate(23, backgroundClickFunctionSP = sp);
17721
+ $$invalidate(24, backgroundClickFunctionSP = sp);
17721
17722
  }
17722
17723
  }
17723
17724
  }
17724
17725
  }
17725
17726
 
17726
- if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 3670016) {
17727
+ if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 7340032) {
17727
17728
  $$invalidate(13, backgroundClick = () => {
17728
17729
  if (closeEventName) {
17729
17730
  send_event(closeEventName, closeEventValue);
@@ -17733,7 +17734,7 @@ function instance$d($$self, $$props, $$invalidate) {
17733
17734
  });
17734
17735
  }
17735
17736
 
17736
- if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 5767168) {
17737
+ if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 11534336) {
17737
17738
  $$invalidate(12, backgroundClickPC = () => {
17738
17739
  if (closeEventName) {
17739
17740
  send_event(closeEventName, closeEventValue);
@@ -17743,7 +17744,7 @@ function instance$d($$self, $$props, $$invalidate) {
17743
17744
  });
17744
17745
  }
17745
17746
 
17746
- if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 9961472) {
17747
+ if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 19922944) {
17747
17748
  $$invalidate(11, backgroundClickSP = () => {
17748
17749
  if (closeEventName) {
17749
17750
  send_event(closeEventName, closeEventValue);
@@ -17753,13 +17754,13 @@ function instance$d($$self, $$props, $$invalidate) {
17753
17754
  });
17754
17755
  }
17755
17756
 
17756
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, transforms*/ 98313) {
17757
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, transforms*/ 196617) {
17757
17758
  // 表示位置のスタイルとアニメーションの動きを設定
17758
17759
  {
17759
17760
  // 表示位置のスタイルの設定
17760
17761
  let position = DefaultModalPlacement.position;
17761
17762
 
17762
- if (placement && placement.position !== null) {
17763
+ if (isOnSite && placement && placement.position !== null) {
17763
17764
  position = placement.position;
17764
17765
  }
17765
17766
 
@@ -17776,7 +17777,7 @@ function instance$d($$self, $$props, $$invalidate) {
17776
17777
  $$invalidate(3, transforms = []);
17777
17778
 
17778
17779
  DEVICE_IDS.forEach(deviceId => {
17779
- if (useBreakPoint) {
17780
+ if (isOnSite && useBreakPoint) {
17780
17781
  const positionWithBp = breakPoint[deviceId]?.placement?.position;
17781
17782
 
17782
17783
  transforms.push({
@@ -17801,12 +17802,12 @@ function instance$d($$self, $$props, $$invalidate) {
17801
17802
  }
17802
17803
  }
17803
17804
 
17804
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 98305) {
17805
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 196609) {
17805
17806
  // 表示位置の調整のスタイルを設定
17806
17807
  {
17807
17808
  let margin = DefaultModalPlacement.margin;
17808
17809
 
17809
- if (placement && placement.margin !== null) {
17810
+ if (isOnSite && placement && placement.margin !== null) {
17810
17811
  margin = placement.margin;
17811
17812
  }
17812
17813
 
@@ -17817,7 +17818,7 @@ function instance$d($$self, $$props, $$invalidate) {
17817
17818
  }
17818
17819
 
17819
17820
  DEVICE_IDS.forEach(deviceId => {
17820
- if (useBreakPoint) {
17821
+ if (isOnSite && useBreakPoint) {
17821
17822
  const marginWithBp = breakPoint[deviceId]?.placement?.margin;
17822
17823
  marginStyle = getMarginStyle(marginWithBp);
17823
17824
  }
@@ -17833,37 +17834,11 @@ function instance$d($$self, $$props, $$invalidate) {
17833
17834
  }
17834
17835
  }
17835
17836
 
17836
- if ($$self.$$.dirty & /*elasticity, useBreakPoint, breakPoint*/ 196609) {
17837
- // 拡大方法のスタイルを設定
17838
- {
17839
- let elasticStyle = ElasticityStyle[elasticity];
17840
-
17841
- if (!useBreakPoint) {
17842
- modalStyles.add(elasticStyle);
17843
- }
17844
-
17845
- DEVICE_IDS.forEach(deviceId => {
17846
- if (useBreakPoint) {
17847
- const elasticityWithBp = breakPoint[deviceId]?.elasticity;
17848
- elasticStyle = ElasticityStyle[elasticityWithBp];
17849
- }
17850
-
17851
- const elasticityVariables = stringifyStyleObj(formatObjectKey({
17852
- obj: parseStyle(elasticStyle),
17853
- prefix: '--modal-bp-',
17854
- suffix: `-${deviceId.toLowerCase()}`
17855
- }));
17856
-
17857
- modalStyles.add(elasticityVariables);
17858
- });
17859
- }
17860
- }
17861
-
17862
- if ($$self.$$.dirty & /*close*/ 16777216) {
17837
+ if ($$self.$$.dirty & /*close*/ 33554432) {
17863
17838
  $$invalidate(10, handle_keydown = handleKeydown({ Escape: close }));
17864
17839
  }
17865
17840
 
17866
- if ($$self.$$.dirty & /*props*/ 262144) {
17841
+ if ($$self.$$.dirty & /*props*/ 524288) {
17867
17842
  $$invalidate(9, style = objToStyle({
17868
17843
  width: props.width,
17869
17844
  ...toCssOverflow(props),
@@ -17896,6 +17871,7 @@ function instance$d($$self, $$props, $$invalidate) {
17896
17871
  backgroundClickSP,
17897
17872
  backgroundClickPC,
17898
17873
  backgroundClick,
17874
+ isOnSite,
17899
17875
  modalStyles,
17900
17876
  placement,
17901
17877
  breakPoint,
@@ -17925,13 +17901,13 @@ class Modal extends SvelteComponent {
17925
17901
  safe_not_equal,
17926
17902
  {
17927
17903
  useBreakPoint: 0,
17928
- placement: 15,
17929
- breakPoint: 16,
17930
- elasticity: 17,
17904
+ placement: 16,
17905
+ breakPoint: 17,
17906
+ elasticity: 18,
17931
17907
  animation: 1,
17932
- props: 18,
17933
- closeEventName: 19,
17934
- closeEventValue: 20,
17908
+ props: 19,
17909
+ closeEventName: 20,
17910
+ closeEventValue: 21,
17935
17911
  layerId: 2
17936
17912
  },
17937
17913
  add_css$9
@@ -17942,7 +17918,7 @@ class Modal extends SvelteComponent {
17942
17918
  /* src/components-flex/code/Code.svelte generated by Svelte v3.53.1 */
17943
17919
 
17944
17920
  function add_css$8(target) {
17945
- append_styles(target, "svelte-jviwnb", ".code.svelte-jviwnb{flex-grow:1;flex-shrink:0;align-self:stretch}");
17921
+ append_styles(target, "svelte-igivoz", ".code.svelte-igivoz{flex-grow:1;flex-shrink:0;align-self:stretch}");
17946
17922
  }
17947
17923
 
17948
17924
  function create_fragment$c(ctx) {
@@ -17952,7 +17928,7 @@ function create_fragment$c(ctx) {
17952
17928
  return {
17953
17929
  c() {
17954
17930
  div = element("div");
17955
- attr(div, "class", "code svelte-jviwnb");
17931
+ attr(div, "class", "code svelte-igivoz");
17956
17932
  attr(div, "data-layer-id", /*layerId*/ ctx[1]);
17957
17933
  },
17958
17934
  m(target, anchor) {
@@ -18034,7 +18010,7 @@ const LIST_ITEM_CONTEXT_KEY = 'ListItemContext';
18034
18010
  /* src/components-flex/list/List.svelte generated by Svelte v3.53.1 */
18035
18011
 
18036
18012
  function add_css$7(target) {
18037
- append_styles(target, "svelte-5g0mcl", ".list.svelte-5g0mcl{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;--border-width:0;--border-style:solit;--border-color:rgba(255, 255, 255, 0);border-top-width:var(--border-width);border-top-style:var(--border-style);border-top-color:var(--border-color);border-bottom-width:var(--border-width);border-bottom-style:var(--border-style);border-bottom-color:var(--border-color)}");
18013
+ append_styles(target, "svelte-v2vy6p", ".list.svelte-v2vy6p{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;--border-width:0;--border-style:solit;--border-color:rgba(255, 255, 255, 0);border-top-width:var(--border-width);border-top-style:var(--border-style);border-top-color:var(--border-color);border-bottom-width:var(--border-width);border-bottom-style:var(--border-style);border-bottom-color:var(--border-color)}");
18038
18014
  }
18039
18015
 
18040
18016
  function create_fragment$b(ctx) {
@@ -18048,7 +18024,7 @@ function create_fragment$b(ctx) {
18048
18024
  ul = element("ul");
18049
18025
  if (default_slot) default_slot.c();
18050
18026
  attr(ul, "data-layer-id", /*layerId*/ ctx[0]);
18051
- attr(ul, "class", "list svelte-5g0mcl");
18027
+ attr(ul, "class", "list svelte-v2vy6p");
18052
18028
  attr(ul, "style", /*style*/ ctx[1]);
18053
18029
  },
18054
18030
  m(target, anchor) {
@@ -18171,7 +18147,7 @@ class List extends SvelteComponent {
18171
18147
  /* src/components-flex/list/ListItem.svelte generated by Svelte v3.53.1 */
18172
18148
 
18173
18149
  function add_css$6(target) {
18174
- append_styles(target, "svelte-1e6dn58", ".list-item.svelte-1e6dn58{margin:0;padding:0}.list-item-inner.svelte-1e6dn58{display:flex;align-items:center;width:100%;text-decoration:none;color:inherit}.list-item-inner.svelte-1e6dn58:hover{opacity:0.8}.list-item.svelte-1e6dn58:not(:first-child){border-top-width:var(--list-item-border-width);border-top-style:var(--list-item-border-style);border-top-color:var(--list-item-border-color)}");
18150
+ append_styles(target, "svelte-1223veg", ".list-item.svelte-1223veg{margin:0;padding:0}.list-item-inner.svelte-1223veg{display:flex;align-items:center;width:100%;text-decoration:none;color:inherit}.list-item-inner.svelte-1223veg:hover{opacity:0.8}.list-item.svelte-1223veg:not(:first-child){border-top-width:var(--list-item-border-width);border-top-style:var(--list-item-border-style);border-top-color:var(--list-item-border-color)}");
18175
18151
  }
18176
18152
 
18177
18153
  // (30:2) <svelte:element {...attributes} this={element} class="list-item-inner" style={innerStyle} on:click={handleClick} >
@@ -18206,7 +18182,7 @@ function create_dynamic_element$1(ctx) {
18206
18182
  set_attributes(svelte_element, svelte_element_data);
18207
18183
  }
18208
18184
 
18209
- toggle_class(svelte_element, "svelte-1e6dn58", true);
18185
+ toggle_class(svelte_element, "svelte-1223veg", true);
18210
18186
  },
18211
18187
  m(target, anchor) {
18212
18188
  insert(target, svelte_element, anchor);
@@ -18250,7 +18226,7 @@ function create_dynamic_element$1(ctx) {
18250
18226
  set_attributes(svelte_element, svelte_element_data);
18251
18227
  }
18252
18228
 
18253
- toggle_class(svelte_element, "svelte-1e6dn58", true);
18229
+ toggle_class(svelte_element, "svelte-1223veg", true);
18254
18230
  },
18255
18231
  i(local) {
18256
18232
  if (current) return;
@@ -18280,7 +18256,7 @@ function create_fragment$a(ctx) {
18280
18256
  c() {
18281
18257
  li = element("li");
18282
18258
  if (svelte_element) svelte_element.c();
18283
- attr(li, "class", "list-item svelte-1e6dn58");
18259
+ attr(li, "class", "list-item svelte-1223veg");
18284
18260
  attr(li, "data-layer-id", /*layerId*/ ctx[0]);
18285
18261
  attr(li, "style", /*style*/ ctx[2]);
18286
18262
  },
@@ -18426,7 +18402,7 @@ function splitNumberAndUnit(value) {
18426
18402
  /* src/components-flex/multi-column/MultiColumn.svelte generated by Svelte v3.53.1 */
18427
18403
 
18428
18404
  function add_css$5(target) {
18429
- append_styles(target, "svelte-1csavnh", ".list.svelte-1csavnh{padding:0;margin:0;list-style:none;display:flex;flex-direction:row}");
18405
+ append_styles(target, "svelte-aoppwp", ".list.svelte-aoppwp{padding:0;margin:0;list-style:none;display:flex;flex-direction:row}");
18430
18406
  }
18431
18407
 
18432
18408
  function create_fragment$9(ctx) {
@@ -18440,7 +18416,7 @@ function create_fragment$9(ctx) {
18440
18416
  ul = element("ul");
18441
18417
  if (default_slot) default_slot.c();
18442
18418
  attr(ul, "data-layer-id", /*layerId*/ ctx[0]);
18443
- attr(ul, "class", "list svelte-1csavnh");
18419
+ attr(ul, "class", "list svelte-aoppwp");
18444
18420
  attr(ul, "style", /*style*/ ctx[1]);
18445
18421
  },
18446
18422
  m(target, anchor) {
@@ -18552,7 +18528,7 @@ class MultiColumn extends SvelteComponent {
18552
18528
  /* src/components-flex/multi-column/MultiColumnItem.svelte generated by Svelte v3.53.1 */
18553
18529
 
18554
18530
  function add_css$4(target) {
18555
- append_styles(target, "svelte-1mk0qj6", ".multi-column-item.svelte-1mk0qj6{margin:0;width:100%;padding-top:0;padding-bottom:0;padding-left:var(--multi-column-item-padding);padding-right:var(--multi-column-item-padding)}.multi-column-item-inner.svelte-1mk0qj6{display:flex;flex-direction:column;align-items:center;gap:var(--multi-column-item-gap);width:100%;text-decoration:none;color:inherit;padding-top:var(--multi-column-item-padding-top);padding-left:var(--multi-column-item-padding-left);padding-right:var(--multi-column-item-padding-right);padding-bottom:var(--multi-column-item-padding-bottom)}.multi-column-item-inner.svelte-1mk0qj6:hover{opacity:0.8}.multi-column-item.svelte-1mk0qj6:not(:first-child){border-left-width:var(--multi-column-item-border-width);border-left-style:var(--multi-column-item-border-style);border-left-color:var(--multi-column-item-border-color)}");
18531
+ append_styles(target, "svelte-1blzs1a", ".multi-column-item.svelte-1blzs1a{margin:0;width:100%;padding-top:0;padding-bottom:0;padding-left:var(--multi-column-item-padding);padding-right:var(--multi-column-item-padding)}.multi-column-item-inner.svelte-1blzs1a{display:flex;flex-direction:column;align-items:center;gap:var(--multi-column-item-gap);width:100%;text-decoration:none;color:inherit;padding-top:var(--multi-column-item-padding-top);padding-left:var(--multi-column-item-padding-left);padding-right:var(--multi-column-item-padding-right);padding-bottom:var(--multi-column-item-padding-bottom)}.multi-column-item-inner.svelte-1blzs1a:hover{opacity:0.8}.multi-column-item.svelte-1blzs1a:not(:first-child){border-left-width:var(--multi-column-item-border-width);border-left-style:var(--multi-column-item-border-style);border-left-color:var(--multi-column-item-border-color)}");
18556
18532
  }
18557
18533
 
18558
18534
  // (28:2) <svelte:element {...attributes} this={element} class="multi-column-item-inner" on:click={handleClick} >
@@ -18581,7 +18557,7 @@ function create_dynamic_element(ctx) {
18581
18557
  set_attributes(svelte_element, svelte_element_data);
18582
18558
  }
18583
18559
 
18584
- toggle_class(svelte_element, "svelte-1mk0qj6", true);
18560
+ toggle_class(svelte_element, "svelte-1blzs1a", true);
18585
18561
  },
18586
18562
  m(target, anchor) {
18587
18563
  insert(target, svelte_element, anchor);
@@ -18621,7 +18597,7 @@ function create_dynamic_element(ctx) {
18621
18597
  set_attributes(svelte_element, svelte_element_data);
18622
18598
  }
18623
18599
 
18624
- toggle_class(svelte_element, "svelte-1mk0qj6", true);
18600
+ toggle_class(svelte_element, "svelte-1blzs1a", true);
18625
18601
  },
18626
18602
  i(local) {
18627
18603
  if (current) return;
@@ -18651,7 +18627,7 @@ function create_fragment$8(ctx) {
18651
18627
  c() {
18652
18628
  li = element("li");
18653
18629
  if (svelte_element) svelte_element.c();
18654
- attr(li, "class", "multi-column-item svelte-1mk0qj6");
18630
+ attr(li, "class", "multi-column-item svelte-1blzs1a");
18655
18631
  attr(li, "data-layer-id", /*layerId*/ ctx[0]);
18656
18632
  attr(li, "style", /*style*/ ctx[1]);
18657
18633
  },
@@ -18766,7 +18742,7 @@ class MultiColumnItem extends SvelteComponent {
18766
18742
  /* src/components-flex/youtube/Youtube.svelte generated by Svelte v3.53.1 */
18767
18743
 
18768
18744
  function add_css$3(target) {
18769
- append_styles(target, "svelte-1bgnrue", ".youtube.svelte-1bgnrue{position:relative;aspect-ratio:16 / 9;width:100%;border-radius:3px}.youtube.svelte-1bgnrue iframe{position:absolute;width:100%;height:100%;object-fit:cover}");
18745
+ append_styles(target, "svelte-odfkc2", ".youtube.svelte-odfkc2{position:relative;aspect-ratio:16 / 9;width:100%;border-radius:3px}.youtube.svelte-odfkc2 iframe{position:absolute;width:100%;height:100%;object-fit:cover}");
18770
18746
  }
18771
18747
 
18772
18748
  function create_fragment$7(ctx) {
@@ -18778,7 +18754,7 @@ function create_fragment$7(ctx) {
18778
18754
  div1 = element("div");
18779
18755
  div0 = element("div");
18780
18756
  attr(div0, "class", "youtube-player");
18781
- attr(div1, "class", "youtube svelte-1bgnrue");
18757
+ attr(div1, "class", "youtube svelte-odfkc2");
18782
18758
  attr(div1, "style", /*style*/ ctx[2]);
18783
18759
  attr(div1, "data-layer-id", /*layerId*/ ctx[0]);
18784
18760
  },
@@ -18925,7 +18901,7 @@ class Youtube extends SvelteComponent {
18925
18901
  /* src/components-flex/count-down/CountDown.svelte generated by Svelte v3.53.1 */
18926
18902
 
18927
18903
  function add_css$2(target) {
18928
- append_styles(target, "svelte-1eft5i1", ".countdown.svelte-1eft5i1{display:flex;align-items:center;gap:4px}");
18904
+ append_styles(target, "svelte-1n395il", ".countdown.svelte-1n395il{display:flex;align-items:center;gap:4px}");
18929
18905
  }
18930
18906
 
18931
18907
  const get_default_slot_changes = dirty => ({
@@ -18952,7 +18928,7 @@ function create_fragment$6(ctx) {
18952
18928
  c() {
18953
18929
  div = element("div");
18954
18930
  if (default_slot) default_slot.c();
18955
- attr(div, "class", "countdown svelte-1eft5i1");
18931
+ attr(div, "class", "countdown svelte-1n395il");
18956
18932
  attr(div, "data-layer-id", /*layerId*/ ctx[0]);
18957
18933
  },
18958
18934
  m(target, anchor) {
@@ -19247,7 +19223,7 @@ class CountDownValue extends SvelteComponent {
19247
19223
  /* src/components-flex/clip-copy/ClipCopy.svelte generated by Svelte v3.53.1 */
19248
19224
 
19249
19225
  function add_css$1(target) {
19250
- append_styles(target, "svelte-1z01gne", ".clipboard.svelte-1z01gne{position:relative;display:inline-flex}.clipboard-button.svelte-1z01gne{position:relative;display:inline-flex;align-items:center;white-space:nowrap;gap:12px;background:none;border:0;transition:0.12s;cursor:pointer}.clipboard-button.svelte-1z01gne:hover{opacity:0.8}.clipboard-button.svelte-1z01gne:active{opacity:0.6}.clipboard-tooltip.svelte-1z01gne{position:absolute;top:-8px;left:50%;display:block;transform:translate(-50%, -100%);padding:4px 10px;background-color:#333333;color:#ffffff;font-size:11px;font-weight:bold;border-radius:4px;transition:transform 0.2s ease-out;white-space:nowrap;pointer-events:none}.clipboard-tooltip.svelte-1z01gne:after{content:'';display:block;position:absolute;bottom:0;left:50%;width:8px;height:8px;background-color:#333333;border-radius:1px;transform:translate(-50%, 40%) rotate(45deg)}.clipboard-tooltip[aria-hidden=\"true\"].svelte-1z01gne{opacity:0;transform:translate(-50%, -80%)}");
19226
+ append_styles(target, "svelte-30zd8m", ".clipboard.svelte-30zd8m{position:relative;display:inline-flex}.clipboard-button.svelte-30zd8m{position:relative;display:inline-flex;align-items:center;white-space:nowrap;gap:12px;background:none;border:0;transition:0.12s;cursor:pointer}.clipboard-button.svelte-30zd8m:hover{opacity:0.8}.clipboard-button.svelte-30zd8m:active{opacity:0.6}.clipboard-tooltip.svelte-30zd8m{position:absolute;top:-8px;left:50%;display:block;transform:translate(-50%, -100%);padding:4px 10px;background-color:#333333;color:#ffffff;font-size:11px;font-weight:bold;border-radius:4px;transition:transform 0.2s ease-out;white-space:nowrap;pointer-events:none}.clipboard-tooltip.svelte-30zd8m:after{content:'';display:block;position:absolute;bottom:0;left:50%;width:8px;height:8px;background-color:#333333;border-radius:1px;transform:translate(-50%, 40%) rotate(45deg)}.clipboard-tooltip[aria-hidden=\"true\"].svelte-30zd8m{opacity:0;transform:translate(-50%, -80%)}");
19251
19227
  }
19252
19228
 
19253
19229
  function create_fragment$4(ctx) {
@@ -19271,10 +19247,10 @@ function create_fragment$4(ctx) {
19271
19247
  t0 = space();
19272
19248
  span = element("span");
19273
19249
  t1 = text("コピーしました");
19274
- attr(button, "class", "clipboard-button svelte-1z01gne");
19250
+ attr(button, "class", "clipboard-button svelte-30zd8m");
19275
19251
  attr(span, "aria-hidden", span_aria_hidden_value = !/*showTooltip*/ ctx[2]);
19276
- attr(span, "class", "clipboard-tooltip svelte-1z01gne");
19277
- attr(div, "class", "clipboard svelte-1z01gne");
19252
+ attr(span, "class", "clipboard-tooltip svelte-30zd8m");
19253
+ attr(div, "class", "clipboard svelte-30zd8m");
19278
19254
  attr(div, "data-layer-id", /*layerId*/ ctx[0]);
19279
19255
  },
19280
19256
  m(target, anchor) {
@@ -19399,6 +19375,312 @@ class ClipCopy extends SvelteComponent {
19399
19375
  }
19400
19376
  }
19401
19377
 
19378
+ /**
19379
+ * モーダル(ポップアップ)に関連するコードの管理
19380
+ *
19381
+ * アクションのShow, Close, ChangeStateの状態はここで管理する。
19382
+ */
19383
+ /**
19384
+ * アクションが表示 (show) された後にフックする関数
19385
+ *
19386
+ * @param fn - 呼び出されるフック関数
19387
+ *
19388
+ * @public
19389
+ */
19390
+ function onShow(fn) {
19391
+ let { onShowHandlers } = getInternalHandlers();
19392
+ if (!onShowHandlers) {
19393
+ onShowHandlers = [];
19394
+ }
19395
+ onShowHandlers.push(fn);
19396
+ setInternalHandlers({ onShowHandlers });
19397
+ }
19398
+ /**
19399
+ * アクションがクローズ (close) される前にフックする関数
19400
+ *
19401
+ * @param fn - 呼び出されるフック関数
19402
+ *
19403
+ * @public
19404
+ */
19405
+ function onClose(fn) {
19406
+ let { onCloseHandlers } = getInternalHandlers();
19407
+ if (!onCloseHandlers) {
19408
+ onCloseHandlers = [];
19409
+ }
19410
+ onCloseHandlers.push(fn);
19411
+ setInternalHandlers({ onCloseHandlers });
19412
+ }
19413
+ /**
19414
+ * アクションのステートが変更された (changeState) 後にフックする関数
19415
+ *
19416
+ * @param fn - 呼び出されるフック関数
19417
+ *
19418
+ * @public
19419
+ */
19420
+ function onChangeState(fn) {
19421
+ let { onChangeStateHandlers } = getInternalHandlers();
19422
+ if (!onChangeStateHandlers) {
19423
+ onChangeStateHandlers = [];
19424
+ }
19425
+ onChangeStateHandlers.push(fn);
19426
+ setInternalHandlers({ onChangeStateHandlers });
19427
+ }
19428
+ /**
19429
+ * アクションを表示する
19430
+ *
19431
+ * @public
19432
+ */
19433
+ function showAction() {
19434
+ const event = new CustomEvent(ACTION_SHOW_EVENT, { detail: { trigger: 'custom' } });
19435
+ window.dispatchEvent(event);
19436
+ }
19437
+ /**
19438
+ * アクションを閉じる
19439
+ *
19440
+ * @param trigger - 閉じた時のトリガー。デフォルト `'none'`
19441
+ *
19442
+ * @public
19443
+ */
19444
+ function closeAction(trigger = 'none') {
19445
+ const event = new CustomEvent(ACTION_CLOSE_EVENT, { detail: { trigger } });
19446
+ window.dispatchEvent(event);
19447
+ }
19448
+ /**
19449
+ * アクションに CSS を適用する
19450
+ *
19451
+ * @param css - 適用する CSS
19452
+ *
19453
+ * @returns 適用された style 要素を返す Promise
19454
+ *
19455
+ * @public
19456
+ */
19457
+ async function applyCss(css) {
19458
+ return new Promise((resolve, reject) => {
19459
+ const style = document.createElement('style');
19460
+ style.textContent = css;
19461
+ const shadowRoot = getActionRoot();
19462
+ if (!shadowRoot)
19463
+ return;
19464
+ shadowRoot.append(style);
19465
+ style.addEventListener('load', () => resolve(style));
19466
+ style.addEventListener('error', () => reject(style));
19467
+ });
19468
+ }
19469
+ async function fixFontFaceIssue(href, cssRules) {
19470
+ const css = new CSSStyleSheet();
19471
+ // @ts-ignore
19472
+ await css.replace(cssRules);
19473
+ const rules = [];
19474
+ const fixedRules = [];
19475
+ Array.from(css.cssRules).forEach(cssRule => {
19476
+ if (cssRule.type !== 5) {
19477
+ rules.push(cssRule.cssText);
19478
+ }
19479
+ // type 5 is @font-face
19480
+ const split = href.split('/');
19481
+ const stylePath = split.slice(0, split.length - 1).join('/');
19482
+ const cssText = cssRule.cssText;
19483
+ const newCssText = cssText.replace(
19484
+ // relative paths
19485
+ /url\s*\(\s*['"]?(?!((\/)|((?:https?:)?\/\/)|(?:data:?:)))([^'")]+)['"]?\s*\)/g, `url("${stylePath}/$4")`);
19486
+ if (cssText === newCssText)
19487
+ return;
19488
+ fixedRules.push(newCssText);
19489
+ });
19490
+ return [rules.join('\n'), fixedRules.join('\n')];
19491
+ }
19492
+ /**
19493
+ * アクションにグローバルなスタイルを読み込む
19494
+ *
19495
+ * @param href - style ファイルのリンク URL
19496
+ *
19497
+ * @public
19498
+ */
19499
+ async function loadStyle(href) {
19500
+ const sr = getActionRoot();
19501
+ if (!sr)
19502
+ return;
19503
+ let cssRules = '';
19504
+ try {
19505
+ const res = await fetch(href);
19506
+ cssRules = await res.text();
19507
+ }
19508
+ catch (_) {
19509
+ // pass
19510
+ }
19511
+ if (!cssRules)
19512
+ return;
19513
+ // Chromeのバグで、Shadow Rootの@font-faceを絶対パスで指定する必要がある
19514
+ // @see https://stackoverflow.com/a/63717709
19515
+ const [rules, fontFaceRules] = await fixFontFaceIssue(href, cssRules);
19516
+ const css = new CSSStyleSheet();
19517
+ // @ts-ignore
19518
+ await css.replace(rules);
19519
+ const fontFaceCss = new CSSStyleSheet();
19520
+ // @ts-ignore
19521
+ await fontFaceCss.replace(fontFaceRules);
19522
+ // @ts-ignore
19523
+ sr.adoptedStyleSheets = [...sr.adoptedStyleSheets, css, fontFaceCss];
19524
+ // Chromeのバグで、ページとShadow Rootの両方に、@font-faceを設定する必要がある
19525
+ // @see https://stackoverflow.com/a/63717709
19526
+ // @ts-ignore
19527
+ document.adoptedStyleSheets = [...document.adoptedStyleSheets, css, fontFaceCss];
19528
+ }
19529
+ // @internal
19530
+ function getCssVariables(data) {
19531
+ return Object.entries(data)
19532
+ .filter(([key, value]) => {
19533
+ return ['string', 'number'].includes(typeof value) && key.startsWith('--');
19534
+ })
19535
+ .map(([key, value]) => `${key}:${value}`)
19536
+ .join(';');
19537
+ }
19538
+ /**
19539
+ * アクションのルートの DOM 要素を取得する
19540
+ *
19541
+ * @returns アクションがルートの DOM 要素 を持つ場合は DOM 要素を返します。ない場合は `null` を返します
19542
+ *
19543
+ * @public
19544
+ */
19545
+ function getActionRoot() {
19546
+ const root = document.querySelector(`.${KARTE_ACTION_ROOT}[data-${KARTE_ACTION_RID}='${actionId}']`);
19547
+ if (!root?.shadowRoot) {
19548
+ return null;
19549
+ }
19550
+ return root.shadowRoot;
19551
+ }
19552
+ /** @internal */
19553
+ function ensureActionRoot() {
19554
+ const systemConfig = getSystem();
19555
+ const rootAttrs = {
19556
+ class: `${KARTE_ACTION_ROOT} ${KARTE_MODAL_ROOT}`,
19557
+ [`data-${KARTE_ACTION_RID}`]: actionId,
19558
+ [`data-${KARTE_ACTION_SHORTEN_ID}`]: systemConfig.shortenId
19559
+ ? systemConfig.shortenId
19560
+ : ALL_ACTION_SHORTEN_ID,
19561
+ style: { display: 'block' },
19562
+ };
19563
+ let el = document.querySelector(`.${KARTE_MODAL_ROOT}[data-${KARTE_ACTION_RID}='${actionId}']`);
19564
+ if (el == null) {
19565
+ el = h('div', rootAttrs);
19566
+ document.body.appendChild(el);
19567
+ }
19568
+ const isShadow = !!document.body.attachShadow;
19569
+ if (isShadow) {
19570
+ return el.shadowRoot ?? el.attachShadow({ mode: 'open' });
19571
+ }
19572
+ else {
19573
+ return el;
19574
+ }
19575
+ }
19576
+ /**
19577
+ * 非推奨
19578
+ *
19579
+ * @deprecated 非推奨
19580
+ *
19581
+ * @internal
19582
+ */
19583
+ const show = showAction;
19584
+ /**
19585
+ * 非推奨
19586
+ *
19587
+ * @deprecated 非推奨
19588
+ *
19589
+ * @internal
19590
+ */
19591
+ const close = closeAction;
19592
+ /**
19593
+ * 非推奨
19594
+ *
19595
+ * @deprecated 非推奨
19596
+ *
19597
+ * @internal
19598
+ */
19599
+ const ensureModalRoot = ensureActionRoot;
19600
+ /**
19601
+ * 非推奨
19602
+ *
19603
+ * @deprecated 非推奨
19604
+ *
19605
+ * @internal
19606
+ */
19607
+ function createApp(App, options = {
19608
+ send: () => { },
19609
+ publish: () => { },
19610
+ props: {},
19611
+ variables: {},
19612
+ localVariablesQuery: undefined,
19613
+ context: { api_key: '' },
19614
+ }) {
19615
+ let app = null;
19616
+ const close = () => {
19617
+ if (app) {
19618
+ {
19619
+ // @ts-ignore -- Svelte5 では $destroy は存在しない
19620
+ app.$destroy();
19621
+ }
19622
+ app = null;
19623
+ }
19624
+ };
19625
+ const appArgs = {
19626
+ target: null,
19627
+ props: {
19628
+ send: options.send,
19629
+ publish: options.publish,
19630
+ close,
19631
+ data: {
19632
+ ...options.props,
19633
+ ...options.variables,
19634
+ },
19635
+ },
19636
+ };
19637
+ const win = ensureModalRoot();
19638
+ appArgs.target = win;
19639
+ return {
19640
+ close,
19641
+ show: () => {
19642
+ if (app) {
19643
+ return;
19644
+ }
19645
+ options.send('message_open');
19646
+ app = // @ts-ignore -- Svelte5 では `App` はクラスではない
19647
+ new App(appArgs);
19648
+ },
19649
+ };
19650
+ }
19651
+ /**
19652
+ * 非推奨
19653
+ *
19654
+ * @deprecated 非推奨
19655
+ *
19656
+ * @internal
19657
+ */
19658
+ function createFog({ color = '#000', opacity = '50%', zIndex = 999, onclick, }) {
19659
+ const root = ensureModalRoot();
19660
+ if (root.querySelector('.__krt-fog')) {
19661
+ return { fog: null, close: () => { } };
19662
+ }
19663
+ const fog = document.createElement('div');
19664
+ fog.className = '__krt-fog';
19665
+ Object.assign(fog.style, {
19666
+ position: 'fixed',
19667
+ left: 0,
19668
+ top: 0,
19669
+ width: '100%',
19670
+ height: '100%',
19671
+ 'z-index': zIndex,
19672
+ 'background-color': color,
19673
+ opacity,
19674
+ });
19675
+ const close = () => {
19676
+ onclick();
19677
+ fog.remove();
19678
+ };
19679
+ fog.onclick = close;
19680
+ root.appendChild(fog);
19681
+ return { fog, close };
19682
+ }
19683
+
19402
19684
  /* src/components-flex/state/Header.svelte generated by Svelte v3.53.1 */
19403
19685
 
19404
19686
  function create_if_block$2(ctx) {
@@ -19578,7 +19860,7 @@ class State extends SvelteComponent {
19578
19860
  /* src/components-flex/state/StateItem.svelte generated by Svelte v3.53.1 */
19579
19861
 
19580
19862
  function add_css(target) {
19581
- append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
19863
+ append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
19582
19864
  }
19583
19865
 
19584
19866
  // (22:0) {#if $state === path}
@@ -19595,7 +19877,7 @@ function create_if_block$1(ctx) {
19595
19877
  t = space();
19596
19878
  if (default_slot) default_slot.c();
19597
19879
  attr(div, "data-state-path", /*path*/ ctx[0]);
19598
- attr(div, "class", "state-item svelte-1amihue");
19880
+ attr(div, "class", "state-item svelte-2qb6dm");
19599
19881
  },
19600
19882
  m(target, anchor) {
19601
19883
  insert(target, div, anchor);
@@ -19770,6 +20052,184 @@ const ROUND_STYLES = {
19770
20052
  },
19771
20053
  };
19772
20054
 
20055
+ const createProp = (key, type, suggestions = [], priority = 0, defaultValue = undefined) => {
20056
+ return {
20057
+ key,
20058
+ type,
20059
+ priority,
20060
+ suggestions: suggestions,
20061
+ default: defaultValue,
20062
+ };
20063
+ };
20064
+ const byObj = (obj) => {
20065
+ return Object.keys(obj);
20066
+ };
20067
+ const overflowProps = [
20068
+ createProp('overflow', 'string', ['hidden', 'visible', 'scroll', 'auto']),
20069
+ ];
20070
+ const borderProps = [
20071
+ createProp('borderTopWidth', 'string'),
20072
+ createProp('borderLeftWidth', 'string'),
20073
+ createProp('borderRightWidth', 'string'),
20074
+ createProp('borderBottomWidth', 'string'),
20075
+ createProp('borderColor', 'color'),
20076
+ ];
20077
+ const radiusProps = [
20078
+ createProp('borderTopLeftRadius', 'string'),
20079
+ createProp('borderTopRightRadius', 'string'),
20080
+ createProp('borderBottomLeftRadius', 'string'),
20081
+ createProp('borderBottomRightRadius', 'string'),
20082
+ ];
20083
+ const paddingProps = [
20084
+ createProp('paddingTop', 'string'),
20085
+ createProp('paddingLeft', 'string'),
20086
+ createProp('paddingRight', 'string'),
20087
+ createProp('paddingBottom', 'string'),
20088
+ ];
20089
+ const backgroundColorProps = [
20090
+ createProp('backgroundColor', 'string'),
20091
+ ];
20092
+ const backgroundImageProps = [
20093
+ createProp('backgroundImageUrl', 'url'),
20094
+ ];
20095
+ const flexComponentSchemes = {
20096
+ FlexAvatar: {
20097
+ props: [
20098
+ createProp('size', 'string', byObj(AVATAR_SIZE), 10),
20099
+ createProp('width', 'string', [], 5),
20100
+ createProp('height', 'string', [], 5),
20101
+ createProp('shape', 'string', byObj(AVATAR_SHAPE), 10),
20102
+ createProp('image', 'url', [], 99),
20103
+ // createProp('caption', 'string'),
20104
+ createProp('alt', 'string', [], 50),
20105
+ // TODO: clickable
20106
+ ...borderProps,
20107
+ ],
20108
+ },
20109
+ FlexButton: {
20110
+ props: [
20111
+ createProp('size', 'string', byObj(BUTTON_SIZE), 50),
20112
+ createProp('label', 'string', [], 99),
20113
+ createProp('paddingLeft', 'string'),
20114
+ createProp('paddingRight', 'string'),
20115
+ createProp('fontSize', 'string'),
20116
+ createProp('theme', 'string', byObj(BUTTON_THEME), 50),
20117
+ createProp('variant', 'string', byObj(BUTTON_VARIANT)),
20118
+ createProp('color', 'color', [], 5),
20119
+ createProp('backgroundColor', 'string', [], 5),
20120
+ createProp('borderColor', 'string', [], 5),
20121
+ createProp('fontWeight', 'string', ['normal', 'bold']),
20122
+ createProp('round', 'string', byObj(BUTTON_ROUND)),
20123
+ createProp('width', 'string', [], 10),
20124
+ createProp('wrap', 'string', ['wrap', 'nowrap']),
20125
+ // TODO: clickable
20126
+ ...radiusProps,
20127
+ ],
20128
+ },
20129
+ FlexClipCopy: {
20130
+ props: [
20131
+ createProp('content', 'string'),
20132
+ createProp('copiedEventName', 'string'),
20133
+ createProp('noneTooltip', 'boolean'),
20134
+ ],
20135
+ },
20136
+ FlexCloseButton: {
20137
+ props: [
20138
+ createProp('size', 'number'),
20139
+ createProp('placement', 'string', byObj(CLOSE_BUTTON_PLACEMENT), 99),
20140
+ createProp('round', 'string', byObj(CLOSE_BUTTON_ROUND)),
20141
+ createProp('bordered', 'boolean'),
20142
+ createProp('color', 'color'),
20143
+ createProp('backgroundColor', 'color'),
20144
+ createProp('label', 'string'),
20145
+ createProp('labelColor', 'color'),
20146
+ createProp('labelPlacement', 'string', byObj(CLOSE_BUTTON_LABEL_PLACEMENT)),
20147
+ createProp('top', 'string'),
20148
+ createProp('left', 'string'),
20149
+ createProp('right', 'string'),
20150
+ createProp('bottom', 'string'),
20151
+ ],
20152
+ },
20153
+ FlexCountDown: {
20154
+ props: [
20155
+ createProp('timeLimit', 'date_string', [], 99),
20156
+ // createProp('timeLimit', 'date_string'),
20157
+ ],
20158
+ },
20159
+ FlexIcon: {
20160
+ props: [
20161
+ createProp('variant', 'string', byObj(ICON_VARIANTS), 99),
20162
+ createProp('size', 'string', byObj(ICON_SIZE), 50),
20163
+ createProp('color', 'color', [], 5),
20164
+ createProp('width', 'string', [], 10),
20165
+ createProp('height', 'string', [], 10),
20166
+ ],
20167
+ },
20168
+ FlexImage: {
20169
+ props: [
20170
+ createProp('image', 'url', [], 99),
20171
+ createProp('aspect', 'string', Object.keys(ASPECT_VARIANT).map(key => ASPECT_VARIANT[key].getProps().aspect), 98),
20172
+ createProp('width', 'string', [], 5),
20173
+ createProp('height', 'string', [], 5),
20174
+ createProp('shape', 'string', byObj(IMAGE_ROUND_SHAPE), 10),
20175
+ ],
20176
+ },
20177
+ FlexLayout: {
20178
+ props: [
20179
+ createProp('display', 'string', ['flex', 'inline-flex', 'block']),
20180
+ createProp('direction', 'string', ['row', 'column', 'row-reverse', 'column-reverse'], 10),
20181
+ createProp('align', 'string', ['center', 'stretch', 'flex-start', 'flex-end'], 10),
20182
+ createProp('justify', 'string', ['center', 'flex-start', 'flex-end', 'space-between'], 10),
20183
+ createProp('gap', 'string', [], 10),
20184
+ createProp('rowGap', 'string', [], 10),
20185
+ createProp('columnGap', 'string', [], 10),
20186
+ createProp('width', 'string', [], 5),
20187
+ ...overflowProps,
20188
+ ...borderProps,
20189
+ ...radiusProps,
20190
+ ...backgroundColorProps,
20191
+ ...backgroundImageProps,
20192
+ ...paddingProps,
20193
+ ],
20194
+ },
20195
+ FlexList: {
20196
+ props: [
20197
+ createProp('gap', 'string', [], 10),
20198
+ createProp('borderWidth', 'string', [], 10),
20199
+ createProp('borderStyle', 'string', [], 10),
20200
+ createProp('borderColor', 'string', [], 10),
20201
+ createProp('itemPaddingTop', 'string', [], 5),
20202
+ createProp('itemPaddingLeft', 'string', [], 5),
20203
+ createProp('itemPaddingRight', 'string', [], 5),
20204
+ createProp('itemPaddingBottom', 'string', [], 5),
20205
+ createProp('itemGap', 'string', [], 5),
20206
+ ],
20207
+ },
20208
+ FlexListItem: {
20209
+ props: [
20210
+ createProp('gap', 'number', [], 10),
20211
+ // TODO: clickable
20212
+ ],
20213
+ },
20214
+ FlexText: {
20215
+ props: [
20216
+ createProp('content', 'string', [], 99),
20217
+ createProp('theme', 'string', byObj(TEXT_THEME), 50),
20218
+ createProp('size', 'string', byObj(LAYER_TEXT_SIZE), 50),
20219
+ createProp('align', 'string', [], 5),
20220
+ createProp('fontStyle', 'string', [], 5),
20221
+ createProp('fontSize', 'string', [], 5),
20222
+ createProp('fontWeight', 'string', [], 5),
20223
+ createProp('lineHeight', 'string', [], 5),
20224
+ createProp('color', 'string', [], 5),
20225
+ createProp('width', 'string', [], 10),
20226
+ createProp('fontFamilyVariant', 'string', byObj(FONT_FAMILY_VARIANT), 10),
20227
+ createProp('fontFamily', 'string', []),
20228
+ // TODO: clickable
20229
+ ],
20230
+ },
20231
+ };
20232
+
19773
20233
  var sdk = /*#__PURE__*/Object.freeze({
19774
20234
  __proto__: null,
19775
20235
  ACTION_HOOK_LABEL: ACTION_HOOK_LABEL,
@@ -19910,11 +20370,13 @@ var sdk = /*#__PURE__*/Object.freeze({
19910
20370
  create: create,
19911
20371
  createApp: createApp,
19912
20372
  createFog: createFog,
20373
+ createProp: createProp,
19913
20374
  destroy: destroy,
19914
20375
  destroyAction: destroyAction,
19915
20376
  ensureModalRoot: ensureModalRoot,
19916
20377
  eventHandlers: eventHandlers,
19917
20378
  finalize: finalize,
20379
+ flexComponentSchemes: flexComponentSchemes,
19918
20380
  formData: formData,
19919
20381
  getActionRoot: getActionRoot,
19920
20382
  getAnsweredQuestion: getAnsweredQuestion,
@@ -19984,7 +20446,7 @@ function get_each_context(ctx, list, i) {
19984
20446
  return child_ctx;
19985
20447
  }
19986
20448
 
19987
- // (12:0) {#if component}
20449
+ // (13:0) {#if component}
19988
20450
  function create_if_block(ctx) {
19989
20451
  let switch_instance;
19990
20452
  let switch_instance_anchor;
@@ -20068,7 +20530,7 @@ function create_if_block(ctx) {
20068
20530
  };
20069
20531
  }
20070
20532
 
20071
- // (19:4) {#if option.children}
20533
+ // (20:4) {#if option.children}
20072
20534
  function create_if_block_1(ctx) {
20073
20535
  let each_1_anchor;
20074
20536
  let current;
@@ -20152,7 +20614,7 @@ function create_if_block_1(ctx) {
20152
20614
  };
20153
20615
  }
20154
20616
 
20155
- // (20:6) {#each option.children as child}
20617
+ // (21:6) {#each option.children as child}
20156
20618
  function create_each_block(ctx) {
20157
20619
  let thumbnailpreview;
20158
20620
  let current;
@@ -20186,7 +20648,7 @@ function create_each_block(ctx) {
20186
20648
  };
20187
20649
  }
20188
20650
 
20189
- // (13:2) <svelte:component this={component} props={'previewProps' in option && typeof option.previewProps !== 'undefined' ? option.previewProps : option.props} >
20651
+ // (14:2) <svelte:component this={component} props={'previewProps' in option && typeof option.previewProps !== 'undefined' ? option.previewProps : option.props} >
20190
20652
  function create_default_slot(ctx) {
20191
20653
  let if_block_anchor;
20192
20654
  let current;
@@ -20299,8 +20761,9 @@ function create_fragment(ctx) {
20299
20761
 
20300
20762
  function instance($$self, $$props, $$invalidate) {
20301
20763
  let component;
20302
- let { option } = $$props;
20764
+ let { option = {} } = $$props;
20303
20765
  let { customBrandKit = undefined } = $$props;
20766
+ console.log('option', option);
20304
20767
 
20305
20768
  const getComponent = key => {
20306
20769
  return key in sdk ? sdk[key] : null;
@@ -20329,4 +20792,4 @@ class ThumbnailPreview extends SvelteComponent {
20329
20792
  }
20330
20793
  }
20331
20794
 
20332
- export { ACTION_HOOK_LABEL, ASPECT_VARIANT, ASPECT_VARIANTS, AVATAR_SHAPE, AVATAR_SIZE, AVATAR_SIZE_STYLES, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_SIZE_STYLES, BUTTON_OUTLINED_WRAP_STYLES, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_TEXT_SIZE, BUTTON_TEXT_SIZE_STYLES, BUTTON_TEXT_THEME, BUTTON_THEME, BUTTON_VARIANT, BUTTON_WRAP_STYLES, BackgroundSizes, Box, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, FONT_FAMILY_VARIANT, FONT_FAMILY_VARIANTS, FONT_FAMILY_VARIANT_GROUPS, Flex, Avatar as FlexAvatar, Button as FlexButton, ButtonOutlined as FlexButtonOutlined, ButtonText as FlexButtonText, ClipCopy as FlexClipCopy, CloseButton as FlexCloseButton, Code as FlexCode, CountDown as FlexCountDown, CountDownValue as FlexCountDownValue, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, List as FlexList, ListItem as FlexListItem, Modal as FlexModal, MultiColumn as FlexMultiColumn, MultiColumnItem as FlexMultiColumnItem, RichText as FlexRichText, Slider as FlexSlider, SliderItem as FlexSliderItem, Text as FlexText, TextLink as FlexTextLink, Youtube as FlexYoutube, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_SIZE, ICON_SIZE_STYLES, ICON_VARIANTS, IMAGE_ASPECT_VARIANTS, IMAGE_ROUND_SHAPE, IMAGE_ROUND_STYLES, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LIST_ITEM_CONTEXT_KEY, LengthUnits, List$1 as List, ListBackgroundTypes, ListDirections, ListItem$1 as ListItem, ListSeparatorTypes, MULTI_COLUMN_ITEM_CONTEXT_KEY, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, ROUND_STYLES, ROUND_VARIANT, Repeats, SHADOW_VARIANT, SHADOW_VARIANTS, SYSTEM_FONT, Slide, SlideItem, State$1 as State, StateItem$1 as StateItem, TEXT_LINK_SIZE, TEXT_LINK_SIZE_STYLES, TEXT_LINK_THEME, TEXT_LINK_UNDERLINE, TEXT_STYLE, TEXT_THEME, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, ThumbnailPreview, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, avatarPropsDefault, beforeUpdate, buttonOutlinedPropsDefault, buttonPropsDefault, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getBrandKit, getButtonOutlinedThemeStyles, getButtonTextThemeStyles, getButtonThemeStyles, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getTextLinkThemeStyles, getTextThemeStyles, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, useBrandKit, variables, widget };
20795
+ export { ACTION_HOOK_LABEL, ASPECT_VARIANT, ASPECT_VARIANTS, AVATAR_SHAPE, AVATAR_SIZE, AVATAR_SIZE_STYLES, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_SIZE_STYLES, BUTTON_OUTLINED_WRAP_STYLES, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_TEXT_SIZE, BUTTON_TEXT_SIZE_STYLES, BUTTON_TEXT_THEME, BUTTON_THEME, BUTTON_VARIANT, BUTTON_WRAP_STYLES, BackgroundSizes, Box, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, FONT_FAMILY_VARIANT, FONT_FAMILY_VARIANTS, FONT_FAMILY_VARIANT_GROUPS, Flex, Avatar as FlexAvatar, Button as FlexButton, ButtonOutlined as FlexButtonOutlined, ButtonText as FlexButtonText, ClipCopy as FlexClipCopy, CloseButton as FlexCloseButton, Code as FlexCode, CountDown as FlexCountDown, CountDownValue as FlexCountDownValue, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, List as FlexList, ListItem as FlexListItem, Modal as FlexModal, MultiColumn as FlexMultiColumn, MultiColumnItem as FlexMultiColumnItem, RichText as FlexRichText, Slider as FlexSlider, SliderItem as FlexSliderItem, Text as FlexText, TextLink as FlexTextLink, Youtube as FlexYoutube, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_SIZE, ICON_SIZE_STYLES, ICON_VARIANTS, IMAGE_ASPECT_VARIANTS, IMAGE_ROUND_SHAPE, IMAGE_ROUND_STYLES, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LIST_ITEM_CONTEXT_KEY, LengthUnits, List$1 as List, ListBackgroundTypes, ListDirections, ListItem$1 as ListItem, ListSeparatorTypes, MULTI_COLUMN_ITEM_CONTEXT_KEY, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, ROUND_STYLES, ROUND_VARIANT, Repeats, SHADOW_VARIANT, SHADOW_VARIANTS, SYSTEM_FONT, Slide, SlideItem, State$1 as State, StateItem$1 as StateItem, TEXT_LINK_SIZE, TEXT_LINK_SIZE_STYLES, TEXT_LINK_THEME, TEXT_LINK_UNDERLINE, TEXT_STYLE, TEXT_THEME, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, ThumbnailPreview, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss$1 as applyCss, applyGlobalCss, avatarPropsDefault, beforeUpdate, buttonOutlinedPropsDefault, buttonPropsDefault, close$1 as close, closeAction$1 as closeAction, collection$1 as collection, create, createApp$1 as createApp, createFog$1 as createFog, createProp, destroy, destroyAction, ensureModalRoot$1 as ensureModalRoot, eventHandlers, finalize, flexComponentSchemes, formData, getActionRoot$1 as getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getBrandKit, getButtonOutlinedThemeStyles, getButtonTextThemeStyles, getButtonThemeStyles, getCssVariables$1 as getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getTextLinkThemeStyles, getTextThemeStyles, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle$1 as loadStyle, logger, onChangeState$1 as onChangeState, onClose$1 as onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow$1 as onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show$1 as show, showAction$1 as showAction, showModal, showOnScroll, showOnTime, state, tick, useBrandKit, variables, widget };