packages/omni-ui/omni-web/src/controls/DynamicInputControl.hbs

<div
  class="input-control-div"
  x-tooltip:reactive="tooltip"
>
  <div
    x-show="error"
    x-text="error"
    class="flex text-white bg-red-500 w-full text-xs"
  ></div>
  <label
    :for="controlUid"
    class="sr-only text-xs text-gray-500"
    x-text="title"
  ></label>
  <textarea
    x-data="inputUtils"
    x-init="textareaAutoResize($el)"
    @input="textareaAutoResize($el)"
    :id="controlUid"
    :disabled="opts.readonly"
    :value="value && typeof(value) !== 'string'? JSON.stringify(value, null, 2).trim() : null"
    :placeholder="opts.placeholder || title"
    @blur="change($event)"
    @dblclick.stop="$event"
    @pointerdown.stop="$event"
    @pointermove.stop="$event"
    class="h-7 min-h-7 w-full font-mono text-xs rounded-md border-gray-300 shadow-sm focus:border-primary-400 focus:ring-opacity-50 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500"
  />

</div>