ngx-sfc-common 0.0.1 → 0.0.4

package/esm2020/lib/utils/ui.utils.mjs

@@ -16,6 +16,15 @@ export function getCssLikeValue(value, type = UIConstants.CSS_PIXELS) {
 export function getValueFromCssLikeValue(value, type = UIConstants.CSS_PIXELS) {
     return +value.replace(type, CommonConstants.EMPTY_STRING);
 }
+/**
+ * Return CCS like calc value
+ * @param value All value (100% by default)
+ * @param part Part value
+ * @returns Calc value
+ */
+export function getCalcValue(part, value = 100) {
+    return `calc(${value}${UIConstants.CSS_PERCENTAGE} / ${part} )`;
+}
 /**
  * Add classes to HTML element
  * @param element HTML element
@@ -36,4 +45,38 @@ export function removeClasses(element, ...classNames) {
         classNames.forEach((className) => element.classList.remove(className));
     }
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWkudXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbW1vbi9zcmMvbGliL3V0aWxzL3VpLnV0aWxzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxlQUFlLEVBQUUsV0FBVyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzVELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUUzQzs7OztHQUlHO0FBQ0gsTUFBTSxVQUFVLGVBQWUsQ0FBQyxLQUFhLEVBQ3pDLE9BQWUsV0FBVyxDQUFDLFVBQVU7SUFDckMsT0FBTyxLQUFLLEdBQUcsSUFBSSxDQUFDO0FBQ3hCLENBQUM7QUFFRDs7OztHQUlHO0FBQ0gsTUFBTSxVQUFVLHdCQUF3QixDQUFDLEtBQWEsRUFDbEQsT0FBZSxXQUFXLENBQUMsVUFBVTtJQUNyQyxPQUFPLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsZUFBZSxDQUFDLFlBQVksQ0FBQyxDQUFDO0FBQzlELENBQUM7QUFFRDs7OztHQUlHO0FBQ0gsTUFBTSxVQUFVLFVBQVUsQ0FBQyxPQUFvQixFQUFFLEdBQUcsVUFBeUI7SUFDekUsSUFBSSxTQUFTLENBQUMsT0FBTyxDQUFDLEVBQUU7UUFDcEIsVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDLFNBQVMsRUFBRSxFQUFFLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQztLQUN2RTtBQUNMLENBQUM7QUFFRDs7OztHQUlHO0FBQ0gsTUFBTSxVQUFVLGFBQWEsQ0FBQyxPQUFvQixFQUFFLEdBQUcsVUFBeUI7SUFDNUUsSUFBSSxTQUFTLENBQUMsT0FBTyxDQUFDLEVBQUU7UUFDcEIsVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDLFNBQVMsRUFBRSxFQUFFLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQztLQUMxRTtBQUNMLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Db25zdGFudHMsIFVJQ29uc3RhbnRzIH0gZnJvbSBcIi4uL2NvbnN0YW50c1wiO1xyXG5pbXBvcnQgeyBpc0RlZmluZWQgfSBmcm9tIFwiLi9jb21tb24udXRpbHNcIjtcclxuXHJcbi8qKlxyXG4gKiBSZXR1cm4gQ1NTIGxpa2UgdmFsdWVcclxuICogQHBhcmFtIHZhbHVlIFZhbHVlIGFzIG51bWJlclxyXG4gKiBAcmV0dXJucyBWYWx1ZSBhcyAnMXB4J1xyXG4gKi9cclxuZXhwb3J0IGZ1bmN0aW9uIGdldENzc0xpa2VWYWx1ZSh2YWx1ZTogbnVtYmVyLFxyXG4gICAgdHlwZTogc3RyaW5nID0gVUlDb25zdGFudHMuQ1NTX1BJWEVMUyk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gdmFsdWUgKyB0eXBlO1xyXG59XHJcblxyXG4vKipcclxuICogUGFyc2UgQ1NTIGxpa2UgdmFsdWUgdG8gbnVtYmVyXHJcbiAqIEBwYXJhbSB2YWx1ZSBDU1MgbGlrZSB2YWx1ZVxyXG4gKiBAcmV0dXJucyBOdW1iZXIgdmFsdWVcclxuICovXHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRWYWx1ZUZyb21Dc3NMaWtlVmFsdWUodmFsdWU6IHN0cmluZyxcclxuICAgIHR5cGU6IHN0cmluZyA9IFVJQ29uc3RhbnRzLkNTU19QSVhFTFMpOiBudW1iZXIge1xyXG4gICAgcmV0dXJuICt2YWx1ZS5yZXBsYWNlKHR5cGUsIENvbW1vbkNvbnN0YW50cy5FTVBUWV9TVFJJTkcpO1xyXG59XHJcblxyXG4vKipcclxuICogQWRkIGNsYXNzZXMgdG8gSFRNTCBlbGVtZW50XHJcbiAqIEBwYXJhbSBlbGVtZW50IEhUTUwgZWxlbWVudFxyXG4gKiBAcGFyYW0gY2xhc3NOYW1lcyBBcnJheSBvZiBDU1MgY2xhc3Nlc1xyXG4gKi9cclxuZXhwb3J0IGZ1bmN0aW9uIGFkZENsYXNzZXMoZWxlbWVudDogSFRNTEVsZW1lbnQsIC4uLmNsYXNzTmFtZXM6IEFycmF5PHN0cmluZz4pOiB2b2lkIHtcclxuICAgIGlmIChpc0RlZmluZWQoZWxlbWVudCkpIHtcclxuICAgICAgICBjbGFzc05hbWVzLmZvckVhY2goKGNsYXNzTmFtZSkgPT4gZWxlbWVudC5jbGFzc0xpc3QuYWRkKGNsYXNzTmFtZSkpO1xyXG4gICAgfVxyXG59XHJcblxyXG4vKipcclxuICogUmVtb3ZlIGNsYXNzZXMgdG8gSFRNTCBlbGVtZW50XHJcbiAqIEBwYXJhbSBlbGVtZW50IEhUTUwgZWxlbWVudFxyXG4gKiBAcGFyYW0gY2xhc3NOYW1lcyBBcnJheSBvZiBDU1MgY2xhc3Nlc1xyXG4gKi9cclxuZXhwb3J0IGZ1bmN0aW9uIHJlbW92ZUNsYXNzZXMoZWxlbWVudDogSFRNTEVsZW1lbnQsIC4uLmNsYXNzTmFtZXM6IEFycmF5PHN0cmluZz4pOiB2b2lkIHtcclxuICAgIGlmIChpc0RlZmluZWQoZWxlbWVudCkpIHtcclxuICAgICAgICBjbGFzc05hbWVzLmZvckVhY2goKGNsYXNzTmFtZSkgPT4gZWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKGNsYXNzTmFtZSkpO1xyXG4gICAgfVxyXG59Il19
+/**
+ * Convert RGB color to HEX
+ * @param r Red
+ * @param g Green
+ * @param b Blue
+ * @returns HEX value
+ */
+export function rgbToHex(r, g, b) {
+    return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
+}
+/**
+ * Convert HEX to RGB value
+ * @param hex HEX value
+ * @returns RGB value
+ */
+export function hexToRgb(hex) {
+    var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+    if (result) {
+        var r = parseInt(result[1], 16);
+        var g = parseInt(result[2], 16);
+        var b = parseInt(result[3], 16);
+        return `rgb(${r}, ${g}, ${b})`;
+    }
+    return null;
+}
+/**
+ * Set opacity for RGB value
+ * @param rgb Rgb value with {opacity} placeholder
+ * @param opacity Opacity value
+ * @returns RGB value with relevant opacity
+ */
+export function replaceRgbOpacity(rgb, opacity) {
+    return rgb.replace(UIConstants.RGB_OPACITY_PLACEHOLDER, opacity.toString());
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWkudXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbW1vbi9zcmMvbGliL3V0aWxzL3VpLnV0aWxzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxlQUFlLEVBQUUsV0FBVyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzVELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUUzQzs7OztHQUlHO0FBQ0gsTUFBTSxVQUFVLGVBQWUsQ0FBQyxLQUFhLEVBQ3pDLE9BQWUsV0FBVyxDQUFDLFVBQVU7SUFDckMsT0FBTyxLQUFLLEdBQUcsSUFBSSxDQUFDO0FBQ3hCLENBQUM7QUFFRDs7OztHQUlHO0FBQ0gsTUFBTSxVQUFVLHdCQUF3QixDQUFDLEtBQWEsRUFDbEQsT0FBZSxXQUFXLENBQUMsVUFBVTtJQUNyQyxPQUFPLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsZUFBZSxDQUFDLFlBQVksQ0FBQyxDQUFDO0FBQzlELENBQUM7QUFFRDs7Ozs7R0FLRztBQUNILE1BQU0sVUFBVSxZQUFZLENBQUMsSUFBWSxFQUFFLFFBQWdCLEdBQUc7SUFDMUQsT0FBTyxRQUFRLEtBQUssR0FBRyxXQUFXLENBQUMsY0FBYyxNQUFNLElBQUksSUFBSSxDQUFDO0FBQ3BFLENBQUM7QUFFRDs7OztHQUlHO0FBQ0gsTUFBTSxVQUFVLFVBQVUsQ0FBQyxPQUFvQixFQUFFLEdBQUcsVUFBeUI7SUFDekUsSUFBSSxTQUFTLENBQUMsT0FBTyxDQUFDLEVBQUU7UUFDcEIsVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDLFNBQVMsRUFBRSxFQUFFLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQztLQUN2RTtBQUNMLENBQUM7QUFFRDs7OztHQUlHO0FBQ0gsTUFBTSxVQUFVLGFBQWEsQ0FBQyxPQUFvQixFQUFFLEdBQUcsVUFBeUI7SUFDNUUsSUFBSSxTQUFTLENBQUMsT0FBTyxDQUFDLEVBQUU7UUFDcEIsVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDLFNBQVMsRUFBRSxFQUFFLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQztLQUMxRTtBQUNMLENBQUM7QUFFRDs7Ozs7O0dBTUc7QUFDSCxNQUFNLFVBQVUsUUFBUSxDQUFDLENBQVMsRUFBRSxDQUFTLEVBQUUsQ0FBUztJQUNwRCxPQUFPLEdBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDOUUsQ0FBQztBQUVEOzs7O0dBSUc7QUFDSCxNQUFNLFVBQVUsUUFBUSxDQUFDLEdBQVc7SUFDaEMsSUFBSSxNQUFNLEdBQUcsMkNBQTJDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ25FLElBQUksTUFBTSxFQUFFO1FBQ1IsSUFBSSxDQUFDLEdBQUcsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUNoQyxJQUFJLENBQUMsR0FBRyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ2hDLElBQUksQ0FBQyxHQUFHLFFBQVEsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDaEMsT0FBTyxPQUFPLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUM7S0FDbEM7SUFDRCxPQUFPLElBQUksQ0FBQztBQUNoQixDQUFDO0FBRUQ7Ozs7O0dBS0c7QUFDSCxNQUFNLFVBQVUsaUJBQWlCLENBQUMsR0FBVyxFQUFFLE9BQWU7SUFDMUQsT0FBTyxHQUFHLENBQUMsT0FBTyxDQUFDLFdBQVcsQ0FBQyx1QkFBdUIsRUFBRSxPQUFPLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQztBQUNoRixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uQ29uc3RhbnRzLCBVSUNvbnN0YW50cyB9IGZyb20gXCIuLi9jb25zdGFudHNcIjtcclxuaW1wb3J0IHsgaXNEZWZpbmVkIH0gZnJvbSBcIi4vY29tbW9uLnV0aWxzXCI7XHJcblxyXG4vKipcclxuICogUmV0dXJuIENTUyBsaWtlIHZhbHVlXHJcbiAqIEBwYXJhbSB2YWx1ZSBWYWx1ZSBhcyBudW1iZXJcclxuICogQHJldHVybnMgVmFsdWUgYXMgJzFweCdcclxuICovXHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDc3NMaWtlVmFsdWUodmFsdWU6IG51bWJlcixcclxuICAgIHR5cGU6IHN0cmluZyA9IFVJQ29uc3RhbnRzLkNTU19QSVhFTFMpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHZhbHVlICsgdHlwZTtcclxufVxyXG5cclxuLyoqXHJcbiAqIFBhcnNlIENTUyBsaWtlIHZhbHVlIHRvIG51bWJlclxyXG4gKiBAcGFyYW0gdmFsdWUgQ1NTIGxpa2UgdmFsdWVcclxuICogQHJldHVybnMgTnVtYmVyIHZhbHVlXHJcbiAqL1xyXG5leHBvcnQgZnVuY3Rpb24gZ2V0VmFsdWVGcm9tQ3NzTGlrZVZhbHVlKHZhbHVlOiBzdHJpbmcsXHJcbiAgICB0eXBlOiBzdHJpbmcgPSBVSUNvbnN0YW50cy5DU1NfUElYRUxTKTogbnVtYmVyIHtcclxuICAgIHJldHVybiArdmFsdWUucmVwbGFjZSh0eXBlLCBDb21tb25Db25zdGFudHMuRU1QVFlfU1RSSU5HKTtcclxufVxyXG5cclxuLyoqXHJcbiAqIFJldHVybiBDQ1MgbGlrZSBjYWxjIHZhbHVlXHJcbiAqIEBwYXJhbSB2YWx1ZSBBbGwgdmFsdWUgKDEwMCUgYnkgZGVmYXVsdClcclxuICogQHBhcmFtIHBhcnQgUGFydCB2YWx1ZVxyXG4gKiBAcmV0dXJucyBDYWxjIHZhbHVlXHJcbiAqL1xyXG5leHBvcnQgZnVuY3Rpb24gZ2V0Q2FsY1ZhbHVlKHBhcnQ6IG51bWJlciwgdmFsdWU6IG51bWJlciA9IDEwMCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gYGNhbGMoJHt2YWx1ZX0ke1VJQ29uc3RhbnRzLkNTU19QRVJDRU5UQUdFfSAvICR7cGFydH0gKWA7XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBBZGQgY2xhc3NlcyB0byBIVE1MIGVsZW1lbnRcclxuICogQHBhcmFtIGVsZW1lbnQgSFRNTCBlbGVtZW50XHJcbiAqIEBwYXJhbSBjbGFzc05hbWVzIEFycmF5IG9mIENTUyBjbGFzc2VzXHJcbiAqL1xyXG5leHBvcnQgZnVuY3Rpb24gYWRkQ2xhc3NlcyhlbGVtZW50OiBIVE1MRWxlbWVudCwgLi4uY2xhc3NOYW1lczogQXJyYXk8c3RyaW5nPik6IHZvaWQge1xyXG4gICAgaWYgKGlzRGVmaW5lZChlbGVtZW50KSkge1xyXG4gICAgICAgIGNsYXNzTmFtZXMuZm9yRWFjaCgoY2xhc3NOYW1lKSA9PiBlbGVtZW50LmNsYXNzTGlzdC5hZGQoY2xhc3NOYW1lKSk7XHJcbiAgICB9XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBSZW1vdmUgY2xhc3NlcyB0byBIVE1MIGVsZW1lbnRcclxuICogQHBhcmFtIGVsZW1lbnQgSFRNTCBlbGVtZW50XHJcbiAqIEBwYXJhbSBjbGFzc05hbWVzIEFycmF5IG9mIENTUyBjbGFzc2VzXHJcbiAqL1xyXG5leHBvcnQgZnVuY3Rpb24gcmVtb3ZlQ2xhc3NlcyhlbGVtZW50OiBIVE1MRWxlbWVudCwgLi4uY2xhc3NOYW1lczogQXJyYXk8c3RyaW5nPik6IHZvaWQge1xyXG4gICAgaWYgKGlzRGVmaW5lZChlbGVtZW50KSkge1xyXG4gICAgICAgIGNsYXNzTmFtZXMuZm9yRWFjaCgoY2xhc3NOYW1lKSA9PiBlbGVtZW50LmNsYXNzTGlzdC5yZW1vdmUoY2xhc3NOYW1lKSk7XHJcbiAgICB9XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBDb252ZXJ0IFJHQiBjb2xvciB0byBIRVhcclxuICogQHBhcmFtIHIgUmVkXHJcbiAqIEBwYXJhbSBnIEdyZWVuXHJcbiAqIEBwYXJhbSBiIEJsdWVcclxuICogQHJldHVybnMgSEVYIHZhbHVlXHJcbiAqL1xyXG5leHBvcnQgZnVuY3Rpb24gcmdiVG9IZXgocjogbnVtYmVyLCBnOiBudW1iZXIsIGI6IG51bWJlcikge1xyXG4gICAgcmV0dXJuIFwiI1wiICsgKCgxIDw8IDI0KSArIChyIDw8IDE2KSArIChnIDw8IDgpICsgYikudG9TdHJpbmcoMTYpLnNsaWNlKDEpO1xyXG59XHJcblxyXG4vKipcclxuICogQ29udmVydCBIRVggdG8gUkdCIHZhbHVlXHJcbiAqIEBwYXJhbSBoZXggSEVYIHZhbHVlXHJcbiAqIEByZXR1cm5zIFJHQiB2YWx1ZVxyXG4gKi9cclxuZXhwb3J0IGZ1bmN0aW9uIGhleFRvUmdiKGhleDogc3RyaW5nKTogc3RyaW5nIHwgbnVsbCB7XHJcbiAgICB2YXIgcmVzdWx0ID0gL14jPyhbYS1mXFxkXXsyfSkoW2EtZlxcZF17Mn0pKFthLWZcXGRdezJ9KSQvaS5leGVjKGhleCk7XHJcbiAgICBpZiAocmVzdWx0KSB7XHJcbiAgICAgICAgdmFyIHIgPSBwYXJzZUludChyZXN1bHRbMV0sIDE2KTtcclxuICAgICAgICB2YXIgZyA9IHBhcnNlSW50KHJlc3VsdFsyXSwgMTYpO1xyXG4gICAgICAgIHZhciBiID0gcGFyc2VJbnQocmVzdWx0WzNdLCAxNik7XHJcbiAgICAgICAgcmV0dXJuIGByZ2IoJHtyfSwgJHtnfSwgJHtifSlgO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIG51bGw7XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBTZXQgb3BhY2l0eSBmb3IgUkdCIHZhbHVlXHJcbiAqIEBwYXJhbSByZ2IgUmdiIHZhbHVlIHdpdGgge29wYWNpdHl9IHBsYWNlaG9sZGVyXHJcbiAqIEBwYXJhbSBvcGFjaXR5IE9wYWNpdHkgdmFsdWVcclxuICogQHJldHVybnMgUkdCIHZhbHVlIHdpdGggcmVsZXZhbnQgb3BhY2l0eVxyXG4gKi9cclxuZXhwb3J0IGZ1bmN0aW9uIHJlcGxhY2VSZ2JPcGFjaXR5KHJnYjogc3RyaW5nLCBvcGFjaXR5OiBudW1iZXIpIHtcclxuICAgIHJldHVybiByZ2IucmVwbGFjZShVSUNvbnN0YW50cy5SR0JfT1BBQ0lUWV9QTEFDRUhPTERFUiwgb3BhY2l0eS50b1N0cmluZygpKTtcclxufSJdfQ==