Function Details

docs/pseudo.esm.sh/tinybase@9.0.0/ui-solid-inspector/index.js:4198–4238

(props)

  return (valueId) => store()?.hasValue(valueId) ?? false;
};
var Details = (props) => {
  const open2 = useCell(STATE_TABLE, props.uniqueId, OPEN_CELL, props.s);
  const handleToggle = (event) => props.s.setCell(
    STATE_TABLE,
    props.uniqueId,
    OPEN_CELL,
    event.currentTarget.open
  );
  return (() => {
    var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$2.nextSibling;
    _el$.addEventListener("toggle", handleToggle);
    insert(_el$3, () => props.title);
    insert(
      _el$2,
      (() => {
        var _c$ = memo2(() => !!props.handleEditable);
        return () => _c$() ? (() => {
          var _el$5 = _tmpl$2();
          addEventListener(_el$5, "click", props.handleEditable);
          effect(
            (_p$) => {
              var _v$ = props.editable?.() ? "done" : "edit", _v$2 = props.editable?.() ? "Done editing" : "Edit";
              _v$ !== _p$.e && className(_el$5, _p$.e = _v$);
              _v$2 !== _p$.t && setAttribute(_el$5, "title", _p$.t = _v$2);
              return _p$;
            },
            {
              e: void 0,
              t: void 0
            }
          );
          return _el$5;
        })() : EMPTY_STRING2;
      })(),
      null
    );
    insert(_el$4, () => props.children);
    effect(() => _el$.open = !!open2());
    return _el$;
  })();
};
var ConfirmableActions = (props) => {
  const [confirming, setConfirming] = createSignal2();
  const handleDone = () => setConfirming(void 0);