@antv/g/es/css/properties/CSSPropertyLengthOrPercentage.js

import { __decorate } from "tslib";
import { singleton } from 'mana-syringe';
import { UnitType, CSSUnitValue } from '../cssom';
import { parseLengthOrPercentage, mergeDimensions } from '../parser';
/**
 * <length> & <percentage>
 */

var CSSPropertyLengthOrPercentage =
/** @class */
function () {
  function CSSPropertyLengthOrPercentage() {
    this.parser = parseLengthOrPercentage;
    this.mixer = mergeDimensions;
  }
  /**
   * according to parent's bounds
   *
   * @example
   * CSS.percent(50) -> CSS.px(0.5 * parent.width)
   */


  CSSPropertyLengthOrPercentage.prototype.calculator = function (name, oldParsed, computed, object, registry) {
    if (CSSUnitValue.isRelativeUnit(computed.unit)) {
      if (computed.unit === UnitType.kPercentage) {
        // try to resolve according to parent's geometry bounds
        // if (object.parentElement) {
        //   // registry.registerParentGeometryBoundsChangedHandler(object, name);
        //   return this.calculateUsedValueWithParentBounds(object, name);
        // } else {
        //   registry.addUnresolveProperty(object, name);
        //   // defer calculation after mounted
        //   // object.addEventListener(
        //   //   ElementEvent.MOUNTED,
        //   //   () => {
        //   //     registry.registerParentGeometryBoundsChangedHandler(object, name);
        //   //   },
        //   //   { once: true },
        //   // );
        // }
        return new CSSUnitValue(0, 'px');
      } else if (computed.unit === UnitType.kEms) {
        // TODO: handle ems
        return new CSSUnitValue(0, 'px');
      }
    } else {
      // remove listener if exists
      // registry.unregisterParentGeometryBoundsChangedHandler(object, name);
      // return absolute value
      return computed.clone();
    }
  };

  CSSPropertyLengthOrPercentage.prototype.nameToBoundsIndex = function (name) {
    if (name === 'x' || name === 'cx' || name === 'width') {
      return 0;
    } else if (name === 'y' || name === 'cy' || name === 'height') {
      return 1;
    }

    return 2;
  };

  CSSPropertyLengthOrPercentage.prototype.calculateUsedValueWithParentBounds = function (object, name) {
    var bounds = object.parentElement.getGeometryBounds();
    var computedValue = object.computedStyle[name].value;
    return new CSSUnitValue(bounds.halfExtents[this.nameToBoundsIndex(name)] * 2 * computedValue / 100, 'px');
  };

  CSSPropertyLengthOrPercentage = __decorate([singleton()], CSSPropertyLengthOrPercentage);
  return CSSPropertyLengthOrPercentage;
}();

export { CSSPropertyLengthOrPercentage };