aloha-vue 2.7.0 → 2.7.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aloha-vue",
-  "version": "2.7.0",
+  "version": "2.7.2",
   "description": "Aloha-vue is a JavaScript library that provides a wide range of accessible components and directives for Vue.js. Accessibility is of paramount importance to us, and we have designed all our components to meet accessibility compliance criteria. This library is a valuable tool for frontend developers and has already been used in three projects, including two large-scale ones",
   "keywords": [
     "accessibility compliance criteria",

package/src/AAccordion/AAccordionItem/compositionAPI/AttributesAPI.js

@@ -1,96 +1,96 @@
-import {
-  computed,
-  inject,
-  toRef,
-} from "vue";
-
-import {
-  get,
-  isUndefined,
-} from "lodash-es";
-
-export default function AttributesAPI(props, {
-  classButtonLocal = computed(() => undefined),
-  isOpen = computed(() => false),
-  toggleLocal = () => {},
-  currentId = computed(() => ""),
-}) {
-  const item = toRef(props, "item");
-
-  const classButton = inject("classButton");
-  const disabled = inject("disabled");
-  const id = inject("id");
-  const isCaret = inject("isCaret");
-  const keyContent = inject("keyContent");
-  const keyLabel = inject("keyLabel");
-  const readonly = inject("readonly");
-  const withGap = inject("withGap");
-
-  const disabledLocal = computed(() => {
-    return !!(disabled.value || item.value.disabled);
-  });
-
-  const isCaretLocal = computed(() => {
-    if (!isUndefined(item.value.isCaret)) {
-      return item.value.isCaret;
-    }
-    return isCaret.value;
-  });
-
-  const readonlyLocal = computed(() => {
-    return readonly.value || item.value.readonly;
-  });
-
-  const idForCollapse = computed(() => {
-    return `${ id.value }_${ currentId.value }`;
-  });
-
-  const buttonTag = computed(() => {
-    return readonlyLocal.value ? "div" : "a";
-  });
-
-  const buttonAttributes = computed(() => {
-    const ATTRIBUTES = {
-      class: ["a_accordion__button", classButton.value, classButtonLocal.value, {
-        a_accordion__button_collapsed: !isOpen.value,
-        a_accordion__button_has_not_caret: !isCaretLocal.value,
-        a_accordion__button_with_gap: withGap.value,
-        readonly: readonlyLocal.value,
-      }],
-      id: item.value.id,
-    };
-
-    if (!readonlyLocal.value) {
-      ATTRIBUTES.ariaExpanded = isOpen.value;
-      ATTRIBUTES["aria-controls"] = idForCollapse.value;
-      ATTRIBUTES.rolw = "button";
-      ATTRIBUTES.tabindex = 0;
-      ATTRIBUTES.disabled = disabledLocal.value;
-      ATTRIBUTES.onClick = toggleLocal;
-    }
-
-    return ATTRIBUTES;
-  });
-
-  const labelLocal = computed(() => {
-    if (keyLabel.value) {
-      return get(item.value, keyLabel.value);
-    }
-    return "";
-  });
-
-  const contentLocal = computed(() => {
-    if (keyContent.value) {
-      return get(item.value, keyContent.value);
-    }
-    return "";
-  });
-
-  return {
-    buttonAttributes,
-    buttonTag,
-    contentLocal,
-    idForCollapse,
-    labelLocal,
-  };
-}
+import {
+  computed,
+  inject,
+  toRef,
+} from "vue";
+
+import {
+  get,
+  isUndefined,
+} from "lodash-es";
+
+export default function AttributesAPI(props, {
+  classButtonLocal = computed(() => undefined),
+  isOpen = computed(() => false),
+  toggleLocal = () => {},
+  currentId = computed(() => ""),
+}) {
+  const item = toRef(props, "item");
+
+  const classButton = inject("classButton");
+  const disabled = inject("disabled");
+  const id = inject("id");
+  const isCaret = inject("isCaret");
+  const keyContent = inject("keyContent");
+  const keyLabel = inject("keyLabel");
+  const readonly = inject("readonly");
+  const withGap = inject("withGap");
+
+  const disabledLocal = computed(() => {
+    return !!(disabled.value || item.value.disabled);
+  });
+
+  const isCaretLocal = computed(() => {
+    if (!isUndefined(item.value.isCaret)) {
+      return item.value.isCaret;
+    }
+    return isCaret.value;
+  });
+
+  const readonlyLocal = computed(() => {
+    return readonly.value || item.value.readonly;
+  });
+
+  const idForCollapse = computed(() => {
+    return `${ id.value }_${ currentId.value }`;
+  });
+
+  const buttonTag = computed(() => {
+    return readonlyLocal.value ? "div" : "a";
+  });
+
+  const buttonAttributes = computed(() => {
+    const ATTRIBUTES = {
+      class: ["a_accordion__button", classButton.value, classButtonLocal.value, {
+        a_accordion__button_collapsed: !isOpen.value,
+        a_accordion__button_has_not_caret: !isCaretLocal.value,
+        a_accordion__button_with_gap: withGap.value,
+        readonly: readonlyLocal.value,
+      }],
+      id: item.value.id,
+    };
+
+    if (!readonlyLocal.value) {
+      ATTRIBUTES.ariaExpanded = isOpen.value;
+      ATTRIBUTES["aria-controls"] = idForCollapse.value;
+      ATTRIBUTES.rolw = "button";
+      ATTRIBUTES.tabindex = 0;
+      ATTRIBUTES.disabled = disabledLocal.value;
+      ATTRIBUTES.onClick = toggleLocal;
+    }
+
+    return ATTRIBUTES;
+  });
+
+  const labelLocal = computed(() => {
+    if (keyLabel.value) {
+      return get(item.value, keyLabel.value);
+    }
+    return "";
+  });
+
+  const contentLocal = computed(() => {
+    if (keyContent.value) {
+      return get(item.value, keyContent.value);
+    }
+    return "";
+  });
+
+  return {
+    buttonAttributes,
+    buttonTag,
+    contentLocal,
+    idForCollapse,
+    labelLocal,
+  };
+}

package/src/AAccordion/AAccordionItem/compositionAPI/ChildrenAPI.js

@@ -1,28 +1,28 @@
-import {
-  computed,
-  inject,
-  toRef,
-} from "vue";
-
-import {
-  get,
-} from "lodash-es";
-
-export default function ChildrenAPI(props) {
-  const item = toRef(props, "item");
-
-  const keyChildren = inject("keyChildren");
-
-  const children = computed(() => {
-    return get(item.value, keyChildren.value, []) || [];
-  });
-
-  const hasChildren = computed(() => {
-    return children.value.length !== 0;
-  });
-
-  return {
-    children,
-    hasChildren,
-  };
-}
+import {
+  computed,
+  inject,
+  toRef,
+} from "vue";
+
+import {
+  get,
+} from "lodash-es";
+
+export default function ChildrenAPI(props) {
+  const item = toRef(props, "item");
+
+  const keyChildren = inject("keyChildren");
+
+  const children = computed(() => {
+    return get(item.value, keyChildren.value, []) || [];
+  });
+
+  const hasChildren = computed(() => {
+    return children.value.length !== 0;
+  });
+
+  return {
+    children,
+    hasChildren,
+  };
+}

package/src/AAccordion/AAccordionItem/compositionAPI/ClassAPI.js

@@ -1,44 +1,44 @@
-import {
-  computed,
-  inject,
-  toRef,
-} from "vue";
-
-import {
-  get,
-} from "lodash-es";
-
-export default function ClassAPI(props) {
-  const item = toRef(props, "item");
-
-  const keyClassBody = inject("keyClassBody");
-  const keyClassHeader = inject("keyClassHeader");
-  const keyClassButton = inject("keyClassButton");
-
-  const classBodyLocal = computed(() => {
-    if (keyClassBody.value) {
-      return get(item.value, keyClassBody.value);
-    }
-    return undefined;
-  });
-
-  const classHeaderLocal = computed(() => {
-    if (keyClassHeader.value) {
-      return get(item.value, keyClassHeader.value);
-    }
-    return undefined;
-  });
-
-  const classButtonLocal = computed(() => {
-    if (keyClassButton.value) {
-      return get(item.value, keyClassButton.value);
-    }
-    return undefined;
-  });
-
-  return {
-    classBodyLocal,
-    classButtonLocal,
-    classHeaderLocal,
-  };
-}
+import {
+  computed,
+  inject,
+  toRef,
+} from "vue";
+
+import {
+  get,
+} from "lodash-es";
+
+export default function ClassAPI(props) {
+  const item = toRef(props, "item");
+
+  const keyClassBody = inject("keyClassBody");
+  const keyClassHeader = inject("keyClassHeader");
+  const keyClassButton = inject("keyClassButton");
+
+  const classBodyLocal = computed(() => {
+    if (keyClassBody.value) {
+      return get(item.value, keyClassBody.value);
+    }
+    return undefined;
+  });
+
+  const classHeaderLocal = computed(() => {
+    if (keyClassHeader.value) {
+      return get(item.value, keyClassHeader.value);
+    }
+    return undefined;
+  });
+
+  const classButtonLocal = computed(() => {
+    if (keyClassButton.value) {
+      return get(item.value, keyClassButton.value);
+    }
+    return undefined;
+  });
+
+  return {
+    classBodyLocal,
+    classButtonLocal,
+    classHeaderLocal,
+  };
+}

package/src/AAccordion/AAccordionItem/compositionAPI/ToggleAPI.js

@@ -1,81 +1,81 @@
-import {
-  computed,
-  inject,
-  toRef,
-} from "vue";
-
-import AKeyId from "../../../const/AKeyId";
-import {
-  cloneDeep,
-} from "lodash-es";
-
-export default function ToggleAPI(props) {
-  const isParentOpen = toRef(props, "isParentOpen");
-  const item = toRef(props, "item");
-  const itemIndex = toRef(props, "itemIndex");
-  const keyId = toRef(props, "keyId");
-  const parentsIds = toRef(props, "parentsIds");
-  const parentIndexes = toRef(props, "parentIndexes");
-
-  const idsForOpen = inject("idsForOpen");
-  const toggle = inject("toggle");
-
-  const currentId = computed(() => {
-    return item.value[AKeyId];
-  });
-
-  const isOpen = computed(() => {
-    if (!isParentOpen.value) {
-      return false;
-    }
-    return idsForOpen.value.indexOf(currentId.value) !== -1;
-  });
-
-  const parentsIdsForChild = computed(() => {
-    const PARENT_IDS = cloneDeep(parentsIds.value);
-    PARENT_IDS.push(`${ currentId.value }`);
-    return PARENT_IDS;
-  });
-
-  const parentIndexesString = computed(() => {
-    return parentIndexes.value.join(".");
-  });
-
-  const currentIndex = computed(() => {
-    if (parentIndexesString.value) {
-      return `${ parentIndexesString.value }.${ itemIndex.value }`;
-    }
-    return `${ itemIndex.value }`;
-  });
-
-  const parentIndexesForChild = computed(() => {
-    const PARENT_INDEXES = cloneDeep(parentIndexes.value);
-    PARENT_INDEXES.push(`${ currentIndex.value }`);
-    return PARENT_INDEXES;
-  });
-
-  const toggleLocal = $event => {
-    toggle({
-      $event: $event,
-      parentsIds: parentsIds.value,
-      isOpen: isOpen.value,
-      item: item.value,
-      itemIndex: itemIndex.value,
-    });
-  };
-
-  const closeItemIfOpen = () => {
-    if (isOpen.value && keyId.value) {
-      toggleLocal();
-    }
-  };
-
-  return {
-    closeItemIfOpen,
-    currentId,
-    isOpen,
-    parentIndexesForChild,
-    parentsIdsForChild,
-    toggleLocal,
-  };
-}
+import {
+  computed,
+  inject,
+  toRef,
+} from "vue";
+
+import AKeyId from "../../../const/AKeyId";
+import {
+  cloneDeep,
+} from "lodash-es";
+
+export default function ToggleAPI(props) {
+  const isParentOpen = toRef(props, "isParentOpen");
+  const item = toRef(props, "item");
+  const itemIndex = toRef(props, "itemIndex");
+  const keyId = toRef(props, "keyId");
+  const parentsIds = toRef(props, "parentsIds");
+  const parentIndexes = toRef(props, "parentIndexes");
+
+  const idsForOpen = inject("idsForOpen");
+  const toggle = inject("toggle");
+
+  const currentId = computed(() => {
+    return item.value[AKeyId];
+  });
+
+  const isOpen = computed(() => {
+    if (!isParentOpen.value) {
+      return false;
+    }
+    return idsForOpen.value.indexOf(currentId.value) !== -1;
+  });
+
+  const parentsIdsForChild = computed(() => {
+    const PARENT_IDS = cloneDeep(parentsIds.value);
+    PARENT_IDS.push(`${ currentId.value }`);
+    return PARENT_IDS;
+  });
+
+  const parentIndexesString = computed(() => {
+    return parentIndexes.value.join(".");
+  });
+
+  const currentIndex = computed(() => {
+    if (parentIndexesString.value) {
+      return `${ parentIndexesString.value }.${ itemIndex.value }`;
+    }
+    return `${ itemIndex.value }`;
+  });
+
+  const parentIndexesForChild = computed(() => {
+    const PARENT_INDEXES = cloneDeep(parentIndexes.value);
+    PARENT_INDEXES.push(`${ currentIndex.value }`);
+    return PARENT_INDEXES;
+  });
+
+  const toggleLocal = $event => {
+    toggle({
+      $event: $event,
+      parentsIds: parentsIds.value,
+      isOpen: isOpen.value,
+      item: item.value,
+      itemIndex: itemIndex.value,
+    });
+  };
+
+  const closeItemIfOpen = () => {
+    if (isOpen.value && keyId.value) {
+      toggleLocal();
+    }
+  };
+
+  return {
+    closeItemIfOpen,
+    currentId,
+    isOpen,
+    parentIndexesForChild,
+    parentsIdsForChild,
+    toggleLocal,
+  };
+}

package/src/AAccordion/AAccordionItem/compositionAPI/VisibleAPI.js

@@ -1,46 +1,46 @@
-import {
-  computed,
-  inject,
-  ref,
-  toRef,
-} from "vue";
-
-import {
-  get,
-} from "lodash-es";
-
-export default function VisibleAPI(props) {
-  const item = toRef(props, "item");
-
-  const keyIsRender = inject("keyIsRender");
-  const keyIsRenderBodyByFirstOpen = inject("keyIsRenderBodyByFirstOpen");
-
-  const isOpenFirst = ref(false);
-
-  const isRenderBodyByFirstOpen = computed(() => {
-    if (keyIsRenderBodyByFirstOpen.value) {
-      return get(item.value, keyIsRenderBodyByFirstOpen.value);
-    }
-    return undefined;
-  });
-
-  const isBodyVisible = computed(() => {
-    if (isRenderBodyByFirstOpen.value) {
-      return isOpenFirst.value;
-    }
-    return true;
-  });
-
-  const isRender = computed(() => {
-    if (keyIsRender.value) {
-      return !!get(item.value, keyIsRender.value, true);
-    }
-    return true;
-  });
-
-  return {
-    isBodyVisible,
-    isOpenFirst,
-    isRender,
-  };
-}
+import {
+  computed,
+  inject,
+  ref,
+  toRef,
+} from "vue";
+
+import {
+  get,
+} from "lodash-es";
+
+export default function VisibleAPI(props) {
+  const item = toRef(props, "item");
+
+  const keyIsRender = inject("keyIsRender");
+  const keyIsRenderBodyByFirstOpen = inject("keyIsRenderBodyByFirstOpen");
+
+  const isOpenFirst = ref(false);
+
+  const isRenderBodyByFirstOpen = computed(() => {
+    if (keyIsRenderBodyByFirstOpen.value) {
+      return get(item.value, keyIsRenderBodyByFirstOpen.value);
+    }
+    return undefined;
+  });
+
+  const isBodyVisible = computed(() => {
+    if (isRenderBodyByFirstOpen.value) {
+      return isOpenFirst.value;
+    }
+    return true;
+  });
+
+  const isRender = computed(() => {
+    if (keyIsRender.value) {
+      return !!get(item.value, keyIsRender.value, true);
+    }
+    return true;
+  });
+
+  return {
+    isBodyVisible,
+    isOpenFirst,
+    isRender,
+  };
+}