@plaidev/karte-action-sdk 1.1.265 → 1.1.266-29065938.e3ec46c6

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 +779 -290
  3. package/dist/index.es.d.ts +29 -3
  4. package/dist/index.es.js +753 -298
  5. package/dist/svelte5/hydrate/index.es.d.ts +30 -4
  6. package/dist/svelte5/hydrate/index.es.js +754 -430
  7. package/dist/svelte5/index.es.d.ts +30 -4
  8. package/dist/svelte5/index.es.js +576 -386
  9. package/dist/svelte5/index.front2.es.js +578 -386
  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,10 +15438,10 @@ 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-rewdem", ".image.svelte-rewdem{max-width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-img.svelte-rewdem{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
15442
15442
  }
15443
15443
 
15444
- // (24:0) <svelte:element this={element} {...attributes} class="image" {style} data-layer-id={layerId} on:click={handleClick} >
15444
+ // (26:0) <svelte:element this={element} {...attributes} class="image" {style} data-layer-id={layerId} on:click={handleClick} >
15445
15445
  function create_dynamic_element$5(ctx) {
15446
15446
  let svelte_element;
15447
15447
  let img;
@@ -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-rewdem");
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-rewdem", 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-rewdem", true);
15514
15514
  },
15515
15515
  d(detaching) {
15516
15516
  if (detaching) detach(svelte_element);
@@ -15571,6 +15571,7 @@ function instance$l($$self, $$props, $$invalidate) {
15571
15571
  useInjectCustomizeCss(props);
15572
15572
  const { attributes, element, handleClick } = useClickable(props);
15573
15573
  const aspectVariantStyles = ASPECT_VARIANT[props.aspectVariant]?.getProps();
15574
+ const width = props.width ?? '100%';
15574
15575
 
15575
15576
  $$self.$$set = $$props => {
15576
15577
  if ('props' in $$props) $$invalidate(0, props = $$props.props);
@@ -15583,7 +15584,8 @@ function instance$l($$self, $$props, $$invalidate) {
15583
15584
  ...props.borderTopLeftRadius
15584
15585
  ? toCssRadius(props)
15585
15586
  : IMAGE_ROUND_STYLES[props.shape ?? 'square'],
15586
- width: props.width ?? '100%',
15587
+ width,
15588
+ flexShrink: String(width).indexOf('px') !== -1 ? 0 : 1,
15587
15589
  height: props.height ?? 'auto',
15588
15590
  aspectRatio: props.aspect ?? aspectVariantStyles?.aspect,
15589
15591
  ...toCssCommon(props),
@@ -15623,7 +15625,7 @@ const IMAGE_ASPECT_VARIANTS = {
15623
15625
  /* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
15624
15626
 
15625
15627
  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}");
15628
+ 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
15629
  }
15628
15630
 
15629
15631
  // (28:0) <svelte:element {...attributes} this="div" class="layout" style={style} data-layer-id={layerId} on:click={handleClick} >
@@ -15659,7 +15661,7 @@ function create_dynamic_element$4(ctx) {
15659
15661
  set_attributes(svelte_element, svelte_element_data);
15660
15662
  }
15661
15663
 
15662
- toggle_class(svelte_element, "svelte-1tjo4al", true);
15664
+ toggle_class(svelte_element, "svelte-139vx15", true);
15663
15665
  },
15664
15666
  m(target, anchor) {
15665
15667
  insert(target, svelte_element, anchor);
@@ -15704,7 +15706,7 @@ function create_dynamic_element$4(ctx) {
15704
15706
  set_attributes(svelte_element, svelte_element_data);
15705
15707
  }
15706
15708
 
15707
- toggle_class(svelte_element, "svelte-1tjo4al", true);
15709
+ toggle_class(svelte_element, "svelte-139vx15", true);
15708
15710
  },
15709
15711
  i(local) {
15710
15712
  if (current) return;
@@ -15795,8 +15797,8 @@ function instance$k($$self, $$props, $$invalidate) {
15795
15797
  flexDirection: props.direction,
15796
15798
  alignItems: props.align,
15797
15799
  justifyContent: props.justify,
15798
- rowGap: props.rowGap,
15799
- columnGap: props.columnGap,
15800
+ rowGap: props.rowGap ?? props.gap,
15801
+ columnGap: props.columnGap ?? props.gap,
15800
15802
  width: props.width,
15801
15803
  ...toCssOverflow(props),
15802
15804
  ...toCssShadow(props),
@@ -15828,7 +15830,7 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
15828
15830
  /* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
15829
15831
 
15830
15832
  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}");
15833
+ append_styles(target, "svelte-1slel1d", ".slider-list.svelte-1slel1d{-webkit-user-drag:none;margin:0;padding:0;list-style:none}");
15832
15834
  }
15833
15835
 
15834
15836
  function get_each_context$1(ctx, list, i) {
@@ -15930,12 +15932,12 @@ function create_fragment$j(ctx) {
15930
15932
  each_blocks[i].c();
15931
15933
  }
15932
15934
 
15933
- attr(ul, "class", "slider-list svelte-1k4xkut");
15935
+ attr(ul, "class", "slider-list svelte-1slel1d");
15934
15936
  attr(ul, "style", ul_style_value = [/*containerStyle*/ ctx[5], /*overrideStyle*/ ctx[1]].join(' '));
15935
15937
  attr(div0, "style", /*indicatorListStyle*/ ctx[4]);
15936
15938
  attr(div1, "data-layer-id", /*layerId*/ ctx[0]);
15937
15939
  attr(div1, "style", /*style*/ ctx[6]);
15938
- attr(div1, "class", "slider svelte-1k4xkut");
15940
+ attr(div1, "class", "slider svelte-1slel1d");
15939
15941
  },
15940
15942
  m(target, anchor) {
15941
15943
  insert(target, div1, anchor);
@@ -16284,7 +16286,7 @@ class Slider extends SvelteComponent {
16284
16286
  /* src/components-flex/slider/SliderItem.svelte generated by Svelte v3.53.1 */
16285
16287
 
16286
16288
  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}");
16289
+ 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
16290
  }
16289
16291
 
16290
16292
  // (10:2) <svelte:element {...attributes} this={element} class="slider-item-inner" on:click={handleClick} >
@@ -16313,7 +16315,7 @@ function create_dynamic_element$3(ctx) {
16313
16315
  set_attributes(svelte_element, svelte_element_data);
16314
16316
  }
16315
16317
 
16316
- toggle_class(svelte_element, "svelte-j5pon4", true);
16318
+ toggle_class(svelte_element, "svelte-1amglxo", true);
16317
16319
  },
16318
16320
  m(target, anchor) {
16319
16321
  insert(target, svelte_element, anchor);
@@ -16353,7 +16355,7 @@ function create_dynamic_element$3(ctx) {
16353
16355
  set_attributes(svelte_element, svelte_element_data);
16354
16356
  }
16355
16357
 
16356
- toggle_class(svelte_element, "svelte-j5pon4", true);
16358
+ toggle_class(svelte_element, "svelte-1amglxo", true);
16357
16359
  },
16358
16360
  i(local) {
16359
16361
  if (current) return;
@@ -16384,7 +16386,7 @@ function create_fragment$i(ctx) {
16384
16386
  li = element("li");
16385
16387
  if (svelte_element) svelte_element.c();
16386
16388
  attr(li, "data-layer-id", /*layerId*/ ctx[0]);
16387
- attr(li, "class", "slider-item svelte-j5pon4");
16389
+ attr(li, "class", "slider-item svelte-1amglxo");
16388
16390
  },
16389
16391
  m(target, anchor) {
16390
16392
  insert(target, li, anchor);
@@ -16541,7 +16543,7 @@ const TEXT_VARIANTS = {
16541
16543
  /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
16542
16544
 
16543
16545
  function add_css$d(target) {
16544
- append_styles(target, "svelte-14kt34i", ".text.svelte-14kt34i{margin:0;word-break:break-all;text-decoration:none}");
16546
+ append_styles(target, "svelte-vifn7y", ".text.svelte-vifn7y{margin:0;word-break:break-all;text-decoration:none}");
16545
16547
  }
16546
16548
 
16547
16549
  function create_fragment$h(ctx) {
@@ -16550,7 +16552,7 @@ function create_fragment$h(ctx) {
16550
16552
  return {
16551
16553
  c() {
16552
16554
  p = element("p");
16553
- attr(p, "class", "text svelte-14kt34i");
16555
+ attr(p, "class", "text svelte-vifn7y");
16554
16556
  attr(p, "data-layer-id", /*layerId*/ ctx[0]);
16555
16557
  attr(p, "style", /*style*/ ctx[1]);
16556
16558
  },
@@ -16668,7 +16670,7 @@ class Text extends SvelteComponent {
16668
16670
  /* src/components-flex/rich-text/RichText.svelte generated by Svelte v3.53.1 */
16669
16671
 
16670
16672
  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}");
16673
+ 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
16674
  }
16673
16675
 
16674
16676
  function create_fragment$g(ctx) {
@@ -16678,7 +16680,7 @@ function create_fragment$g(ctx) {
16678
16680
  return {
16679
16681
  c() {
16680
16682
  div = element("div");
16681
- attr(div, "class", "rich-text svelte-mq7h73");
16683
+ attr(div, "class", "rich-text svelte-dxr423");
16682
16684
  attr(div, "style", /*style*/ ctx[2]);
16683
16685
  attr(div, "data-layer-id", /*layerId*/ ctx[1]);
16684
16686
  },
@@ -16851,7 +16853,7 @@ const getTextLinkThemeStyles = getPropStyles(callback);
16851
16853
  /* src/components-flex/text-link/TextLink.svelte generated by Svelte v3.53.1 */
16852
16854
 
16853
16855
  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}");
16856
+ 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
16857
  }
16856
16858
 
16857
16859
  // (81:2) {#if props.isIcon && props.iconVariant}
@@ -16944,7 +16946,7 @@ function create_dynamic_element$2(ctx) {
16944
16946
  set_attributes(svelte_element, svelte_element_data);
16945
16947
  }
16946
16948
 
16947
- toggle_class(svelte_element, "svelte-1qyhpm7", true);
16949
+ toggle_class(svelte_element, "svelte-dc9m5n", true);
16948
16950
  },
16949
16951
  m(target, anchor) {
16950
16952
  insert(target, svelte_element, anchor);
@@ -16997,7 +16999,7 @@ function create_dynamic_element$2(ctx) {
16997
16999
  set_attributes(svelte_element, svelte_element_data);
16998
17000
  }
16999
17001
 
17000
- toggle_class(svelte_element, "svelte-1qyhpm7", true);
17002
+ toggle_class(svelte_element, "svelte-dc9m5n", true);
17001
17003
  },
17002
17004
  i(local) {
17003
17005
  if (current) return;
@@ -17180,7 +17182,7 @@ const TEXT_LINK_UNDERLINE = {
17180
17182
  /* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
17181
17183
 
17182
17184
  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}");
17185
+ 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
17186
  }
17185
17187
 
17186
17188
  // (14:0) {#if backgroundOverlay}
@@ -17193,7 +17195,7 @@ function create_if_block$4(ctx) {
17193
17195
  return {
17194
17196
  c() {
17195
17197
  div = element("div");
17196
- attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"));
17198
+ attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
17197
17199
  },
17198
17200
  m(target, anchor) {
17199
17201
  insert(target, div, anchor);
@@ -17204,7 +17206,7 @@ function create_if_block$4(ctx) {
17204
17206
  }
17205
17207
  },
17206
17208
  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"))) {
17209
+ if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
17208
17210
  attr(div, "class", div_class_value);
17209
17211
  }
17210
17212
  },
@@ -17276,10 +17278,10 @@ class BackgroundOverlay extends SvelteComponent {
17276
17278
  /* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
17277
17279
 
17278
17280
  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}}");
17281
+ 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
17282
  }
17281
17283
 
17282
- // (237:0) {:else}
17284
+ // (220:0) {:else}
17283
17285
  function create_else_block(ctx) {
17284
17286
  let backgroundoverlay;
17285
17287
  let current;
@@ -17291,7 +17293,7 @@ function create_else_block(ctx) {
17291
17293
  });
17292
17294
 
17293
17295
  backgroundoverlay.$on("click", function () {
17294
- if (is_function(/*backgroundClick*/ ctx[13])) /*backgroundClick*/ ctx[13].apply(this, arguments);
17296
+ if (is_function(/*backgroundClick*/ ctx[12])) /*backgroundClick*/ ctx[12].apply(this, arguments);
17295
17297
  });
17296
17298
 
17297
17299
  return {
@@ -17323,7 +17325,7 @@ function create_else_block(ctx) {
17323
17325
  };
17324
17326
  }
17325
17327
 
17326
- // (226:24)
17328
+ // (209:24)
17327
17329
  function create_if_block_2(ctx) {
17328
17330
  let backgroundoverlay0;
17329
17331
  let t;
@@ -17338,7 +17340,7 @@ function create_if_block_2(ctx) {
17338
17340
  });
17339
17341
 
17340
17342
  backgroundoverlay0.$on("click", function () {
17341
- if (is_function(/*backgroundClickPC*/ ctx[12])) /*backgroundClickPC*/ ctx[12].apply(this, arguments);
17343
+ if (is_function(/*backgroundClickPC*/ ctx[11])) /*backgroundClickPC*/ ctx[11].apply(this, arguments);
17342
17344
  });
17343
17345
 
17344
17346
  backgroundoverlay1 = new BackgroundOverlay({
@@ -17349,7 +17351,7 @@ function create_if_block_2(ctx) {
17349
17351
  });
17350
17352
 
17351
17353
  backgroundoverlay1.$on("click", function () {
17352
- if (is_function(/*backgroundClickSP*/ ctx[11])) /*backgroundClickSP*/ ctx[11].apply(this, arguments);
17354
+ if (is_function(/*backgroundClickSP*/ ctx[10])) /*backgroundClickSP*/ ctx[10].apply(this, arguments);
17353
17355
  });
17354
17356
 
17355
17357
  return {
@@ -17392,7 +17394,7 @@ function create_if_block_2(ctx) {
17392
17394
  };
17393
17395
  }
17394
17396
 
17395
- // (224:0) {#if isPreview()}
17397
+ // (207:0) {#if isCanvasPreview}
17396
17398
  function create_if_block_1$1(ctx) {
17397
17399
  return {
17398
17400
  c: noop,
@@ -17404,11 +17406,10 @@ function create_if_block_1$1(ctx) {
17404
17406
  };
17405
17407
  }
17406
17408
 
17407
- // (240:0) {#if visible}
17409
+ // (223:0) {#if visible}
17408
17410
  function create_if_block$3(ctx) {
17409
17411
  let div;
17410
17412
  let div_class_value;
17411
- let div_style_value;
17412
17413
  let div_intro;
17413
17414
  let current;
17414
17415
  const default_slot_template = /*#slots*/ ctx[26].default;
@@ -17418,11 +17419,11 @@ function create_if_block$3(ctx) {
17418
17419
  c() {
17419
17420
  div = element("div");
17420
17421
  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"));
17422
+ attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"));
17422
17423
  attr(div, "role", "dialog");
17423
17424
  attr(div, "aria-modal", "true");
17424
17425
  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(' '));
17426
+ attr(div, "style", Array.from(/*modalStyles*/ ctx[14]).join(';'));
17426
17427
  },
17427
17428
  m(target, anchor) {
17428
17429
  insert(target, div, anchor);
@@ -17452,17 +17453,13 @@ function create_if_block$3(ctx) {
17452
17453
  }
17453
17454
  }
17454
17455
 
17455
- if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-15b58xm"))) {
17456
+ if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"))) {
17456
17457
  attr(div, "class", div_class_value);
17457
17458
  }
17458
17459
 
17459
17460
  if (!current || dirty & /*layerId*/ 4) {
17460
17461
  attr(div, "data-layer-id", /*layerId*/ ctx[2]);
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(' '))) {
17464
- attr(div, "style", div_style_value);
17465
- }
17466
17463
  },
17467
17464
  i(local) {
17468
17465
  if (current) return;
@@ -17494,7 +17491,6 @@ function create_if_block$3(ctx) {
17494
17491
  }
17495
17492
 
17496
17493
  function create_fragment$d(ctx) {
17497
- let show_if;
17498
17494
  let current_block_type_index;
17499
17495
  let if_block0;
17500
17496
  let t;
@@ -17506,8 +17502,7 @@ function create_fragment$d(ctx) {
17506
17502
  const if_blocks = [];
17507
17503
 
17508
17504
  function select_block_type(ctx, dirty) {
17509
- if (show_if == null) show_if = !!isPreview();
17510
- if (show_if) return 0;
17505
+ if (/*isCanvasPreview*/ ctx[13]) return 0;
17511
17506
  if (/*useBreakPoint*/ ctx[0]) return 1;
17512
17507
  return 2;
17513
17508
  }
@@ -17532,7 +17527,7 @@ function create_fragment$d(ctx) {
17532
17527
 
17533
17528
  if (!mounted) {
17534
17529
  dispose = listen(window, "keydown", function () {
17535
- if (is_function(/*handle_keydown*/ ctx[10])) /*handle_keydown*/ ctx[10].apply(this, arguments);
17530
+ if (is_function(/*handle_keydown*/ ctx[9])) /*handle_keydown*/ ctx[9].apply(this, arguments);
17536
17531
  });
17537
17532
 
17538
17533
  mounted = true;
@@ -17618,7 +17613,6 @@ function instance$d($$self, $$props, $$invalidate) {
17618
17613
  let backgroundClickSP;
17619
17614
  let handle_keydown;
17620
17615
  let visible;
17621
- let style;
17622
17616
  let { $$slots: slots = {}, $$scope } = $$props;
17623
17617
  let { useBreakPoint = false } = $$props;
17624
17618
  let { placement } = $$props;
@@ -17630,6 +17624,7 @@ function instance$d($$self, $$props, $$invalidate) {
17630
17624
  let { closeEventValue = null } = $$props;
17631
17625
  let { layerId = '' } = $$props;
17632
17626
  const { brandKit } = useBrandKit();
17627
+ const isCanvasPreview = (document.querySelector('#preview')?.getAttribute('data-canvas-preview') ?? 'false') === 'true';
17633
17628
 
17634
17629
  // モーダル背景の設定
17635
17630
  const isExistBackgroundOverlayValue = placement && placement.backgroundOverlay !== undefined;
@@ -17688,7 +17683,7 @@ function instance$d($$self, $$props, $$invalidate) {
17688
17683
 
17689
17684
  if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 98305) {
17690
17685
  {
17691
- if (isExistBackgroundOverlayValue) {
17686
+ if (!isCanvasPreview && isExistBackgroundOverlayValue) {
17692
17687
  $$invalidate(4, backgroundOverlay = placement.backgroundOverlay);
17693
17688
  }
17694
17689
 
@@ -17724,7 +17719,7 @@ function instance$d($$self, $$props, $$invalidate) {
17724
17719
  }
17725
17720
 
17726
17721
  if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 3670016) {
17727
- $$invalidate(13, backgroundClick = () => {
17722
+ $$invalidate(12, backgroundClick = () => {
17728
17723
  if (closeEventName) {
17729
17724
  send_event(closeEventName, closeEventValue);
17730
17725
  }
@@ -17734,7 +17729,7 @@ function instance$d($$self, $$props, $$invalidate) {
17734
17729
  }
17735
17730
 
17736
17731
  if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 5767168) {
17737
- $$invalidate(12, backgroundClickPC = () => {
17732
+ $$invalidate(11, backgroundClickPC = () => {
17738
17733
  if (closeEventName) {
17739
17734
  send_event(closeEventName, closeEventValue);
17740
17735
  }
@@ -17744,7 +17739,7 @@ function instance$d($$self, $$props, $$invalidate) {
17744
17739
  }
17745
17740
 
17746
17741
  if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 9961472) {
17747
- $$invalidate(11, backgroundClickSP = () => {
17742
+ $$invalidate(10, backgroundClickSP = () => {
17748
17743
  if (closeEventName) {
17749
17744
  send_event(closeEventName, closeEventValue);
17750
17745
  }
@@ -17759,7 +17754,7 @@ function instance$d($$self, $$props, $$invalidate) {
17759
17754
  // 表示位置のスタイルの設定
17760
17755
  let position = DefaultModalPlacement.position;
17761
17756
 
17762
- if (placement && placement.position !== null) {
17757
+ if (!isCanvasPreview && placement && placement.position !== null) {
17763
17758
  position = placement.position;
17764
17759
  }
17765
17760
 
@@ -17776,7 +17771,7 @@ function instance$d($$self, $$props, $$invalidate) {
17776
17771
  $$invalidate(3, transforms = []);
17777
17772
 
17778
17773
  DEVICE_IDS.forEach(deviceId => {
17779
- if (useBreakPoint) {
17774
+ if (!isCanvasPreview && useBreakPoint) {
17780
17775
  const positionWithBp = breakPoint[deviceId]?.placement?.position;
17781
17776
 
17782
17777
  transforms.push({
@@ -17801,12 +17796,12 @@ function instance$d($$self, $$props, $$invalidate) {
17801
17796
  }
17802
17797
  }
17803
17798
 
17804
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 98305) {
17799
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, props*/ 360449) {
17805
17800
  // 表示位置の調整のスタイルを設定
17806
17801
  {
17807
17802
  let margin = DefaultModalPlacement.margin;
17808
17803
 
17809
- if (placement && placement.margin !== null) {
17804
+ if (!isCanvasPreview && placement && placement.margin !== null) {
17810
17805
  margin = placement.margin;
17811
17806
  }
17812
17807
 
@@ -17817,7 +17812,7 @@ function instance$d($$self, $$props, $$invalidate) {
17817
17812
  }
17818
17813
 
17819
17814
  DEVICE_IDS.forEach(deviceId => {
17820
- if (useBreakPoint) {
17815
+ if (!isCanvasPreview && useBreakPoint) {
17821
17816
  const marginWithBp = breakPoint[deviceId]?.placement?.margin;
17822
17817
  marginStyle = getMarginStyle(marginWithBp);
17823
17818
  }
@@ -17830,49 +17825,23 @@ function instance$d($$self, $$props, $$invalidate) {
17830
17825
 
17831
17826
  modalStyles.add(marginVariables);
17832
17827
  });
17833
- }
17834
- }
17835
-
17836
- if ($$self.$$.dirty & /*elasticity, useBreakPoint, breakPoint*/ 196609) {
17837
- // 拡大方法のスタイルを設定
17838
- {
17839
- let elasticStyle = ElasticityStyle[elasticity];
17840
17828
 
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);
17829
+ const propsStyle = objToStyle({
17830
+ width: props.width,
17831
+ ...toCssOverflow(props),
17832
+ ...toCssShadow(props),
17833
+ ...toCssRadius(props),
17834
+ ...toCssBackgroundImage(props),
17835
+ ...toCssBackgroundColor(props),
17836
+ ...toCssBorder(props)
17858
17837
  });
17838
+
17839
+ modalStyles.add(propsStyle);
17859
17840
  }
17860
17841
  }
17861
17842
 
17862
17843
  if ($$self.$$.dirty & /*close*/ 16777216) {
17863
- $$invalidate(10, handle_keydown = handleKeydown({ Escape: close }));
17864
- }
17865
-
17866
- if ($$self.$$.dirty & /*props*/ 262144) {
17867
- $$invalidate(9, style = objToStyle({
17868
- width: props.width,
17869
- ...toCssOverflow(props),
17870
- ...toCssShadow(props),
17871
- ...toCssRadius(props),
17872
- ...toCssBackgroundImage(props),
17873
- ...toCssBackgroundColor(props),
17874
- ...toCssBorder(props)
17875
- }));
17844
+ $$invalidate(9, handle_keydown = handleKeydown({ Escape: close }));
17876
17845
  }
17877
17846
  };
17878
17847
 
@@ -17891,11 +17860,11 @@ function instance$d($$self, $$props, $$invalidate) {
17891
17860
  backgroundOverlaySP,
17892
17861
  modal,
17893
17862
  visible,
17894
- style,
17895
17863
  handle_keydown,
17896
17864
  backgroundClickSP,
17897
17865
  backgroundClickPC,
17898
17866
  backgroundClick,
17867
+ isCanvasPreview,
17899
17868
  modalStyles,
17900
17869
  placement,
17901
17870
  breakPoint,
@@ -17942,7 +17911,7 @@ class Modal extends SvelteComponent {
17942
17911
  /* src/components-flex/code/Code.svelte generated by Svelte v3.53.1 */
17943
17912
 
17944
17913
  function add_css$8(target) {
17945
- append_styles(target, "svelte-jviwnb", ".code.svelte-jviwnb{flex-grow:1;flex-shrink:0;align-self:stretch}");
17914
+ append_styles(target, "svelte-igivoz", ".code.svelte-igivoz{flex-grow:1;flex-shrink:0;align-self:stretch}");
17946
17915
  }
17947
17916
 
17948
17917
  function create_fragment$c(ctx) {
@@ -17952,7 +17921,7 @@ function create_fragment$c(ctx) {
17952
17921
  return {
17953
17922
  c() {
17954
17923
  div = element("div");
17955
- attr(div, "class", "code svelte-jviwnb");
17924
+ attr(div, "class", "code svelte-igivoz");
17956
17925
  attr(div, "data-layer-id", /*layerId*/ ctx[1]);
17957
17926
  },
17958
17927
  m(target, anchor) {
@@ -18034,7 +18003,7 @@ const LIST_ITEM_CONTEXT_KEY = 'ListItemContext';
18034
18003
  /* src/components-flex/list/List.svelte generated by Svelte v3.53.1 */
18035
18004
 
18036
18005
  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)}");
18006
+ 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
18007
  }
18039
18008
 
18040
18009
  function create_fragment$b(ctx) {
@@ -18048,7 +18017,7 @@ function create_fragment$b(ctx) {
18048
18017
  ul = element("ul");
18049
18018
  if (default_slot) default_slot.c();
18050
18019
  attr(ul, "data-layer-id", /*layerId*/ ctx[0]);
18051
- attr(ul, "class", "list svelte-5g0mcl");
18020
+ attr(ul, "class", "list svelte-v2vy6p");
18052
18021
  attr(ul, "style", /*style*/ ctx[1]);
18053
18022
  },
18054
18023
  m(target, anchor) {
@@ -18171,7 +18140,7 @@ class List extends SvelteComponent {
18171
18140
  /* src/components-flex/list/ListItem.svelte generated by Svelte v3.53.1 */
18172
18141
 
18173
18142
  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)}");
18143
+ 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
18144
  }
18176
18145
 
18177
18146
  // (30:2) <svelte:element {...attributes} this={element} class="list-item-inner" style={innerStyle} on:click={handleClick} >
@@ -18206,7 +18175,7 @@ function create_dynamic_element$1(ctx) {
18206
18175
  set_attributes(svelte_element, svelte_element_data);
18207
18176
  }
18208
18177
 
18209
- toggle_class(svelte_element, "svelte-1e6dn58", true);
18178
+ toggle_class(svelte_element, "svelte-1223veg", true);
18210
18179
  },
18211
18180
  m(target, anchor) {
18212
18181
  insert(target, svelte_element, anchor);
@@ -18250,7 +18219,7 @@ function create_dynamic_element$1(ctx) {
18250
18219
  set_attributes(svelte_element, svelte_element_data);
18251
18220
  }
18252
18221
 
18253
- toggle_class(svelte_element, "svelte-1e6dn58", true);
18222
+ toggle_class(svelte_element, "svelte-1223veg", true);
18254
18223
  },
18255
18224
  i(local) {
18256
18225
  if (current) return;
@@ -18280,7 +18249,7 @@ function create_fragment$a(ctx) {
18280
18249
  c() {
18281
18250
  li = element("li");
18282
18251
  if (svelte_element) svelte_element.c();
18283
- attr(li, "class", "list-item svelte-1e6dn58");
18252
+ attr(li, "class", "list-item svelte-1223veg");
18284
18253
  attr(li, "data-layer-id", /*layerId*/ ctx[0]);
18285
18254
  attr(li, "style", /*style*/ ctx[2]);
18286
18255
  },
@@ -18426,7 +18395,7 @@ function splitNumberAndUnit(value) {
18426
18395
  /* src/components-flex/multi-column/MultiColumn.svelte generated by Svelte v3.53.1 */
18427
18396
 
18428
18397
  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}");
18398
+ append_styles(target, "svelte-aoppwp", ".list.svelte-aoppwp{padding:0;margin:0;list-style:none;display:flex;flex-direction:row}");
18430
18399
  }
18431
18400
 
18432
18401
  function create_fragment$9(ctx) {
@@ -18440,7 +18409,7 @@ function create_fragment$9(ctx) {
18440
18409
  ul = element("ul");
18441
18410
  if (default_slot) default_slot.c();
18442
18411
  attr(ul, "data-layer-id", /*layerId*/ ctx[0]);
18443
- attr(ul, "class", "list svelte-1csavnh");
18412
+ attr(ul, "class", "list svelte-aoppwp");
18444
18413
  attr(ul, "style", /*style*/ ctx[1]);
18445
18414
  },
18446
18415
  m(target, anchor) {
@@ -18552,7 +18521,7 @@ class MultiColumn extends SvelteComponent {
18552
18521
  /* src/components-flex/multi-column/MultiColumnItem.svelte generated by Svelte v3.53.1 */
18553
18522
 
18554
18523
  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)}");
18524
+ 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
18525
  }
18557
18526
 
18558
18527
  // (28:2) <svelte:element {...attributes} this={element} class="multi-column-item-inner" on:click={handleClick} >
@@ -18581,7 +18550,7 @@ function create_dynamic_element(ctx) {
18581
18550
  set_attributes(svelte_element, svelte_element_data);
18582
18551
  }
18583
18552
 
18584
- toggle_class(svelte_element, "svelte-1mk0qj6", true);
18553
+ toggle_class(svelte_element, "svelte-1blzs1a", true);
18585
18554
  },
18586
18555
  m(target, anchor) {
18587
18556
  insert(target, svelte_element, anchor);
@@ -18621,7 +18590,7 @@ function create_dynamic_element(ctx) {
18621
18590
  set_attributes(svelte_element, svelte_element_data);
18622
18591
  }
18623
18592
 
18624
- toggle_class(svelte_element, "svelte-1mk0qj6", true);
18593
+ toggle_class(svelte_element, "svelte-1blzs1a", true);
18625
18594
  },
18626
18595
  i(local) {
18627
18596
  if (current) return;
@@ -18651,7 +18620,7 @@ function create_fragment$8(ctx) {
18651
18620
  c() {
18652
18621
  li = element("li");
18653
18622
  if (svelte_element) svelte_element.c();
18654
- attr(li, "class", "multi-column-item svelte-1mk0qj6");
18623
+ attr(li, "class", "multi-column-item svelte-1blzs1a");
18655
18624
  attr(li, "data-layer-id", /*layerId*/ ctx[0]);
18656
18625
  attr(li, "style", /*style*/ ctx[1]);
18657
18626
  },
@@ -18766,7 +18735,7 @@ class MultiColumnItem extends SvelteComponent {
18766
18735
  /* src/components-flex/youtube/Youtube.svelte generated by Svelte v3.53.1 */
18767
18736
 
18768
18737
  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}");
18738
+ 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
18739
  }
18771
18740
 
18772
18741
  function create_fragment$7(ctx) {
@@ -18778,7 +18747,7 @@ function create_fragment$7(ctx) {
18778
18747
  div1 = element("div");
18779
18748
  div0 = element("div");
18780
18749
  attr(div0, "class", "youtube-player");
18781
- attr(div1, "class", "youtube svelte-1bgnrue");
18750
+ attr(div1, "class", "youtube svelte-odfkc2");
18782
18751
  attr(div1, "style", /*style*/ ctx[2]);
18783
18752
  attr(div1, "data-layer-id", /*layerId*/ ctx[0]);
18784
18753
  },
@@ -18925,7 +18894,7 @@ class Youtube extends SvelteComponent {
18925
18894
  /* src/components-flex/count-down/CountDown.svelte generated by Svelte v3.53.1 */
18926
18895
 
18927
18896
  function add_css$2(target) {
18928
- append_styles(target, "svelte-1eft5i1", ".countdown.svelte-1eft5i1{display:flex;align-items:center;gap:4px}");
18897
+ append_styles(target, "svelte-1n395il", ".countdown.svelte-1n395il{display:flex;align-items:center;gap:4px}");
18929
18898
  }
18930
18899
 
18931
18900
  const get_default_slot_changes = dirty => ({
@@ -18952,7 +18921,7 @@ function create_fragment$6(ctx) {
18952
18921
  c() {
18953
18922
  div = element("div");
18954
18923
  if (default_slot) default_slot.c();
18955
- attr(div, "class", "countdown svelte-1eft5i1");
18924
+ attr(div, "class", "countdown svelte-1n395il");
18956
18925
  attr(div, "data-layer-id", /*layerId*/ ctx[0]);
18957
18926
  },
18958
18927
  m(target, anchor) {
@@ -19247,7 +19216,7 @@ class CountDownValue extends SvelteComponent {
19247
19216
  /* src/components-flex/clip-copy/ClipCopy.svelte generated by Svelte v3.53.1 */
19248
19217
 
19249
19218
  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%)}");
19219
+ 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
19220
  }
19252
19221
 
19253
19222
  function create_fragment$4(ctx) {
@@ -19271,10 +19240,10 @@ function create_fragment$4(ctx) {
19271
19240
  t0 = space();
19272
19241
  span = element("span");
19273
19242
  t1 = text("コピーしました");
19274
- attr(button, "class", "clipboard-button svelte-1z01gne");
19243
+ attr(button, "class", "clipboard-button svelte-30zd8m");
19275
19244
  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");
19245
+ attr(span, "class", "clipboard-tooltip svelte-30zd8m");
19246
+ attr(div, "class", "clipboard svelte-30zd8m");
19278
19247
  attr(div, "data-layer-id", /*layerId*/ ctx[0]);
19279
19248
  },
19280
19249
  m(target, anchor) {
@@ -19399,6 +19368,312 @@ class ClipCopy extends SvelteComponent {
19399
19368
  }
19400
19369
  }
19401
19370
 
19371
+ /**
19372
+ * モーダル(ポップアップ)に関連するコードの管理
19373
+ *
19374
+ * アクションのShow, Close, ChangeStateの状態はここで管理する。
19375
+ */
19376
+ /**
19377
+ * アクションが表示 (show) された後にフックする関数
19378
+ *
19379
+ * @param fn - 呼び出されるフック関数
19380
+ *
19381
+ * @public
19382
+ */
19383
+ function onShow(fn) {
19384
+ let { onShowHandlers } = getInternalHandlers();
19385
+ if (!onShowHandlers) {
19386
+ onShowHandlers = [];
19387
+ }
19388
+ onShowHandlers.push(fn);
19389
+ setInternalHandlers({ onShowHandlers });
19390
+ }
19391
+ /**
19392
+ * アクションがクローズ (close) される前にフックする関数
19393
+ *
19394
+ * @param fn - 呼び出されるフック関数
19395
+ *
19396
+ * @public
19397
+ */
19398
+ function onClose(fn) {
19399
+ let { onCloseHandlers } = getInternalHandlers();
19400
+ if (!onCloseHandlers) {
19401
+ onCloseHandlers = [];
19402
+ }
19403
+ onCloseHandlers.push(fn);
19404
+ setInternalHandlers({ onCloseHandlers });
19405
+ }
19406
+ /**
19407
+ * アクションのステートが変更された (changeState) 後にフックする関数
19408
+ *
19409
+ * @param fn - 呼び出されるフック関数
19410
+ *
19411
+ * @public
19412
+ */
19413
+ function onChangeState(fn) {
19414
+ let { onChangeStateHandlers } = getInternalHandlers();
19415
+ if (!onChangeStateHandlers) {
19416
+ onChangeStateHandlers = [];
19417
+ }
19418
+ onChangeStateHandlers.push(fn);
19419
+ setInternalHandlers({ onChangeStateHandlers });
19420
+ }
19421
+ /**
19422
+ * アクションを表示する
19423
+ *
19424
+ * @public
19425
+ */
19426
+ function showAction() {
19427
+ const event = new CustomEvent(ACTION_SHOW_EVENT, { detail: { trigger: 'custom' } });
19428
+ window.dispatchEvent(event);
19429
+ }
19430
+ /**
19431
+ * アクションを閉じる
19432
+ *
19433
+ * @param trigger - 閉じた時のトリガー。デフォルト `'none'`
19434
+ *
19435
+ * @public
19436
+ */
19437
+ function closeAction(trigger = 'none') {
19438
+ const event = new CustomEvent(ACTION_CLOSE_EVENT, { detail: { trigger } });
19439
+ window.dispatchEvent(event);
19440
+ }
19441
+ /**
19442
+ * アクションに CSS を適用する
19443
+ *
19444
+ * @param css - 適用する CSS
19445
+ *
19446
+ * @returns 適用された style 要素を返す Promise
19447
+ *
19448
+ * @public
19449
+ */
19450
+ async function applyCss(css) {
19451
+ return new Promise((resolve, reject) => {
19452
+ const style = document.createElement('style');
19453
+ style.textContent = css;
19454
+ const shadowRoot = getActionRoot();
19455
+ if (!shadowRoot)
19456
+ return;
19457
+ shadowRoot.append(style);
19458
+ style.addEventListener('load', () => resolve(style));
19459
+ style.addEventListener('error', () => reject(style));
19460
+ });
19461
+ }
19462
+ async function fixFontFaceIssue(href, cssRules) {
19463
+ const css = new CSSStyleSheet();
19464
+ // @ts-ignore
19465
+ await css.replace(cssRules);
19466
+ const rules = [];
19467
+ const fixedRules = [];
19468
+ Array.from(css.cssRules).forEach(cssRule => {
19469
+ if (cssRule.type !== 5) {
19470
+ rules.push(cssRule.cssText);
19471
+ }
19472
+ // type 5 is @font-face
19473
+ const split = href.split('/');
19474
+ const stylePath = split.slice(0, split.length - 1).join('/');
19475
+ const cssText = cssRule.cssText;
19476
+ const newCssText = cssText.replace(
19477
+ // relative paths
19478
+ /url\s*\(\s*['"]?(?!((\/)|((?:https?:)?\/\/)|(?:data:?:)))([^'")]+)['"]?\s*\)/g, `url("${stylePath}/$4")`);
19479
+ if (cssText === newCssText)
19480
+ return;
19481
+ fixedRules.push(newCssText);
19482
+ });
19483
+ return [rules.join('\n'), fixedRules.join('\n')];
19484
+ }
19485
+ /**
19486
+ * アクションにグローバルなスタイルを読み込む
19487
+ *
19488
+ * @param href - style ファイルのリンク URL
19489
+ *
19490
+ * @public
19491
+ */
19492
+ async function loadStyle(href) {
19493
+ const sr = getActionRoot();
19494
+ if (!sr)
19495
+ return;
19496
+ let cssRules = '';
19497
+ try {
19498
+ const res = await fetch(href);
19499
+ cssRules = await res.text();
19500
+ }
19501
+ catch (_) {
19502
+ // pass
19503
+ }
19504
+ if (!cssRules)
19505
+ return;
19506
+ // Chromeのバグで、Shadow Rootの@font-faceを絶対パスで指定する必要がある
19507
+ // @see https://stackoverflow.com/a/63717709
19508
+ const [rules, fontFaceRules] = await fixFontFaceIssue(href, cssRules);
19509
+ const css = new CSSStyleSheet();
19510
+ // @ts-ignore
19511
+ await css.replace(rules);
19512
+ const fontFaceCss = new CSSStyleSheet();
19513
+ // @ts-ignore
19514
+ await fontFaceCss.replace(fontFaceRules);
19515
+ // @ts-ignore
19516
+ sr.adoptedStyleSheets = [...sr.adoptedStyleSheets, css, fontFaceCss];
19517
+ // Chromeのバグで、ページとShadow Rootの両方に、@font-faceを設定する必要がある
19518
+ // @see https://stackoverflow.com/a/63717709
19519
+ // @ts-ignore
19520
+ document.adoptedStyleSheets = [...document.adoptedStyleSheets, css, fontFaceCss];
19521
+ }
19522
+ // @internal
19523
+ function getCssVariables(data) {
19524
+ return Object.entries(data)
19525
+ .filter(([key, value]) => {
19526
+ return ['string', 'number'].includes(typeof value) && key.startsWith('--');
19527
+ })
19528
+ .map(([key, value]) => `${key}:${value}`)
19529
+ .join(';');
19530
+ }
19531
+ /**
19532
+ * アクションのルートの DOM 要素を取得する
19533
+ *
19534
+ * @returns アクションがルートの DOM 要素 を持つ場合は DOM 要素を返します。ない場合は `null` を返します
19535
+ *
19536
+ * @public
19537
+ */
19538
+ function getActionRoot() {
19539
+ const root = document.querySelector(`.${KARTE_ACTION_ROOT}[data-${KARTE_ACTION_RID}='${actionId}']`);
19540
+ if (!root?.shadowRoot) {
19541
+ return null;
19542
+ }
19543
+ return root.shadowRoot;
19544
+ }
19545
+ /** @internal */
19546
+ function ensureActionRoot() {
19547
+ const systemConfig = getSystem();
19548
+ const rootAttrs = {
19549
+ class: `${KARTE_ACTION_ROOT} ${KARTE_MODAL_ROOT}`,
19550
+ [`data-${KARTE_ACTION_RID}`]: actionId,
19551
+ [`data-${KARTE_ACTION_SHORTEN_ID}`]: systemConfig.shortenId
19552
+ ? systemConfig.shortenId
19553
+ : ALL_ACTION_SHORTEN_ID,
19554
+ style: { display: 'block' },
19555
+ };
19556
+ let el = document.querySelector(`.${KARTE_MODAL_ROOT}[data-${KARTE_ACTION_RID}='${actionId}']`);
19557
+ if (el == null) {
19558
+ el = h('div', rootAttrs);
19559
+ document.body.appendChild(el);
19560
+ }
19561
+ const isShadow = !!document.body.attachShadow;
19562
+ if (isShadow) {
19563
+ return el.shadowRoot ?? el.attachShadow({ mode: 'open' });
19564
+ }
19565
+ else {
19566
+ return el;
19567
+ }
19568
+ }
19569
+ /**
19570
+ * 非推奨
19571
+ *
19572
+ * @deprecated 非推奨
19573
+ *
19574
+ * @internal
19575
+ */
19576
+ const show = showAction;
19577
+ /**
19578
+ * 非推奨
19579
+ *
19580
+ * @deprecated 非推奨
19581
+ *
19582
+ * @internal
19583
+ */
19584
+ const close = closeAction;
19585
+ /**
19586
+ * 非推奨
19587
+ *
19588
+ * @deprecated 非推奨
19589
+ *
19590
+ * @internal
19591
+ */
19592
+ const ensureModalRoot = ensureActionRoot;
19593
+ /**
19594
+ * 非推奨
19595
+ *
19596
+ * @deprecated 非推奨
19597
+ *
19598
+ * @internal
19599
+ */
19600
+ function createApp(App, options = {
19601
+ send: () => { },
19602
+ publish: () => { },
19603
+ props: {},
19604
+ variables: {},
19605
+ localVariablesQuery: undefined,
19606
+ context: { api_key: '' },
19607
+ }) {
19608
+ let app = null;
19609
+ const close = () => {
19610
+ if (app) {
19611
+ {
19612
+ // @ts-ignore -- Svelte5 では $destroy は存在しない
19613
+ app.$destroy();
19614
+ }
19615
+ app = null;
19616
+ }
19617
+ };
19618
+ const appArgs = {
19619
+ target: null,
19620
+ props: {
19621
+ send: options.send,
19622
+ publish: options.publish,
19623
+ close,
19624
+ data: {
19625
+ ...options.props,
19626
+ ...options.variables,
19627
+ },
19628
+ },
19629
+ };
19630
+ const win = ensureModalRoot();
19631
+ appArgs.target = win;
19632
+ return {
19633
+ close,
19634
+ show: () => {
19635
+ if (app) {
19636
+ return;
19637
+ }
19638
+ options.send('message_open');
19639
+ app = // @ts-ignore -- Svelte5 では `App` はクラスではない
19640
+ new App(appArgs);
19641
+ },
19642
+ };
19643
+ }
19644
+ /**
19645
+ * 非推奨
19646
+ *
19647
+ * @deprecated 非推奨
19648
+ *
19649
+ * @internal
19650
+ */
19651
+ function createFog({ color = '#000', opacity = '50%', zIndex = 999, onclick, }) {
19652
+ const root = ensureModalRoot();
19653
+ if (root.querySelector('.__krt-fog')) {
19654
+ return { fog: null, close: () => { } };
19655
+ }
19656
+ const fog = document.createElement('div');
19657
+ fog.className = '__krt-fog';
19658
+ Object.assign(fog.style, {
19659
+ position: 'fixed',
19660
+ left: 0,
19661
+ top: 0,
19662
+ width: '100%',
19663
+ height: '100%',
19664
+ 'z-index': zIndex,
19665
+ 'background-color': color,
19666
+ opacity,
19667
+ });
19668
+ const close = () => {
19669
+ onclick();
19670
+ fog.remove();
19671
+ };
19672
+ fog.onclick = close;
19673
+ root.appendChild(fog);
19674
+ return { fog, close };
19675
+ }
19676
+
19402
19677
  /* src/components-flex/state/Header.svelte generated by Svelte v3.53.1 */
19403
19678
 
19404
19679
  function create_if_block$2(ctx) {
@@ -19578,7 +19853,7 @@ class State extends SvelteComponent {
19578
19853
  /* src/components-flex/state/StateItem.svelte generated by Svelte v3.53.1 */
19579
19854
 
19580
19855
  function add_css(target) {
19581
- append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
19856
+ append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
19582
19857
  }
19583
19858
 
19584
19859
  // (22:0) {#if $state === path}
@@ -19595,7 +19870,7 @@ function create_if_block$1(ctx) {
19595
19870
  t = space();
19596
19871
  if (default_slot) default_slot.c();
19597
19872
  attr(div, "data-state-path", /*path*/ ctx[0]);
19598
- attr(div, "class", "state-item svelte-1amihue");
19873
+ attr(div, "class", "state-item svelte-2qb6dm");
19599
19874
  },
19600
19875
  m(target, anchor) {
19601
19876
  insert(target, div, anchor);
@@ -19770,6 +20045,184 @@ const ROUND_STYLES = {
19770
20045
  },
19771
20046
  };
19772
20047
 
20048
+ const createProp = (key, type, suggestions = [], priority = 0, defaultValue = undefined) => {
20049
+ return {
20050
+ key,
20051
+ type,
20052
+ priority,
20053
+ suggestions: suggestions,
20054
+ default: defaultValue,
20055
+ };
20056
+ };
20057
+ const byObj = (obj) => {
20058
+ return Object.keys(obj);
20059
+ };
20060
+ const overflowProps = [
20061
+ createProp('overflow', 'string', ['hidden', 'visible', 'scroll', 'auto']),
20062
+ ];
20063
+ const borderProps = [
20064
+ createProp('borderTopWidth', 'string'),
20065
+ createProp('borderLeftWidth', 'string'),
20066
+ createProp('borderRightWidth', 'string'),
20067
+ createProp('borderBottomWidth', 'string'),
20068
+ createProp('borderColor', 'color'),
20069
+ ];
20070
+ const radiusProps = [
20071
+ createProp('borderTopLeftRadius', 'string'),
20072
+ createProp('borderTopRightRadius', 'string'),
20073
+ createProp('borderBottomLeftRadius', 'string'),
20074
+ createProp('borderBottomRightRadius', 'string'),
20075
+ ];
20076
+ const paddingProps = [
20077
+ createProp('paddingTop', 'string'),
20078
+ createProp('paddingLeft', 'string'),
20079
+ createProp('paddingRight', 'string'),
20080
+ createProp('paddingBottom', 'string'),
20081
+ ];
20082
+ const backgroundColorProps = [
20083
+ createProp('backgroundColor', 'string'),
20084
+ ];
20085
+ const backgroundImageProps = [
20086
+ createProp('backgroundImageUrl', 'url'),
20087
+ ];
20088
+ const flexComponentSchemes = {
20089
+ FlexAvatar: {
20090
+ props: [
20091
+ createProp('size', 'string', byObj(AVATAR_SIZE), 10),
20092
+ createProp('width', 'string', [], 5),
20093
+ createProp('height', 'string', [], 5),
20094
+ createProp('shape', 'string', byObj(AVATAR_SHAPE), 10),
20095
+ createProp('image', 'url', [], 99),
20096
+ // createProp('caption', 'string'),
20097
+ createProp('alt', 'string', [], 50),
20098
+ // TODO: clickable
20099
+ ...borderProps,
20100
+ ],
20101
+ },
20102
+ FlexButton: {
20103
+ props: [
20104
+ createProp('size', 'string', byObj(BUTTON_SIZE), 50),
20105
+ createProp('label', 'string', [], 99),
20106
+ createProp('paddingLeft', 'string'),
20107
+ createProp('paddingRight', 'string'),
20108
+ createProp('fontSize', 'string'),
20109
+ createProp('theme', 'string', byObj(BUTTON_THEME), 50),
20110
+ createProp('variant', 'string', byObj(BUTTON_VARIANT)),
20111
+ createProp('color', 'color', [], 5),
20112
+ createProp('backgroundColor', 'string', [], 5),
20113
+ createProp('borderColor', 'string', [], 5),
20114
+ createProp('fontWeight', 'string', ['normal', 'bold']),
20115
+ createProp('round', 'string', byObj(BUTTON_ROUND)),
20116
+ createProp('width', 'string', [], 10),
20117
+ createProp('wrap', 'string', ['wrap', 'nowrap']),
20118
+ // TODO: clickable
20119
+ ...radiusProps,
20120
+ ],
20121
+ },
20122
+ FlexClipCopy: {
20123
+ props: [
20124
+ createProp('content', 'string'),
20125
+ createProp('copiedEventName', 'string'),
20126
+ createProp('noneTooltip', 'boolean'),
20127
+ ],
20128
+ },
20129
+ FlexCloseButton: {
20130
+ props: [
20131
+ createProp('size', 'number'),
20132
+ createProp('placement', 'string', byObj(CLOSE_BUTTON_PLACEMENT), 99),
20133
+ createProp('round', 'string', byObj(CLOSE_BUTTON_ROUND)),
20134
+ createProp('bordered', 'boolean'),
20135
+ createProp('color', 'color'),
20136
+ createProp('backgroundColor', 'color'),
20137
+ createProp('label', 'string'),
20138
+ createProp('labelColor', 'color'),
20139
+ createProp('labelPlacement', 'string', byObj(CLOSE_BUTTON_LABEL_PLACEMENT)),
20140
+ createProp('top', 'string'),
20141
+ createProp('left', 'string'),
20142
+ createProp('right', 'string'),
20143
+ createProp('bottom', 'string'),
20144
+ ],
20145
+ },
20146
+ FlexCountDown: {
20147
+ props: [
20148
+ createProp('timeLimit', 'date_string', [], 99),
20149
+ // createProp('timeLimit', 'date_string'),
20150
+ ],
20151
+ },
20152
+ FlexIcon: {
20153
+ props: [
20154
+ createProp('variant', 'string', byObj(ICON_VARIANTS), 99),
20155
+ createProp('size', 'string', byObj(ICON_SIZE), 50),
20156
+ createProp('color', 'color', [], 5),
20157
+ createProp('width', 'string', [], 10),
20158
+ createProp('height', 'string', [], 10),
20159
+ ],
20160
+ },
20161
+ FlexImage: {
20162
+ props: [
20163
+ createProp('image', 'url', [], 99),
20164
+ createProp('aspect', 'string', Object.keys(ASPECT_VARIANT).map(key => ASPECT_VARIANT[key].getProps().aspect), 98),
20165
+ createProp('width', 'string', [], 5),
20166
+ createProp('height', 'string', [], 5),
20167
+ createProp('shape', 'string', byObj(IMAGE_ROUND_SHAPE), 10),
20168
+ ],
20169
+ },
20170
+ FlexLayout: {
20171
+ props: [
20172
+ createProp('display', 'string', ['flex', 'inline-flex', 'block']),
20173
+ createProp('direction', 'string', ['row', 'column', 'row-reverse', 'column-reverse'], 10),
20174
+ createProp('align', 'string', ['center', 'stretch', 'flex-start', 'flex-end'], 10),
20175
+ createProp('justify', 'string', ['center', 'flex-start', 'flex-end', 'space-between'], 10),
20176
+ createProp('gap', 'string', [], 10),
20177
+ createProp('rowGap', 'string', [], 10),
20178
+ createProp('columnGap', 'string', [], 10),
20179
+ createProp('width', 'string', [], 5),
20180
+ ...overflowProps,
20181
+ ...borderProps,
20182
+ ...radiusProps,
20183
+ ...backgroundColorProps,
20184
+ ...backgroundImageProps,
20185
+ ...paddingProps,
20186
+ ],
20187
+ },
20188
+ FlexList: {
20189
+ props: [
20190
+ createProp('gap', 'string', [], 10),
20191
+ createProp('borderWidth', 'string', [], 10),
20192
+ createProp('borderStyle', 'string', [], 10),
20193
+ createProp('borderColor', 'string', [], 10),
20194
+ createProp('itemPaddingTop', 'string', [], 5),
20195
+ createProp('itemPaddingLeft', 'string', [], 5),
20196
+ createProp('itemPaddingRight', 'string', [], 5),
20197
+ createProp('itemPaddingBottom', 'string', [], 5),
20198
+ createProp('itemGap', 'string', [], 5),
20199
+ ],
20200
+ },
20201
+ FlexListItem: {
20202
+ props: [
20203
+ createProp('gap', 'number', [], 10),
20204
+ // TODO: clickable
20205
+ ],
20206
+ },
20207
+ FlexText: {
20208
+ props: [
20209
+ createProp('content', 'string', [], 99),
20210
+ createProp('theme', 'string', byObj(TEXT_THEME), 50),
20211
+ createProp('size', 'string', byObj(LAYER_TEXT_SIZE), 50),
20212
+ createProp('align', 'string', [], 5),
20213
+ createProp('fontStyle', 'string', [], 5),
20214
+ createProp('fontSize', 'string', [], 5),
20215
+ createProp('fontWeight', 'string', [], 5),
20216
+ createProp('lineHeight', 'string', [], 5),
20217
+ createProp('color', 'string', [], 5),
20218
+ createProp('width', 'string', [], 10),
20219
+ createProp('fontFamilyVariant', 'string', byObj(FONT_FAMILY_VARIANT), 10),
20220
+ createProp('fontFamily', 'string', []),
20221
+ // TODO: clickable
20222
+ ],
20223
+ },
20224
+ };
20225
+
19773
20226
  var sdk = /*#__PURE__*/Object.freeze({
19774
20227
  __proto__: null,
19775
20228
  ACTION_HOOK_LABEL: ACTION_HOOK_LABEL,
@@ -19910,11 +20363,13 @@ var sdk = /*#__PURE__*/Object.freeze({
19910
20363
  create: create,
19911
20364
  createApp: createApp,
19912
20365
  createFog: createFog,
20366
+ createProp: createProp,
19913
20367
  destroy: destroy,
19914
20368
  destroyAction: destroyAction,
19915
20369
  ensureModalRoot: ensureModalRoot,
19916
20370
  eventHandlers: eventHandlers,
19917
20371
  finalize: finalize,
20372
+ flexComponentSchemes: flexComponentSchemes,
19918
20373
  formData: formData,
19919
20374
  getActionRoot: getActionRoot,
19920
20375
  getAnsweredQuestion: getAnsweredQuestion,
@@ -20299,7 +20754,7 @@ function create_fragment(ctx) {
20299
20754
 
20300
20755
  function instance($$self, $$props, $$invalidate) {
20301
20756
  let component;
20302
- let { option } = $$props;
20757
+ let { option = {} } = $$props;
20303
20758
  let { customBrandKit = undefined } = $$props;
20304
20759
 
20305
20760
  const getComponent = key => {
@@ -20329,4 +20784,4 @@ class ThumbnailPreview extends SvelteComponent {
20329
20784
  }
20330
20785
  }
20331
20786
 
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 };
20787
+ 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 };