aloha-vue 2.62.0 → 2.63.0

package/src/ui/AValidatedJson/AValidatedJsonItem/compositionAPI/DeleteAPI.js

@@ -1,63 +1,63 @@
-import {
-  computed,
-  nextTick,
-  toRef,
-} from "vue";
-import {
-  AConfirmAPI,
-  AKeyId,
-  setFocusToElement,
-} from "../../../../index";
-
-export default function DeleteAPI(props, { emit }) {
-  const elementLabel = toRef(props, "elementLabel");
-  const mode = toRef(props, "mode");
-  const modelIndex = toRef(props, "modelIndex");
-  const modelItem = toRef(props, "modelItem");
-  const parentHtmlId = toRef(props, "parentHtmlId");
-
-  const {
-    closeConfirm,
-    openConfirm,
-  } = AConfirmAPI();
-
-  const btnDeleteId = computed(() => {
-    return `${ parentHtmlId.value }_btn_delete_${ modelIndex.value }`;
-  });
-
-  const onDelete = () => {
-    if (mode.value === "list") {
-      emit("delete", { index: modelIndex.value });
-    } else {
-      emit("delete", { key: modelItem.value[AKeyId] });
-    }
-
-    closeConfirm();
-  };
-
-  const openDeleteConfirm = () => {
-    openConfirm({
-      headerText: "_A_VALIDATED_JSON_CONFIRM_DELETE_HEADER_{{elementLabel}}_",
-      bodyHtml: "_A_VALIDATED_JSON_CONFIRM_DELETE_BODY_",
-      extra: {
-        elementLabel: elementLabel.value,
-      },
-      saveButtonText: "_A_VALIDATED_JSON_CONFIRM_DELETE_BTN_",
-      save: onDelete,
-      close: () => {
-        nextTick().then(
-          () => {
-            setFocusToElement({
-              selector: `#${ btnDeleteId.value }`,
-            });
-          },
-        );
-      },
-    });
-  };
-
-  return {
-    btnDeleteId,
-    openDeleteConfirm,
-  };
-}
+import {
+  computed,
+  nextTick,
+  toRef,
+} from "vue";
+import {
+  AConfirmAPI,
+  AKeyId,
+  setFocusToElement,
+} from "../../../../index";
+
+export default function DeleteAPI(props, { emit }) {
+  const elementLabel = toRef(props, "elementLabel");
+  const mode = toRef(props, "mode");
+  const modelIndex = toRef(props, "modelIndex");
+  const modelItem = toRef(props, "modelItem");
+  const parentHtmlId = toRef(props, "parentHtmlId");
+
+  const {
+    closeConfirm,
+    openConfirm,
+  } = AConfirmAPI();
+
+  const btnDeleteId = computed(() => {
+    return `${ parentHtmlId.value }_btn_delete_${ modelIndex.value }`;
+  });
+
+  const onDelete = () => {
+    if (mode.value === "list") {
+      emit("delete", { index: modelIndex.value });
+    } else {
+      emit("delete", { key: modelItem.value[AKeyId] });
+    }
+
+    closeConfirm();
+  };
+
+  const openDeleteConfirm = () => {
+    openConfirm({
+      headerText: "_A_VALIDATED_JSON_CONFIRM_DELETE_HEADER_{{elementLabel}}_",
+      bodyHtml: "_A_VALIDATED_JSON_CONFIRM_DELETE_BODY_",
+      extra: {
+        elementLabel: elementLabel.value,
+      },
+      saveButtonText: "_A_VALIDATED_JSON_CONFIRM_DELETE_BTN_",
+      save: onDelete,
+      close: () => {
+        nextTick().then(
+          () => {
+            setFocusToElement({
+              selector: `#${ btnDeleteId.value }`,
+            });
+          },
+        );
+      },
+    });
+  };
+
+  return {
+    btnDeleteId,
+    openDeleteConfirm,
+  };
+}

package/src/ui/AValidatedJson/AValidatedJsonItem/compositionAPI/DetailsAPI.js

