@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.
@@ -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
  *
@@ -1459,15 +1469,9 @@ const DefaultSlideNavigationButton = {
1459
1469
  colorActive: '#666',
1460
1470
  };
1461
1471
  /** @internal */
1462
- const DefaultFormButtonStyle = {
1463
- size: '16px',
1464
- colorActive: '#2aab9f',
1465
- colorInactive: 'rgba(0, 16, 14, 0.06)',
1466
- };
1467
- /** @internal */
1468
- const DefaultFormSelectStyle = {
1469
- colorArrow: '#333',
1470
- colorFocused: '#2aab9f',
1472
+ const DefaultFormButtonColor = {
1473
+ main: '#2aab9f',
1474
+ sub: '#fff',
1471
1475
  };
1472
1476
 
1473
1477
  const DEFAULT_COLLECTION_ENDPOINT = typeof __FLYER_GEN_COLLECTION_API_ENDPOINT__ === 'string'
@@ -5917,17 +5921,17 @@ class FormTextarea extends SvelteComponent {
5917
5921
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
5918
5922
 
5919
5923
  function add_css$a(target) {
5920
- 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}");
5924
+ 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}");
5921
5925
  }
5922
5926
 
5923
5927
  function get_each_context$4(ctx, list, i) {
5924
5928
  const child_ctx = ctx.slice();
5925
- child_ctx[13] = list[i];
5926
- child_ctx[15] = i;
5929
+ child_ctx[15] = list[i];
5930
+ child_ctx[17] = i;
5927
5931
  return child_ctx;
5928
5932
  }
5929
5933
 
