@dreamcommerce/aurora 2.16.2 → 2.16.4

package/build/esm/external/react-best-gradient-color-picker/dist/esm/utils/utils.js

@@ -0,0 +1,178 @@
+import { objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { config } from '../constants.js';
+import { formatInputValues } from './formatters.js';
+
+var barSize = config.barSize,
+    crossSize = config.crossSize;
+var safeBounds = function safeBounds(e) {
+  var client = e.target.parentNode.getBoundingClientRect();
+  var className = e.target.className;
+  var adjuster = className === 'c-resize ps-rl' ? 15 : 0;
+  return {
+    offsetLeft: (client === null || client === void 0 ? void 0 : client.x) + adjuster,
+    offsetTop: client === null || client === void 0 ? void 0 : client.y,
+    clientWidth: client === null || client === void 0 ? void 0 : client.width,
+    clientHeight: client === null || client === void 0 ? void 0 : client.height
+  };
+};
+function getHandleValue(e) {
+  var _safeBounds = safeBounds(e),
+      offsetLeft = _safeBounds.offsetLeft,
+      clientWidth = _safeBounds.clientWidth;
+
+  var pos = e.clientX - offsetLeft - barSize / 2;
+  var adjuster = clientWidth - 18;
+  var bounded = formatInputValues(pos, 0, adjuster);
+  return Math.round(bounded / (adjuster / 100));
+}
+function computeSquareXY(s, v, squareWidth, squareHeight) {
+  var x = s * squareWidth - crossSize / 2;
+  var y = (100 - v) / 100 * squareHeight - crossSize / 2;
+  return [x, y];
+}
+
+var getClientXY = function getClientXY(e) {
+  if (e.clientX) {
+    return {
+      clientX: e.clientX,
+      clientY: e.clientY
+    };
+  } else {
+    var touch = e.touches[0] || {};
+    return {
+      clientX: touch.clientX,
+      clientY: touch.clientY
+    };
+  }
+};
+
+function computePickerPosition(e) {
+  var _safeBounds2 = safeBounds(e),
+      offsetLeft = _safeBounds2.offsetLeft,
+      offsetTop = _safeBounds2.offsetTop,
+      clientWidth = _safeBounds2.clientWidth,
+      clientHeight = _safeBounds2.clientHeight;
+
+  var _getClientXY = getClientXY(e),
+      clientX = _getClientXY.clientX,
+      clientY = _getClientXY.clientY;
+
+  var getX = function getX() {
+    var xPos = clientX - offsetLeft - crossSize / 2;
+    return formatInputValues(xPos, -9, clientWidth - 10);
+  };
+
+  var getY = function getY() {
+    var yPos = clientY - offsetTop - crossSize / 2;
+    return formatInputValues(yPos, -9, clientHeight - 10);
+  };
+
+  return [getX(), getY()];
+} // export const getGradientType = (value: string) => {
+//   return value?.split('(')[0]
+// }
+
+var isUpperCase = function isUpperCase(str) {
+  var _str$;
+
+  return (str === null || str === void 0 ? void 0 : str[0]) === (str === null || str === void 0 || (_str$ = str[0]) === null || _str$ === void 0 ? void 0 : _str$.toUpperCase());
+}; // export const compareGradients = (g1: string, g2: string) => {
+//   const ng1 = g1?.toLowerCase()?.replaceAll(' ', '')
+//   const ng2 = g2?.toLowerCase()?.replaceAll(' ', '')
+//   if (ng1 === ng2) {
+//     return true
+//   } else {
+//     return false
+//   }
+// }
+
+var convertShortHandDeg = function convertShortHandDeg(dir) {
+  if (dir === 'to top') {
+    return 0;
+  } else if (dir === 'to bottom') {
+    return 180;
+  } else if (dir === 'to left') {
+    return 270;
+  } else if (dir === 'to right') {
+    return 90;
+  } else if (dir === 'to top right') {
+    return 45;
+  } else if (dir === 'to bottom right') {
+    return 135;
+  } else if (dir === 'to bottom left') {
+    return 225;
+  } else if (dir === 'to top left') {
+    return 315;
+  } else {
+    var safeDir = dir || 0;
+    return parseInt(safeDir);
+  }
+};
+
+var objectToString = function objectToString(value) {
+  if (typeof value === 'string') {
+    return value;
+  } else {
+    var _value$type;
+
+    if (value !== null && value !== void 0 && (_value$type = value.type) !== null && _value$type !== void 0 && _value$type.includes('gradient')) {
+      var _value$colorStops, _sorted$map, _value$orientation;
+
+      var sorted = value === null || value === void 0 || (_value$colorStops = value.colorStops) === null || _value$colorStops === void 0 ? void 0 : _value$colorStops.sort(function (a, b) {
+        return (a === null || a === void 0 ? void 0 : a.left) - (b === null || b === void 0 ? void 0 : b.left);
+      });
+      var string = sorted === null || sorted === void 0 || (_sorted$map = sorted.map(function (c) {
+        return "".concat(c === null || c === void 0 ? void 0 : c.value, " ").concat(c === null || c === void 0 ? void 0 : c.left, "%");
+      })) === null || _sorted$map === void 0 ? void 0 : _sorted$map.join(', ');
+      var type = value === null || value === void 0 ? void 0 : value.type;
+      var degs = convertShortHandDeg(value === null || value === void 0 || (_value$orientation = value.orientation) === null || _value$orientation === void 0 ? void 0 : _value$orientation.value);
+      var gradientStr = type === 'linear-gradient' ? "".concat(degs, "deg") : 'circle';
+      return "".concat(type, "(").concat(gradientStr, ", ").concat(string, ")");
+    } else {
+      var _value$colorStops$;
+
+      var color = (value === null || value === void 0 || (_value$colorStops$ = value.colorStops[0]) === null || _value$colorStops$ === void 0 ? void 0 : _value$colorStops$.value) || 'rgba(175, 51, 242, 1)';
+      return color;
+    }
+  }
+};
+var getColorObj = function getColorObj(colors) {
+  var idxCols = colors === null || colors === void 0 ? void 0 : colors.map(function (c, i) {
+    return _objectSpread2(_objectSpread2({}, c), {}, {
+      index: i
+    });
+  });
+  var upperObj = idxCols === null || idxCols === void 0 ? void 0 : idxCols.find(function (c) {
+    return isUpperCase(c.value);
+  });
+  var ccObj = upperObj || idxCols[0];
+  return {
+    currentColor: (ccObj === null || ccObj === void 0 ? void 0 : ccObj.value) || (config === null || config === void 0 ? void 0 : config.defaultGradient),
+    selectedColor: (ccObj === null || ccObj === void 0 ? void 0 : ccObj.index) || 0,
+    currentLeft: (ccObj === null || ccObj === void 0 ? void 0 : ccObj.left) || 0
+  };
+};
+
+var getDegrees = function getDegrees(value) {
+  var _s1$split$;
+
+  var s1 = value === null || value === void 0 ? void 0 : value.split(',')[0];
+  var s2 = s1 === null || s1 === void 0 || (_s1$split$ = s1.split('(')[1]) === null || _s1$split$ === void 0 ? void 0 : _s1$split$.replace('deg', '');
+  return convertShortHandDeg(s2);
+};
+
+var getDetails = function getDetails(value) {
+  var isGradient = value === null || value === void 0 ? void 0 : value.includes('gradient');
+  var gradientType = value === null || value === void 0 ? void 0 : value.split('(')[0];
+  var degrees = getDegrees(value);
+  var degreeStr = gradientType === 'linear-gradient' ? "".concat(degrees, "deg") : 'circle';
+  return {
+    degrees: degrees,
+    degreeStr: degreeStr,
+    isGradient: isGradient,
+    gradientType: gradientType
+  };
+};
+
+export { computePickerPosition, computeSquareXY, getColorObj, getDetails, getHandleValue, isUpperCase, objectToString, safeBounds };
+//# sourceMappingURL=utils.js.map

package/build/esm/external/react-best-gradient-color-picker/dist/esm/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}