aloha-vue 2.62.0 → 2.63.0

package/src/ACarousel/ACarouselControls/ACarouselControlsIndicator/ACarouselControlsIndicator.js

@@ -1,146 +1,146 @@
-import {
-  h,
-  resolveComponent,
-} from "vue";
-import {
-  AElement,
-  AKeyChildren,
-} from "../../../index";
-
-import ActiveAPI from "./compositionAPI/ActiveAPI";
-import AttributesAPI from "./compositionAPI/AttributesAPI";
-import EventsAPI from "./compositionAPI/EventsAPI";
-import IconAPI from "./compositionAPI/IconAPI";
-
-export default {
-  name: "ACarouselControlsIndicator",
-  props: {
-    activeId: {
-      type: [String, Number],
-      required: true,
-    },
-    data: {
-      type: Object,
-      required: true,
-    },
-    disabled: {
-      type: Boolean,
-      required: false,
-    },
-    hide: {
-      type: Boolean,
-      required: false,
-    },
-    indicatorsType: {
-      type: String,
-      required: false,
-      default: "dots",
-      validator: value => ["dots", "squares"].indexOf(value) !== -1,
-    },
-    parentId: {
-      type: String,
-      required: true,
-    },
-    texts: {
-      type: Object,
-      required: true,
-    },
-  },
-  emits: [
-    "changeActiveId",
-    "toNextSlide",
-    "toPreviousSlide",
-  ],
-  setup(props, context) {
-    const {
-      indicatorIcon,
-    } = IconAPI(props);
-
-    const {
-      isActive,
-      isActiveInChildren,
-    } = ActiveAPI(props);
-
-    const {
-      changeActiveId,
-      onPressBtn,
-    } = EventsAPI(context);
-
-    const {
-      ariaControls,
-      id,
-      number,
-      tabindex,
-    } = AttributesAPI(props, {
-      isActive,
-    });
-
-    return {
-      ariaControls,
-      changeActiveId,
-      id,
-      indicatorIcon,
-      isActive,
-      isActiveInChildren,
-      number,
-      onPressBtn,
-      tabindex,
-    };
-  },
-  render() {
-    return h("div", {
-      class: "a_carousel__tabs__btn__wrapper",
-    }, [
-      h(AElement, {
-        id: this.id,
-        "aria-selected": false,
-        "aria-controls": this.ariaControls,
-        class: [
-          "a_carousel__tabs__btn",
-          {
-            a_carousel__tabs__btn_active: this.isActive,
-            // "a_carousel__tabs__btn_hide a_sr_only_focusable": item[AKeyHide],
-            a_carousel__tabs__btn_hide: this.hide,
-          },
-        ],
-        iconLeft: this.indicatorIcon,
-        disabled: this.disabled,
-        type: "button",
-        tabindex: this.tabindex,
-        role: "tab",
-        title: this.texts.controlsSlide,
-        textScreenReader: this.texts.controlsSlide,
-        extra: {
-          number: this.number,
-        },
-        onClick: () => this.changeActiveId({ item: this.data }),
-        onKeydown: this.onPressBtn,
-      }),
-      this.data?.[AKeyChildren]?.length ?
-        h("div", {
-          class: [
-            "a_carousel__tabs__btn__children",
-            {
-              a_carousel__tabs__btn__children_active: this.isActiveInChildren,
-            },
-          ],
-        }, [
-          this.data[AKeyChildren].map(item => {
-            return h(resolveComponent("ACarouselControlsIndicator"), {
-              activeId: this.activeId,
-              data: item,
-              disabled: this.disabled,
-              hide: true,
-              indicatorsType: this.indicatorsType,
-              parentId: this.parentId,
-              texts: this.texts,
-              onChangeActiveId: arg => this.$emit("changeActiveId", arg),
-              onToNextSlide: arg => this.$emit("toNextSlide", arg),
-              onToPreviousSlide: arg => this.$emit("toPreviousSlide", arg),
-            });
-          }),
-        ]) :
-        "",
-    ]);
-  },
-};
+import {
+  h,
+  resolveComponent,
+} from "vue";
+import {
+  AElement,
+  AKeyChildren,
+} from "../../../index";
+
+import ActiveAPI from "./compositionAPI/ActiveAPI";
+import AttributesAPI from "./compositionAPI/AttributesAPI";
+import EventsAPI from "./compositionAPI/EventsAPI";
+import IconAPI from "./compositionAPI/IconAPI";
+
+export default {
+  name: "ACarouselControlsIndicator",
+  props: {
+    activeId: {
+      type: [String, Number],
+      required: true,
+    },
+    data: {
+      type: Object,
+      required: true,
+    },
+    disabled: {
+      type: Boolean,
+      required: false,
+    },
+    hide: {
+      type: Boolean,
+      required: false,
+    },
+    indicatorsType: {
+      type: String,
+      required: false,
+      default: "dots",
+      validator: value => ["dots", "squares"].indexOf(value) !== -1,
+    },
+    parentId: {
+      type: String,
+      required: true,
+    },
+    texts: {
+      type: Object,
+      required: true,
+    },
+  },
+  emits: [
+    "changeActiveId",
+    "toNextSlide",
+    "toPreviousSlide",
+  ],
+  setup(props, context) {
+    const {
+      indicatorIcon,
+    } = IconAPI(props);
+
+    const {
+      isActive,
+      isActiveInChildren,
+    } = ActiveAPI(props);
+
+    const {
+      changeActiveId,
+      onPressBtn,
+    } = EventsAPI(context);
+
+    const {
+      ariaControls,
+      id,
+      number,
+      tabindex,
+    } = AttributesAPI(props, {
+      isActive,
+    });
+
+    return {
+      ariaControls,
+      changeActiveId,
+      id,
+      indicatorIcon,
+      isActive,
+      isActiveInChildren,
+      number,
+      onPressBtn,
+      tabindex,
+    };
+  },
+  render() {
+    return h("div", {
+      class: "a_carousel__tabs__btn__wrapper",
+    }, [
+      h(AElement, {
+        id: this.id,
+        "aria-selected": false,
+        "aria-controls": this.ariaControls,
+        class: [
+          "a_carousel__tabs__btn",
+          {
+            a_carousel__tabs__btn_active: this.isActive,
+            // "a_carousel__tabs__btn_hide a_sr_only_focusable": item[AKeyHide],
+            a_carousel__tabs__btn_hide: this.hide,
+          },
+        ],
+        iconLeft: this.indicatorIcon,
+        disabled: this.disabled,
+        type: "button",
+        tabindex: this.tabindex,
+        role: "tab",
+        title: this.texts.controlsSlide,
+        textScreenReader: this.texts.controlsSlide,
+        extra: {
+          number: this.number,
+        },
+        onClick: () => this.changeActiveId({ item: this.data }),
+        onKeydown: this.onPressBtn,
+      }),
+      this.data?.[AKeyChildren]?.length ?
+        h("div", {
+          class: [
+            "a_carousel__tabs__btn__children",
+            {
+              a_carousel__tabs__btn__children_active: this.isActiveInChildren,
+            },
+          ],
+        }, [
+          this.data[AKeyChildren].map(item => {
+            return h(resolveComponent("ACarouselControlsIndicator"), {
+              activeId: this.activeId,
+              data: item,
+              disabled: this.disabled,
+              hide: true,
+              indicatorsType: this.indicatorsType,
+              parentId: this.parentId,
+              texts: this.texts,
+              onChangeActiveId: arg => this.$emit("changeActiveId", arg),
+              onToNextSlide: arg => this.$emit("toNextSlide", arg),
+              onToPreviousSlide: arg => this.$emit("toPreviousSlide", arg),
+            });
+          }),
+        ]) :
+        "",
+    ]);
+  },
+};