@@ -1,59 +1,59 @@
-import {
-  computed,
-  nextTick,
-  ref,
-  toRef,
-} from "vue";
-
-import EyeClose from "../../../../AIcon/Icons/EyeClose";
-import EyeOpen from "../../../../AIcon/Icons/EyeOpen";
-import {
-  setFocusToElement,
-} from "../../../../utils/utilsDOM";
-
-export default function DetailsAPI(props) {
-  const modelIndex = toRef(props, "modelIndex");
-  const parentHtmlId = toRef(props, "parentHtmlId");
-
-  const isDetailsVisible = ref(false);
-
-  const btnToggleDetailsId = computed(() => {
-    return `${ parentHtmlId.value }_btn_toggle_details_${ modelIndex.value }`;
-  });
-
-  const titleBtnToggleDetails = computed(() => {
-    return isDetailsVisible.value ?
-      "_A_VALIDATED_JSON_BTN_DETAILS_HIDE_" :
-      "_A_VALIDATED_JSON_BTN_DETAILS_SHOW_";
-  });
-
-  const iconBtnToggleDetails = computed(() => {
-    return isDetailsVisible.value ?
-      EyeClose :
-      EyeOpen;
-  });
-
-  const detailsId = computed(() => {
-    return `${ parentHtmlId.value }_details_${ modelIndex.value }`;
-  });
-
-  const toggleDetails = () => {
-    isDetailsVisible.value = !isDetailsVisible.value;
-    if (isDetailsVisible.value) {
-      nextTick().then(() => {
-        setFocusToElement({
-          selector: `#${ detailsId.value }`,
-        });
-      });
-    }
-  };
-
-  return {
-    btnToggleDetailsId,
-    detailsId,
-    iconBtnToggleDetails,
-    isDetailsVisible,
-    titleBtnToggleDetails,
-    toggleDetails,
-  };
-}
+import {
+  computed,
+  nextTick,
+  ref,
+  toRef,
+} from "vue";
+
+import EyeClose from "../../../../AIcon/Icons/EyeClose";
+import EyeOpen from "../../../../AIcon/Icons/EyeOpen";
+import {
+  setFocusToElement,
+} from "../../../../utils/utilsDOM";
+
+export default function DetailsAPI(props) {
+  const modelIndex = toRef(props, "modelIndex");
+  const parentHtmlId = toRef(props, "parentHtmlId");
+
+  const isDetailsVisible = ref(false);
+
+  const btnToggleDetailsId = computed(() => {
+    return `${ parentHtmlId.value }_btn_toggle_details_${ modelIndex.value }`;
+  });
+
+  const titleBtnToggleDetails = computed(() => {
+    return isDetailsVisible.value ?
+      "_A_VALIDATED_JSON_BTN_DETAILS_HIDE_" :
+      "_A_VALIDATED_JSON_BTN_DETAILS_SHOW_";
+  });
+
+  const iconBtnToggleDetails = computed(() => {
+    return isDetailsVisible.value ?
+      EyeClose :
+      EyeOpen;
+  });
+
+  const detailsId = computed(() => {
+    return `${ parentHtmlId.value }_details_${ modelIndex.value }`;
+  });
+
+  const toggleDetails = () => {
+    isDetailsVisible.value = !isDetailsVisible.value;
+    if (isDetailsVisible.value) {
+      nextTick().then(() => {
+        setFocusToElement({
+          selector: `#${ detailsId.value }`,
+        });
+      });
+    }
+  };
+
+  return {
+    btnToggleDetailsId,
+    detailsId,
+    iconBtnToggleDetails,
+    isDetailsVisible,
+    titleBtnToggleDetails,
+    toggleDetails,
+  };
+}

package/src/ui/AValidatedJson/AValidatedJsonItem/compositionAPI/MoveAPI.js

