aloha-vue 2.7.0 → 2.7.2

package/src/ATranslation/compositionAPI/TitleAPI.js

@@ -1,101 +1,101 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import AMobileAPI from "../../compositionAPI/AMobileAPI";
-import ATranslationAPI from "./ATranslationAPI";
-import UtilsAPI from "./UtilsAPI";
-
-import {
-  forEach,
-  isArray,
-  isNil,
-  isPlainObject,
-} from "lodash-es";
-
-export default function TitleAPI(props) {
-  const alwaysTranslate = toRef(props, "alwaysTranslate");
-  const extra = toRef(props, "extra");
-  const title = toRef(props, "title");
-
-  const {
-    isPlaceholderTranslate,
-    getTranslatedText,
-  } = UtilsAPI();
-
-  const {
-    isMobileWidth,
-  } = AMobileAPI();
-
-  const {
-    translationChanges,
-  } = ATranslationAPI();
-
-  const titleForCurrentDevice = computed(() => {
-    if (isPlainObject(title.value)) {
-      if (isMobileWidth.value) {
-        return title.value.mobile;
-      }
-      return title.value.desktop;
-    }
-    return title.value;
-  });
-
-  const isTitleArray = computed(() => {
-    return isArray(title.value);
-  });
-
-  const hasTitle = computed(() => {
-    if (isTitleArray.value) {
-      return title.value.length > 0;
-    }
-    return !(isNil(titleForCurrentDevice.value) || titleForCurrentDevice.value === "");
-  });
-
-  const titleLocalOptions = computed(() => {
-    if (!translationChanges.value) {
-      return undefined;
-    }
-    const TITLE_LOCAL_OPTIONS = {
-      title: undefined,
-      dataTranslateTitle: undefined,
-    };
-    if (!hasTitle.value) {
-      return TITLE_LOCAL_OPTIONS;
-    }
-    const TITLE_LIST = isTitleArray.value ?
-      title.value :
-      [titleForCurrentDevice.value];
-    let titleCombined = "";
-    let dataTranslateTitle = "";
-    forEach(TITLE_LIST, titleEl => {
-      if (!titleEl && titleEl !== 0) {
-        return;
-      }
-      if (titleCombined) {
-        titleCombined += " ";
-        dataTranslateTitle += " ";
-      }
-      if (isPlaceholderTranslate(titleEl)) {
-        titleCombined += getTranslatedText({
-          placeholder: titleEl,
-          extra: extra.value,
-          alwaysTranslate: alwaysTranslate.value,
-        });
-        dataTranslateTitle += titleEl;
-      } else {
-        titleCombined += titleEl;
-      }
-    });
-
-    TITLE_LOCAL_OPTIONS.title = titleCombined || undefined;
-    TITLE_LOCAL_OPTIONS.dataTranslateTitle = dataTranslateTitle || undefined;
-
-    return TITLE_LOCAL_OPTIONS;
-  });
-
-  return {
-    titleLocalOptions,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import AMobileAPI from "../../compositionAPI/AMobileAPI";
+import ATranslationAPI from "./ATranslationAPI";
+import UtilsAPI from "./UtilsAPI";
+
+import {
+  forEach,
+  isArray,
+  isNil,
+  isPlainObject,
+} from "lodash-es";
+
+export default function TitleAPI(props) {
+  const alwaysTranslate = toRef(props, "alwaysTranslate");
+  const extra = toRef(props, "extra");
+  const title = toRef(props, "title");
+
+  const {
+    isPlaceholderTranslate,
+    getTranslatedText,
+  } = UtilsAPI();
+
+  const {
+    isMobileWidth,
+  } = AMobileAPI();
+
+  const {
+    translationChanges,
+  } = ATranslationAPI();
+
+  const titleForCurrentDevice = computed(() => {
+    if (isPlainObject(title.value)) {
+      if (isMobileWidth.value) {
+        return title.value.mobile;
+      }
+      return title.value.desktop;
+    }
+    return title.value;
+  });
+
+  const isTitleArray = computed(() => {
+    return isArray(title.value);
+  });
+
+  const hasTitle = computed(() => {
+    if (isTitleArray.value) {
+      return title.value.length > 0;
+    }
+    return !(isNil(titleForCurrentDevice.value) || titleForCurrentDevice.value === "");
+  });
+
+  const titleLocalOptions = computed(() => {
+    if (!translationChanges.value) {
+      return undefined;
+    }
+    const TITLE_LOCAL_OPTIONS = {
+      title: undefined,
+      dataTranslateTitle: undefined,
+    };
+    if (!hasTitle.value) {
+      return TITLE_LOCAL_OPTIONS;
+    }
+    const TITLE_LIST = isTitleArray.value ?
+      title.value :
+      [titleForCurrentDevice.value];
+    let titleCombined = "";
+    let dataTranslateTitle = "";
+    forEach(TITLE_LIST, titleEl => {
+      if (!titleEl && titleEl !== 0) {
+        return;
+      }
+      if (titleCombined) {
+        titleCombined += " ";
+        dataTranslateTitle += " ";
+      }
+      if (isPlaceholderTranslate(titleEl)) {
+        titleCombined += getTranslatedText({
+          placeholder: titleEl,
+          extra: extra.value,
+          alwaysTranslate: alwaysTranslate.value,
+        });
+        dataTranslateTitle += titleEl;
+      } else {
+        titleCombined += titleEl;
+      }
+    });
+
+    TITLE_LOCAL_OPTIONS.title = titleCombined || undefined;
+    TITLE_LOCAL_OPTIONS.dataTranslateTitle = dataTranslateTitle || undefined;
+
+    return TITLE_LOCAL_OPTIONS;
+  });
+
+  return {
+    titleLocalOptions,
+  };
+}

package/src/ATranslation/compositionAPI/UtilsAPI.js

@@ -1,144 +1,144 @@
-import {
-  isTranslate,
-  timeTranslationLastChanged,
-  translation,
-} from "./ATranslationAPI";
-
-import {
-  translateConfig,
-} from "../../plugins/AI18nPlugin";
-import {
-  get,
-  isFunction,
-  isNil,
-  isPlainObject,
-  isString,
-} from "lodash-es";
-
-export default function UtilsAPI() {
-  return {
-    getTranslatedText,
-    getTranslationAttributes,
-    isPlaceholderTranslate,
-    replaceText,
-    spliceString,
-  };
-}
-
-/**
- * Checks if a given text is a placeholder translation.
- *
- * @param {string} text - The text to check.
- * @return {boolean} - True if the text is a placeholder translation, false otherwise.
- */
-export function isPlaceholderTranslate(text = "") {
-  return !(!isString(text) ||
-    text[0] !== "_" ||
-    text[text.length - 1] !== "_");
-}
-
-/**
- * Retrieves the translated text for a given placeholder.
- *
- * @param {object} options - The options object.
- * @param {string} options.placeholder - The placeholder text to be translated.
- * @param {object} [options.translationObj=translation] - The translation object to use.
- * @param {object} [options.extra] - Optional additional data to be used in text replacement.
- * @param {boolean} [options.alwaysTranslate=false] - If true, forces translation regardless of the isTranslate.value flag.
- *
- * @return {string} The translated text for the given placeholder.
- */
-export function getTranslatedText({ placeholder, translationObj = translation, extra, alwaysTranslate = false }) {
-  if (!translationObj || !timeTranslationLastChanged.value) {
-    return placeholder;
-  }
-
-  let textFromTranslation;
-  if (!alwaysTranslate && !isTranslate.value) {
-    textFromTranslation = placeholder;
-  } else {
-    textFromTranslation = isNil(translationObj[placeholder]) ? placeholder : translationObj[placeholder];
-  }
-
-  if (extra) {
-    return replaceText({
-      text: textFromTranslation,
-      object: extra,
-    });
-  }
-
-  return textFromTranslation;
-}
-
-/**
- * Replaces placeholders in a text with corresponding values from an object.
- * If a translation configuration is available, it uses the `replaceText` method
- * from the configuration to perform the replacement.
- *
- * @param {object} options - The options for replacement.
- * @param {string} options.text - The text containing placeholders.
- * @param {object} options.object - The object containing values for placeholders.
- * @return {string} - The text with replaced placeholders.
- */
-function replaceText({ text = "", object }) {
-  if (isFunction(translateConfig.value?.replaceText)) {
-    return translateConfig.value?.replaceText({ text, object });
-  }
-  if (!isPlainObject(object)) {
-    return text;
-  }
-  let textClone = text;
-  let searchIndexStart = 0;
-  while (true) {
-    const firstIndex = textClone.indexOf("{{", searchIndexStart);
-    const lastIndex = textClone.indexOf("}}", searchIndexStart);
-
-    if (firstIndex === -1 || lastIndex === -1) {
-      break;
-    }
-
-    const PATH = textClone.slice(firstIndex + 2, lastIndex).trim();
-    const valueFromObject = get(object, PATH);
-
-    textClone = spliceString({
-      text: textClone,
-      replaceText: valueFromObject,
-      firstIndex,
-      lastindex: lastIndex + 2,
-    });
-    searchIndexStart = firstIndex + `${ valueFromObject }`.length;
-  }
-  return textClone;
-}
-
-/**
- * Splices a given text by replacing a substring with a new string.
- *
- * @param {Object} params - The parameters for the splicing
- * @param {string} params.text - The original text to be spliced
- * @param {string} params.replaceText - The new string to replace the substring
- * @param {number} params.firstIndex - The index where the replacement starts
- * @param {number} params.lastIndex - The index where the replacement ends
- *
- * @return {string} The spliced text with the replaced substring
- */
-function spliceString({
-  text = "",
-  replaceText = "",
-  firstIndex,
-  lastindex,
-}) {
-  return `${ text.slice(0, firstIndex) }${ replaceText }${ text.slice(lastindex, text.length) }`;
-}
-
-export function getTranslationAttributes({ attr = "", value = "", translation = "", isTranslate = true }) {
-  const ATTRIBUTES = {};
-  if (!isNil(translation)) {
-    ATTRIBUTES[attr] = translation;
-  }
-  if (isTranslate) {
-    ATTRIBUTES[`data-translate-${ attr }`] = value;
-  }
-
-  return ATTRIBUTES;
-}
+import {
+  isTranslate,
+  timeTranslationLastChanged,
+  translation,
+} from "./ATranslationAPI";
+
+import {
+  translateConfig,
+} from "../../plugins/AI18nPlugin";
+import {
+  get,
+  isFunction,
+  isNil,
+  isPlainObject,
+  isString,
+} from "lodash-es";
+
+export default function UtilsAPI() {
+  return {
+    getTranslatedText,
+    getTranslationAttributes,
+    isPlaceholderTranslate,
+    replaceText,
+    spliceString,
+  };
+}
+
+/**
+ * Checks if a given text is a placeholder translation.
+ *
+ * @param {string} text - The text to check.
+ * @return {boolean} - True if the text is a placeholder translation, false otherwise.
+ */
+export function isPlaceholderTranslate(text = "") {
+  return !(!isString(text) ||
+    text[0] !== "_" ||
+    text[text.length - 1] !== "_");
+}
+
+/**
+ * Retrieves the translated text for a given placeholder.
+ *
+ * @param {object} options - The options object.
+ * @param {string} options.placeholder - The placeholder text to be translated.
+ * @param {object} [options.translationObj=translation] - The translation object to use.
+ * @param {object} [options.extra] - Optional additional data to be used in text replacement.
+ * @param {boolean} [options.alwaysTranslate=false] - If true, forces translation regardless of the isTranslate.value flag.
+ *
+ * @return {string} The translated text for the given placeholder.
+ */
+export function getTranslatedText({ placeholder, translationObj = translation, extra, alwaysTranslate = false }) {
+  if (!translationObj || !timeTranslationLastChanged.value) {
+    return placeholder;
+  }
+
+  let textFromTranslation;
+  if (!alwaysTranslate && !isTranslate.value) {
+    textFromTranslation = placeholder;
+  } else {
+    textFromTranslation = isNil(translationObj[placeholder]) ? placeholder : translationObj[placeholder];
+  }
+
+  if (extra) {
+    return replaceText({
+      text: textFromTranslation,
+      object: extra,
+    });
+  }
+
+  return textFromTranslation;
+}
+
+/**
+ * Replaces placeholders in a text with corresponding values from an object.
+ * If a translation configuration is available, it uses the `replaceText` method
+ * from the configuration to perform the replacement.
+ *
+ * @param {object} options - The options for replacement.
+ * @param {string} options.text - The text containing placeholders.
+ * @param {object} options.object - The object containing values for placeholders.
+ * @return {string} - The text with replaced placeholders.
+ */
+function replaceText({ text = "", object }) {
+  if (isFunction(translateConfig.value?.replaceText)) {
+    return translateConfig.value?.replaceText({ text, object });
+  }
+  if (!isPlainObject(object)) {
+    return text;
+  }
+  let textClone = text;
+  let searchIndexStart = 0;
+  while (true) {
+    const firstIndex = textClone.indexOf("{{", searchIndexStart);
+    const lastIndex = textClone.indexOf("}}", searchIndexStart);
+
+    if (firstIndex === -1 || lastIndex === -1) {
+      break;
+    }
+
+    const PATH = textClone.slice(firstIndex + 2, lastIndex).trim();
+    const valueFromObject = get(object, PATH);
+
+    textClone = spliceString({
+      text: textClone,
+      replaceText: valueFromObject,
+      firstIndex,
+      lastindex: lastIndex + 2,
+    });
+    searchIndexStart = firstIndex + `${ valueFromObject }`.length;
+  }
+  return textClone;
+}
+
+/**
+ * Splices a given text by replacing a substring with a new string.
+ *
+ * @param {Object} params - The parameters for the splicing
+ * @param {string} params.text - The original text to be spliced
+ * @param {string} params.replaceText - The new string to replace the substring
+ * @param {number} params.firstIndex - The index where the replacement starts
+ * @param {number} params.lastIndex - The index where the replacement ends
+ *
+ * @return {string} The spliced text with the replaced substring
+ */
+function spliceString({
+  text = "",
+  replaceText = "",
+  firstIndex,
+  lastindex,
+}) {
+  return `${ text.slice(0, firstIndex) }${ replaceText }${ text.slice(lastindex, text.length) }`;
+}
+
+export function getTranslationAttributes({ attr = "", value = "", translation = "", isTranslate = true }) {
+  const ATTRIBUTES = {};
+  if (!isNil(translation)) {
+    ATTRIBUTES[attr] = translation;
+  }
+  if (isTranslate) {
+    ATTRIBUTES[`data-translate-${ attr }`] = value;
+  }
+
+  return ATTRIBUTES;
+}

package/src/AVerticalScroll/compositionAPI/ListenerAPI.js

@@ -1,21 +1,21 @@
-import {
-  ref,
-} from "vue";
-
-export default function ListenerAPI({
-  onScroll = () => {},
-  scrollContentRef = ref(undefined),
-}) {
-  const addScrollListener = () => {
-    scrollContentRef.value.addEventListener("scroll", onScroll);
-  };
-
-  const destroyScrollListener = () => {
-    scrollContentRef.value.removeEventListener("scroll", onScroll);
-  };
-
-  return {
-    addScrollListener,
-    destroyScrollListener,
-  };
-}
+import {
+  ref,
+} from "vue";
+
+export default function ListenerAPI({
+  onScroll = () => {},
+  scrollContentRef = ref(undefined),
+}) {
+  const addScrollListener = () => {
+    scrollContentRef.value.addEventListener("scroll", onScroll);
+  };
+
+  const destroyScrollListener = () => {
+    scrollContentRef.value.removeEventListener("scroll", onScroll);
+  };
+
+  return {
+    addScrollListener,
+    destroyScrollListener,
+  };
+}

package/src/AVerticalScroll/compositionAPI/ScrollAPI.js

@@ -1,52 +1,52 @@
-import {
-  ref,
-  toRef,
-} from "vue";
-
-export default function ScrollAPI(props) {
-  const scrollDistance = toRef(props, "scrollDistance");
-
-  const canScrollDown = ref(false);
-  const canScrollUp = ref(false);
-  const containerRef = ref(undefined);
-  const hasScroll = ref(false);
-  const scrollContentRef = ref(undefined);
-  const scrollContentChildRef = ref(undefined);
-
-  const onScroll = () => {
-    const scrollContent = scrollContentRef.value;
-    canScrollUp.value = scrollContent.scrollTop > 0;
-    canScrollDown.value = scrollContent.scrollTop < (scrollContent.scrollHeight - scrollContent.clientHeight);
-  };
-
-  const checkScroll = () => {
-    hasScroll.value = scrollContentRef.value.scrollHeight > scrollContentRef.value.clientHeight;
-    if (!hasScroll.value) {
-      return;
-    }
-    onScroll();
-  };
-
-  const scrollUp = () => {
-    scrollContentRef.value.scrollTop -= scrollDistance.value;
-    checkScroll();
-  };
-
-  const scrollDown = () => {
-    scrollContentRef.value.scrollTop += scrollDistance.value;
-    checkScroll();
-  };
-
-  return {
-    canScrollDown,
-    canScrollUp,
-    checkScroll,
-    containerRef,
-    hasScroll,
-    onScroll,
-    scrollContentChildRef,
-    scrollContentRef,
-    scrollDown,
-    scrollUp,
-  };
-}
+import {
+  ref,
+  toRef,
+} from "vue";
+
+export default function ScrollAPI(props) {
+  const scrollDistance = toRef(props, "scrollDistance");
+
+  const canScrollDown = ref(false);
+  const canScrollUp = ref(false);
+  const containerRef = ref(undefined);
+  const hasScroll = ref(false);
+  const scrollContentRef = ref(undefined);
+  const scrollContentChildRef = ref(undefined);
+
+  const onScroll = () => {
+    const scrollContent = scrollContentRef.value;
+    canScrollUp.value = scrollContent.scrollTop > 0;
+    canScrollDown.value = scrollContent.scrollTop < (scrollContent.scrollHeight - scrollContent.clientHeight);
+  };
+
+  const checkScroll = () => {
+    hasScroll.value = scrollContentRef.value.scrollHeight > scrollContentRef.value.clientHeight;
+    if (!hasScroll.value) {
+      return;
+    }
+    onScroll();
+  };
+
+  const scrollUp = () => {
+    scrollContentRef.value.scrollTop -= scrollDistance.value;
+    checkScroll();
+  };
+
+  const scrollDown = () => {
+    scrollContentRef.value.scrollTop += scrollDistance.value;
+    checkScroll();
+  };
+
+  return {
+    canScrollDown,
+    canScrollUp,
+    checkScroll,
+    containerRef,
+    hasScroll,
+    onScroll,
+    scrollContentChildRef,
+    scrollContentRef,
+    scrollDown,
+    scrollUp,
+  };
+}

package/src/AVerticalScroll/i18n/AVerticalScrollI18n.js

@@ -1,19 +1,19 @@
-import ar from "./ar.json";
-import de from "./de.json";
-import en from "./en.json";
-import es from "./es.json";
-import fr from "./fr.json";
-import hr from "./hr.json";
-import it from "./it.json";
-import ru from "./ru.json";
-
-export default {
-  ar,
-  de,
-  en,
-  es,
-  fr,
-  hr,
-  it,
-  ru,
-};
+import ar from "./ar.json";
+import de from "./de.json";
+import en from "./en.json";
+import es from "./es.json";
+import fr from "./fr.json";
+import hr from "./hr.json";
+import it from "./it.json";
+import ru from "./ru.json";
+
+export default {
+  ar,
+  de,
+  en,
+  es,
+  fr,
+  hr,
+  it,
+  ru,
+};