aloha-vue 2.7.0 → 2.7.2

package/src/ATranslation/compositionAPI/AriaLabelAPI.js

@@ -1,83 +1,83 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import AMobileAPI from "../../compositionAPI/AMobileAPI";
-import ATranslationAPI from "./ATranslationAPI";
-import UtilsAPI from "./UtilsAPI";
-
-import {
-  isPlainObject,
-  isUndefined,
-} from "lodash-es";
-
-export default function AriaLabelAPI(props) {
-  const alwaysTranslate = toRef(props, "alwaysTranslate");
-  const ariaLabel = toRef(props, "ariaLabel");
-  const extra = toRef(props, "extra");
-
-  const {
-    translationChanges,
-  } = ATranslationAPI();
-
-  const {
-    isPlaceholderTranslate,
-    getTranslatedText,
-    getTranslationAttributes,
-  } = UtilsAPI();
-
-  const {
-    isMobileWidth,
-  } = AMobileAPI();
-
-  const ariaLabelForCurrentDevice = computed(() => {
-    if (isPlainObject(ariaLabel.value)) {
-      if (isMobileWidth.value) {
-        return ariaLabel.value.mobile;
-      }
-      return ariaLabel.value.desktop;
-    }
-    return ariaLabel.value;
-  });
-
-  const hasAriaLabel = computed(() => {
-    return !isUndefined(ariaLabelForCurrentDevice.value);
-  });
-
-  const isTranslateAriaLabel = computed(() => {
-    return !(!hasAriaLabel.value || !isPlaceholderTranslate(ariaLabelForCurrentDevice.value));
-  });
-
-  const ariaLabelLocal = computed(() => {
-    if (!translationChanges.value) {
-      return undefined;
-    }
-    if (isTranslateAriaLabel.value) {
-      return getTranslatedText({
-        placeholder: ariaLabelForCurrentDevice.value,
-        extra: extra.value,
-        alwaysTranslate: alwaysTranslate.value,
-      });
-    }
-    return ariaLabelForCurrentDevice.value;
-  });
-
-  const ariaLabelAttributes = computed(() => {
-    if (hasAriaLabel.value) {
-      return getTranslationAttributes({
-        attr: "aria-label",
-        translation: ariaLabelLocal.value,
-        value: ariaLabelForCurrentDevice.value,
-        isTranslate: isTranslateAriaLabel.value,
-      });
-    }
-
-    return {};
-  });
-
-  return {
-    ariaLabelAttributes,
-    hasAriaLabel,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import AMobileAPI from "../../compositionAPI/AMobileAPI";
+import ATranslationAPI from "./ATranslationAPI";
+import UtilsAPI from "./UtilsAPI";
+
+import {
+  isPlainObject,
+  isUndefined,
+} from "lodash-es";
+
+export default function AriaLabelAPI(props) {
+  const alwaysTranslate = toRef(props, "alwaysTranslate");
+  const ariaLabel = toRef(props, "ariaLabel");
+  const extra = toRef(props, "extra");
+
+  const {
+    translationChanges,
+  } = ATranslationAPI();
+
+  const {
+    isPlaceholderTranslate,
+    getTranslatedText,
+    getTranslationAttributes,
+  } = UtilsAPI();
+
+  const {
+    isMobileWidth,
+  } = AMobileAPI();
+
+  const ariaLabelForCurrentDevice = computed(() => {
+    if (isPlainObject(ariaLabel.value)) {
+      if (isMobileWidth.value) {
+        return ariaLabel.value.mobile;
+      }
+      return ariaLabel.value.desktop;
+    }
+    return ariaLabel.value;
+  });
+
+  const hasAriaLabel = computed(() => {
+    return !isUndefined(ariaLabelForCurrentDevice.value);
+  });
+
+  const isTranslateAriaLabel = computed(() => {
+    return !(!hasAriaLabel.value || !isPlaceholderTranslate(ariaLabelForCurrentDevice.value));
+  });
+
+  const ariaLabelLocal = computed(() => {
+    if (!translationChanges.value) {
+      return undefined;
+    }
+    if (isTranslateAriaLabel.value) {
+      return getTranslatedText({
+        placeholder: ariaLabelForCurrentDevice.value,
+        extra: extra.value,
+        alwaysTranslate: alwaysTranslate.value,
+      });
+    }
+    return ariaLabelForCurrentDevice.value;
+  });
+
+  const ariaLabelAttributes = computed(() => {
+    if (hasAriaLabel.value) {
+      return getTranslationAttributes({
+        attr: "aria-label",
+        translation: ariaLabelLocal.value,
+        value: ariaLabelForCurrentDevice.value,
+        isTranslate: isTranslateAriaLabel.value,
+      });
+    }
+
+    return {};
+  });
+
+  return {
+    ariaLabelAttributes,
+    hasAriaLabel,
+  };
+}

package/src/ATranslation/compositionAPI/AttributesAPI.js

@@ -1,39 +1,39 @@
-import {
-  computed,
-} from "vue";
-
-export default function AttributesAPI({
-  htmlLocalOptions = computed(() => undefined),
-  textLocalOptions = computed(() => ({})),
-  titleLocalOptions = computed(() => ({})),
-}) {
-  const hasAttributesLocal = computed(() => {
-    return textLocalOptions.value?.dataTranslateText
-      || htmlLocalOptions.value?.dataTranslateSafeHtml
-      || htmlLocalOptions.value?.dataTranslateHtml
-      || titleLocalOptions.value?.title;
-  });
-  const attributesLocal = computed(() => {
-    const ATTRIBUTES = {};
-    if (textLocalOptions.value?.dataTranslateText) {
-      ATTRIBUTES["data-translate-text"] = textLocalOptions.value.dataTranslateText;
-    } else if (htmlLocalOptions.value?.dataTranslateSafeHtml) {
-      ATTRIBUTES["data-translate-safe-html"] = htmlLocalOptions.value.dataTranslateSafeHtml;
-    } else if (htmlLocalOptions.value?.dataTranslateHtml) {
-      ATTRIBUTES["data-translate-html"] = htmlLocalOptions.value.dataTranslateHtml;
-    }
-    if (titleLocalOptions.value.title) {
-      ATTRIBUTES.title = titleLocalOptions.value.title;
-      if (titleLocalOptions.value.dataTranslateTitle) {
-        ATTRIBUTES["data-translate-title"] = titleLocalOptions.value.dataTranslateTitle;
-      }
-    }
-
-    return ATTRIBUTES;
-  });
-
-  return {
-    attributesLocal,
-    hasAttributesLocal,
-  };
-}
+import {
+  computed,
+} from "vue";
+
+export default function AttributesAPI({
+  htmlLocalOptions = computed(() => undefined),
+  textLocalOptions = computed(() => ({})),
+  titleLocalOptions = computed(() => ({})),
+}) {
+  const hasAttributesLocal = computed(() => {
+    return textLocalOptions.value?.dataTranslateText
+      || htmlLocalOptions.value?.dataTranslateSafeHtml
+      || htmlLocalOptions.value?.dataTranslateHtml
+      || titleLocalOptions.value?.title;
+  });
+  const attributesLocal = computed(() => {
+    const ATTRIBUTES = {};
+    if (textLocalOptions.value?.dataTranslateText) {
+      ATTRIBUTES["data-translate-text"] = textLocalOptions.value.dataTranslateText;
+    } else if (htmlLocalOptions.value?.dataTranslateSafeHtml) {
+      ATTRIBUTES["data-translate-safe-html"] = htmlLocalOptions.value.dataTranslateSafeHtml;
+    } else if (htmlLocalOptions.value?.dataTranslateHtml) {
+      ATTRIBUTES["data-translate-html"] = htmlLocalOptions.value.dataTranslateHtml;
+    }
+    if (titleLocalOptions.value.title) {
+      ATTRIBUTES.title = titleLocalOptions.value.title;
+      if (titleLocalOptions.value.dataTranslateTitle) {
+        ATTRIBUTES["data-translate-title"] = titleLocalOptions.value.dataTranslateTitle;
+      }
+    }
+
+    return ATTRIBUTES;
+  });
+
+  return {
+    attributesLocal,
+    hasAttributesLocal,
+  };
+}

package/src/ATranslation/compositionAPI/TextAPI.js

@@ -1,102 +1,102 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import AMobileAPI from "../../compositionAPI/AMobileAPI";
-import ATranslationAPI from "./ATranslationAPI";
-import UtilsAPI from "./UtilsAPI";
-
-import {
-  forEach,
-  isArray,
-  isPlainObject,
-  isUndefined,
-} from "lodash-es";
-
-export default function TextAPI(props) {
-  const alwaysTranslate = toRef(props, "alwaysTranslate");
-  const extra = toRef(props, "extra");
-  const text = toRef(props, "text");
-
-  const {
-    isPlaceholderTranslate,
-    getTranslatedText,
-  } = UtilsAPI();
-
-  const {
-    isMobileWidth,
-  } = AMobileAPI();
-
-  const {
-    translationChanges,
-  } = ATranslationAPI();
-
-  const textForCurrentDevice = computed(() => {
-    if (isPlainObject(text.value)) {
-      if (isMobileWidth.value) {
-        return text.value.mobile;
-      }
-      return text.value.desktop;
-    }
-    return text.value;
-  });
-
-  const isTextArray = computed(() => {
-    return isArray(text.value);
-  });
-
-  const hasText = computed(() => {
-    if (isTextArray.value) {
-      return text.value.length > 0;
-    }
-    return !isUndefined(textForCurrentDevice.value);
-  });
-
-  const textLocalOptions = computed(() => {
-    const TEXT_LOCAL_OPTIONS = {
-      text: undefined,
-      dataTranslateText: undefined,
-    };
-    if (!translationChanges.value) {
-      return TEXT_LOCAL_OPTIONS;
-    }
-    if (hasText.value) {
-      const TEXT_LIST = isTextArray.value ?
-        text.value :
-        [textForCurrentDevice.value];
-      let textCombined = "";
-      let dataTranslateText = "";
-      forEach(TEXT_LIST, textEl => {
-        if (!textEl && textEl !== 0) {
-          return;
-        }
-        if (textCombined) {
-          textCombined += " ";
-          dataTranslateText += " ";
-        }
-        if (isPlaceholderTranslate(textEl)) {
-          textCombined += getTranslatedText({
-            placeholder: textEl,
-            extra: extra.value,
-            alwaysTranslate: alwaysTranslate.value,
-          });
-          dataTranslateText += textEl;
-        } else {
-          textCombined += textEl;
-        }
-      });
-
-      TEXT_LOCAL_OPTIONS.text = textCombined || undefined;
-      TEXT_LOCAL_OPTIONS.dataTranslateText = dataTranslateText || undefined;
-    }
-
-    return TEXT_LOCAL_OPTIONS;
-  });
-
-
-  return {
-    hasText,
-    textLocalOptions,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import AMobileAPI from "../../compositionAPI/AMobileAPI";
+import ATranslationAPI from "./ATranslationAPI";
+import UtilsAPI from "./UtilsAPI";
+
+import {
+  forEach,
+  isArray,
+  isPlainObject,
+  isUndefined,
+} from "lodash-es";
+
+export default function TextAPI(props) {
+  const alwaysTranslate = toRef(props, "alwaysTranslate");
+  const extra = toRef(props, "extra");
+  const text = toRef(props, "text");
+
+  const {
+    isPlaceholderTranslate,
+    getTranslatedText,
+  } = UtilsAPI();
+
+  const {
+    isMobileWidth,
+  } = AMobileAPI();
+
+  const {
+    translationChanges,
+  } = ATranslationAPI();
+
+  const textForCurrentDevice = computed(() => {
+    if (isPlainObject(text.value)) {
+      if (isMobileWidth.value) {
+        return text.value.mobile;
+      }
+      return text.value.desktop;
+    }
+    return text.value;
+  });
+
+  const isTextArray = computed(() => {
+    return isArray(text.value);
+  });
+
+  const hasText = computed(() => {
+    if (isTextArray.value) {
+      return text.value.length > 0;
+    }
+    return !isUndefined(textForCurrentDevice.value);
+  });
+
+  const textLocalOptions = computed(() => {
+    const TEXT_LOCAL_OPTIONS = {
+      text: undefined,
+      dataTranslateText: undefined,
+    };
+    if (!translationChanges.value) {
+      return TEXT_LOCAL_OPTIONS;
+    }
+    if (hasText.value) {
+      const TEXT_LIST = isTextArray.value ?
+        text.value :
+        [textForCurrentDevice.value];
+      let textCombined = "";
+      let dataTranslateText = "";
+      forEach(TEXT_LIST, textEl => {
+        if (!textEl && textEl !== 0) {
+          return;
+        }
+        if (textCombined) {
+          textCombined += " ";
+          dataTranslateText += " ";
+        }
+        if (isPlaceholderTranslate(textEl)) {
+          textCombined += getTranslatedText({
+            placeholder: textEl,
+            extra: extra.value,
+            alwaysTranslate: alwaysTranslate.value,
+          });
+          dataTranslateText += textEl;
+        } else {
+          textCombined += textEl;
+        }
+      });
+
+      TEXT_LOCAL_OPTIONS.text = textCombined || undefined;
+      TEXT_LOCAL_OPTIONS.dataTranslateText = dataTranslateText || undefined;
+    }
+
+    return TEXT_LOCAL_OPTIONS;
+  });
+
+
+  return {
+    hasText,
+    textLocalOptions,
+  };
+}

package/src/ATranslation/compositionAPI/TextAfterBeforeAPI.js

@@ -1,55 +1,55 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import AMobileAPI from "../../compositionAPI/AMobileAPI";
-
-import {
-  isNil,
-  isPlainObject,
-} from "lodash-es";
-
-export default function TextAfterBeforeAPI(props) {
-  const textAfter = toRef(props, "textAfter");
-  const textBefore = toRef(props, "textBefore");
-
-  const {
-    isMobileWidth,
-  } = AMobileAPI();
-
-  const textAfterForCurrentDevice = computed(() => {
-    if (isPlainObject(textAfter.value)) {
-      if (isMobileWidth.value) {
-        return textAfter.value.mobile;
-      }
-      return textAfter.value.desktop;
-    }
-    return textAfter.value;
-  });
-
-  const textBeforeForCurrentDevice = computed(() => {
-    if (isPlainObject(textBefore.value)) {
-      if (isMobileWidth.value) {
-        return textBefore.value.mobile;
-      }
-      return textBefore.value.desktop;
-    }
-    return textBefore.value;
-  });
-
-  const hasTextAfter = computed(() => {
-    return !isNil(textAfterForCurrentDevice.value) && textAfterForCurrentDevice.value !== "";
-  });
-
-  const hasTextBefore = computed(() => {
-    return !isNil(textBeforeForCurrentDevice.value) && textBeforeForCurrentDevice.value !== "";
-  });
-
-  return {
-    hasTextAfter,
-    hasTextBefore,
-    textAfterForCurrentDevice,
-    textBeforeForCurrentDevice,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import AMobileAPI from "../../compositionAPI/AMobileAPI";
+
+import {
+  isNil,
+  isPlainObject,
+} from "lodash-es";
+
+export default function TextAfterBeforeAPI(props) {
+  const textAfter = toRef(props, "textAfter");
+  const textBefore = toRef(props, "textBefore");
+
+  const {
+    isMobileWidth,
+  } = AMobileAPI();
+
+  const textAfterForCurrentDevice = computed(() => {
+    if (isPlainObject(textAfter.value)) {
+      if (isMobileWidth.value) {
+        return textAfter.value.mobile;
+      }
+      return textAfter.value.desktop;
+    }
+    return textAfter.value;
+  });
+
+  const textBeforeForCurrentDevice = computed(() => {
+    if (isPlainObject(textBefore.value)) {
+      if (isMobileWidth.value) {
+        return textBefore.value.mobile;
+      }
+      return textBefore.value.desktop;
+    }
+    return textBefore.value;
+  });
+
+  const hasTextAfter = computed(() => {
+    return !isNil(textAfterForCurrentDevice.value) && textAfterForCurrentDevice.value !== "";
+  });
+
+  const hasTextBefore = computed(() => {
+    return !isNil(textBeforeForCurrentDevice.value) && textBeforeForCurrentDevice.value !== "";
+  });
+
+  return {
+    hasTextAfter,
+    hasTextBefore,
+    textAfterForCurrentDevice,
+    textBeforeForCurrentDevice,
+  };
+}