import { __assign } from "../../../../../../../tslib@2.6.2/node_modules/tslib/tslib.es6.js";
import { visualElement } from "../index.js";
import { scrapeMotionValuesFromProps } from "./utils/scrape-motion-values.js";
import { htmlConfig } from "../html/visual-element.js";
import { buildSVGAttrs } from "./utils/build-attrs.js";
import { camelToDash } from "../dom/utils/camel-to-dash.js";
import { camelCaseAttributes } from "./utils/camel-case-attrs.js";
import { isTransformProp } from "../html/utils/transform.js";
import { renderSVG } from "./utils/render.js";
import { getDefaultValueType } from "../dom/value-types/defaults.js";
var svgVisualElement = visualElement(__assign(__assign({}, htmlConfig), { getBaseTarget: function(props, key) {
  return props[key];
}, readValueFromInstance: function(domElement, key) {
  var _a;
  if (isTransformProp(key)) {
    return ((_a = getDefaultValueType(key)) === null || _a === void 0 ? void 0 : _a.default) || 0;
  }
  key = !camelCaseAttributes.has(key) ? camelToDash(key) : key;
  return domElement.getAttribute(key);
}, scrapeMotionValuesFromProps, build: function(_element, renderState, latestValues, options, props) {
  buildSVGAttrs(renderState, latestValues, options, props.transformTemplate);
}, render: renderSVG }));
export {
  svgVisualElement
};
//# sourceMappingURL=visual-element.js.map