5930
- // (62:2) {#each _options as option, i}
5934
+ // (88:2) {#each _options as option, i}
5931
5935
  function create_each_block$4(ctx) {
5932
5936
  let label;
5933
5937
  let input;
@@ -5935,7 +5939,7 @@ function create_each_block$4(ctx) {
5935
5939
  let input_checked_value;
5936
5940
  let t0;
5937
5941
  let span;
5938
- let t1_value = /*option*/ ctx[13] + "";
5942
+ let t1_value = /*option*/ ctx[15] + "";
5939
5943
  let t1;
5940
5944
  let t2;
5941
5945
  let mounted;
@@ -5973,14 +5977,14 @@ function create_each_block$4(ctx) {
5973
5977
  },
5974
5978
  h() {
5975
5979
  attr(input, "type", "radio");
5976
- attr(input, "class", "radio-button-input svelte-17es5zb");
5977
- attr(input, "style", /*_buttonStyle*/ ctx[5]);
5980
+ attr(input, "class", "radio-button-input svelte-17s08g");
5981
+ attr(input, "style", /*buttonStyle*/ ctx[5]);
5978
5982
  attr(input, "name", /*name*/ ctx[0]);
5979
- input.value = input_value_value = /*option*/ ctx[13];
5980
- input.checked = input_checked_value = /*option*/ ctx[13] === /*_value*/ ctx[3];
5981
- attr(span, "class", "radio-button-text svelte-17es5zb");
5982
- attr(span, "style", /*textStyle*/ ctx[2]);
5983
- attr(label, "class", "radio-button svelte-17es5zb");
5983
+ input.value = input_value_value = /*option*/ ctx[15];
5984
+ input.checked = input_checked_value = /*option*/ ctx[15] === /*_value*/ ctx[3];
5985
+ attr(span, "class", "radio-button-text svelte-17s08g");
5986
+ attr(span, "style", /*_textStyle*/ ctx[2]);
5987
+ attr(label, "class", "radio-button svelte-17s08g");
5984
5988
  },
5985
5989
  m(target, anchor) {
5986
5990
  insert_hydration(target, label, anchor);
@@ -5991,33 +5995,33 @@ function create_each_block$4(ctx) {
5991
5995
  append_hydration(label, t2);
5992
5996
 
5993
5997
  if (!mounted) {
5994
- dispose = listen(input, "change", /*handleChange*/ ctx[7](/*i*/ ctx[15]));
5998
+ dispose = listen(input, "change", /*handleChange*/ ctx[7](/*i*/ ctx[17]));
5995
5999
  mounted = true;
5996
6000
  }
5997
6001
  },
5998
6002
  p(new_ctx, dirty) {
5999
6003
  ctx = new_ctx;
6000
6004
 
6001
- if (dirty & /*_buttonStyle*/ 32) {
6002
- attr(input, "style", /*_buttonStyle*/ ctx[5]);
6005
+ if (dirty & /*buttonStyle*/ 32) {
6006
+ attr(input, "style", /*buttonStyle*/ ctx[5]);
6003
6007
  }
6004
6008
 
6005
6009
  if (dirty & /*name*/ 1) {
6006
6010
  attr(input, "name", /*name*/ ctx[0]);
6007
6011
  }
6008
6012
 
6009
- if (dirty & /*_options*/ 16 && input_value_value !== (input_value_value = /*option*/ ctx[13])) {
6013
+ if (dirty & /*_options*/ 16 && input_value_value !== (input_value_value = /*option*/ ctx[15])) {
6010
6014
  input.value = input_value_value;
6011
6015
  }
6012
6016
 
6013
- if (dirty & /*_options, _value*/ 24 && input_checked_value !== (input_checked_value = /*option*/ ctx[13] === /*_value*/ ctx[3])) {
6017
+ if (dirty & /*_options, _value*/ 24 && input_checked_value !== (input_checked_value = /*option*/ ctx[15] === /*_value*/ ctx[3])) {
6014
6018
  input.checked = input_checked_value;
6015
6019
  }
6016
6020
 
6017
- if (dirty & /*_options*/ 16 && t1_value !== (t1_value = /*option*/ ctx[13] + "")) set_data(t1, t1_value);
6021
+ if (dirty & /*_options*/ 16 && t1_value !== (t1_value = /*option*/ ctx[15] + "")) set_data(t1, t1_value);
6018
6022
 
6019
- if (dirty & /*textStyle*/ 4) {
6020
- attr(span, "style", /*textStyle*/ ctx[2]);
6023
+ if (dirty & /*_textStyle*/ 4) {
6024
+ attr(span, "style", /*_textStyle*/ ctx[2]);
6021
6025
  }
6022
6026
  },
6023
6027
  d(detaching) {
@@ -6059,8 +6063,8 @@ function create_fragment$a(ctx) {
6059
6063
  this.h();
6060
6064
  },
6061
6065
  h() {
6062
- attr(div, "class", "radio-buttons svelte-17es5zb");
6063
- attr(div, "style", /*layoutStyle*/ ctx[1]);
6066
+ attr(div, "class", "radio-buttons svelte-17s08g");
6067
+ attr(div, "style", /*_layoutStyle*/ ctx[1]);
6064
6068
  },
6065
6069
  m(target, anchor) {
6066
6070
  insert_hydration(target, div, anchor);
@@ -6070,7 +6074,7 @@ function create_fragment$a(ctx) {
6070
6074
  }
6071
6075
  },
6072
6076
  p(ctx, [dirty]) {
6073
- if (dirty & /*textStyle, _options, _buttonStyle, name, _value, handleChange*/ 189) {
6077
+ if (dirty & /*_textStyle, _options, buttonStyle, name, _value, handleChange*/ 189) {
6074
6078
  each_value = /*_options*/ ctx[4];
6075
6079
  let i;
6076
6080
 
@@ -6093,8 +6097,8 @@ function create_fragment$a(ctx) {
6093
6097
  each_blocks.length = each_value.length;
6094
6098
  }
6095
6099
 
6096
- if (dirty & /*layoutStyle*/ 2) {
6097
- attr(div, "style", /*layoutStyle*/ ctx[1]);
6100
+ if (dirty & /*_layoutStyle*/ 2) {
6101
+ attr(div, "style", /*_layoutStyle*/ ctx[1]);
6098
6102
  }
6099
6103
  },
6100
6104
  i: noop,
@@ -6108,21 +6112,17 @@ function create_fragment$a(ctx) {
6108
6112
 
6109
6113
  function instance$a($$self, $$props, $$invalidate) {
6110
6114
  let _options;
6111
- let _buttonStyle;
6115
+ let buttonStyle;
6112
6116
  let _value;
6113
6117
  let $value;
6114
6118
  let { name = '' } = $$props;
6115
6119
  let { options = 'ラジオボタン1,ラジオボタン2,ラジオボタン3' } = $$props;
6116
6120
  let { required = false } = $$props;
6117
- let { layoutStyle = 'flex-direction: column; gap: 0px;' } = $$props;
6118
- let { textStyle = 'color: #333; font-size: 12px;' } = $$props;
6119
-
6120
- let { buttonStyle = {
6121
- size: '16px',
6122
- colorActive: '#2aab9f',
6123
- colorInactive: 'rgba(0, 16, 14, 0.06)'
6124
- } } = $$props;
6125
-
6121
+ let { _layoutStyle = 'flex-direction: column; gap: 0px;' } = $$props;
6122
+ let { _textStyle = 'color: #333; font-size: 12px;' } = $$props;
6123
+ let { buttonSize = '16px' } = $$props;
6124
+ let { buttonColor = { main: '#f0f1f1', sub: '#f0f1f1' } } = $$props;
6125
+ let { buttonColorActive = { main: '#2aab9f', sub: '#fff' } } = $$props;
6126
6126
  const { path: statePath } = getStateItemContext();
6127
6127
 
6128
6128
  const value = registerInput({
@@ -6135,7 +6135,7 @@ function instance$a($$self, $$props, $$invalidate) {
6135
6135
  }
6136
6136
  });
6137
6137
 
6138
- component_subscribe($$self, value, value => $$invalidate(11, $value = value));
6138
+ component_subscribe($$self, value, value => $$invalidate(13, $value = value));
6139
6139
 
6140
6140
  const handleChange = index => event => {
6141
6141
  if (event.target.checked) {
@@ -6147,9 +6147,11 @@ function instance$a($$self, $$props, $$invalidate) {
6147
6147
  if ('name' in $$props) $$invalidate(0, name = $$props.name);
6148
6148
  if ('options' in $$props) $$invalidate(8, options = $$props.options);
6149
6149
  if ('required' in $$props) $$invalidate(9, required = $$props.required);
6150
- if ('layoutStyle' in $$props) $$invalidate(1, layoutStyle = $$props.layoutStyle);
6151
- if ('textStyle' in $$props) $$invalidate(2, textStyle = $$props.textStyle);
6152
- if ('buttonStyle' in $$props) $$invalidate(10, buttonStyle = $$props.buttonStyle);
6150
+ if ('_layoutStyle' in $$props) $$invalidate(1, _layoutStyle = $$props._layoutStyle);
6151
+ if ('_textStyle' in $$props) $$invalidate(2, _textStyle = $$props._textStyle);
6152
+ if ('buttonSize' in $$props) $$invalidate(10, buttonSize = $$props.buttonSize);
6153
+ if ('buttonColor' in $$props) $$invalidate(11, buttonColor = $$props.buttonColor);
6154
+ if ('buttonColorActive' in $$props) $$invalidate(12, buttonColorActive = $$props.buttonColorActive);
6153
6155
  };
6154
6156
 
6155
6157
  $$self.$$.update = () => {
@@ -6157,27 +6159,37 @@ function instance$a($$self, $$props, $$invalidate) {
6157
6159
  $$invalidate(4, _options = options.split(','));
6158
6160
  }
6159
6161
 
6160
- if ($$self.$$.dirty & /*buttonStyle*/ 1024) {
6161
- $$invalidate(5, _buttonStyle = `--size: ${buttonStyle.size}; --color-active: ${buttonStyle.colorActive}; --color-inactive: ${buttonStyle.colorInactive}`);
6162
+ if ($$self.$$.dirty & /*buttonColor, buttonColorActive, buttonSize*/ 7168) {
6163
+ $$invalidate(5, buttonStyle = (() => {
6164
+ return stringifyStyleObj({
6165
+ '--color-main': buttonColor.main,
6166
+ '--color-sub': buttonColor.sub,
6167
+ '--color-main-active': buttonColorActive.main,
6168
+ '--color-sub-active': buttonColorActive.sub,
6169
+ '--size': buttonSize
6170
+ });
6171
+ })());
6162
6172
  }
6163
6173
 
6164
- if ($$self.$$.dirty & /*$value*/ 2048) {
6174
+ if ($$self.$$.dirty & /*$value*/ 8192) {
6165
6175
  $$invalidate(3, _value = $value[0]);
6166
6176
  }
6167
6177
  };
6168
6178
 
6169
6179
  return [
6170
6180
  name,
6171
- layoutStyle,
6172
- textStyle,
6181
+ _layoutStyle,
6182
+ _textStyle,
6173
6183
  _value,
6174
6184
  _options,
6175
- _buttonStyle,
6185
+ buttonStyle,
6176
6186
  value,
6177
6187
  handleChange,
6178
6188
  options,
6179
6189
  required,
6180
- buttonStyle,
6190
+ buttonSize,
6191
+ buttonColor,
6192
+ buttonColorActive,
6181
6193
  $value
6182
6194
  ];
6183
6195
  }
@@ -6196,9 +6208,11 @@ class FormRadioButtons extends SvelteComponent {
6196
6208
  name: 0,
6197
6209
  options: 8,
6198
6210
  required: 9,
6199
- layoutStyle: 1,
6200
- textStyle: 2,
6201
- buttonStyle: 10
6211
+ _layoutStyle: 1,
6212
+ _textStyle: 2,
6213
+ buttonSize: 10,
6214
+ buttonColor: 11,
6215
+ buttonColorActive: 12
6202
6216
  },
6203
6217
  add_css$a
6204
6218
  );
@@ -6208,40 +6222,42 @@ class FormRadioButtons extends SvelteComponent {
6208
6222
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
6209
6223
 
6210
6224
  function add_css$9(target) {
6211
- 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}");
6225
+ 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}");
6212
6226
  }
6213
6227
 
6214
6228
  function get_each_context$3(ctx, list, i) {
6215
6229
  const child_ctx = ctx.slice();
6216
- child_ctx[10] = list[i];
6217
- child_ctx[12] = i;
6230
+ child_ctx[17] = list[i];
6231
+ child_ctx[19] = i;
6218
6232
  return child_ctx;
6219
6233
  }
6220
6234
 
6221
- // (55:10) {:else}
6235
+ // (91:10) {:else}
6222
6236
  function create_else_block(ctx) {
6223
6237
  let t;
6224
6238
 
6225
6239
  return {
6226
6240
  c() {
6227
- t = text("回答を選択して下さい");
6241
+ t = text(/*placeholder*/ ctx[0]);
6228
6242
  },
6229
6243
  l(nodes) {
6230
- t = claim_text(nodes, "回答を選択して下さい");
6244
+ t = claim_text(nodes, /*placeholder*/ ctx[0]);
6231
6245
  },
6232
6246
  m(target, anchor) {
6233
6247
  insert_hydration(target, t, anchor);
6234
6248
  },
6235
- p: noop,
6249
+ p(ctx, dirty) {
6250
+ if (dirty & /*placeholder*/ 1) set_data(t, /*placeholder*/ ctx[0]);
6251
+ },
6236
6252
  d(detaching) {
6237
6253
  if (detaching) detach(t);
6238
6254
  }
6239
6255
  };
6240
6256
  }
6241
6257
 
6242
- // (53:10) {#if option}
6258
+ // (89:10) {#if option}
6243
6259
  function create_if_block$1(ctx) {
6244
- let t_value = /*option*/ ctx[10] + "";
6260
+ let t_value = /*option*/ ctx[17] + "";
6245
6261
  let t;
6246
6262
 
6247
6263
  return {
@@ -6255,7 +6271,7 @@ function create_if_block$1(ctx) {
6255
6271
  insert_hydration(target, t, anchor);
6256
6272
  },
6257
6273
  p(ctx, dirty) {
6258
- if (dirty & /*_options*/ 4 && t_value !== (t_value = /*option*/ ctx[10] + "")) set_data(t, t_value);
6274
+ if (dirty & /*_options*/ 16 && t_value !== (t_value = /*option*/ ctx[17] + "")) set_data(t, t_value);
6259
6275
  },
6260
6276
  d(detaching) {
6261
6277
  if (detaching) detach(t);
@@ -6263,14 +6279,15 @@ function create_if_block$1(ctx) {
6263
6279
  };
6264
6280
  }
6265
6281
 
6266
- // (51:6) {#each _options as option, i}
6282
+ // (87:6) {#each _options as option, i}
6267
6283
  function create_each_block$3(ctx) {
6268
6284
  let option;
6269
6285
  let t;
6270
6286
  let option_value_value;
6287
+ let option_selected_value;
6271
6288
 
6272
6289
  function select_block_type(ctx, dirty) {
6273
- if (/*option*/ ctx[10]) return create_if_block$1;
6290
+ if (/*option*/ ctx[17]) return create_if_block$1;
6274
6291
  return create_else_block;
6275
6292
  }
6276
6293
 
@@ -6293,8 +6310,9 @@ function create_each_block$3(ctx) {
6293
6310
  this.h();
6294
6311
  },
6295
6312
  h() {
6296
- option.__value = option_value_value = /*option*/ ctx[10];
6313
+ option.__value = option_value_value = /*option*/ ctx[17];
6297
6314
  option.value = option.__value;
6315
+ option.selected = option_selected_value = /*option*/ ctx[17] === /*_value*/ ctx[1];
6298
6316
  },
6299
6317
  m(target, anchor) {
6300
6318
  insert_hydration(target, option, anchor);
@@ -6314,10 +6332,14 @@ function create_each_block$3(ctx) {
6314
6332
  }
6315
6333
  }
6316
6334
 
6317
- if (dirty & /*_options*/ 4 && option_value_value !== (option_value_value = /*option*/ ctx[10])) {
6335
+ if (dirty & /*_options*/ 16 && option_value_value !== (option_value_value = /*option*/ ctx[17])) {
6318
6336
  option.__value = option_value_value;
6319
6337
  option.value = option.__value;
6320
6338
  }
6339
+
6340
+ if (dirty & /*_options, _value*/ 18 && option_selected_value !== (option_selected_value = /*option*/ ctx[17] === /*_value*/ ctx[1])) {
6341
+ option.selected = option_selected_value;
6342
+ }
6321
6343
  },
6322
6344
  d(detaching) {
6323
6345
  if (detaching) detach(option);
@@ -6333,7 +6355,7 @@ function create_fragment$9(ctx) {
6333
6355
  let div0;
6334
6356
  let mounted;
6335
6357
  let dispose;
6336
- let each_value = /*_options*/ ctx[2];
6358
+ let each_value = /*_options*/ ctx[4];
6337
6359
  let each_blocks = [];
6338
6360
 
6339
6361
  for (let i = 0; i < each_value.length; i += 1) {
@@ -6371,11 +6393,11 @@ function create_fragment$9(ctx) {
6371
6393
  this.h();
6372
6394
  },
6373
6395
  h() {
6374
- attr(select, "class", "select-select svelte-wy1i8s");
6375
- attr(select, "style", /*_style*/ ctx[0]);
6376
- attr(div0, "class", "select-icon svelte-wy1i8s");
6377
- attr(div1, "class", "select svelte-wy1i8s");
6378
- attr(div1, "style", /*styleVariables*/ ctx[1]);
6396
+ attr(select, "class", "select-select svelte-1m0v4gk");
6397
+ attr(select, "style", /*style*/ ctx[3]);
6398
+ attr(div0, "class", "select-icon svelte-1m0v4gk");
6399
+ attr(div1, "class", "select svelte-1m0v4gk");
6400
+ attr(div1, "style", /*styleVariables*/ ctx[2]);
6379
6401
  },
6380
6402
  m(target, anchor) {
6381
6403
  insert_hydration(target, div1, anchor);
@@ -6389,13 +6411,13 @@ function create_fragment$9(ctx) {
6389
6411
  append_hydration(div1, div0);
6390
6412
 
6391
6413
  if (!mounted) {
6392
- dispose = listen(select, "change", /*handleChange*/ ctx[3]);
6414
+ dispose = listen(select, "change", /*handleChange*/ ctx[6]);
6393
6415
  mounted = true;
6394
6416
  }
6395
6417
  },
6396
6418
  p(ctx, [dirty]) {
6397
- if (dirty & /*_options*/ 4) {
6398
- each_value = /*_options*/ ctx[2];
6419
+ if (dirty & /*_options, _value, placeholder*/ 19) {
6420
+ each_value = /*_options*/ ctx[4];
6399
6421
  let i;
6400
6422
 
6401
6423
  for (i = 0; i < each_value.length; i += 1) {
@@ -6417,12 +6439,12 @@ function create_fragment$9(ctx) {
6417
6439
  each_blocks.length = each_value.length;
6418
6440
  }
6419
6441
 
6420
- if (dirty & /*_style*/ 1) {
6421
- attr(select, "style", /*_style*/ ctx[0]);
6442
+ if (dirty & /*style*/ 8) {
6443
+ attr(select, "style", /*style*/ ctx[3]);
6422
6444
  }
6423
6445
 
6424
- if (dirty & /*styleVariables*/ 2) {
6425
- attr(div1, "style", /*styleVariables*/ ctx[1]);
6446
+ if (dirty & /*styleVariables*/ 4) {
6447
+ attr(div1, "style", /*styleVariables*/ ctx[2]);
6426
6448
  }
6427
6449
  },
6428
6450
  i: noop,
@@ -6438,17 +6460,19 @@ function create_fragment$9(ctx) {
6438
6460
 
6439
6461
  function instance$9($$self, $$props, $$invalidate) {
6440
6462
  let _options;
6463
+ let style;
6441
6464
  let styleVariables;
6465
+ let _value;
6466
+ let $value;
6442
6467
  let { name = '' } = $$props;
6443
6468
  let { options = 'プルダウン1,プルダウン2,プルダウン3' } = $$props;
6469
+ let { placeholder = '回答を選択して下さい' } = $$props;
6444
6470
  let { required = false } = $$props;
6445
- 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;
6446
-
6447
- let { selectStyle = {
6448
- colorArrow: '#333',
6449
- colorFocused: '#2aab9f'
6450
- } } = $$props;
6451
-
6471
+ let { _style = 'cursor: pointer; background-color: #fff; border: solid 2px #ccc; border-radius: 6px; padding: 0 0 0 10px;' } = $$props;
6472
+ let { _focusStyle = 'border-width: 2px; border-color: #2aab9f; border-style: solid' } = $$props;
6473
+ let { _textStyle = 'font-size: 12px;' } = $$props;
6474
+ let { _placeholderStyle = 'color: #ccc;' } = $$props;
6475
+ let { _iconStyle = 'color: #333;' } = $$props;
6452
6476
  const { path: statePath } = getStateItemContext();
6453
6477
 
6454
6478
  const value = registerInput({
@@ -6461,38 +6485,75 @@ function instance$9($$self, $$props, $$invalidate) {
6461
6485
  }
6462
6486
  });
6463
6487
 
6488
+ component_subscribe($$self, value, value => $$invalidate(15, $value = value));
6489
+
6464
6490
  function handleChange(event) {
6465
6491
  const updated = event.target.value ? [event.target.value] : [];
6466
6492
  value.set(updated);
6467
6493
  }
6468
6494
 
6469
6495
  $$self.$$set = $$props => {
6470
- if ('name' in $$props) $$invalidate(4, name = $$props.name);
6471
- if ('options' in $$props) $$invalidate(5, options = $$props.options);
6472
- if ('required' in $$props) $$invalidate(6, required = $$props.required);
6473
- if ('_style' in $$props) $$invalidate(0, _style = $$props._style);
6474
- if ('selectStyle' in $$props) $$invalidate(7, selectStyle = $$props.selectStyle);
6496
+ if ('name' in $$props) $$invalidate(7, name = $$props.name);
6497
+ if ('options' in $$props) $$invalidate(8, options = $$props.options);
6498
+ if ('placeholder' in $$props) $$invalidate(0, placeholder = $$props.placeholder);
6499
+ if ('required' in $$props) $$invalidate(9, required = $$props.required);
6500
+ if ('_style' in $$props) $$invalidate(10, _style = $$props._style);
6501
+ if ('_focusStyle' in $$props) $$invalidate(11, _focusStyle = $$props._focusStyle);
6502
+ if ('_textStyle' in $$props) $$invalidate(12, _textStyle = $$props._textStyle);
6503
+ if ('_placeholderStyle' in $$props) $$invalidate(13, _placeholderStyle = $$props._placeholderStyle);
6504
+ if ('_iconStyle' in $$props) $$invalidate(14, _iconStyle = $$props._iconStyle);
6475
6505
  };
6476
6506
 
6477
6507
  $$self.$$.update = () => {
6478
- if ($$self.$$.dirty & /*options*/ 32) {
6479
- $$invalidate(2, _options = ['', ...options.split(',')]);
6508
+ if ($$self.$$.dirty & /*options*/ 256) {
6509
+ $$invalidate(4, _options = ['', ...options.split(',')]);
6480
6510
  }
6481
6511
 
6482
- if ($$self.$$.dirty & /*selectStyle*/ 128) {
6483
- $$invalidate(1, styleVariables = `--color-arrow: ${selectStyle.colorArrow}; --color-focused: ${selectStyle.colorFocused}`);
6512
+ if ($$self.$$.dirty & /*$value*/ 32768) {
6513
+ $$invalidate(1, _value = $value[0]);
6514
+ }
6515
+
6516
+ if ($$self.$$.dirty & /*_style, _textStyle, _value, _placeholderStyle*/ 13314) {
6517
+ $$invalidate(3, style = [
6518
+ ..._style.split(';'),
6519
+ ..._textStyle.split(';'),
6520
+ ...!_value ? _placeholderStyle.split(';') : []
6521
+ ].join(';'));
6522
+ }
6523
+
6524
+ if ($$self.$$.dirty & /*_focusStyle, _placeholderStyle, _iconStyle*/ 26624) {
6525
+ $$invalidate(2, styleVariables = (() => {
6526
+ const variables = {};
6527
+ const focusStyleObj = parseStyle(_focusStyle);
6528
+ const placeholderStyle = parseStyle(_placeholderStyle);
6529
+ const iconStyleObj = parseStyle(_iconStyle);
6530
+ if (focusStyleObj['border-width']) variables['--focus-border-width'] = focusStyleObj['border-width'];
6531
+ if (focusStyleObj['border-color']) variables['--focus-border-color'] = focusStyleObj['border-color'];
6532
+ if (focusStyleObj['border-style']) variables['--focus-border-style'] = focusStyleObj['border-style'];
6533
+ if (placeholderStyle.color) variables['--placeholder-color'] = placeholderStyle.color;
6534
+ if (iconStyleObj.color) variables['--icon-color'] = iconStyleObj.color;
6535
+ return stringifyStyleObj(variables);
6536
+ })());
6484
6537
  }
6485
6538
  };
6486
6539
 
6487
6540
  return [
6488
- _style,
6541
+ placeholder,
6542
+ _value,
6489
6543
  styleVariables,
6544
+ style,
6490
6545
  _options,
6546
+ value,
6491
6547
  handleChange,
6492
6548
  name,
6493
6549
  options,
6494
6550
  required,
6495
- selectStyle
6551
+ _style,
6552
+ _focusStyle,
6553
+ _textStyle,
6554
+ _placeholderStyle,
6555
+ _iconStyle,
6556
+ $value
6496
6557
  ];
6497
6558
  }
6498
6559
 
@@ -6507,11 +6568,15 @@ class FormSelect extends SvelteComponent {
6507
6568
  create_fragment$9,
6508
6569
  safe_not_equal,
6509
6570
  {
6510
- name: 4,
6511
- options: 5,
6512
- required: 6,
6513
- _style: 0,
6514
- selectStyle: 7
6571
+ name: 7,
6572
+ options: 8,
6573
+ placeholder: 0,
6574
+ required: 9,
6575
+ _style: 10,
6576
+ _focusStyle: 11,
6577
+ _textStyle: 12,
6578
+ _placeholderStyle: 13,
6579
+ _iconStyle: 14
6515
6580
  },
6516
6581
  add_css$9
6517
6582
  );
@@ -6521,17 +6586,17 @@ class FormSelect extends SvelteComponent {
6521
6586
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
6522
6587
 
6523
6588
  function add_css$8(target) {
6524
- 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}");
6589
+ 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}");
6525
6590
  }
6526
6591
 
6527
6592
  function get_each_context$2(ctx, list, i) {
6528
6593
  const child_ctx = ctx.slice();
6529
- child_ctx[13] = list[i];
6530
- child_ctx[15] = i;
6594
+ child_ctx[15] = list[i];
6595
+ child_ctx[17] = i;
6531
6596
  return child_ctx;
6532
6597
  }
6533
6598
 
6534
- // (68:2) {#each _options as option, i}
6599
+ // (94:2) {#each _options as option, i}
6535
6600
  function create_each_block$2(ctx) {
6536
6601
  let label;
6537
6602
  let input;
@@ -6542,7 +6607,7 @@ function create_each_block$2(ctx) {
6542
6607
  let span1_class_value;
6543
6608
  let t1;
6544
6609
  let span2;
6545
- let t2_value = /*option*/ ctx[13] + "";
6610
+ let t2_value = /*option*/ ctx[15] + "";
6546
6611
  let t2;
6547
6612
  let t3;
6548
6613
  let mounted;
@@ -6582,20 +6647,20 @@ function create_each_block$2(ctx) {
6582
6647
  this.h();
6583
6648
  },
6584
6649
  h() {
6585
- attr(input, "class", "check-box-input svelte-y5vmhx");
6650
+ attr(input, "class", "check-box-input svelte-o1ztcf");
6586
6651
  attr(input, "type", "checkbox");
6587
6652
  attr(input, "name", /*name*/ ctx[0]);
6588
- input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[15]];
6589
- attr(span0, "class", "check-box-icon svelte-y5vmhx");
6653
+ input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[17]];
6654
+ attr(span0, "class", "check-box-icon svelte-o1ztcf");
6590
6655
 
6591
- attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[15]]
6656
+ attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[17]]
6592
6657
  ? ' _checked'
6593
- : ''}`) + " svelte-y5vmhx"));
6658
+ : ''}`) + " svelte-o1ztcf"));
6594
6659
 
6595
- attr(span1, "style", /*_buttonStyle*/ ctx[5]);
6596
- attr(span2, "class", "check-box-text svelte-y5vmhx");
6597
- attr(span2, "style", /*textStyle*/ ctx[2]);
6598
- attr(label, "class", "check-box svelte-y5vmhx");
6660
+ attr(span1, "style", /*styleVariables*/ ctx[5]);
6661
+ attr(span2, "class", "check-box-text svelte-o1ztcf");
6662
+ attr(span2, "style", /*_textStyle*/ ctx[2]);
6663
+ attr(label, "class", "check-box svelte-o1ztcf");
6599
6664
  },
6600
6665
  m(target, anchor) {
6601
6666
  insert_hydration(target, label, anchor);
@@ -6609,7 +6674,7 @@ function create_each_block$2(ctx) {
6609
6674
  append_hydration(label, t3);
6610
6675
 
6611
6676
  if (!mounted) {
6612
- dispose = listen(input, "change", /*handleChange*/ ctx[7](/*i*/ ctx[15]));
6677
+ dispose = listen(input, "change", /*handleChange*/ ctx[7](/*i*/ ctx[17]));
6613
6678
  mounted = true;
6614
6679
  }
6615
6680
  },
@@ -6620,24 +6685,24 @@ function create_each_block$2(ctx) {
6620
6685
  attr(input, "name", /*name*/ ctx[0]);
6621
6686
  }
6622
6687
 
6623
- if (dirty & /*isCheckedArray*/ 16 && input_checked_value !== (input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[15]])) {
6688
+ if (dirty & /*isCheckedArray*/ 16 && input_checked_value !== (input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[17]])) {
6624
6689
  input.checked = input_checked_value;
6625
6690
  }
6626
6691
 
6627
- if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[15]]
6692
+ if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[17]]
6628
6693
  ? ' _checked'
6629
- : ''}`) + " svelte-y5vmhx"))) {
6694
+ : ''}`) + " svelte-o1ztcf"))) {
6630
6695
  attr(span1, "class", span1_class_value);
6631
6696
  }
6632
6697
 
6633
- if (dirty & /*_buttonStyle*/ 32) {
6634
- attr(span1, "style", /*_buttonStyle*/ ctx[5]);
6698
+ if (dirty & /*styleVariables*/ 32) {
6699
+ attr(span1, "style", /*styleVariables*/ ctx[5]);
6635
6700
  }
6636
6701
 
6637
- if (dirty & /*_options*/ 8 && t2_value !== (t2_value = /*option*/ ctx[13] + "")) set_data(t2, t2_value);
6702
+ if (dirty & /*_options*/ 8 && t2_value !== (t2_value = /*option*/ ctx[15] + "")) set_data(t2, t2_value);
6638
6703
 
6639
- if (dirty & /*textStyle*/ 4) {
6640
- attr(span2, "style", /*textStyle*/ ctx[2]);
6704
+ if (dirty & /*_textStyle*/ 4) {
6705
+ attr(span2, "style", /*_textStyle*/ ctx[2]);
6641
6706
  }
6642
6707
  },
6643
6708
  d(detaching) {
@@ -6679,8 +6744,8 @@ function create_fragment$8(ctx) {
6679
6744
  this.h();
6680
6745
  },
6681
6746
  h() {
6682
- attr(div, "class", "check-boxes svelte-y5vmhx");
6683
- attr(div, "style", /*layoutStyle*/ ctx[1]);
6747
+ attr(div, "class", "check-boxes svelte-o1ztcf");
6748
+ attr(div, "style", /*_layoutStyle*/ ctx[1]);
6684
6749
  },
6685
6750
  m(target, anchor) {
6686
6751
  insert_hydration(target, div, anchor);
@@ -6690,7 +6755,7 @@ function create_fragment$8(ctx) {
6690
6755
  }
6691
6756
  },
6692
6757
  p(ctx, [dirty]) {
6693
- if (dirty & /*textStyle, _options, isCheckedArray, _buttonStyle, name, handleChange*/ 189) {
6758
+ if (dirty & /*_textStyle, _options, isCheckedArray, styleVariables, name, handleChange*/ 189) {
6694
6759
  each_value = /*_options*/ ctx[3];
6695
6760
  let i;
6696
6761
 
@@ -6713,8 +6778,8 @@ function create_fragment$8(ctx) {
6713
6778
  each_blocks.length = each_value.length;
6714
6779
  }
6715
6780
 
6716
- if (dirty & /*layoutStyle*/ 2) {
6717
- attr(div, "style", /*layoutStyle*/ ctx[1]);
6781
+ if (dirty & /*_layoutStyle*/ 2) {
6782
+ attr(div, "style", /*_layoutStyle*/ ctx[1]);
6718
6783
  }
6719
6784
  },
6720
6785
  i: noop,
@@ -6728,21 +6793,17 @@ function create_fragment$8(ctx) {
6728
6793
 
6729
6794
  function instance$8($$self, $$props, $$invalidate) {
6730
6795
  let _options;
6731
- let _buttonStyle;
6796
+ let styleVariables;
6732
6797
  let isCheckedArray;
6733
6798
  let $value;
6734
6799
  let { name = '' } = $$props;
6735
6800
  let { options = 'チェックボックス1,チェックボックス2,チェックボックス3' } = $$props;
6736
6801
  let { required = false } = $$props;
6737
- let { layoutStyle = 'flex-direction: column; gap: 0px;' } = $$props;
6738
- let { textStyle = 'color: #333; font-size: 12px;' } = $$props;
6739
-
6740
- let { buttonStyle = {
6741
- size: '16px',
6742
- colorActive: '#2aab9f',
6743
- colorInactive: 'rgba(0, 16, 14, 0.06)'
6744
- } } = $$props;
6745
-
6802
+ let { _layoutStyle = 'flex-direction: column; gap: 0px;' } = $$props;
6803
+ let { _textStyle = 'color: #333; font-size: 12px;' } = $$props;
6804
+ let { buttonSize = '16px' } = $$props;
6805
+ let { buttonColor = { main: '#f0f1f1', sub: '#f0f1f1' } } = $$props;
6806
+ let { buttonColorActive = { main: '#2aab9f', sub: '#fff' } } = $$props;
6746
6807
  const { path: statePath } = getStateItemContext();
6747
6808
 
6748
6809
  const value = registerInput({
@@ -6755,7 +6816,7 @@ function instance$8($$self, $$props, $$invalidate) {
6755
6816
  }
6756
6817
  });
6757
6818
 
6758
- component_subscribe($$self, value, value => $$invalidate(11, $value = value));
6819
+ component_subscribe($$self, value, value => $$invalidate(13, $value = value));
6759
6820
 
6760
6821
  const handleChange = index => event => {
6761
6822
  if (isCheckedArray[index] !== event.target.checked) {
@@ -6770,9 +6831,11 @@ function instance$8($$self, $$props, $$invalidate) {
6770
6831
  if ('name' in $$props) $$invalidate(0, name = $$props.name);
6771
6832
  if ('options' in $$props) $$invalidate(8, options = $$props.options);
6772
6833
  if ('required' in $$props) $$invalidate(9, required = $$props.required);
6773
- if ('layoutStyle' in $$props) $$invalidate(1, layoutStyle = $$props.layoutStyle);
6774
- if ('textStyle' in $$props) $$invalidate(2, textStyle = $$props.textStyle);
6775
- if ('buttonStyle' in $$props) $$invalidate(10, buttonStyle = $$props.buttonStyle);
6834
+ if ('_layoutStyle' in $$props) $$invalidate(1, _layoutStyle = $$props._layoutStyle);
6835
+ if ('_textStyle' in $$props) $$invalidate(2, _textStyle = $$props._textStyle);
6836
+ if ('buttonSize' in $$props) $$invalidate(10, buttonSize = $$props.buttonSize);
6837
+ if ('buttonColor' in $$props) $$invalidate(11, buttonColor = $$props.buttonColor);
6838
+ if ('buttonColorActive' in $$props) $$invalidate(12, buttonColorActive = $$props.buttonColorActive);
6776
6839
  };
6777
6840
 
6778
6841
  $$self.$$.update = () => {
@@ -6780,11 +6843,19 @@ function instance$8($$self, $$props, $$invalidate) {
6780
6843
  $$invalidate(3, _options = options.split(','));
6781
6844
  }
6782
6845
 
6783
- if ($$self.$$.dirty & /*buttonStyle*/ 1024) {
6784
- $$invalidate(5, _buttonStyle = `--size: ${buttonStyle.size}; --color-active: ${buttonStyle.colorActive}; --color-inactive: ${buttonStyle.colorInactive}`);
6846
+ if ($$self.$$.dirty & /*buttonColor, buttonColorActive, buttonSize*/ 7168) {
6847
+ $$invalidate(5, styleVariables = (() => {
6848
+ return stringifyStyleObj({
6849
+ '--color-main': buttonColor.main,
6850
+ '--color-sub': buttonColor.sub,
6851
+ '--color-main-active': buttonColorActive.main,
6852
+ '--color-sub-active': buttonColorActive.sub,
6853
+ '--size': buttonSize
6854
+ });
6855
+ })());
6785
6856
  }
6786
6857
 
6787
- if ($$self.$$.dirty & /*$value, _options*/ 2056) {
6858
+ if ($$self.$$.dirty & /*$value, _options*/ 8200) {
6788
6859
  $$invalidate(4, isCheckedArray = (() => {
6789
6860
  const checkedSet = new Set($value);
6790
6861
  return _options.map(option => checkedSet.has(option));
@@ -6794,16 +6865,18 @@ function instance$8($$self, $$props, $$invalidate) {
6794
6865
 
6795
6866
  return [
6796
6867
  name,
6797
- layoutStyle,
6798
- textStyle,
6868
+ _layoutStyle,
6869
+ _textStyle,
6799
6870
  _options,
6800
6871
  isCheckedArray,
6801
- _buttonStyle,
6872
+ styleVariables,
6802
6873
  value,
6803
6874
  handleChange,
6804
6875
  options,
6805
6876
  required,
6806
- buttonStyle,
6877
+ buttonSize,
6878
+ buttonColor,
6879
+ buttonColorActive,
6807
6880
  $value
6808
6881
  ];
6809
6882
  }
@@ -6822,9 +6895,11 @@ class FormCheckBoxes extends SvelteComponent {
6822
6895
  name: 0,
6823
6896
  options: 8,
6824
6897
  required: 9,
6825
- layoutStyle: 1,
6826
- textStyle: 2,
6827
- buttonStyle: 10
6898
+ _layoutStyle: 1,
6899
+ _textStyle: 2,
6900
+ buttonSize: 10,
6901
+ buttonColor: 11,
6902
+ buttonColorActive: 12
6828
6903
  },
6829
6904
  add_css$8
6830
6905
  );
@@ -8732,4 +8807,4 @@ class ImageBlock extends SvelteComponent {
8732
8807
  }
8733
8808
  }
8734
8809
 
8735
- 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 };
8810
+ 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 };