let ACTION_SETTING = {};
let form = '';

$UD.connect('dev.mars3142.ulanzideck.collection.railway');

$UD.onConnected(() => {
  form = document.querySelector('#property-inspector');

  form.addEventListener('input', Utils.debounce(() => {
    const value = Utils.getFormValue(form);
    ACTION_SETTING = { ...ACTION_SETTING, ...value };
    $UD.sendParamFromPlugin(ACTION_SETTING);
  }));
});

$UD.onAdd(jsn => {
  if (jsn && jsn.param) settingSaveParam(jsn.param);
});

$UD.onParamFromApp(jsn => {
  settingSaveParam((jsn && jsn.param) || {});
});

$UD.onParamFromPlugin(jsn => {
  settingSaveParam((jsn && jsn.param) || {});
});

function settingSaveParam(params) {
  ACTION_SETTING = { ...ACTION_SETTING, ...params };
  if (form) Utils.setFormValue(ACTION_SETTING, form);
}