import { isMotionValue as r } from "../../value/utils/is-motion-value.es.js";
import { DOMKeyframesResolver as o } from "../../animation/keyframes/DOMKeyframesResolver.es.js";
import { VisualElement as s } from "../VisualElement.es.js";
class a extends s {
  constructor() {
    super(...arguments), this.KeyframeResolver = o;
  }
  sortInstanceNodePosition(e, t) {
    return e.compareDocumentPosition(t) & 2 ? 1 : -1;
  }
  getBaseTargetFromProps(e, t) {
    const i = e.style;
    return i ? i[t] : void 0;
  }
  removeValueFromRenderState(e, { vars: t, style: i }) {
    delete t[e], delete i[e];
  }
  handleChildMotionValue() {
    this.childSubscription && (this.childSubscription(), delete this.childSubscription);
    const { children: e } = this.props;
    r(e) && (this.childSubscription = e.on("change", (t) => {
      this.current && (this.current.textContent = `${t}`);
    }));
  }
}
export {
  a as DOMVisualElement
};
//# sourceMappingURL=DOMVisualElement.es.js.map
