aloha-vue 2.76.0 → 2.78.0

package/src/ui/compositionApi/UiVisibleElementWithSearchAPI.js

@@ -1,55 +1,55 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import AFiltersAPI from "../../compositionAPI/AFiltersAPI";
-
-export default function UiVisibleElementWithSearchAPI(props, {
-  labelLocal = computed(() => ""),
-  valueLocal = computed(() => ""),
-}) {
-  const isHiddenWithSearch = toRef(props, "isHiddenWithSearch");
-  const modelSearch = toRef(props, "modelSearch");
-  const searching = toRef(props, "searching");
-  const searchingElements = toRef(props, "searchingElements");
-  const searchTextInHtml = toRef(props, "searchTextInHtml");
-  const showElementWennGroupFound = toRef(props, "showElementWennGroupFound");
-
-  const {
-    filterSearchHighlight,
-  } = AFiltersAPI();
-
-  const isHiddenWithSearchLocal = computed(() => {
-    return !!(isHiddenWithSearch.value ||
-      (searching.value && !showElementWennGroupFound.value && !searchingElements.value[valueLocal.value]));
-  });
-
-  const currentLabelFiltered = computed(() => {
-    if (isHiddenWithSearchLocal.value) {
-      return labelLocal.value;
-    }
-    return filterSearchHighlight(labelLocal.value, {
-      searchModel: modelSearch.value,
-      isHtml: searchTextInHtml.value,
-    });
-  });
-
-  const styleWithSearch = computed(() => {
-    return isHiddenWithSearchLocal.value ?
-      "display: none;" :
-      undefined;
-  });
-
-  const dataHideWithSearch = computed(() => {
-    return isHiddenWithSearchLocal.value ?
-      true :
-      undefined;
-  });
-
-  return {
-    currentLabelFiltered,
-    dataHideWithSearch,
-    styleWithSearch,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import AFiltersAPI from "../../compositionAPI/AFiltersAPI";
+
+export default function UiVisibleElementWithSearchAPI(props, {
+  labelLocal = computed(() => ""),
+  valueLocal = computed(() => ""),
+}) {
+  const isHiddenWithSearch = toRef(props, "isHiddenWithSearch");
+  const modelSearch = toRef(props, "modelSearch");
+  const searching = toRef(props, "searching");
+  const searchingElements = toRef(props, "searchingElements");
+  const searchTextInHtml = toRef(props, "searchTextInHtml");
+  const showElementWennGroupFound = toRef(props, "showElementWennGroupFound");
+
+  const {
+    filterSearchHighlight,
+  } = AFiltersAPI();
+
+  const isHiddenWithSearchLocal = computed(() => {
+    return !!(isHiddenWithSearch.value ||
+      (searching.value && !showElementWennGroupFound.value && !searchingElements.value[valueLocal.value]));
+  });
+
+  const currentLabelFiltered = computed(() => {
+    if (isHiddenWithSearchLocal.value) {
+      return labelLocal.value;
+    }
+    return filterSearchHighlight(labelLocal.value, {
+      searchModel: modelSearch.value,
+      isHtml: searchTextInHtml.value,
+    });
+  });
+
+  const styleWithSearch = computed(() => {
+    return isHiddenWithSearchLocal.value ?
+      "display: none;" :
+      undefined;
+  });
+
+  const dataHideWithSearch = computed(() => {
+    return isHiddenWithSearchLocal.value ?
+      true :
+      undefined;
+  });
+
+  return {
+    currentLabelFiltered,
+    dataHideWithSearch,
+    styleWithSearch,
+  };
+}

package/src/ui/mixins/UiClearButtonMixinProps.js

@@ -1,14 +1,14 @@
-export default {
-  props: {
-    clearButtonClass: {
-      type: [String, Object],
-      required: false,
-      default: undefined,
-    },
-    isClearButton: {
-      type: Boolean,
-      required: false,
-      default: true,
-    },
-  },
-};
+export default {
+  props: {
+    clearButtonClass: {
+      type: [String, Object],
+      required: false,
+      default: undefined,
+    },
+    isClearButton: {
+      type: Boolean,
+      required: false,
+      default: true,
+    },
+  },
+};

package/src/ui/utils/utils.js

@@ -1,79 +1,79 @@
-import {
-  isArray,
-} from "lodash";
-import {
-  typesContainer,
-  typesModelArray,
-  typesModelObject,
-} from "../const/AUiTypes";
-import {
-  filter,
-  forEach,
-  get,
-  isEmpty,
-  isNil,
-} from "lodash-es";
-
-export function getLabelClickEventName(id) {
-  return `clickALabel_${ id }`;
-}
-
-/**
- * Recursively filters a list of elements based on visibility and requirement criteria.
- *
- * @param {Array} elements - The list of elements to filter
- * @returns {Array} - Filtered list containing only visible required elements or elements with visible required children
- */
-export function filterVisibleRequiredUiElements({ elements }) {
-  if (!elements?.length) {
-    return [];
-  }
-
-  return filter(elements, element => {
-    if (element.isRender === false ||
-      element.isHide === true) {
-      return false;
-    }
-
-    if (element?.children?.length) {
-      element.children = filterVisibleRequiredUiElements({ elements: element.children });
-
-      if (!element.children.length) {
-        return false;
-      }
-    }
-
-    return element.required;
-  });
-}
-
-export function isAnyRequiredUiElementEmpty({ elements, model }) {
-  let isAnyEmpty = false;
-
-  forEach(elements, element => {
-    const CURREN_MODEL = get(model, element.id);
-    if (typesModelArray.value[element.type]) {
-      if (!isArray(CURREN_MODEL) || !CURREN_MODEL.length) {
-        isAnyEmpty = true;
-        return false;
-      }
-    } else if (typesModelObject.value[element.type]) {
-      if (isEmpty(CURREN_MODEL)) {
-        isAnyEmpty = true;
-        return false;
-      }
-    } else if (element.children?.length) {
-      isAnyEmpty = isAnyRequiredUiElementEmpty({ elements: element.children, model: CURREN_MODEL });
-      if (isAnyEmpty) {
-        return false;
-      }
-    } else if (typesContainer.value[element.type]) {
-      // TODO: Containers
-    } else if (isNil(CURREN_MODEL) || CURREN_MODEL === "") {
-      isAnyEmpty = true;
-      return false;
-    }
-  });
-
-  return isAnyEmpty;
-}
+import {
+  isArray,
+} from "lodash";
+import {
+  typesContainer,
+  typesModelArray,
+  typesModelObject,
+} from "../const/AUiTypes";
+import {
+  filter,
+  forEach,
+  get,
+  isEmpty,
+  isNil,
+} from "lodash-es";
+
+export function getLabelClickEventName(id) {
+  return `clickALabel_${ id }`;
+}
+
+/**
+ * Recursively filters a list of elements based on visibility and requirement criteria.
+ *
+ * @param {Array} elements - The list of elements to filter
+ * @returns {Array} - Filtered list containing only visible required elements or elements with visible required children
+ */
+export function filterVisibleRequiredUiElements({ elements }) {
+  if (!elements?.length) {
+    return [];
+  }
+
+  return filter(elements, element => {
+    if (element.isRender === false ||
+      element.isHide === true) {
+      return false;
+    }
+
+    if (element?.children?.length) {
+      element.children = filterVisibleRequiredUiElements({ elements: element.children });
+
+      if (!element.children.length) {
+        return false;
+      }
+    }
+
+    return element.required;
+  });
+}
+
+export function isAnyRequiredUiElementEmpty({ elements, model }) {
+  let isAnyEmpty = false;
+
+  forEach(elements, element => {
+    const CURREN_MODEL = get(model, element.id);
+    if (typesModelArray.value[element.type]) {
+      if (!isArray(CURREN_MODEL) || !CURREN_MODEL.length) {
+        isAnyEmpty = true;
+        return false;
+      }
+    } else if (typesModelObject.value[element.type]) {
+      if (isEmpty(CURREN_MODEL)) {
+        isAnyEmpty = true;
+        return false;
+      }
+    } else if (element.children?.length) {
+      isAnyEmpty = isAnyRequiredUiElementEmpty({ elements: element.children, model: CURREN_MODEL });
+      if (isAnyEmpty) {
+        return false;
+      }
+    } else if (typesContainer.value[element.type]) {
+      // TODO: Containers
+    } else if (isNil(CURREN_MODEL) || CURREN_MODEL === "") {
+      isAnyEmpty = true;
+      return false;
+    }
+  });
+
+  return isAnyEmpty;
+}

package/src/utils/actions.js

@@ -1,67 +1,67 @@
-import {
-  aLast,
-} from "./utilsArray";
-import {
-  filter,
-  forEach,
-} from "lodash-es";
-
-export function filterActionsHiddenAndDivider({ actions }) {
-  const ACTIONS_FILTERED = filter(actions, action => {
-    return !action.isHidden;
-  });
-
-  const ACTIONS_DIVIDER_FILTERED = [];
-  forEach(ACTIONS_FILTERED, action => {
-    if (action.type !== "divider" ||
-      (ACTIONS_DIVIDER_FILTERED.length > 0 &&
-        aLast(ACTIONS_DIVIDER_FILTERED).type !== "divider")) {
-      ACTIONS_DIVIDER_FILTERED.push(action);
-    }
-  });
-  const LAST_ACTION = aLast(ACTIONS_DIVIDER_FILTERED);
-  if (LAST_ACTION && LAST_ACTION.type === "divider") {
-    ACTIONS_DIVIDER_FILTERED.pop();
-  }
-
-  return ACTIONS_DIVIDER_FILTERED;
-}
-
-export function filterActionsDivider({ actions }) {
-  const ACTIONS_DIVIDER_FILTERED = [];
-  forEach(actions, action => {
-    if (action.type !== "divider" ||
-      (ACTIONS_DIVIDER_FILTERED.length > 0 &&
-        aLast(ACTIONS_DIVIDER_FILTERED).type !== "divider")) {
-      ACTIONS_DIVIDER_FILTERED.push(action);
-    }
-  });
-  const LAST_ACTION = aLast(ACTIONS_DIVIDER_FILTERED);
-  if (LAST_ACTION && LAST_ACTION.type === "divider") {
-    ACTIONS_DIVIDER_FILTERED.pop();
-  }
-
-  return ACTIONS_DIVIDER_FILTERED;
-}
-
-/**
- * Concatenates two strings with a space between them.
- *
- * @param {Object} options - The options for concatenation.
- * @param {string} options.class1 - The first class to concatenate.
- * @param {string} options.class2 - The second class to concatenate.
- * @param {string} [options.defaultValue=undefined] - The default value to return if both class1 and class2 are falsy.
- * @returns {string} The concatenated string or the defaultValue if both class1 and class2 are falsy.
- */
-export function concatTwoStringsWithSpace({ class1, class2, defaultValue = undefined }) {
-  if (class1) {
-    if (class2) {
-      return `${ class1 } ${ class2 }`;
-    }
-    return class1;
-  }
-  if (class2) {
-    return class2;
-  }
-  return defaultValue;
-}
+import {
+  aLast,
+} from "./utilsArray";
+import {
+  filter,
+  forEach,
+} from "lodash-es";
+
+export function filterActionsHiddenAndDivider({ actions }) {
+  const ACTIONS_FILTERED = filter(actions, action => {
+    return !action.isHidden;
+  });
+
+  const ACTIONS_DIVIDER_FILTERED = [];
+  forEach(ACTIONS_FILTERED, action => {
+    if (action.type !== "divider" ||
+      (ACTIONS_DIVIDER_FILTERED.length > 0 &&
+        aLast(ACTIONS_DIVIDER_FILTERED).type !== "divider")) {
+      ACTIONS_DIVIDER_FILTERED.push(action);
+    }
+  });
+  const LAST_ACTION = aLast(ACTIONS_DIVIDER_FILTERED);
+  if (LAST_ACTION && LAST_ACTION.type === "divider") {
+    ACTIONS_DIVIDER_FILTERED.pop();
+  }
+
+  return ACTIONS_DIVIDER_FILTERED;
+}
+
+export function filterActionsDivider({ actions }) {
+  const ACTIONS_DIVIDER_FILTERED = [];
+  forEach(actions, action => {
+    if (action.type !== "divider" ||
+      (ACTIONS_DIVIDER_FILTERED.length > 0 &&
+        aLast(ACTIONS_DIVIDER_FILTERED).type !== "divider")) {
+      ACTIONS_DIVIDER_FILTERED.push(action);
+    }
+  });
+  const LAST_ACTION = aLast(ACTIONS_DIVIDER_FILTERED);
+  if (LAST_ACTION && LAST_ACTION.type === "divider") {
+    ACTIONS_DIVIDER_FILTERED.pop();
+  }
+
+  return ACTIONS_DIVIDER_FILTERED;
+}
+
+/**
+ * Concatenates two strings with a space between them.
+ *
+ * @param {Object} options - The options for concatenation.
+ * @param {string} options.class1 - The first class to concatenate.
+ * @param {string} options.class2 - The second class to concatenate.
+ * @param {string} [options.defaultValue=undefined] - The default value to return if both class1 and class2 are falsy.
+ * @returns {string} The concatenated string or the defaultValue if both class1 and class2 are falsy.
+ */
+export function concatTwoStringsWithSpace({ class1, class2, defaultValue = undefined }) {
+  if (class1) {
+    if (class2) {
+      return `${ class1 } ${ class2 }`;
+    }
+    return class1;
+  }
+  if (class2) {
+    return class2;
+  }
+  return defaultValue;
+}

package/src/utils/colors.js

@@ -1,109 +1,109 @@
-/**
- * Mixes two colors based on a specified weight.
- *
- * @param {string} color_1 - The first color to mix, in hexadecimal format (#RRGGBB).
- * @param {string} color_2 - The second color to mix, in hexadecimal format (#RRGGBB).
- * @param {number} [weight=50] - The weight of color_1 in the mixture, between 0 and 100.
- * @returns {string} The resulting mixed color, in hexadecimal format (#RRGGBB).
- */
-export function mixColor(color_1, color_2, weight) {
-  function d2h(d) { // convert a decimal value to hex
-    return d.toString(16);
-  }
-
-  function h2d(h) { // convert a hex value to decimal
-    return parseInt(h, 16);
-  }
-
-  color_1 = color_1.replace(/#/g, "");
-  color_2 = color_2.replace(/#/g, "");
-
-  weight = (typeof (weight) !== "undefined") ? weight : 50; // set the weight to 50%, if that argument is omitted
-
-  let color = "#";
-
-  for (let i = 0; i <= 5; i += 2) { // loop through each of the 3 hex pairs—red, green, and blue
-    const v1 = h2d(color_1.substr(i, 2)); // extract the current pairs
-    const v2 = h2d(color_2.substr(i, 2));
-
-    // combine the current pairs from each source color, according to the specified weight
-    let val = d2h(Math.round(v2 + (v1 - v2) * (weight / 100.0)));
-
-    while (val.length < 2) { // prepend a '0' if val results in a single digit
-      val = "0" + val;
-    }
-    color += val; // concatenate val to our new color string
-  }
-  return color;
-}
-
-/**
- * Mixes a color with white based on the given weight.
- *
- * @param {string} color - The color to mix with white, in hexadecimal format.
- * @param {number} weight - The weight of the color to mix with white. Must be between 0 and 1.
- * @return {string} - The resulting color after mixing with white.
- */
-export function mixWhite(color, weight) {
-  return mixColor("#ffffff", color, weight);
-}
-
-/**
- * Mixes a given color with black using the provided weight.
- *
- * @param {string} color - The color to mix.
- * @param {number} weight - The weight of the black color to mix, ranging from 0 to 1.
- *
- * @return {string} - The resulting mixed color.
- */
-export function mixBlack(color, weight) {
-  return mixColor("#000000", color, weight);
-}
-
-/**
- * Converts a color value to its corresponding hexadecimal representation.
- *
- * @param {number} color - The color value to convert.
- * @return {string} - The hexadecimal representation of the color.
- */
-export function colorToHex(color) {
-  const HEX = color.toString(16);
-  return HEX.length === 1 ? `0${ HEX }` : HEX;
-}
-
-/**
- * Converts RGB values to a hexadecimal color code.
- *
- * @param {number} r - The red component of the color (0-255).
- * @param {number} g - The green component of the color (0-255).
- * @param {number} b - The blue component of the color (0-255).
- * @return {string} The hexadecimal color code representation of the RGB color.
- */
-export function rgbToHex(r, g, b) {
-  return `#${ colorToHex(r) }${ colorToHex(g) }${ colorToHex(b) }`;
-}
-
-/**
- * Converts a hexadecimal color code to RGB format.
- *
- * @param {string} hex - The hexadecimal color code to convert.
- * @param {boolean} [formatString=false] - Determines whether the result should be formatted as a string.
- * @returns {null|{r: number, g: number, b: number}|string} - The RGB representation of the color, or null if the input is invalid.
- */
-export function hexToRgb(hex, formatString = false) {
-  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-  if (!result) {
-    return null;
-  }
-  const RED = parseInt(result[1], 16);
-  const GREEN = parseInt(result[2], 16);
-  const BLUE = parseInt(result[3], 16);
-  if (formatString) {
-    return `${ RED }, ${ GREEN }, ${ BLUE }`;
-  }
-  return {
-    r: RED,
-    g: GREEN,
-    b: BLUE,
-  };
-}
+/**
+ * Mixes two colors based on a specified weight.
+ *
+ * @param {string} color_1 - The first color to mix, in hexadecimal format (#RRGGBB).
+ * @param {string} color_2 - The second color to mix, in hexadecimal format (#RRGGBB).
+ * @param {number} [weight=50] - The weight of color_1 in the mixture, between 0 and 100.
+ * @returns {string} The resulting mixed color, in hexadecimal format (#RRGGBB).
+ */
+export function mixColor(color_1, color_2, weight) {
+  function d2h(d) { // convert a decimal value to hex
+    return d.toString(16);
+  }
+
+  function h2d(h) { // convert a hex value to decimal
+    return parseInt(h, 16);
+  }
+
+  color_1 = color_1.replace(/#/g, "");
+  color_2 = color_2.replace(/#/g, "");
+
+  weight = (typeof (weight) !== "undefined") ? weight : 50; // set the weight to 50%, if that argument is omitted
+
+  let color = "#";
+
+  for (let i = 0; i <= 5; i += 2) { // loop through each of the 3 hex pairs—red, green, and blue
+    const v1 = h2d(color_1.substr(i, 2)); // extract the current pairs
+    const v2 = h2d(color_2.substr(i, 2));
+
+    // combine the current pairs from each source color, according to the specified weight
+    let val = d2h(Math.round(v2 + (v1 - v2) * (weight / 100.0)));
+
+    while (val.length < 2) { // prepend a '0' if val results in a single digit
+      val = "0" + val;
+    }
+    color += val; // concatenate val to our new color string
+  }
+  return color;
+}
+
+/**
+ * Mixes a color with white based on the given weight.
+ *
+ * @param {string} color - The color to mix with white, in hexadecimal format.
+ * @param {number} weight - The weight of the color to mix with white. Must be between 0 and 1.
+ * @return {string} - The resulting color after mixing with white.
+ */
+export function mixWhite(color, weight) {
+  return mixColor("#ffffff", color, weight);
+}
+
+/**
+ * Mixes a given color with black using the provided weight.
+ *
+ * @param {string} color - The color to mix.
+ * @param {number} weight - The weight of the black color to mix, ranging from 0 to 1.
+ *
+ * @return {string} - The resulting mixed color.
+ */
+export function mixBlack(color, weight) {
+  return mixColor("#000000", color, weight);
+}
+
+/**
+ * Converts a color value to its corresponding hexadecimal representation.
+ *
+ * @param {number} color - The color value to convert.
+ * @return {string} - The hexadecimal representation of the color.
+ */
+export function colorToHex(color) {
+  const HEX = color.toString(16);
+  return HEX.length === 1 ? `0${ HEX }` : HEX;
+}
+
+/**
+ * Converts RGB values to a hexadecimal color code.
+ *
+ * @param {number} r - The red component of the color (0-255).
+ * @param {number} g - The green component of the color (0-255).
+ * @param {number} b - The blue component of the color (0-255).
+ * @return {string} The hexadecimal color code representation of the RGB color.
+ */
+export function rgbToHex(r, g, b) {
+  return `#${ colorToHex(r) }${ colorToHex(g) }${ colorToHex(b) }`;
+}
+
+/**
+ * Converts a hexadecimal color code to RGB format.
+ *
+ * @param {string} hex - The hexadecimal color code to convert.
+ * @param {boolean} [formatString=false] - Determines whether the result should be formatted as a string.
+ * @returns {null|{r: number, g: number, b: number}|string} - The RGB representation of the color, or null if the input is invalid.
+ */
+export function hexToRgb(hex, formatString = false) {
+  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  if (!result) {
+    return null;
+  }
+  const RED = parseInt(result[1], 16);
+  const GREEN = parseInt(result[2], 16);
+  const BLUE = parseInt(result[3], 16);
+  if (formatString) {
+    return `${ RED }, ${ GREEN }, ${ BLUE }`;
+  }
+  return {
+    r: RED,
+    g: GREEN,
+    b: BLUE,
+  };
+}