package/src/ACarousel/ACarouselControls/ACarouselControlsIndicator/compositionAPI/ActiveAPI.js

@@ -1,33 +1,33 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import {
-  AKeyChildren,
-  AKeyId,
-} from "../../../../const/AKeys";
-import {
-  some,
-} from "lodash-es";
-
-export default function ActiveAPI(props) {
-  const activeId = toRef(props, "activeId");
-  const data = toRef(props, "data");
-
-  const isActive = computed(() => {
-    return data.value[AKeyId] === activeId.value;
-  });
-
-  const isActiveInChildren = computed(() => {
-    if (!data.value?.[AKeyChildren].length) {
-      return false;
-    }
-    return some(data.value[AKeyChildren], [AKeyId, activeId.value]);
-  });
-
-  return {
-    isActive,
-    isActiveInChildren,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import {
+  AKeyChildren,
+  AKeyId,
+} from "../../../../const/AKeys";
+import {
+  some,
+} from "lodash-es";
+
+export default function ActiveAPI(props) {
+  const activeId = toRef(props, "activeId");
+  const data = toRef(props, "data");
+
+  const isActive = computed(() => {
+    return data.value[AKeyId] === activeId.value;
+  });
+
+  const isActiveInChildren = computed(() => {
+    if (!data.value?.[AKeyChildren].length) {
+      return false;
+    }
+    return some(data.value[AKeyChildren], [AKeyId, activeId.value]);
+  });
+
+  return {
+    isActive,
+    isActiveInChildren,
+  };
+}

package/src/ACarousel/ACarouselControls/ACarouselControlsIndicator/compositionAPI/AttributesAPI.js

@@ -1,40 +1,40 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import {
-  AKeyIndex,
-} from "../../../../const/AKeys";
-
-export default function AttributesAPI(props, {
-  isActive = computed(() => false),
-}) {
-  const data = toRef(props, "data");
-  const parentId = toRef(props, "parentId");
-
-  const number = computed(() => {
-    return data.value[AKeyIndex] + 1;
-  });
-
-  const id = computed(() => {
-    return `${ parentId.value }_tab_${ number.value }`;
-  });
-
-  const ariaControls = computed(() => {
-    return `${ parentId.value }_item_${ number.value }`;
-  });
-
-  const tabindex = computed(() => {
-    return isActive.value ?
-      "0" :
-      "-1";
-  });
-
-  return {
-    ariaControls,
-    id,
-    number,
-    tabindex,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import {
+  AKeyIndex,
+} from "../../../../const/AKeys";
+
+export default function AttributesAPI(props, {
+  isActive = computed(() => false),
+}) {
+  const data = toRef(props, "data");
+  const parentId = toRef(props, "parentId");
+
+  const number = computed(() => {
+    return data.value[AKeyIndex] + 1;
+  });
+
+  const id = computed(() => {
+    return `${ parentId.value }_tab_${ number.value }`;
+  });
+
+  const ariaControls = computed(() => {
+    return `${ parentId.value }_item_${ number.value }`;
+  });
+
+  const tabindex = computed(() => {
+    return isActive.value ?
+      "0" :
+      "-1";
+  });
+
+  return {
+    ariaControls,
+    id,
+    number,
+    tabindex,
+  };
+}

package/src/ACarousel/ACarouselControls/ACarouselControlsIndicator/compositionAPI/EventsAPI.js

@@ -1,25 +1,25 @@
-import AKeysCode from "../../../../const/AKeysCode";
-import {
-  AKeyId,
-} from "../../../../const/AKeys";
-
-export default function EventsAPI({ emit }) {
-  const changeActiveId = ({ item }) => {
-    emit("changeActiveId", { id: item[AKeyId] });
-  };
-
-  const onPressBtn = $event => {
-    if ($event.keyCode === AKeysCode.arrowLeft) {
-      $event.preventDefault();
-      emit("toPreviousSlide", { withFocus: true });
-    } else if ($event.keyCode === AKeysCode.arrowRight) {
-      $event.preventDefault();
-      emit("toNextSlide", { withFocus: true });
-    }
-  };
-
-  return {
-    changeActiveId,
-    onPressBtn,
-  };
-}
+import AKeysCode from "../../../../const/AKeysCode";
+import {
+  AKeyId,
+} from "../../../../const/AKeys";
+
+export default function EventsAPI({ emit }) {
+  const changeActiveId = ({ item }) => {
+    emit("changeActiveId", { id: item[AKeyId] });
+  };
+
+  const onPressBtn = $event => {
+    if ($event.keyCode === AKeysCode.arrowLeft) {
+      $event.preventDefault();
+      emit("toPreviousSlide", { withFocus: true });
+    } else if ($event.keyCode === AKeysCode.arrowRight) {
+      $event.preventDefault();
+      emit("toNextSlide", { withFocus: true });
+    }
+  };
+
+  return {
+    changeActiveId,
+    onPressBtn,
+  };
+}

package/src/ACarousel/ACarouselControls/ACarouselControlsIndicator/compositionAPI/IconAPI.js

@@ -1,20 +1,20 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import {
-  ACarouselPluginOptions,
-} from "../../../../plugins/ACarouselPlugin";
-
-export default function IconAPI(props) {
-  const indicatorsType = toRef(props, "indicatorsType");
-
-  const indicatorIcon = computed(() => {
-    return ACarouselPluginOptions.icons[indicatorsType.value];
-  });
-
-  return {
-    indicatorIcon,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import {
+  ACarouselPluginOptions,
+} from "../../../../plugins/ACarouselPlugin";
+
+export default function IconAPI(props) {
+  const indicatorsType = toRef(props, "indicatorsType");
+
+  const indicatorIcon = computed(() => {
+    return ACarouselPluginOptions.icons[indicatorsType.value];
+  });
+
+  return {
+    indicatorIcon,
+  };
+}

package/src/ACarousel/ACarouselControls/compositionAPI/AriaLabelAPI.js

@@ -1,20 +1,20 @@
-import {
-  computed,
-} from "vue";
-
-import {
-  getTranslatedAttributes,
-} from "../../../ATranslation/compositionAPI/UtilsAPI";
-
-export default function AriaLabelAPI() {
-  const ariaLabelTabsAttributes = computed(() => {
-    return getTranslatedAttributes({
-      attr: "aria-label",
-      placeholder: "_A_CAROUSEL_CONTROLS_SLIDES_",
-    });
-  });
-
-  return {
-    ariaLabelTabsAttributes,
-  };
-}
+import {
+  computed,
+} from "vue";
+
+import {
+  getTranslatedAttributes,
+} from "../../../ATranslation/compositionAPI/UtilsAPI";
+
+export default function AriaLabelAPI() {
+  const ariaLabelTabsAttributes = computed(() => {
+    return getTranslatedAttributes({
+      attr: "aria-label",
+      placeholder: "_A_CAROUSEL_CONTROLS_SLIDES_",
+    });
+  });
+
+  return {
+    ariaLabelTabsAttributes,
+  };
+}