"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../animation/utils/is-css-variable.mjs.js"),r=require("../utils/keys-transform.mjs.js"),s=require("../dom/parse-transform.mjs.js"),t=require("../../projection/utils/measure.mjs.js"),i=require("../dom/DOMVisualElement.mjs.js"),o=require("./utils/build-styles.mjs.js"),u=require("./utils/render.mjs.js"),a=require("./utils/scrape-motion-values.mjs.js");function n(e){return window.getComputedStyle(e)}class l extends i.DOMVisualElement{constructor(){super(...arguments),this.type="html",this.renderInstance=u.renderHTML}readValueFromInstance(t,i){if(r.transformProps.has(i))return this.projection?.isProjecting?s.defaultTransformValue(i):s.readTransformValue(t,i);{const r=n(t),s=(e.isCSSVariableName(i)?r.getPropertyValue(i):r[i])||0;return"string"==typeof s?s.trim():s}}measureInstanceViewportBox(e,r){let{transformPagePoint:s}=r;return t.measureViewportBox(e,s)}build(e,r,s){o.buildHTMLStyles(e,r,s.transformTemplate)}scrapeMotionValuesFromProps(e,r,s){return a.scrapeMotionValuesFromProps(e,r,s)}}exports.HTMLVisualElement=l,exports.getComputedStyle=n;
//# sourceMappingURL=HTMLVisualElement.mjs.js.map
