@plaidev/karte-action-sdk 1.1.136 → 1.1.137-27963515.80456e9a

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.
package/dist/index.es.js CHANGED
@@ -87,6 +87,16 @@ const getTransform = (position) => {
87
87
  const getMarginStyle = (margin) => {
88
88
  return `margin: ${margin?.top ?? 0} ${margin?.right ?? 0} ${margin?.bottom ?? 0} ${margin?.left ?? 0};`;
89
89
  };
90
+ /** @internal */
91
+ const parseStyle = (style) => {
92
+ return Object.fromEntries(style.split(';').map(attr => attr.split(':').map(str => str.trim())));
93
+ };
94
+ /** @internal */
95
+ const stringifyStyleObj = (styleObj) => {
96
+ return Object.entries(styleObj)
97
+ .map(([key, value]) => `${key}:${value}`)
98
+ .join(';');
99
+ };
90
100
  /**
91
101
  * スクロール率が達したときに呼び出すコールバックを登録します
92
102
  *
@@ -1529,15 +1539,9 @@ const DefaultSlideNavigationButton = {
1529
1539
  colorActive: '#666',
1530
1540
  };
1531
1541
  /** @internal */
1532
- const DefaultFormButtonStyle = {
1533
- size: '16px',
1534
- colorActive: '#2aab9f',
1535
- colorInactive: 'rgba(0, 16, 14, 0.06)',
1536
- };
1537
- /** @internal */
1538
- const DefaultFormSelectStyle = {
1539
- colorArrow: '#333',
1540
- colorFocused: '#2aab9f',
1542
+ const DefaultFormButtonColor = {
1543
+ main: '#2aab9f',
1544
+ sub: '#fff',
1541
1545
  };
1542
1546
 
1543
1547
  const DEFAULT_COLLECTION_ENDPOINT = typeof __FLYER_GEN_COLLECTION_API_ENDPOINT__ === 'string'
@@ -5701,17 +5705,17 @@ class FormTextarea extends SvelteComponent {
5701
5705
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
5702
5706
 
5703
5707
  function add_css$a(target) {
5704
- append_styles(target, "svelte-17es5zb", ".radio-buttons.svelte-17es5zb{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-17es5zb{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-17es5zb{appearance:none;margin:0;width:var(--size);height:var(--size);box-sizing:border-box;border-radius:var(--size);position:relative;background-color:var(--color-inactive);cursor:pointer;flex:none}.radio-button-input.svelte-17es5zb:checked{border:solid calc(var(--size) / 3) var(--color-active);background-color:#fff;box-shadow:0px 1px 8px 2px rgba(18,160,160,.08),0px 1px 4px -1px rgba(18,160,160,.24)}.radio-button-text.svelte-17es5zb{margin-left:0.5em}");
5708
+ 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}");
5705
5709
  }
5706
5710
 
5707
5711
  function get_each_context$4(ctx, list, i) {
5708
5712
  const child_ctx = ctx.slice();
5709
- child_ctx[13] = list[i];
5710
- child_ctx[15] = i;
5713
+ child_ctx[15] = list[i];
5714
+ child_ctx[17] = i;
5711
5715
  return child_ctx;
5712
5716
  }
5713
5717
 
5714
- // (62:2) {#each _options as option, i}
5718
+ // (88:2) {#each _options as option, i}
5715
5719
  function create_each_block$4(ctx) {
5716
5720
  let label;
5717
5721
  let input;
@@ -5719,7 +5723,7 @@ function create_each_block$4(ctx) {
5719
5723
  let input_checked_value;
5720
5724
  let t0;
5721
5725
  let span;
5722
- let t1_value = /*option*/ ctx[13] + "";
5726
+ let t1_value = /*option*/ ctx[15] + "";
5723
5727
  let t1;
5724
5728
  let t2;
5725
5729
  let mounted;
@@ -5734,14 +5738,14 @@ function create_each_block$4(ctx) {
5734
5738
  t1 = text(t1_value);
5735
5739
  t2 = space();
5736
5740
  attr(input, "type", "radio");
5737
- attr(input, "class", "radio-button-input svelte-17es5zb");
5738
- attr(input, "style", /*_buttonStyle*/ ctx[5]);
5741
+ attr(input, "class", "radio-button-input svelte-17s08g");
5742
+ attr(input, "style", /*buttonStyle*/ ctx[5]);
5739
5743
  attr(input, "name", /*name*/ ctx[0]);
5740
- input.value = input_value_value = /*option*/ ctx[13];
5741
- input.checked = input_checked_value = /*option*/ ctx[13] === /*_value*/ ctx[3];
5742
- attr(span, "class", "radio-button-text svelte-17es5zb");
5743
- attr(span, "style", /*textStyle*/ ctx[2]);
5744
- attr(label, "class", "radio-button svelte-17es5zb");
5744
+ input.value = input_value_value = /*option*/ ctx[15];
5745
+ input.checked = input_checked_value = /*option*/ ctx[15] === /*_value*/ ctx[3];
5746
+ attr(span, "class", "radio-button-text svelte-17s08g");
5747
+ attr(span, "style", /*_textStyle*/ ctx[2]);
5748
+ attr(label, "class", "radio-button svelte-17s08g");
5745
5749
  },
5746
5750
  m(target, anchor) {
5747
5751
  insert(target, label, anchor);
@@ -5752,33 +5756,33 @@ function create_each_block$4(ctx) {
5752
5756
  append(label, t2);
5753
5757
 
5754
5758
  if (!mounted) {
5755
- dispose = listen(input, "change", /*handleChange*/ ctx[7](/*i*/ ctx[15]));
5759
+ dispose = listen(input, "change", /*handleChange*/ ctx[7](/*i*/ ctx[17]));
5756
5760
  mounted = true;
5757
5761
  }
5758
5762
  },
5759
5763
  p(new_ctx, dirty) {
5760
5764
  ctx = new_ctx;
5761
5765
 
5762
- if (dirty & /*_buttonStyle*/ 32) {
5763
- attr(input, "style", /*_buttonStyle*/ ctx[5]);
5766
+ if (dirty & /*buttonStyle*/ 32) {
5767
+ attr(input, "style", /*buttonStyle*/ ctx[5]);
5764
5768
  }
5765
5769
 
5766
5770
  if (dirty & /*name*/ 1) {
5767
5771
  attr(input, "name", /*name*/ ctx[0]);
5768
5772
  }
5769
5773
 
5770
- if (dirty & /*_options*/ 16 && input_value_value !== (input_value_value = /*option*/ ctx[13])) {
5774
+ if (dirty & /*_options*/ 16 && input_value_value !== (input_value_value = /*option*/ ctx[15])) {
5771
5775
  input.value = input_value_value;
5772
5776
  }
5773
5777
 
5774
- if (dirty & /*_options, _value*/ 24 && input_checked_value !== (input_checked_value = /*option*/ ctx[13] === /*_value*/ ctx[3])) {
5778
+ if (dirty & /*_options, _value*/ 24 && input_checked_value !== (input_checked_value = /*option*/ ctx[15] === /*_value*/ ctx[3])) {
5775
5779
  input.checked = input_checked_value;
5776
5780
  }
5777
5781
 
5778
- if (dirty & /*_options*/ 16 && t1_value !== (t1_value = /*option*/ ctx[13] + "")) set_data(t1, t1_value);
5782
+ if (dirty & /*_options*/ 16 && t1_value !== (t1_value = /*option*/ ctx[15] + "")) set_data(t1, t1_value);
5779
5783
 
5780
- if (dirty & /*textStyle*/ 4) {
5781
- attr(span, "style", /*textStyle*/ ctx[2]);
5784
+ if (dirty & /*_textStyle*/ 4) {
5785
+ attr(span, "style", /*_textStyle*/ ctx[2]);
5782
5786
  }
5783
5787
  },
5784
5788
  d(detaching) {
@@ -5806,8 +5810,8 @@ function create_fragment$a(ctx) {
5806
5810
  each_blocks[i].c();
5807
5811
  }
5808
5812
 
5809
- attr(div, "class", "radio-buttons svelte-17es5zb");
5810
- attr(div, "style", /*layoutStyle*/ ctx[1]);
5813
+ attr(div, "class", "radio-buttons svelte-17s08g");
5814
+ attr(div, "style", /*_layoutStyle*/ ctx[1]);
5811
5815
  },
5812
5816
  m(target, anchor) {
5813
5817
  insert(target, div, anchor);
@@ -5817,7 +5821,7 @@ function create_fragment$a(ctx) {
5817
5821
  }
5818
5822
  },
5819
5823
  p(ctx, [dirty]) {
5820
- if (dirty & /*textStyle, _options, _buttonStyle, name, _value, handleChange*/ 189) {
5824
+ if (dirty & /*_textStyle, _options, buttonStyle, name, _value, handleChange*/ 189) {
5821
5825
  each_value = /*_options*/ ctx[4];
5822
5826
  let i;
5823
5827
 
@@ -5840,8 +5844,8 @@ function create_fragment$a(ctx) {
5840
5844
  each_blocks.length = each_value.length;
5841
5845
  }
5842
5846
 
5843
- if (dirty & /*layoutStyle*/ 2) {
5844
- attr(div, "style", /*layoutStyle*/ ctx[1]);
5847
+ if (dirty & /*_layoutStyle*/ 2) {
5848
+ attr(div, "style", /*_layoutStyle*/ ctx[1]);
5845
5849
  }
5846
5850
  },
5847
5851
  i: noop,
@@ -5855,21 +5859,17 @@ function create_fragment$a(ctx) {
5855
5859
 
5856
5860
  function instance$a($$self, $$props, $$invalidate) {
5857
5861
  let _options;
5858
- let _buttonStyle;
5862
+ let buttonStyle;
5859
5863
  let _value;
5860
5864
  let $value;
5861
5865
  let { name = '' } = $$props;
5862
5866
  let { options = 'ラジオボタン1,ラジオボタン2,ラジオボタン3' } = $$props;
5863
5867
  let { required = false } = $$props;
5864
- let { layoutStyle = 'flex-direction: column; gap: 0px;' } = $$props;
5865
- let { textStyle = 'color: #333; font-size: 12px;' } = $$props;
5866
-
5867
- let { buttonStyle = {
5868
- size: '16px',
5869
- colorActive: '#2aab9f',
5870
- colorInactive: 'rgba(0, 16, 14, 0.06)'
5871
- } } = $$props;
5872
-
5868
+ let { _layoutStyle = 'flex-direction: column; gap: 0px;' } = $$props;
5869
+ let { _textStyle = 'color: #333; font-size: 12px;' } = $$props;
5870
+ let { buttonSize = '16px' } = $$props;
5871
+ let { buttonColor = { main: '#f0f1f1', sub: '#f0f1f1' } } = $$props;
5872
+ let { buttonColorActive = { main: '#2aab9f', sub: '#fff' } } = $$props;
5873
5873
  const { path: statePath } = getStateItemContext();
5874
5874
 
5875
5875
  const value = registerInput({
@@ -5882,7 +5882,7 @@ function instance$a($$self, $$props, $$invalidate) {
5882
5882
  }
5883
5883
  });
5884
5884
 
5885
- component_subscribe($$self, value, value => $$invalidate(11, $value = value));
5885
+ component_subscribe($$self, value, value => $$invalidate(13, $value = value));
5886
5886
 
5887
5887
  const handleChange = index => event => {
5888
5888
  if (event.target.checked) {
@@ -5894,9 +5894,11 @@ function instance$a($$self, $$props, $$invalidate) {
5894
5894
  if ('name' in $$props) $$invalidate(0, name = $$props.name);
5895
5895
  if ('options' in $$props) $$invalidate(8, options = $$props.options);
5896
5896
  if ('required' in $$props) $$invalidate(9, required = $$props.required);
5897
- if ('layoutStyle' in $$props) $$invalidate(1, layoutStyle = $$props.layoutStyle);
5898
- if ('textStyle' in $$props) $$invalidate(2, textStyle = $$props.textStyle);
5899
- if ('buttonStyle' in $$props) $$invalidate(10, buttonStyle = $$props.buttonStyle);
5897
+ if ('_layoutStyle' in $$props) $$invalidate(1, _layoutStyle = $$props._layoutStyle);
5898
+ if ('_textStyle' in $$props) $$invalidate(2, _textStyle = $$props._textStyle);
5899
+ if ('buttonSize' in $$props) $$invalidate(10, buttonSize = $$props.buttonSize);
5900
+ if ('buttonColor' in $$props) $$invalidate(11, buttonColor = $$props.buttonColor);
5901
+ if ('buttonColorActive' in $$props) $$invalidate(12, buttonColorActive = $$props.buttonColorActive);
5900
5902
  };
5901
5903
 
5902
5904
  $$self.$$.update = () => {
@@ -5904,27 +5906,37 @@ function instance$a($$self, $$props, $$invalidate) {
5904
5906
  $$invalidate(4, _options = options.split(','));
5905
5907
  }
5906
5908
 
5907
- if ($$self.$$.dirty & /*buttonStyle*/ 1024) {
5908
- $$invalidate(5, _buttonStyle = `--size: ${buttonStyle.size}; --color-active: ${buttonStyle.colorActive}; --color-inactive: ${buttonStyle.colorInactive}`);
5909
+ if ($$self.$$.dirty & /*buttonColor, buttonColorActive, buttonSize*/ 7168) {
5910
+ $$invalidate(5, buttonStyle = (() => {
5911
+ return stringifyStyleObj({
5912
+ '--color-main': buttonColor.main,
5913
+ '--color-sub': buttonColor.sub,
5914
+ '--color-main-active': buttonColorActive.main,
5915
+ '--color-sub-active': buttonColorActive.sub,
5916
+ '--size': buttonSize
5917
+ });
5918
+ })());
5909
5919
  }
5910
5920
 
5911
- if ($$self.$$.dirty & /*$value*/ 2048) {
5921
+ if ($$self.$$.dirty & /*$value*/ 8192) {
5912
5922
  $$invalidate(3, _value = $value[0]);
5913
5923
  }
5914
5924
  };
5915
5925
 
5916
5926
  return [
5917
5927
  name,
5918
- layoutStyle,
5919
- textStyle,
5928
+ _layoutStyle,
5929
+ _textStyle,
5920
5930
  _value,
5921
5931
  _options,
5922
- _buttonStyle,
5932
+ buttonStyle,
5923
5933
  value,
5924
5934
  handleChange,
5925
5935
  options,
5926
5936
  required,
5927
- buttonStyle,
5937
+ buttonSize,
5938
+ buttonColor,
5939
+ buttonColorActive,
5928
5940
  $value
5929
5941
  ];
5930
5942
  }
@@ -5943,9 +5955,11 @@ class FormRadioButtons extends SvelteComponent {
5943
5955
  name: 0,
5944
5956
  options: 8,
5945
5957
  required: 9,
5946
- layoutStyle: 1,
5947
- textStyle: 2,
5948
- buttonStyle: 10
5958
+ _layoutStyle: 1,
5959
+ _textStyle: 2,
5960
+ buttonSize: 10,
5961
+ buttonColor: 11,
5962
+ buttonColorActive: 12
5949
5963
  },
5950
5964
  add_css$a
5951
5965
  );
@@ -5955,37 +5969,39 @@ class FormRadioButtons extends SvelteComponent {
5955
5969
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
5956
5970
 
5957
5971
  function add_css$9(target) {
5958
- append_styles(target, "svelte-wy1i8s", ".select.svelte-wy1i8s{width:100%;height:100%}.select-select.svelte-wy1i8s{position:relative;appearance:none;width:100%;height:100%}.select-select.svelte-wy1i8s:focus{outline:none;border-color:var(--color-focused) !important}.select-icon.svelte-wy1i8s{position:absolute;width:0.5em;height:0.5em;top:calc(50% - 0.2em);right:0.8em;box-sizing:border-box;border-right:solid 2px var(--color-arrow);border-top:solid 2px var(--color-arrow);transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
5972
+ append_styles(target, "svelte-1m0v4gk", ".select.svelte-1m0v4gk{width:100%;height:100%}.select-select.svelte-1m0v4gk{position:relative;appearance:none;width:100%;height:100%}.select-select.svelte-1m0v4gk: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-1m0v4gk{position:absolute;width:0.5em;height:0.5em;top:calc(50% - 0.2em);right:0.8em;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}");
5959
5973
  }
5960
5974
 
5961
5975
  function get_each_context$3(ctx, list, i) {
5962
5976
  const child_ctx = ctx.slice();
5963
- child_ctx[10] = list[i];
5964
- child_ctx[12] = i;
5977
+ child_ctx[17] = list[i];
5978
+ child_ctx[19] = i;
5965
5979
  return child_ctx;
5966
5980
  }
5967
5981
 
5968
- // (55:10) {:else}
5982
+ // (91:10) {:else}
5969
5983
  function create_else_block(ctx) {
5970
5984
  let t;
5971
5985
 
5972
5986
  return {
5973
5987
  c() {
5974
- t = text("回答を選択して下さい");
5988
+ t = text(/*placeholder*/ ctx[0]);
5975
5989
  },
5976
5990
  m(target, anchor) {
5977
5991
  insert(target, t, anchor);
5978
5992
  },
5979
- p: noop,
5993
+ p(ctx, dirty) {
5994
+ if (dirty & /*placeholder*/ 1) set_data(t, /*placeholder*/ ctx[0]);
5995
+ },
5980
5996
  d(detaching) {
5981
5997
  if (detaching) detach(t);
5982
5998
  }
5983
5999
  };
5984
6000
  }
5985
6001
 
5986
- // (53:10) {#if option}
6002
+ // (89:10) {#if option}
5987
6003
  function create_if_block$1(ctx) {
5988
- let t_value = /*option*/ ctx[10] + "";
6004
+ let t_value = /*option*/ ctx[17] + "";
5989
6005
  let t;
5990
6006
 
5991
6007
  return {
@@ -5996,7 +6012,7 @@ function create_if_block$1(ctx) {
5996
6012
  insert(target, t, anchor);
5997
6013
  },
5998
6014
  p(ctx, dirty) {
5999
- if (dirty & /*_options*/ 4 && t_value !== (t_value = /*option*/ ctx[10] + "")) set_data(t, t_value);
6015
+ if (dirty & /*_options*/ 16 && t_value !== (t_value = /*option*/ ctx[17] + "")) set_data(t, t_value);
6000
6016
  },
6001
6017
  d(detaching) {
6002
6018
  if (detaching) detach(t);
@@ -6004,14 +6020,15 @@ function create_if_block$1(ctx) {
6004
6020
  };
6005
6021
  }
6006
6022
 
6007
- // (51:6) {#each _options as option, i}
6023
+ // (87:6) {#each _options as option, i}
6008
6024
  function create_each_block$3(ctx) {
6009
6025
  let option;
6010
6026
  let t;
6011
6027
  let option_value_value;
6028
+ let option_selected_value;
6012
6029
 
6013
6030
  function select_block_type(ctx, dirty) {
6014
- if (/*option*/ ctx[10]) return create_if_block$1;
6031
+ if (/*option*/ ctx[17]) return create_if_block$1;
6015
6032
  return create_else_block;
6016
6033
  }
6017
6034
 
@@ -6023,8 +6040,9 @@ function create_each_block$3(ctx) {
6023
6040
  option = element("option");
6024
6041
  if_block.c();
6025
6042
  t = space();
6026
- option.__value = option_value_value = /*option*/ ctx[10];
6043
+ option.__value = option_value_value = /*option*/ ctx[17];
6027
6044
  option.value = option.__value;
6045
+ option.selected = option_selected_value = /*option*/ ctx[17] === /*_value*/ ctx[1];
6028
6046
  },
6029
6047
  m(target, anchor) {
6030
6048
  insert(target, option, anchor);
@@ -6044,10 +6062,14 @@ function create_each_block$3(ctx) {
6044
6062
  }
6045
6063
  }
6046
6064
 
6047
- if (dirty & /*_options*/ 4 && option_value_value !== (option_value_value = /*option*/ ctx[10])) {
6065
+ if (dirty & /*_options*/ 16 && option_value_value !== (option_value_value = /*option*/ ctx[17])) {
6048
6066
  option.__value = option_value_value;
6049
6067
  option.value = option.__value;
6050
6068
  }
6069
+
6070
+ if (dirty & /*_options, _value*/ 18 && option_selected_value !== (option_selected_value = /*option*/ ctx[17] === /*_value*/ ctx[1])) {
6071
+ option.selected = option_selected_value;
6072
+ }
6051
6073
  },
6052
6074
  d(detaching) {
6053
6075
  if (detaching) detach(option);
@@ -6063,7 +6085,7 @@ function create_fragment$9(ctx) {
6063
6085
  let div0;
6064
6086
  let mounted;
6065
6087
  let dispose;
6066
- let each_value = /*_options*/ ctx[2];
6088
+ let each_value = /*_options*/ ctx[4];
6067
6089
  let each_blocks = [];
6068
6090
 
6069
6091
  for (let i = 0; i < each_value.length; i += 1) {
@@ -6081,11 +6103,11 @@ function create_fragment$9(ctx) {
6081
6103
 
6082
6104
  t = space();
6083
6105
  div0 = element("div");
6084
- attr(select, "class", "select-select svelte-wy1i8s");
6085
- attr(select, "style", /*_style*/ ctx[0]);
6086
- attr(div0, "class", "select-icon svelte-wy1i8s");
6087
- attr(div1, "class", "select svelte-wy1i8s");
6088
- attr(div1, "style", /*styleVariables*/ ctx[1]);
6106
+ attr(select, "class", "select-select svelte-1m0v4gk");
6107
+ attr(select, "style", /*style*/ ctx[3]);
6108
+ attr(div0, "class", "select-icon svelte-1m0v4gk");
6109
+ attr(div1, "class", "select svelte-1m0v4gk");
6110
+ attr(div1, "style", /*styleVariables*/ ctx[2]);
6089
6111
  },
6090
6112
  m(target, anchor) {
6091
6113
  insert(target, div1, anchor);
@@ -6099,13 +6121,13 @@ function create_fragment$9(ctx) {
6099
6121
  append(div1, div0);
6100
6122
 
6101
6123
  if (!mounted) {
6102
- dispose = listen(select, "change", /*handleChange*/ ctx[3]);
6124
+ dispose = listen(select, "change", /*handleChange*/ ctx[6]);
6103
6125
  mounted = true;
6104
6126
  }
6105
6127
  },
6106
6128
  p(ctx, [dirty]) {
6107
- if (dirty & /*_options*/ 4) {
6108
- each_value = /*_options*/ ctx[2];
6129
+ if (dirty & /*_options, _value, placeholder*/ 19) {
6130
+ each_value = /*_options*/ ctx[4];
6109
6131
  let i;
6110
6132
 
6111
6133
  for (i = 0; i < each_value.length; i += 1) {
@@ -6127,12 +6149,12 @@ function create_fragment$9(ctx) {
6127
6149
  each_blocks.length = each_value.length;
6128
6150
  }
6129
6151
 
6130
- if (dirty & /*_style*/ 1) {
6131
- attr(select, "style", /*_style*/ ctx[0]);
6152
+ if (dirty & /*style*/ 8) {
6153
+ attr(select, "style", /*style*/ ctx[3]);
6132
6154
  }
6133
6155
 
6134
- if (dirty & /*styleVariables*/ 2) {
6135
- attr(div1, "style", /*styleVariables*/ ctx[1]);
6156
+ if (dirty & /*styleVariables*/ 4) {
6157
+ attr(div1, "style", /*styleVariables*/ ctx[2]);
6136
6158
  }
6137
6159
  },
6138
6160
  i: noop,
@@ -6148,17 +6170,19 @@ function create_fragment$9(ctx) {
6148
6170
 
6149
6171
  function instance$9($$self, $$props, $$invalidate) {
6150
6172
  let _options;
6173
+ let style;
6151
6174
  let styleVariables;
6175
+ let _value;
6176
+ let $value;
6152
6177
  let { name = '' } = $$props;
6153
6178
  let { options = 'プルダウン1,プルダウン2,プルダウン3' } = $$props;
6179
+ let { placeholder = '回答を選択して下さい' } = $$props;
6154
6180
  let { required = false } = $$props;
6155
- let { _style = 'color: #333; cursor: pointer; background-color: #fff; border: solid 2px #ccc; border-radius: 6px; font-size: 12px; padding: 0 0 0 10px;' } = $$props;
6156
-
6157
- let { selectStyle = {
6158
- colorArrow: '#333',
6159
- colorFocused: '#2aab9f'
6160
- } } = $$props;
6161
-
6181
+ let { _style = 'cursor: pointer; background-color: #fff; border: solid 2px #ccc; border-radius: 6px; padding: 0 0 0 10px;' } = $$props;
6182
+ let { _focusStyle = 'border-width: 2px; border-color: #2aab9f; border-style: solid' } = $$props;
6183
+ let { _textStyle = 'font-size: 12px;' } = $$props;
6184
+ let { _placeholderStyle = 'color: #ccc;' } = $$props;
6185
+ let { _iconStyle = 'color: #333;' } = $$props;
6162
6186
  const { path: statePath } = getStateItemContext();
6163
6187
 
6164
6188
  const value = registerInput({
@@ -6171,38 +6195,75 @@ function instance$9($$self, $$props, $$invalidate) {
6171
6195
  }
6172
6196
  });
6173
6197
 
6198
+ component_subscribe($$self, value, value => $$invalidate(15, $value = value));
6199
+
6174
6200
  function handleChange(event) {
6175
6201
  const updated = event.target.value ? [event.target.value] : [];
6176
6202
  value.set(updated);
6177
6203
  }
6178
6204
 
6179
6205
  $$self.$$set = $$props => {
6180
- if ('name' in $$props) $$invalidate(4, name = $$props.name);
6181
- if ('options' in $$props) $$invalidate(5, options = $$props.options);
6182
- if ('required' in $$props) $$invalidate(6, required = $$props.required);
6183
- if ('_style' in $$props) $$invalidate(0, _style = $$props._style);
6184
- if ('selectStyle' in $$props) $$invalidate(7, selectStyle = $$props.selectStyle);
6206
+ if ('name' in $$props) $$invalidate(7, name = $$props.name);
6207
+ if ('options' in $$props) $$invalidate(8, options = $$props.options);
6208
+ if ('placeholder' in $$props) $$invalidate(0, placeholder = $$props.placeholder);
6209
+ if ('required' in $$props) $$invalidate(9, required = $$props.required);
6210
+ if ('_style' in $$props) $$invalidate(10, _style = $$props._style);
6211
+ if ('_focusStyle' in $$props) $$invalidate(11, _focusStyle = $$props._focusStyle);
6212
+ if ('_textStyle' in $$props) $$invalidate(12, _textStyle = $$props._textStyle);
6213
+ if ('_placeholderStyle' in $$props) $$invalidate(13, _placeholderStyle = $$props._placeholderStyle);
6214
+ if ('_iconStyle' in $$props) $$invalidate(14, _iconStyle = $$props._iconStyle);
6185
6215
  };
6186
6216
 
6187
6217
  $$self.$$.update = () => {
6188
- if ($$self.$$.dirty & /*options*/ 32) {
6189
- $$invalidate(2, _options = ['', ...options.split(',')]);
6218
+ if ($$self.$$.dirty & /*options*/ 256) {
6219
+ $$invalidate(4, _options = ['', ...options.split(',')]);
6190
6220
  }
6191
6221
 
6192
- if ($$self.$$.dirty & /*selectStyle*/ 128) {
6193
- $$invalidate(1, styleVariables = `--color-arrow: ${selectStyle.colorArrow}; --color-focused: ${selectStyle.colorFocused}`);
6222
+ if ($$self.$$.dirty & /*$value*/ 32768) {
6223
+ $$invalidate(1, _value = $value[0]);
6224
+ }
6225
+
6226
+ if ($$self.$$.dirty & /*_style, _textStyle, _value, _placeholderStyle*/ 13314) {
6227
+ $$invalidate(3, style = [
6228
+ ..._style.split(';'),
6229
+ ..._textStyle.split(';'),
6230
+ ...!_value ? _placeholderStyle.split(';') : []
6231
+ ].join(';'));
6232
+ }
6233
+
6234
+ if ($$self.$$.dirty & /*_focusStyle, _placeholderStyle, _iconStyle*/ 26624) {
6235
+ $$invalidate(2, styleVariables = (() => {
6236
+ const variables = {};
6237
+ const focusStyleObj = parseStyle(_focusStyle);
6238
+ const placeholderStyle = parseStyle(_placeholderStyle);
6239
+ const iconStyleObj = parseStyle(_iconStyle);
6240
+ if (focusStyleObj['border-width']) variables['--focus-border-width'] = focusStyleObj['border-width'];
6241
+ if (focusStyleObj['border-color']) variables['--focus-border-color'] = focusStyleObj['border-color'];
6242
+ if (focusStyleObj['border-style']) variables['--focus-border-style'] = focusStyleObj['border-style'];
6243
+ if (placeholderStyle.color) variables['--placeholder-color'] = placeholderStyle.color;
6244
+ if (iconStyleObj.color) variables['--icon-color'] = iconStyleObj.color;
6245
+ return stringifyStyleObj(variables);
6246
+ })());
6194
6247
  }
6195
6248
  };
6196
6249
 
6197
6250
  return [
6198
- _style,
6251
+ placeholder,
6252
+ _value,
6199
6253
  styleVariables,
6254
+ style,
6200
6255
  _options,
6256
+ value,
6201
6257
  handleChange,
6202
6258
  name,
6203
6259
  options,
6204
6260
  required,
6205
- selectStyle
6261
+ _style,
6262
+ _focusStyle,
6263
+ _textStyle,
6264
+ _placeholderStyle,
6265
+ _iconStyle,
6266
+ $value
6206
6267
  ];
6207
6268
  }
6208
6269
 
@@ -6217,11 +6278,15 @@ class FormSelect extends SvelteComponent {
6217
6278
  create_fragment$9,
6218
6279
  safe_not_equal,
6219
6280
  {
6220
- name: 4,
6221
- options: 5,
6222
- required: 6,
6223
- _style: 0,
6224
- selectStyle: 7
6281
+ name: 7,
6282
+ options: 8,
6283
+ placeholder: 0,
6284
+ required: 9,
6285
+ _style: 10,
6286
+ _focusStyle: 11,
6287
+ _textStyle: 12,
6288
+ _placeholderStyle: 13,
6289
+ _iconStyle: 14
6225
6290
  },
6226
6291
  add_css$9
6227
6292
  );
@@ -6231,17 +6296,17 @@ class FormSelect extends SvelteComponent {
6231
6296
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
6232
6297
 
6233
6298
  function add_css$8(target) {
6234
- append_styles(target, "svelte-y5vmhx", ".check-boxes.svelte-y5vmhx.svelte-y5vmhx{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.check-box.svelte-y5vmhx.svelte-y5vmhx{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-y5vmhx.svelte-y5vmhx{width:0;height:0;margin:0}.check-box-check.svelte-y5vmhx.svelte-y5vmhx{display:inline-flex;background-color:var(--color-active);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-y5vmhx.svelte-y5vmhx{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-y5vmhx.svelte-y5vmhx: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:#fff}.check-box-check.svelte-y5vmhx.svelte-y5vmhx:not(._checked){background-color:var(--color-inactive)}.check-box-check.svelte-y5vmhx:not(._checked) .check-box-icon.svelte-y5vmhx{display:none}.check-box-text.svelte-y5vmhx.svelte-y5vmhx{margin-left:0.5em}");
6299
+ append_styles(target, "svelte-o1ztcf", ".check-boxes.svelte-o1ztcf.svelte-o1ztcf{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.check-box.svelte-o1ztcf.svelte-o1ztcf{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-o1ztcf.svelte-o1ztcf{width:0;height:0;margin:0}.check-box-check.svelte-o1ztcf.svelte-o1ztcf{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-o1ztcf.svelte-o1ztcf{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-o1ztcf.svelte-o1ztcf: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-o1ztcf.svelte-o1ztcf{background-color:var(--color-main-active)}.check-box-check._checked.svelte-o1ztcf .check-box-icon.svelte-o1ztcf:after{border-color:var(--color-sub-active)}.check-box-text.svelte-o1ztcf.svelte-o1ztcf{margin-left:0.5em}");
6235
6300
  }
6236
6301
 
6237
6302
  function get_each_context$2(ctx, list, i) {
6238
6303
  const child_ctx = ctx.slice();
6239
- child_ctx[13] = list[i];
6240
- child_ctx[15] = i;
6304
+ child_ctx[15] = list[i];
6305
+ child_ctx[17] = i;
6241
6306
  return child_ctx;
6242
6307
  }
6243
6308
 
6244
- // (68:2) {#each _options as option, i}
6309
+ // (94:2) {#each _options as option, i}
6245
6310
  function create_each_block$2(ctx) {
6246
6311
  let label;
6247
6312
  let input;
@@ -6252,7 +6317,7 @@ function create_each_block$2(ctx) {
6252
6317
  let span1_class_value;
6253
6318
  let t1;
6254
6319
  let span2;
6255
- let t2_value = /*option*/ ctx[13] + "";
6320
+ let t2_value = /*option*/ ctx[15] + "";
6256
6321
  let t2;
6257
6322
  let t3;
6258
6323
  let mounted;
@@ -6269,20 +6334,20 @@ function create_each_block$2(ctx) {
6269
6334
  span2 = element("span");
6270
6335
  t2 = text(t2_value);
6271
6336
  t3 = space();
6272
- attr(input, "class", "check-box-input svelte-y5vmhx");
6337
+ attr(input, "class", "check-box-input svelte-o1ztcf");
6273
6338
  attr(input, "type", "checkbox");
6274
6339
  attr(input, "name", /*name*/ ctx[0]);
6275
- input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[15]];
6276
- attr(span0, "class", "check-box-icon svelte-y5vmhx");
6340
+ input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[17]];
6341
+ attr(span0, "class", "check-box-icon svelte-o1ztcf");
6277
6342
 
6278
- attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[15]]
6343
+ attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[17]]
6279
6344
  ? ' _checked'
6280
- : ''}`) + " svelte-y5vmhx"));
6345
+ : ''}`) + " svelte-o1ztcf"));
6281
6346
 
6282
- attr(span1, "style", /*_buttonStyle*/ ctx[5]);
6283
- attr(span2, "class", "check-box-text svelte-y5vmhx");
6284
- attr(span2, "style", /*textStyle*/ ctx[2]);
6285
- attr(label, "class", "check-box svelte-y5vmhx");
6347
+ attr(span1, "style", /*styleVariables*/ ctx[5]);
6348
+ attr(span2, "class", "check-box-text svelte-o1ztcf");
6349
+ attr(span2, "style", /*_textStyle*/ ctx[2]);
6350
+ attr(label, "class", "check-box svelte-o1ztcf");
6286
6351
  },
6287
6352
  m(target, anchor) {
6288
6353
  insert(target, label, anchor);
@@ -6296,7 +6361,7 @@ function create_each_block$2(ctx) {
6296
6361
  append(label, t3);
6297
6362
 
6298
6363
  if (!mounted) {
6299
- dispose = listen(input, "change", /*handleChange*/ ctx[7](/*i*/ ctx[15]));
6364
+ dispose = listen(input, "change", /*handleChange*/ ctx[7](/*i*/ ctx[17]));
6300
6365
  mounted = true;
6301
6366
  }
6302
6367
  },
@@ -6307,24 +6372,24 @@ function create_each_block$2(ctx) {
6307
6372
  attr(input, "name", /*name*/ ctx[0]);
6308
6373
  }
6309
6374
 
6310
- if (dirty & /*isCheckedArray*/ 16 && input_checked_value !== (input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[15]])) {
6375
+ if (dirty & /*isCheckedArray*/ 16 && input_checked_value !== (input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[17]])) {
6311
6376
  input.checked = input_checked_value;
6312
6377
  }
6313
6378
 
6314
- if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[15]]
6379
+ if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[17]]
6315
6380
  ? ' _checked'
6316
- : ''}`) + " svelte-y5vmhx"))) {
6381
+ : ''}`) + " svelte-o1ztcf"))) {
6317
6382
  attr(span1, "class", span1_class_value);
6318
6383
  }
6319
6384
 
6320
- if (dirty & /*_buttonStyle*/ 32) {
6321
- attr(span1, "style", /*_buttonStyle*/ ctx[5]);
6385
+ if (dirty & /*styleVariables*/ 32) {
6386
+ attr(span1, "style", /*styleVariables*/ ctx[5]);
6322
6387
  }
6323
6388
 
6324
- if (dirty & /*_options*/ 8 && t2_value !== (t2_value = /*option*/ ctx[13] + "")) set_data(t2, t2_value);
6389
+ if (dirty & /*_options*/ 8 && t2_value !== (t2_value = /*option*/ ctx[15] + "")) set_data(t2, t2_value);
6325
6390
 
6326
- if (dirty & /*textStyle*/ 4) {
6327
- attr(span2, "style", /*textStyle*/ ctx[2]);
6391
+ if (dirty & /*_textStyle*/ 4) {
6392
+ attr(span2, "style", /*_textStyle*/ ctx[2]);
6328
6393
  }
6329
6394
  },
6330
6395
  d(detaching) {
@@ -6352,8 +6417,8 @@ function create_fragment$8(ctx) {
6352
6417
  each_blocks[i].c();
6353
6418
  }
6354
6419
 
6355
- attr(div, "class", "check-boxes svelte-y5vmhx");
6356
- attr(div, "style", /*layoutStyle*/ ctx[1]);
6420
+ attr(div, "class", "check-boxes svelte-o1ztcf");
6421
+ attr(div, "style", /*_layoutStyle*/ ctx[1]);
6357
6422
  },
6358
6423
  m(target, anchor) {
6359
6424
  insert(target, div, anchor);
@@ -6363,7 +6428,7 @@ function create_fragment$8(ctx) {
6363
6428
  }
6364
6429
  },
6365
6430
  p(ctx, [dirty]) {
6366
- if (dirty & /*textStyle, _options, isCheckedArray, _buttonStyle, name, handleChange*/ 189) {
6431
+ if (dirty & /*_textStyle, _options, isCheckedArray, styleVariables, name, handleChange*/ 189) {
6367
6432
  each_value = /*_options*/ ctx[3];
6368
6433
  let i;
6369
6434
 
@@ -6386,8 +6451,8 @@ function create_fragment$8(ctx) {
6386
6451
  each_blocks.length = each_value.length;
6387
6452
  }
6388
6453
 
6389
- if (dirty & /*layoutStyle*/ 2) {
6390
- attr(div, "style", /*layoutStyle*/ ctx[1]);
6454
+ if (dirty & /*_layoutStyle*/ 2) {
6455
+ attr(div, "style", /*_layoutStyle*/ ctx[1]);
6391
6456
  }
6392
6457
  },
6393
6458
  i: noop,
@@ -6401,21 +6466,17 @@ function create_fragment$8(ctx) {
6401
6466
 
6402
6467
  function instance$8($$self, $$props, $$invalidate) {
6403
6468
  let _options;
6404
- let _buttonStyle;
6469
+ let styleVariables;
6405
6470
  let isCheckedArray;
6406
6471
  let $value;
6407
6472
  let { name = '' } = $$props;
6408
6473
  let { options = 'チェックボックス1,チェックボックス2,チェックボックス3' } = $$props;
6409
6474
  let { required = false } = $$props;
6410
- let { layoutStyle = 'flex-direction: column; gap: 0px;' } = $$props;
6411
- let { textStyle = 'color: #333; font-size: 12px;' } = $$props;
6412
-
6413
- let { buttonStyle = {
6414
- size: '16px',
6415
- colorActive: '#2aab9f',
6416
- colorInactive: 'rgba(0, 16, 14, 0.06)'
6417
- } } = $$props;
6418
-
6475
+ let { _layoutStyle = 'flex-direction: column; gap: 0px;' } = $$props;
6476
+ let { _textStyle = 'color: #333; font-size: 12px;' } = $$props;
6477
+ let { buttonSize = '16px' } = $$props;
6478
+ let { buttonColor = { main: '#f0f1f1', sub: '#f0f1f1' } } = $$props;
6479
+ let { buttonColorActive = { main: '#2aab9f', sub: '#fff' } } = $$props;
6419
6480
  const { path: statePath } = getStateItemContext();
6420
6481
 
6421
6482
  const value = registerInput({
@@ -6428,7 +6489,7 @@ function instance$8($$self, $$props, $$invalidate) {
6428
6489
  }
6429
6490
  });
6430
6491
 
6431
- component_subscribe($$self, value, value => $$invalidate(11, $value = value));
6492
+ component_subscribe($$self, value, value => $$invalidate(13, $value = value));
6432
6493
 
6433
6494
  const handleChange = index => event => {
6434
6495
  if (isCheckedArray[index] !== event.target.checked) {
@@ -6443,9 +6504,11 @@ function instance$8($$self, $$props, $$invalidate) {
6443
6504
  if ('name' in $$props) $$invalidate(0, name = $$props.name);
6444
6505
  if ('options' in $$props) $$invalidate(8, options = $$props.options);
6445
6506
  if ('required' in $$props) $$invalidate(9, required = $$props.required);
6446
- if ('layoutStyle' in $$props) $$invalidate(1, layoutStyle = $$props.layoutStyle);
6447
- if ('textStyle' in $$props) $$invalidate(2, textStyle = $$props.textStyle);
6448
- if ('buttonStyle' in $$props) $$invalidate(10, buttonStyle = $$props.buttonStyle);
6507
+ if ('_layoutStyle' in $$props) $$invalidate(1, _layoutStyle = $$props._layoutStyle);
6508
+ if ('_textStyle' in $$props) $$invalidate(2, _textStyle = $$props._textStyle);
6509
+ if ('buttonSize' in $$props) $$invalidate(10, buttonSize = $$props.buttonSize);
6510
+ if ('buttonColor' in $$props) $$invalidate(11, buttonColor = $$props.buttonColor);
6511
+ if ('buttonColorActive' in $$props) $$invalidate(12, buttonColorActive = $$props.buttonColorActive);
6449
6512
  };
6450
6513
 
6451
6514
  $$self.$$.update = () => {
@@ -6453,11 +6516,19 @@ function instance$8($$self, $$props, $$invalidate) {
6453
6516
  $$invalidate(3, _options = options.split(','));
6454
6517
  }
6455
6518
 
6456
- if ($$self.$$.dirty & /*buttonStyle*/ 1024) {
6457
- $$invalidate(5, _buttonStyle = `--size: ${buttonStyle.size}; --color-active: ${buttonStyle.colorActive}; --color-inactive: ${buttonStyle.colorInactive}`);
6519
+ if ($$self.$$.dirty & /*buttonColor, buttonColorActive, buttonSize*/ 7168) {
6520
+ $$invalidate(5, styleVariables = (() => {
6521
+ return stringifyStyleObj({
6522
+ '--color-main': buttonColor.main,
6523
+ '--color-sub': buttonColor.sub,
6524
+ '--color-main-active': buttonColorActive.main,
6525
+ '--color-sub-active': buttonColorActive.sub,
6526
+ '--size': buttonSize
6527
+ });
6528
+ })());
6458
6529
  }
6459
6530
 
6460
- if ($$self.$$.dirty & /*$value, _options*/ 2056) {
6531
+ if ($$self.$$.dirty & /*$value, _options*/ 8200) {
6461
6532
  $$invalidate(4, isCheckedArray = (() => {
6462
6533
  const checkedSet = new Set($value);
6463
6534
  return _options.map(option => checkedSet.has(option));
@@ -6467,16 +6538,18 @@ function instance$8($$self, $$props, $$invalidate) {
6467
6538
 
6468
6539
  return [
6469
6540
  name,
6470
- layoutStyle,
6471
- textStyle,
6541
+ _layoutStyle,
6542
+ _textStyle,
6472
6543
  _options,
6473
6544
  isCheckedArray,
6474
- _buttonStyle,
6545
+ styleVariables,
6475
6546
  value,
6476
6547
  handleChange,
6477
6548
  options,
6478
6549
  required,
6479
- buttonStyle,
6550
+ buttonSize,
6551
+ buttonColor,
6552
+ buttonColorActive,
6480
6553
  $value
6481
6554
  ];
6482
6555
  }
@@ -6495,9 +6568,11 @@ class FormCheckBoxes extends SvelteComponent {
6495
6568
  name: 0,
6496
6569
  options: 8,
6497
6570
  required: 9,
6498
- layoutStyle: 1,
6499
- textStyle: 2,
6500
- buttonStyle: 10
6571
+ _layoutStyle: 1,
6572
+ _textStyle: 2,
6573
+ buttonSize: 10,
6574
+ buttonColor: 11,
6575
+ buttonColorActive: 12
6501
6576
  },
6502
6577
  add_css$8
6503
6578
  );
@@ -8224,4 +8299,4 @@ class ImageBlock extends SvelteComponent {
8224
8299
  }
8225
8300
  }
8226
8301
 
8227
- export { ACTION_HOOK_LABEL, Alignments, AnimationStyles, BackgroundSizes, Box, ClipPaths, Countdown, Cursors, DefaultEdgePosition, DefaultFormButtonStyle, DefaultFormSelectStyle, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexDirections, FlexItem, FormCheckBoxes, FormRadioButtons, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, applyCss, applyGlobalCss, close, closeAction, closed, collection$1 as collection, create, createApp, createFog, customHandlers, customVariables, destroy, destroyAction, destroyed, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getActionShadowRoot, getCustomHandlers, getCustomVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getStoreState, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isClosed, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestroy, onScroll, onShow, onTime, opened, setActionSetting, setAutoStart, setClosed, setCustomHandlers, setCustomVariables, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, stopped, updateCustomHandlers, updateCustomVariables, variables, widget };
8302
+ export { ACTION_HOOK_LABEL, Alignments, AnimationStyles, BackgroundSizes, Box, ClipPaths, Countdown, Cursors, DefaultEdgePosition, DefaultFormButtonColor, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexDirections, FlexItem, FormCheckBoxes, FormRadioButtons, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, applyCss, applyGlobalCss, close, closeAction, closed, collection$1 as collection, create, createApp, createFog, customHandlers, customVariables, destroy, destroyAction, destroyed, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getActionShadowRoot, getCustomHandlers, getCustomVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getStoreState, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isClosed, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestroy, onScroll, onShow, onTime, opened, setActionSetting, setAutoStart, setClosed, setCustomHandlers, setCustomVariables, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, stopped, updateCustomHandlers, updateCustomVariables, variables, widget };