zeplin-extension-style-kit/values/percent.js

Models and utilities to generate CSS-like style code in Zeplin extensions.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

var HUNDRED = 100;

var Percent = /*#__PURE__*/function () {
  function Percent(value) {
    _classCallCheck(this, Percent);

    this.value = value;
  }

  _createClass(Percent, [{
    key: "valueOf",
    value: function valueOf() {
      var value = this.value;
      return "percent::v:".concat(value);
    }
  }, {
    key: "equals",
    value: function equals(other) {
      return this.value === other.value;
    }
  }, {
    key: "toStyleValue",
    value: function toStyleValue() {
      var value = this.value;
      return value !== 0 ? "".concat(Math.round(value * HUNDRED), "%") : "0";
    }
  }]);

  return Percent;
}();

var _default = Percent;
exports.default = _default;