@@ -1,50 +1,50 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function MoveAPI(props, { emit }) {
-  const deactivateOrdering = toRef(props, "deactivateOrdering");
-  const hidePosition = toRef(props, "hidePosition");
-  const isLast = toRef(props, "isLast");
-  const modelIndex = toRef(props, "modelIndex");
-  const parentHtmlId = toRef(props, "parentHtmlId");
-
-  const btnMoveUpId = computed(() => {
-    return `${ parentHtmlId.value }_btn_move_up_${ modelIndex.value }`;
-  });
-
-  const btnMoveDownId = computed(() => {
-    return `${ parentHtmlId.value }_btn_move_down_${ modelIndex.value }`;
-  });
-
-  const canMove = computed(() => {
-    return !deactivateOrdering.value && !hidePosition.value;
-  });
-
-  const disabledMoveUp = computed(() => {
-    return modelIndex.value === 0;
-  });
-
-  const disabledMoveDown = computed(() => {
-    return isLast.value;
-  });
-
-  const moveUp = () => {
-    emit("move", { action: "up", index: modelIndex.value });
-  };
-
-  const moveDown = () => {
-    emit("move", { action: "down", index: modelIndex.value });
-  };
-
-  return {
-    btnMoveDownId,
-    btnMoveUpId,
-    canMove,
-    disabledMoveDown,
-    disabledMoveUp,
-    moveDown,
-    moveUp,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function MoveAPI(props, { emit }) {
+  const deactivateOrdering = toRef(props, "deactivateOrdering");
+  const hidePosition = toRef(props, "hidePosition");
+  const isLast = toRef(props, "isLast");
+  const modelIndex = toRef(props, "modelIndex");
+  const parentHtmlId = toRef(props, "parentHtmlId");
+
+  const btnMoveUpId = computed(() => {
+    return `${ parentHtmlId.value }_btn_move_up_${ modelIndex.value }`;
+  });
+
+  const btnMoveDownId = computed(() => {
+    return `${ parentHtmlId.value }_btn_move_down_${ modelIndex.value }`;
+  });
+
+  const canMove = computed(() => {
+    return !deactivateOrdering.value && !hidePosition.value;
+  });
+
+  const disabledMoveUp = computed(() => {
+    return modelIndex.value === 0;
+  });
+
+  const disabledMoveDown = computed(() => {
+    return isLast.value;
+  });
+
+  const moveUp = () => {
+    emit("move", { action: "up", index: modelIndex.value });
+  };
+
+  const moveDown = () => {
+    emit("move", { action: "down", index: modelIndex.value });
+  };
+
+  return {
+    btnMoveDownId,
+    btnMoveUpId,
+    canMove,
+    disabledMoveDown,
+    disabledMoveUp,
+    moveDown,
+    moveUp,
+  };
+}

package/src/ui/AValidatedJson/AValidatedJsonItem/compositionAPI/UpdateAPI.js

@@ -1,48 +1,48 @@
-import {
-  computed,
-  ref,
-  toRef,
-} from "vue";
-
-import {
-  AKeyId,
-} from "../../../../const/AKeys";
-
-export default function UpdateAPI(props, { emit }) {
-  const keyId = toRef(props, "keyId");
-  const mode = toRef(props, "mode");
-  const modelIndex = toRef(props, "modelIndex");
-  const modelItem = toRef(props, "modelItem");
-  const parentHtmlId = toRef(props, "parentHtmlId");
-
-  const isModalUpdateVisible = ref(false);
-
-  const btnOpenModalUpdateId = computed(() => {
-    return `${ parentHtmlId.value }_btn_open_modal_update_${ modelIndex.value }`;
-  });
-
-  const openModalUpdate = () => {
-    isModalUpdateVisible.value = true;
-  };
-
-  const closeModalUpdate = ({ model } = {}) => {
-    isModalUpdateVisible.value = false;
-
-    if (model) {
-      if (mode.value === "list") {
-        emit("update", { index: modelIndex.value, model });
-      } else {
-        const oldKey = modelItem.value[keyId.value || AKeyId];
-        const key = model[keyId.value || AKeyId];
-        emit("update", { model, key, oldKey });
-      }
-    }
-  };
-
-  return {
-    btnOpenModalUpdateId,
-    closeModalUpdate,
-    isModalUpdateVisible,
-    openModalUpdate,
-  };
-}
+import {
+  computed,
+  ref,
+  toRef,
+} from "vue";
+
+import {
+  AKeyId,
+} from "../../../../const/AKeys";
+
+export default function UpdateAPI(props, { emit }) {
+  const keyId = toRef(props, "keyId");
+  const mode = toRef(props, "mode");
+  const modelIndex = toRef(props, "modelIndex");
+  const modelItem = toRef(props, "modelItem");
+  const parentHtmlId = toRef(props, "parentHtmlId");
+
+  const isModalUpdateVisible = ref(false);
+
+  const btnOpenModalUpdateId = computed(() => {
+    return `${ parentHtmlId.value }_btn_open_modal_update_${ modelIndex.value }`;
+  });
+
+  const openModalUpdate = () => {
+    isModalUpdateVisible.value = true;
+  };
+
+  const closeModalUpdate = ({ model } = {}) => {
+    isModalUpdateVisible.value = false;
+
+    if (model) {
+      if (mode.value === "list") {
+        emit("update", { index: modelIndex.value, model });
+      } else {
+        const oldKey = modelItem.value[keyId.value || AKeyId];
+        const key = model[keyId.value || AKeyId];
+        emit("update", { model, key, oldKey });
+      }
+    }
+  };
+
+  return {
+    btnOpenModalUpdateId,
+    closeModalUpdate,
+    isModalUpdateVisible,
+    openModalUpdate,
+  };
+}

package/src/ui/AValidatedJson/AValidatedJsonModalCreateOrUpdate/composiitionAPI/DataFormAPI.js

@@ -1,69 +1,69 @@
-import {
-  computed,
-  ref,
-  toRef,
-} from "vue";
-
-import {
-  cloneDeep,
-  forEach,
-  get,
-  isEmpty,
-  unset,
-} from "lodash-es";
-
-export default function DataFormAPI(props, {
-  model = ref({}),
-  updateModel = () => {},
-}) {
-  const children = toRef(props, "children");
-  const typedBaseId = toRef(props, "typedBaseId");
-  const typedChildren = toRef(props, "typedChildren");
-
-  const isFormTyped = computed(() => {
-    return !(isEmpty(typedChildren.value) || !typedBaseId.value);
-  });
-
-  const modelTyped = computed(() => {
-    return get(model.value, typedBaseId.value);
-  });
-
-  const dataFormTyped = computed(() => {
-    if (modelTyped.value &&
-      typedChildren.value[modelTyped.value]?.length) {
-      return typedChildren.value[modelTyped.value];
-    }
-
-    return [];
-  });
-
-  const dataForm = computed(() => {
-    if (!isFormTyped.value) {
-      return children.value;
-    }
-
-    const DATA_FORM = [
-      ...children.value,
-      ...dataFormTyped.value,
-    ];
-
-    return DATA_FORM;
-  });
-
-  const changeDataForm = ({ fullModel, id } = {}) => {
-    if (id === typedBaseId.value) {
-      const FULL_MODEL = cloneDeep(fullModel) || {};
-      forEach(dataFormTyped.value, item => {
-        unset(FULL_MODEL, item.id);
-      });
-      updateModel(FULL_MODEL);
-    } else {
-      updateModel(fullModel);
-    }
-  };
-
-  return {
-    changeDataForm,
-    dataForm,
-  };
-}
+import {
+  computed,
+  ref,
+  toRef,
+} from "vue";
+
+import {
+  cloneDeep,
+  forEach,
+  get,
+  isEmpty,
+  unset,
+} from "lodash-es";
+
+export default function DataFormAPI(props, {
+  model = ref({}),
+  updateModel = () => {},
+}) {
+  const children = toRef(props, "children");
+  const typedBaseId = toRef(props, "typedBaseId");
+  const typedChildren = toRef(props, "typedChildren");
+
+  const isFormTyped = computed(() => {
+    return !(isEmpty(typedChildren.value) || !typedBaseId.value);
+  });
+
+  const modelTyped = computed(() => {
+    return get(model.value, typedBaseId.value);
+  });
+
+  const dataFormTyped = computed(() => {
+    if (modelTyped.value &&
+      typedChildren.value[modelTyped.value]?.length) {
+      return typedChildren.value[modelTyped.value];
+    }
+
+    return [];
+  });
+
+  const dataForm = computed(() => {
+    if (!isFormTyped.value) {
+      return children.value;
+    }
+
+    const DATA_FORM = [
+      ...children.value,
+      ...dataFormTyped.value,
+    ];
+
+    return DATA_FORM;
+  });
+
+  const changeDataForm = ({ fullModel, id } = {}) => {
+    if (id === typedBaseId.value) {
+      const FULL_MODEL = cloneDeep(fullModel) || {};
+      forEach(dataFormTyped.value, item => {
+        unset(FULL_MODEL, item.id);
+      });
+      updateModel(FULL_MODEL);
+    } else {
+      updateModel(fullModel);
+    }
+  };
+
+  return {
+    changeDataForm,
+    dataForm,
+  };
+}

package/src/ui/AValidatedJson/AValidatedJsonModalCreateOrUpdate/composiitionAPI/DisabledAPI.js

@@ -1,35 +1,35 @@
-import {
-  computed,
-  ref,
-} from "vue";
-
-import {
-  filterVisibleRequiredUiElements,
-  isAnyRequiredUiElementEmpty,
-} from "../../../utils/utils";
-
-import {
-  cloneDeep,
-} from "lodash-es";
-
-export default function DisabledAPI(props, {
-  dataForm = computed(() => []),
-  model = ref({}),
-}) {
-  const dataFormVisibleRequired = computed(() => {
-    return filterVisibleRequiredUiElements({
-      elements: cloneDeep(dataForm.value),
-    });
-  });
-
-  const isAnyRequiredElementEmpty = computed(() => {
-    return isAnyRequiredUiElementEmpty({
-      elements: dataFormVisibleRequired.value,
-      model: model.value,
-    });
-  });
-
-  return {
-    isAnyRequiredElementEmpty,
-  };
-}
+import {
+  computed,
+  ref,
+} from "vue";
+
+import {
+  filterVisibleRequiredUiElements,
+  isAnyRequiredUiElementEmpty,
+} from "../../../utils/utils";
+
+import {
+  cloneDeep,
+} from "lodash-es";
+
+export default function DisabledAPI(props, {
+  dataForm = computed(() => []),
+  model = ref({}),
+}) {
+  const dataFormVisibleRequired = computed(() => {
+    return filterVisibleRequiredUiElements({
+      elements: cloneDeep(dataForm.value),
+    });
+  });
+
+  const isAnyRequiredElementEmpty = computed(() => {
+    return isAnyRequiredUiElementEmpty({
+      elements: dataFormVisibleRequired.value,
+      model: model.value,
+    });
+  });
+
+  return {
+    isAnyRequiredElementEmpty,
+  };
+}