aloha-vue 2.7.2 → 2.7.3

package/src/ATable/ATableTopPanel/compositionAPI/CountAllRowsAPI.js

@@ -1,22 +1,22 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import AFiltersAPI from "../../../compositionAPI/AFiltersAPI.js";
-
-export default function CountAllRowsAPI(props) {
-  const countAllRows = toRef(props, "countAllRows");
-
-  const {
-    filterFloat,
-  } = AFiltersAPI();
-
-  const countAllRowsFormatted = computed(() => {
-    return `(${ filterFloat(countAllRows.value, { digits: 0 }) })`;
-  });
-
-  return {
-    countAllRowsFormatted,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import AFiltersAPI from "../../../compositionAPI/AFiltersAPI.js";
+
+export default function CountAllRowsAPI(props) {
+  const countAllRows = toRef(props, "countAllRows");
+
+  const {
+    filterFloat,
+  } = AFiltersAPI();
+
+  const countAllRowsFormatted = computed(() => {
+    return `(${ filterFloat(countAllRows.value, { digits: 0 }) })`;
+  });
+
+  return {
+    countAllRowsFormatted,
+  };
+}

package/src/ATable/ATableTopPanel/compositionAPI/ViewsAPI.js

@@ -1,21 +1,21 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function ViewsAPI(props, { emit }) {
-  const useViewSlot = toRef(props, "useViewSlot");
-
-  const updateViewCurrentLocal = model => {
-    emit("updateViewCurrent", model);
-  };
-
-  const viewSlotLocal = computed(() => {
-    return useViewSlot.value ? "viewSlot" : undefined;
-  });
-
-  return {
-    updateViewCurrentLocal,
-    viewSlotLocal,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function ViewsAPI(props, { emit }) {
+  const useViewSlot = toRef(props, "useViewSlot");
+
+  const updateViewCurrentLocal = model => {
+    emit("updateViewCurrent", model);
+  };
+
+  const viewSlotLocal = computed(() => {
+    return useViewSlot.value ? "viewSlot" : undefined;
+  });
+
+  return {
+    updateViewCurrentLocal,
+    viewSlotLocal,
+  };
+}

package/src/ATable/ATableTr/compositionAPI/CheckboxAPI.js

@@ -1,59 +1,59 @@
-import {
-  computed,
-  inject,
-  toRef,
-} from "vue";
-
-import {
-  get,
-  isFunction,
-} from "lodash-es";
-
-export default function CheckboxAPI(props, { emit }) {
-  const areAllRowsSelected = toRef(props, "areAllRowsSelected");
-  const row = toRef(props, "row");
-  const rowIndex = toRef(props, "rowIndex");
-  const selectedRowsIndexes = toRef(props, "selectedRowsIndexes");
-
-  const currentMultipleActions = inject("currentMultipleActions");
-  const isMultipleActionsActive = inject("isMultipleActionsActive");
-
-  const isRowSelected = computed(() => {
-    return !!selectedRowsIndexes.value[rowIndex.value] || areAllRowsSelected.value;
-  });
-
-  const isCheckboxDisabled = computed(() => {
-    if (isMultipleActionsActive.value) {
-      if (isFunction(get(currentMultipleActions.value, "isHiddenCallback"))) {
-        return currentMultipleActions.value.isHiddenCallback({
-          row: row.value,
-          rowIndex: rowIndex.value,
-        });
-      }
-      if (areAllRowsSelected.value) {
-        return true;
-      }
-    }
-    return false;
-  });
-
-  const labelCheckbox = computed(() => {
-    return isRowSelected.value ?
-      "_A_TABLE_DESELECT_THIS_ROW_" :
-      "_A_TABLE_SELECT_THIS_ROW_";
-  });
-
-  const toggleCheckbox = () => {
-    if (isCheckboxDisabled.value) {
-      return;
-    }
-    emit("setSelectedRowsIndexes", { rowIndex: rowIndex.value });
-  };
-
-  return {
-    isCheckboxDisabled,
-    isRowSelected,
-    labelCheckbox,
-    toggleCheckbox,
-  };
-}
+import {
+  computed,
+  inject,
+  toRef,
+} from "vue";
+
+import {
+  get,
+  isFunction,
+} from "lodash-es";
+
+export default function CheckboxAPI(props, { emit }) {
+  const areAllRowsSelected = toRef(props, "areAllRowsSelected");
+  const row = toRef(props, "row");
+  const rowIndex = toRef(props, "rowIndex");
+  const selectedRowsIndexes = toRef(props, "selectedRowsIndexes");
+
+  const currentMultipleActions = inject("currentMultipleActions");
+  const isMultipleActionsActive = inject("isMultipleActionsActive");
+
+  const isRowSelected = computed(() => {
+    return !!selectedRowsIndexes.value[rowIndex.value] || areAllRowsSelected.value;
+  });
+
+  const isCheckboxDisabled = computed(() => {
+    if (isMultipleActionsActive.value) {
+      if (isFunction(get(currentMultipleActions.value, "isHiddenCallback"))) {
+        return currentMultipleActions.value.isHiddenCallback({
+          row: row.value,
+          rowIndex: rowIndex.value,
+        });
+      }
+      if (areAllRowsSelected.value) {
+        return true;
+      }
+    }
+    return false;
+  });
+
+  const labelCheckbox = computed(() => {
+    return isRowSelected.value ?
+      "_A_TABLE_DESELECT_THIS_ROW_" :
+      "_A_TABLE_SELECT_THIS_ROW_";
+  });
+
+  const toggleCheckbox = () => {
+    if (isCheckboxDisabled.value) {
+      return;
+    }
+    emit("setSelectedRowsIndexes", { rowIndex: rowIndex.value });
+  };
+
+  return {
+    isCheckboxDisabled,
+    isRowSelected,
+    labelCheckbox,
+    toggleCheckbox,
+  };
+}

package/src/ATable/ATableTr/compositionAPI/ChildrenAPI.js

@@ -1,66 +1,66 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import {
-  get,
-  isArray,
-} from "lodash-es";
-
-export default function ChildrenAPI(props) {
-  const isTree = toRef(props, "isTree");
-  const keyChildren = toRef(props, "keyChildren");
-  const level = toRef(props, "level");
-  const row = toRef(props, "row");
-  const rowIndex = toRef(props, "rowIndex");
-  const rowsLength = toRef(props, "rowsLength");
-
-  const children = computed(() => {
-    if (!keyChildren.value) {
-      return [];
-    }
-    const CHILDREN = get(row.value, keyChildren.value);
-    if (isArray(CHILDREN)) {
-      return CHILDREN;
-    }
-
-    return [];
-  });
-
-  const hasChildren = computed(() => {
-    return children.value.length > 0;
-  });
-
-  const levelForChildren = computed(() => {
-    return level.value + 1;
-  });
-
-  const ariaTreeAttributes = computed(() => {
-    if (!isTree.value) {
-      return {};
-    }
-
-    return {
-      "aria-level": level.value,
-      "aria-posinset": rowIndex.value + 1,
-      "aria-setsize": rowsLength.value,
-    };
-  });
-
-  const rowClassLevelChildren = computed(() => {
-    if (isTree.value) {
-      return `a_table__row_level a_table__row_level_${ level.value }`;
-    }
-
-    return undefined;
-  });
-
-  return {
-    ariaTreeAttributes,
-    children,
-    hasChildren,
-    levelForChildren,
-    rowClassLevelChildren,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import {
+  get,
+  isArray,
+} from "lodash-es";
+
+export default function ChildrenAPI(props) {
+  const isTree = toRef(props, "isTree");
+  const keyChildren = toRef(props, "keyChildren");
+  const level = toRef(props, "level");
+  const row = toRef(props, "row");
+  const rowIndex = toRef(props, "rowIndex");
+  const rowsLength = toRef(props, "rowsLength");
+
+  const children = computed(() => {
+    if (!keyChildren.value) {
+      return [];
+    }
+    const CHILDREN = get(row.value, keyChildren.value);
+    if (isArray(CHILDREN)) {
+      return CHILDREN;
+    }
+
+    return [];
+  });
+
+  const hasChildren = computed(() => {
+    return children.value.length > 0;
+  });
+
+  const levelForChildren = computed(() => {
+    return level.value + 1;
+  });
+
+  const ariaTreeAttributes = computed(() => {
+    if (!isTree.value) {
+      return {};
+    }
+
+    return {
+      "aria-level": level.value,
+      "aria-posinset": rowIndex.value + 1,
+      "aria-setsize": rowsLength.value,
+    };
+  });
+
+  const rowClassLevelChildren = computed(() => {
+    if (isTree.value) {
+      return `a_table__row_level a_table__row_level_${ level.value }`;
+    }
+
+    return undefined;
+  });
+
+  return {
+    ariaTreeAttributes,
+    children,
+    hasChildren,
+    levelForChildren,
+    rowClassLevelChildren,
+  };
+}

package/src/ATable/ATableTr/compositionAPI/PreviewAPI.js

@@ -1,68 +1,68 @@
-import {
-  computed,
-  inject,
-  toRef,
-} from "vue";
-
-import {
-  getTranslatedText,
-} from "../../../ATranslation/compositionAPI/UtilsAPI";
-
-export default function PreviewAPI(props, {
-  hasChildren = computed(() => false),
-}) {
-  const isFooter = toRef(props, "isFooter");
-  const rowIndex = toRef(props, "rowIndex");
-
-  const hasPreview = inject("hasPreview");
-  const previewRightRowIndex = inject("previewRightRowIndex");
-  const previewRightRowIndexLast = inject("previewRightRowIndexLast");
-
-  const hasPreviewLocal = computed(() => {
-    return !!(!hasChildren.value && hasPreview.value && !isFooter.value);
-  });
-
-  const isPreviewRightForCurrentRowOpen = computed(() => {
-    return rowIndex.value === previewRightRowIndex.value;
-  });
-
-  const isPreviewRightForCurrentRowWasOpen = computed(() => {
-    return !isPreviewRightForCurrentRowOpen.value &&
-      rowIndex.value === previewRightRowIndexLast.value;
-  });
-
-  const previewAriaLabel = computed(() => {
-    return getTranslatedText({
-      placeholder: isPreviewRightForCurrentRowOpen.value ?
-        "_A_TABLE_ROW_PREVIEW_CLOSE_" :
-        "_A_TABLE_ROW_PREVIEW_OPEN_",
-    });
-  });
-
-  const previewAttributes = computed(() => {
-    if (!hasPreviewLocal.value) {
-      return {};
-    }
-
-    return {
-      "aria-label": previewAriaLabel.value,
-    };
-  });
-
-  const rowClassPreview = computed(() => {
-    if (!hasPreviewLocal.value) {
-      return undefined;
-    }
-
-    return {
-      a_table__row_preview_open: isPreviewRightForCurrentRowOpen.value,
-      a_table__row_preview_was_open: isPreviewRightForCurrentRowWasOpen.value,
-    };
-  });
-
-  return {
-    hasPreviewLocal,
-    previewAttributes,
-    rowClassPreview,
-  };
-}
+import {
+  computed,
+  inject,
+  toRef,
+} from "vue";
+
+import {
+  getTranslatedText,
+} from "../../../ATranslation/compositionAPI/UtilsAPI";
+
+export default function PreviewAPI(props, {
+  hasChildren = computed(() => false),
+}) {
+  const isFooter = toRef(props, "isFooter");
+  const rowIndex = toRef(props, "rowIndex");
+
+  const hasPreview = inject("hasPreview");
+  const previewRightRowIndex = inject("previewRightRowIndex");
+  const previewRightRowIndexLast = inject("previewRightRowIndexLast");
+
+  const hasPreviewLocal = computed(() => {
+    return !!(!hasChildren.value && hasPreview.value && !isFooter.value);
+  });
+
+  const isPreviewRightForCurrentRowOpen = computed(() => {
+    return rowIndex.value === previewRightRowIndex.value;
+  });
+
+  const isPreviewRightForCurrentRowWasOpen = computed(() => {
+    return !isPreviewRightForCurrentRowOpen.value &&
+      rowIndex.value === previewRightRowIndexLast.value;
+  });
+
+  const previewAriaLabel = computed(() => {
+    return getTranslatedText({
+      placeholder: isPreviewRightForCurrentRowOpen.value ?
+        "_A_TABLE_ROW_PREVIEW_CLOSE_" :
+        "_A_TABLE_ROW_PREVIEW_OPEN_",
+    });
+  });
+
+  const previewAttributes = computed(() => {
+    if (!hasPreviewLocal.value) {
+      return {};
+    }
+
+    return {
+      "aria-label": previewAriaLabel.value,
+    };
+  });
+
+  const rowClassPreview = computed(() => {
+    if (!hasPreviewLocal.value) {
+      return undefined;
+    }
+
+    return {
+      a_table__row_preview_open: isPreviewRightForCurrentRowOpen.value,
+      a_table__row_preview_was_open: isPreviewRightForCurrentRowWasOpen.value,
+    };
+  });
+
+  return {
+    hasPreviewLocal,
+    previewAttributes,
+    rowClassPreview,
+  };
+}

package/src/ATable/compositionAPI/ColumnSearchAPI.js

@@ -1,16 +1,16 @@
-import {
-  ref,
-} from "vue";
-
-export default function ColumnSearchAPI() {
-  const searchColumnModel = ref("");
-
-  const updateSearchColumnModel = model => {
-    searchColumnModel.value = model;
-  };
-
-  return {
-    searchColumnModel,
-    updateSearchColumnModel,
-  };
-}
+import {
+  ref,
+} from "vue";
+
+export default function ColumnSearchAPI() {
+  const searchColumnModel = ref("");
+
+  const updateSearchColumnModel = model => {
+    searchColumnModel.value = model;
+  };
+
+  return {
+    searchColumnModel,
+    updateSearchColumnModel,
+  };
+}

package/src/ATable/compositionAPI/ColumnStylesAPI.js

@@ -1,39 +1,39 @@
-import {
-  computed,
-  inject,
-  toRef,
-} from "vue";
-
-import ColumnAdditionalSpaceAPI from "./ColumnAdditionalSpaceAPI";
-
-export default function ColumnStylesAPI(props) {
-  const column = toRef(props, "column");
-  const columnWidthDefault = inject("columnWidthDefault");
-
-  const {
-    additionalWidthForCurrentColumn,
-  } = ColumnAdditionalSpaceAPI(props);
-
-  const columnWidth = computed(() => {
-    return column.value.width || columnWidthDefault.value;
-  });
-
-  const columnWidthWithAdditionalSpace = computed(() => {
-    return columnWidth.value + additionalWidthForCurrentColumn.value;
-  });
-
-  const stylesWidth = computed(() => {
-    return `width: ${ columnWidthWithAdditionalSpace.value }px; min-width: ${ columnWidthWithAdditionalSpace.value }px; max-width: ${ columnWidthWithAdditionalSpace.value }px;`;
-  });
-
-  const columnsStyles = computed(() => {
-    if (column.value.style) {
-      return `${ stylesWidth.value } ${ column.value.style }`;
-    }
-    return stylesWidth.value;
-  });
-
-  return {
-    columnsStyles,
-  };
-}
+import {
+  computed,
+  inject,
+  toRef,
+} from "vue";
+
+import ColumnAdditionalSpaceAPI from "./ColumnAdditionalSpaceAPI";
+
+export default function ColumnStylesAPI(props) {
+  const column = toRef(props, "column");
+  const columnWidthDefault = inject("columnWidthDefault");
+
+  const {
+    additionalWidthForCurrentColumn,
+  } = ColumnAdditionalSpaceAPI(props);
+
+  const columnWidth = computed(() => {
+    return column.value.width || columnWidthDefault.value;
+  });
+
+  const columnWidthWithAdditionalSpace = computed(() => {
+    return columnWidth.value + additionalWidthForCurrentColumn.value;
+  });
+
+  const stylesWidth = computed(() => {
+    return `width: ${ columnWidthWithAdditionalSpace.value }px; min-width: ${ columnWidthWithAdditionalSpace.value }px; max-width: ${ columnWidthWithAdditionalSpace.value }px;`;
+  });
+
+  const columnsStyles = computed(() => {
+    if (column.value.style) {
+      return `${ stylesWidth.value } ${ column.value.style }`;
+    }
+    return stylesWidth.value;
+  });
+
+  return {
+    columnsStyles,
+  };
+}