aloha-vue 2.76.0 → 2.77.0

package/src/AWizard/compositionAPI/AttributesAPI.js

@@ -1,88 +1,88 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import UtilsAPI from "../../ATranslation/compositionAPI/UtilsAPI";
-
-export default function AttributesAPI(props, {
-  stepActiveComputed = computed(() => 0),
-}) {
-  const ariaLabel = toRef(props, "ariaLabel");
-  const ariaLabelSteps = toRef(props, "ariaLabelSteps");
-  const extra = toRef(props, "extra");
-  const id = toRef(props, "id");
-
-  const {
-    getTranslationAttributes,
-    getTranslatedText,
-    isPlaceholderTranslate,
-  } = UtilsAPI();
-
-  const isAriaLabelTranslated = computed(() => {
-    return isPlaceholderTranslate(ariaLabel.value);
-  });
-
-  const isAriaLabelStepsTranslated = computed(() => {
-    return isPlaceholderTranslate(ariaLabelSteps.value);
-  });
-
-  const ariaLabelTranslated = computed(() => {
-    if (isAriaLabelTranslated.value) {
-      return getTranslatedText({
-        placeholder: ariaLabel.value,
-        extra: extra.value,
-      });
-    }
-
-    return undefined;
-  });
-
-  const ariaLabelStepsTranslated = computed(() => {
-    if (isAriaLabelStepsTranslated.value) {
-      return getTranslatedText({
-        placeholder: ariaLabelSteps.value,
-        extra: extra.value,
-      });
-    }
-
-    return undefined;
-  });
-
-  const ariaLabelAttributes = computed(() => {
-    return getTranslationAttributes({
-      attr: "aria-label",
-      value: ariaLabel.value,
-      translation: ariaLabelTranslated.value,
-      isTranslate: isAriaLabelTranslated.value,
-    });
-  });
-
-  const ariaLabelStepsAttributes = computed(() => {
-    return getTranslationAttributes({
-      attr: "aria-label",
-      value: ariaLabelSteps.value,
-      translation: ariaLabelStepsTranslated.value,
-      isTranslate: isAriaLabelStepsTranslated.value,
-    });
-  });
-
-  const idProgressbar = computed(() => {
-    return `${ id.value }_progressbar`;
-  });
-
-  const idStepTextActive = computed(() => {
-    return `${ id.value }_step_text_${ stepActiveComputed.value }`;
-  });
-
-  const wizardAriaDescribedby = computed(() => {
-    return `${ idProgressbar.value } ${ idStepTextActive.value }`;
-  });
-
-  return {
-    ariaLabelAttributes,
-    ariaLabelStepsAttributes,
-    idProgressbar,
-    wizardAriaDescribedby,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import UtilsAPI from "../../ATranslation/compositionAPI/UtilsAPI";
+
+export default function AttributesAPI(props, {
+  stepActiveComputed = computed(() => 0),
+}) {
+  const ariaLabel = toRef(props, "ariaLabel");
+  const ariaLabelSteps = toRef(props, "ariaLabelSteps");
+  const extra = toRef(props, "extra");
+  const id = toRef(props, "id");
+
+  const {
+    getTranslationAttributes,
+    getTranslatedText,
+    isPlaceholderTranslate,
+  } = UtilsAPI();
+
+  const isAriaLabelTranslated = computed(() => {
+    return isPlaceholderTranslate(ariaLabel.value);
+  });
+
+  const isAriaLabelStepsTranslated = computed(() => {
+    return isPlaceholderTranslate(ariaLabelSteps.value);
+  });
+
+  const ariaLabelTranslated = computed(() => {
+    if (isAriaLabelTranslated.value) {
+      return getTranslatedText({
+        placeholder: ariaLabel.value,
+        extra: extra.value,
+      });
+    }
+
+    return undefined;
+  });
+
+  const ariaLabelStepsTranslated = computed(() => {
+    if (isAriaLabelStepsTranslated.value) {
+      return getTranslatedText({
+        placeholder: ariaLabelSteps.value,
+        extra: extra.value,
+      });
+    }
+
+    return undefined;
+  });
+
+  const ariaLabelAttributes = computed(() => {
+    return getTranslationAttributes({
+      attr: "aria-label",
+      value: ariaLabel.value,
+      translation: ariaLabelTranslated.value,
+      isTranslate: isAriaLabelTranslated.value,
+    });
+  });
+
+  const ariaLabelStepsAttributes = computed(() => {
+    return getTranslationAttributes({
+      attr: "aria-label",
+      value: ariaLabelSteps.value,
+      translation: ariaLabelStepsTranslated.value,
+      isTranslate: isAriaLabelStepsTranslated.value,
+    });
+  });
+
+  const idProgressbar = computed(() => {
+    return `${ id.value }_progressbar`;
+  });
+
+  const idStepTextActive = computed(() => {
+    return `${ id.value }_step_text_${ stepActiveComputed.value }`;
+  });
+
+  const wizardAriaDescribedby = computed(() => {
+    return `${ idProgressbar.value } ${ idStepTextActive.value }`;
+  });
+
+  return {
+    ariaLabelAttributes,
+    ariaLabelStepsAttributes,
+    idProgressbar,
+    wizardAriaDescribedby,
+  };
+}

package/src/AWizard/compositionAPI/ChangeStepAPI.js

@@ -1,19 +1,19 @@
-import {
-  toRef,
-} from "vue";
-
-export default function ChangeStepAPI(props, { emit }) {
-  const steps = toRef(props, "steps");
-
-  const changeStep = ({ stepIndex, previousStepIndex }) => {
-    emit("changeStep", {
-      step: steps.value[stepIndex],
-      stepIndex,
-      previousStepIndex,
-    });
-  };
-
-  return {
-    changeStep,
-  };
-}
+import {
+  toRef,
+} from "vue";
+
+export default function ChangeStepAPI(props, { emit }) {
+  const steps = toRef(props, "steps");
+
+  const changeStep = ({ stepIndex, previousStepIndex }) => {
+    emit("changeStep", {
+      step: steps.value[stepIndex],
+      stepIndex,
+      previousStepIndex,
+    });
+  };
+
+  return {
+    changeStep,
+  };
+}

package/src/AWizard/compositionAPI/ClassAPI.js

@@ -1,31 +1,31 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import {
-  snakeCase,
-} from "lodash";
-
-export default function ClassAPI(props, {
-  subTypeLocal = computed(() => undefined),
-}) {
-  const type = toRef(props, "type");
-  const isStepsJustified = toRef(props, "isStepsJustified");
-
-  const classWizard = computed(() => {
-    let classWizardLocal = `a_wizard a_wizard_${ type.value }`;
-    if (isStepsJustified.value) {
-      classWizardLocal += " a_wizard_justified";
-    }
-
-    if (subTypeLocal.value) {
-      classWizardLocal += ` a_wizard_${ type.value }_${ snakeCase(subTypeLocal.value) }`;
-    }
-    return classWizardLocal;
-  });
-
-  return {
-    classWizard,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import {
+  snakeCase,
+} from "lodash";
+
+export default function ClassAPI(props, {
+  subTypeLocal = computed(() => undefined),
+}) {
+  const type = toRef(props, "type");
+  const isStepsJustified = toRef(props, "isStepsJustified");
+
+  const classWizard = computed(() => {
+    let classWizardLocal = `a_wizard a_wizard_${ type.value }`;
+    if (isStepsJustified.value) {
+      classWizardLocal += " a_wizard_justified";
+    }
+
+    if (subTypeLocal.value) {
+      classWizardLocal += ` a_wizard_${ type.value }_${ snakeCase(subTypeLocal.value) }`;
+    }
+    return classWizardLocal;
+  });
+
+  return {
+    classWizard,
+  };
+}

package/src/AWizard/compositionAPI/EventsAPI.js

@@ -1,74 +1,74 @@
-import {
-  computed,
-  ref,
-  toRef,
-} from "vue";
-
-export default function EventsAPI(props, { emit }, {
-  stepActiveComputed = computed(() => 0),
-  stepActiveLocal = ref(0),
-  stepsVisitedLocal = ref({}),
-}) {
-  const isControlOutside = toRef(props, "isControlOutside");
-  const steps = toRef(props, "steps");
-
-  const goStepBack = ({ stepIndex, step }) => {
-    if (isControlOutside.value) {
-      emit("goStepBack", {
-        step,
-        targetStepIndex: stepIndex,
-        currentStepIndex: stepActiveComputed.value,
-      });
-    } else {
-      stepActiveLocal.value = stepIndex;
-    }
-  };
-
-  const goStepForward = ({ stepIndex, step }) => {
-    if (isControlOutside.value) {
-      emit("goStepForward", {
-        step,
-        targetStepIndex: stepIndex,
-        currentStepIndex: stepActiveComputed.value,
-      });
-    } else {
-      stepActiveLocal.value = stepIndex;
-      stepsVisitedLocal.value[stepIndex] = true;
-    }
-  };
-
-  const goOneStepBack = () => {
-    if (stepActiveComputed.value === 0) {
-      return;
-    }
-    goStepBack({
-      stepIndex: stepActiveComputed.value - 1,
-    });
-  };
-
-  const goOneStepForward = () => {
-    if (stepActiveComputed.value >= steps.value.length - 1) {
-      return;
-    }
-    goStepForward({
-      stepIndex: stepActiveComputed.value + 1,
-    });
-  };
-
-  const onStepClick = ({ stepIndex, step }) => {
-    if (stepActiveComputed.value === stepIndex) {
-      return;
-    }
-    if (stepIndex < stepActiveComputed.value) {
-      goStepBack({ stepIndex, step });
-    } else {
-      goStepForward({ stepIndex, step });
-    }
-  };
-
-  return {
-    goOneStepBack,
-    goOneStepForward,
-    onStepClick,
-  };
-}
+import {
+  computed,
+  ref,
+  toRef,
+} from "vue";
+
+export default function EventsAPI(props, { emit }, {
+  stepActiveComputed = computed(() => 0),
+  stepActiveLocal = ref(0),
+  stepsVisitedLocal = ref({}),
+}) {
+  const isControlOutside = toRef(props, "isControlOutside");
+  const steps = toRef(props, "steps");
+
+  const goStepBack = ({ stepIndex, step }) => {
+    if (isControlOutside.value) {
+      emit("goStepBack", {
+        step,
+        targetStepIndex: stepIndex,
+        currentStepIndex: stepActiveComputed.value,
+      });
+    } else {
+      stepActiveLocal.value = stepIndex;
+    }
+  };
+
+  const goStepForward = ({ stepIndex, step }) => {
+    if (isControlOutside.value) {
+      emit("goStepForward", {
+        step,
+        targetStepIndex: stepIndex,
+        currentStepIndex: stepActiveComputed.value,
+      });
+    } else {
+      stepActiveLocal.value = stepIndex;
+      stepsVisitedLocal.value[stepIndex] = true;
+    }
+  };
+
+  const goOneStepBack = () => {
+    if (stepActiveComputed.value === 0) {
+      return;
+    }
+    goStepBack({
+      stepIndex: stepActiveComputed.value - 1,
+    });
+  };
+
+  const goOneStepForward = () => {
+    if (stepActiveComputed.value >= steps.value.length - 1) {
+      return;
+    }
+    goStepForward({
+      stepIndex: stepActiveComputed.value + 1,
+    });
+  };
+
+  const onStepClick = ({ stepIndex, step }) => {
+    if (stepActiveComputed.value === stepIndex) {
+      return;
+    }
+    if (stepIndex < stepActiveComputed.value) {
+      goStepBack({ stepIndex, step });
+    } else {
+      goStepForward({ stepIndex, step });
+    }
+  };
+
+  return {
+    goOneStepBack,
+    goOneStepForward,
+    onStepClick,
+  };
+}

package/src/AWizard/compositionAPI/FocusAPI.js

@@ -1,32 +1,32 @@
-import {
-  ref,
-  toRef,
-} from "vue";
-
-import {
-  setFocusToElement,
-} from "../../utils/utilsDOM";
-
-export default function FocusAPI(props) {
-  const hasFocusJump = toRef(props, "hasFocusJump");
-  const id = toRef(props, "id");
-
-  const wizardTabsRef = ref([]);
-
-  const setFocusToActiveStep = ({ stepActive }) => {
-    if (hasFocusJump.value &&
-      !window.isScrollDisabled) { // for autotests
-      setTimeout(() => {
-        const FOCUS_ID_SELECTOR = `#${ id.value }_${ stepActive }_focus`;
-        setFocusToElement({
-          selector: FOCUS_ID_SELECTOR,
-        });
-      });
-    }
-  };
-
-  return {
-    setFocusToActiveStep,
-    wizardTabsRef,
-  };
-}
+import {
+  ref,
+  toRef,
+} from "vue";
+
+import {
+  setFocusToElement,
+} from "../../utils/utilsDOM";
+
+export default function FocusAPI(props) {
+  const hasFocusJump = toRef(props, "hasFocusJump");
+  const id = toRef(props, "id");
+
+  const wizardTabsRef = ref([]);
+
+  const setFocusToActiveStep = ({ stepActive }) => {
+    if (hasFocusJump.value &&
+      !window.isScrollDisabled) { // for autotests
+      setTimeout(() => {
+        const FOCUS_ID_SELECTOR = `#${ id.value }_${ stepActive }_focus`;
+        setFocusToElement({
+          selector: FOCUS_ID_SELECTOR,
+        });
+      });
+    }
+  };
+
+  return {
+    setFocusToActiveStep,
+    wizardTabsRef,
+  };
+}

package/src/AWizard/compositionAPI/LocalAPI.js

@@ -1,65 +1,65 @@
-import {
-  computed,
-  ref,
-  toRef,
-  watch,
-} from "vue";
-
-import {
-  isNil,
-} from "lodash-es";
-
-export default function LocalAPI(props, {
-  changeStep = () => {},
-  setFocusToActiveStep = () => {},
-}) {
-  const stepActive = toRef(props, "stepActive");
-  const stepsVisited = toRef(props, "stepsVisited");
-  const isControlOutside = toRef(props, "isControlOutside");
-
-  const isWatchActive = ref(false);
-  const stepActiveLocal = ref(0);
-  const stepsVisitedLocal = ref({
-    0: true,
-  });
-
-  const stepActiveComputed = computed(() => {
-    return isControlOutside.value ? stepActive.value : stepActiveLocal.value;
-  });
-
-  const stepsVisitedComputed = computed(() => {
-    return isControlOutside.value ? stepsVisited.value : stepsVisitedLocal.value;
-  });
-
-  const initStepActive = () => {
-    if (!isControlOutside.value) {
-      if (!isNil(stepActive.value)) {
-        stepActiveLocal.value = stepActive.value;
-        stepsVisitedLocal.value = {
-          [stepActive.value]: true,
-        };
-      }
-    }
-    setTimeout(() => {
-      isWatchActive.value = true;
-    });
-  };
-
-  watch(stepActiveComputed, (newValue, oldValue) => {
-    if (isWatchActive.value) {
-      setFocusToActiveStep({ stepActive: newValue });
-      changeStep({
-        stepIndex: newValue,
-        previousStepIndex: oldValue,
-      });
-    }
-  });
-
-  return {
-    initStepActive,
-    stepActiveComputed,
-    stepActiveLocal,
-    stepsVisitedComputed,
-    stepsVisitedLocal,
-  };
-}
+import {
+  computed,
+  ref,
+  toRef,
+  watch,
+} from "vue";
+
+import {
+  isNil,
+} from "lodash-es";
+
+export default function LocalAPI(props, {
+  changeStep = () => {},
+  setFocusToActiveStep = () => {},
+}) {
+  const stepActive = toRef(props, "stepActive");
+  const stepsVisited = toRef(props, "stepsVisited");
+  const isControlOutside = toRef(props, "isControlOutside");
+
+  const isWatchActive = ref(false);
+  const stepActiveLocal = ref(0);
+  const stepsVisitedLocal = ref({
+    0: true,
+  });
+
+  const stepActiveComputed = computed(() => {
+    return isControlOutside.value ? stepActive.value : stepActiveLocal.value;
+  });
+
+  const stepsVisitedComputed = computed(() => {
+    return isControlOutside.value ? stepsVisited.value : stepsVisitedLocal.value;
+  });
+
+  const initStepActive = () => {
+    if (!isControlOutside.value) {
+      if (!isNil(stepActive.value)) {
+        stepActiveLocal.value = stepActive.value;
+        stepsVisitedLocal.value = {
+          [stepActive.value]: true,
+        };
+      }
+    }
+    setTimeout(() => {
+      isWatchActive.value = true;
+    });
+  };
+
+  watch(stepActiveComputed, (newValue, oldValue) => {
+    if (isWatchActive.value) {
+      setFocusToActiveStep({ stepActive: newValue });
+      changeStep({
+        stepIndex: newValue,
+        previousStepIndex: oldValue,
+      });
+    }
+  });
+
+  return {
+    initStepActive,
+    stepActiveComputed,
+    stepActiveLocal,
+    stepsVisitedComputed,
+    stepsVisitedLocal,
+  };
+}

package/src/AWizard/compositionAPI/MobileAPI.js

@@ -1,22 +1,22 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import AMobileAPI from "../../compositionAPI/AMobileAPI";
-
-export default function MobileAPI(props) {
-  const isMobile = toRef(props, "isMobile");
-
-  const {
-    isMobileWidth,
-  } = AMobileAPI();
-
-  const isMobileLocal = computed(() => {
-    return isMobile.value || isMobileWidth.value;
-  });
-
-  return {
-    isMobileLocal,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import AMobileAPI from "../../compositionAPI/AMobileAPI";
+
+export default function MobileAPI(props) {
+  const isMobile = toRef(props, "isMobile");
+
+  const {
+    isMobileWidth,
+  } = AMobileAPI();
+
+  const isMobileLocal = computed(() => {
+    return isMobile.value || isMobileWidth.value;
+  });
+
+  return {
+    isMobileLocal,
+  };
+}