aloha-vue 2.7.0 → 2.7.2

package/src/ADropdown/compositionAPI/EventsAPI.js

@@ -1,70 +1,70 @@
-import {
-  computed,
-  ref,
-  toRef,
-} from "vue";
-
-import {
-  forEach,
-} from "lodash-es";
-
-export default function EventsAPI(props, {
-  onToggle = () => {},
-  onKeydown = () => {},
-  onOpen = () => {},
-  onClose = () => {},
-  timerCloseHover = ref(undefined),
-  triggerOpen = ref(undefined),
-}) {
-  const triggers = toRef(props, "triggers");
-
-  const triggersObject = computed(() => {
-    const TRIGGERS = {};
-    forEach(triggers.value, trigger => {
-      TRIGGERS[trigger] = true;
-    });
-
-    return TRIGGERS;
-  });
-
-  const eventsLocal = computed(() => {
-    const EVENTS = {};
-    if (triggersObject.value.click) {
-      EVENTS.onClick = onToggle;
-      EVENTS.onKeydown = onKeydown;
-    }
-    if (triggersObject.value.focus) {
-      EVENTS.onFocus = () => onOpen({ trigger: "focus" });
-    }
-    if (triggersObject.value.hover) {
-      EVENTS.onMouseenter = () => onOpen({ trigger: "hover" });
-      EVENTS.onMouseleave = () => onClose({ trigger: "hover" });
-    }
-
-    return EVENTS;
-  });
-
-  const onMouseenterMenu = () => {
-    if (triggerOpen.value === "hover") {
-      clearTimeout(timerCloseHover.value);
-    }
-  };
-
-  const onMouseleaveMenu = () => {
-    onClose({ trigger: "hover" });
-  };
-
-  const eventsMenu = computed(() => {
-    const EVENTS = {};
-    if (triggersObject.value.hover) {
-      EVENTS.onMouseenter = onMouseenterMenu;
-      EVENTS.onMouseleave = onMouseleaveMenu;
-    }
-    return EVENTS;
-  });
-
-  return {
-    eventsLocal,
-    eventsMenu,
-  };
-}
+import {
+  computed,
+  ref,
+  toRef,
+} from "vue";
+
+import {
+  forEach,
+} from "lodash-es";
+
+export default function EventsAPI(props, {
+  onToggle = () => {},
+  onKeydown = () => {},
+  onOpen = () => {},
+  onClose = () => {},
+  timerCloseHover = ref(undefined),
+  triggerOpen = ref(undefined),
+}) {
+  const triggers = toRef(props, "triggers");
+
+  const triggersObject = computed(() => {
+    const TRIGGERS = {};
+    forEach(triggers.value, trigger => {
+      TRIGGERS[trigger] = true;
+    });
+
+    return TRIGGERS;
+  });
+
+  const eventsLocal = computed(() => {
+    const EVENTS = {};
+    if (triggersObject.value.click) {
+      EVENTS.onClick = onToggle;
+      EVENTS.onKeydown = onKeydown;
+    }
+    if (triggersObject.value.focus) {
+      EVENTS.onFocus = () => onOpen({ trigger: "focus" });
+    }
+    if (triggersObject.value.hover) {
+      EVENTS.onMouseenter = () => onOpen({ trigger: "hover" });
+      EVENTS.onMouseleave = () => onClose({ trigger: "hover" });
+    }
+
+    return EVENTS;
+  });
+
+  const onMouseenterMenu = () => {
+    if (triggerOpen.value === "hover") {
+      clearTimeout(timerCloseHover.value);
+    }
+  };
+
+  const onMouseleaveMenu = () => {
+    onClose({ trigger: "hover" });
+  };
+
+  const eventsMenu = computed(() => {
+    const EVENTS = {};
+    if (triggersObject.value.hover) {
+      EVENTS.onMouseenter = onMouseenterMenu;
+      EVENTS.onMouseleave = onMouseleaveMenu;
+    }
+    return EVENTS;
+  });
+
+  return {
+    eventsLocal,
+    eventsMenu,
+  };
+}

package/src/ADropdown/compositionAPI/FocusAPI.js

@@ -1,25 +1,25 @@
-import {
-  ref,
-  toRef,
-} from "vue";
-
-export default function FocusAPI(props, {
-  dropdownRef = ref(undefined),
-}) {
-  const elementsForArrows = toRef(props, "elementsForArrows");
-
-  const setFocusToFirstElement = () => {
-    if (!dropdownRef.value) {
-      return;
-    }
-    const ELEMENTS = dropdownRef.value.querySelectorAll(elementsForArrows.value);
-    if (ELEMENTS.length === 0) {
-      return;
-    }
-    ELEMENTS[0].focus();
-  };
-
-  return {
-    setFocusToFirstElement,
-  };
-}
+import {
+  ref,
+  toRef,
+} from "vue";
+
+export default function FocusAPI(props, {
+  dropdownRef = ref(undefined),
+}) {
+  const elementsForArrows = toRef(props, "elementsForArrows");
+
+  const setFocusToFirstElement = () => {
+    if (!dropdownRef.value) {
+      return;
+    }
+    const ELEMENTS = dropdownRef.value.querySelectorAll(elementsForArrows.value);
+    if (ELEMENTS.length === 0) {
+      return;
+    }
+    ELEMENTS[0].focus();
+  };
+
+  return {
+    setFocusToFirstElement,
+  };
+}

package/src/ADropdown/compositionAPI/RefsAPI.js

@@ -1,13 +1,13 @@
-import {
-  ref,
-} from "vue";
-
-export default function RefsAPI() {
-  const dropdownButtonRef = ref(undefined);
-  const dropdownRef = ref(undefined);
-
-  return {
-    dropdownButtonRef,
-    dropdownRef,
-  };
-}
+import {
+  ref,
+} from "vue";
+
+export default function RefsAPI() {
+  const dropdownButtonRef = ref(undefined);
+  const dropdownRef = ref(undefined);
+
+  return {
+    dropdownButtonRef,
+    dropdownRef,
+  };
+}

package/src/AElement/comositionAPI/AttributesAPI.js

@@ -1,51 +1,51 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-const TYPES_BUTTON_MAP = {
-  button: true,
-  submit: true,
-  reset: true,
-};
-
-export default function AttributesAPI(props, {
-  isRouterLink = computed(() => false),
-  tagLocal = computed(() => ""),
-}) {
-  const disabled = toRef(props, "disabled");
-  const href = toRef(props, "href");
-  const target = toRef(props, "target");
-  const to = toRef(props, "to");
-  const type = toRef(props, "type");
-
-  const typeAttribut = computed(() => {
-    if (tagLocal.value === "button" && TYPES_BUTTON_MAP[type.value]) {
-      return type.value;
-    }
-    return undefined;
-  });
-
-
-  const toHrefAttributes = computed(() => {
-    if (isRouterLink.value) {
-      return {
-        target: target.value,
-        to: to.value,
-      };
-    }
-    if (disabled.value) {
-      return {};
-    }
-
-    return {
-      href: href.value,
-      target: target.value,
-    };
-  });
-
-  return {
-    toHrefAttributes,
-    typeAttribut,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+const TYPES_BUTTON_MAP = {
+  button: true,
+  submit: true,
+  reset: true,
+};
+
+export default function AttributesAPI(props, {
+  isRouterLink = computed(() => false),
+  tagLocal = computed(() => ""),
+}) {
+  const disabled = toRef(props, "disabled");
+  const href = toRef(props, "href");
+  const target = toRef(props, "target");
+  const to = toRef(props, "to");
+  const type = toRef(props, "type");
+
+  const typeAttribut = computed(() => {
+    if (tagLocal.value === "button" && TYPES_BUTTON_MAP[type.value]) {
+      return type.value;
+    }
+    return undefined;
+  });
+
+
+  const toHrefAttributes = computed(() => {
+    if (isRouterLink.value) {
+      return {
+        target: target.value,
+        to: to.value,
+      };
+    }
+    if (disabled.value) {
+      return {};
+    }
+
+    return {
+      href: href.value,
+      target: target.value,
+    };
+  });
+
+  return {
+    toHrefAttributes,
+    typeAttribut,
+  };
+}

package/src/AElement/comositionAPI/ComponentLocalAPI.js

@@ -1,23 +1,23 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import ATooltip from "../../ATooltip/ATooltip";
-
-export default function ComponentLocalAPI(props, {
-  tagLocal = computed(() => ""),
-}) {
-  const isTitleHtml = toRef(props, "isTitleHtml");
-
-  const componentLocal = computed(() => {
-    if (isTitleHtml.value) {
-      return ATooltip;
-    }
-    return tagLocal.value;
-  });
-
-  return {
-    componentLocal,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import ATooltip from "../../ATooltip/ATooltip";
+
+export default function ComponentLocalAPI(props, {
+  tagLocal = computed(() => ""),
+}) {
+  const isTitleHtml = toRef(props, "isTitleHtml");
+
+  const componentLocal = computed(() => {
+    if (isTitleHtml.value) {
+      return ATooltip;
+    }
+    return tagLocal.value;
+  });
+
+  return {
+    componentLocal,
+  };
+}

package/src/AElement/comositionAPI/LoadingAPI.js

@@ -1,22 +1,22 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function LoadingAPI(props) {
-  const loading = toRef(props, "loading");
-  const loadingAlign = toRef(props, "loadingAlign");
-
-  const isLoadingLeft = computed(() => {
-    return loading.value && loadingAlign.value === "left";
-  });
-
-  const isLoadingRight = computed(() => {
-    return loading.value && loadingAlign.value === "right";
-  });
-
-  return {
-    isLoadingLeft,
-    isLoadingRight,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function LoadingAPI(props) {
+  const loading = toRef(props, "loading");
+  const loadingAlign = toRef(props, "loadingAlign");
+
+  const isLoadingLeft = computed(() => {
+    return loading.value && loadingAlign.value === "left";
+  });
+
+  const isLoadingRight = computed(() => {
+    return loading.value && loadingAlign.value === "right";
+  });
+
+  return {
+    isLoadingLeft,
+    isLoadingRight,
+  };
+}

package/src/AElement/comositionAPI/RouterLinkAPI.js

@@ -1,20 +1,20 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function RouterLinkAPI(props) {
-  const disabled = toRef(props, "disabled");
-  const to = toRef(props, "to");
-  const type = toRef(props, "type");
-
-  const isRouterLink = computed(() => {
-    return type.value === "link" &&
-      !!to.value &&
-      !disabled.value;
-  });
-
-  return {
-    isRouterLink,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function RouterLinkAPI(props) {
+  const disabled = toRef(props, "disabled");
+  const to = toRef(props, "to");
+  const type = toRef(props, "type");
+
+  const isRouterLink = computed(() => {
+    return type.value === "link" &&
+      !!to.value &&
+      !disabled.value;
+  });
+
+  return {
+    isRouterLink,
+  };
+}

package/src/AElement/comositionAPI/SwitchAPI.js

@@ -1,33 +1,33 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-const SWITCH_CLASS = "a_btn a_btn_switch";
-
-export default function SwitchAPI(props) {
-  const isSwitch = toRef(props, "isSwitch");
-  const modelSwitch = toRef(props, "modelSwitch");
-
-  const isSwitchActive = computed(() => {
-    if (isSwitch.value) {
-      return !!modelSwitch.value;
-    }
-    return undefined;
-  });
-
-  const switchClass = computed(() => {
-    if (isSwitch.value) {
-      if (modelSwitch.value) {
-        return `${ SWITCH_CLASS } a_btn_switch_active`;
-      }
-      return SWITCH_CLASS;
-    }
-    return undefined;
-  });
-
-  return {
-    isSwitchActive,
-    switchClass,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+const SWITCH_CLASS = "a_btn a_btn_switch";
+
+export default function SwitchAPI(props) {
+  const isSwitch = toRef(props, "isSwitch");
+  const modelSwitch = toRef(props, "modelSwitch");
+
+  const isSwitchActive = computed(() => {
+    if (isSwitch.value) {
+      return !!modelSwitch.value;
+    }
+    return undefined;
+  });
+
+  const switchClass = computed(() => {
+    if (isSwitch.value) {
+      if (modelSwitch.value) {
+        return `${ SWITCH_CLASS } a_btn_switch_active`;
+      }
+      return SWITCH_CLASS;
+    }
+    return undefined;
+  });
+
+  return {
+    isSwitchActive,
+    switchClass,
+  };
+}

package/src/AElement/comositionAPI/TagAPI.js

@@ -1,34 +1,34 @@
-import {
-  computed,
-  resolveComponent,
-  toRef,
-} from "vue";
-
-const TYPES_TAGS_MAP = {
-  button: "button",
-  submit: "button",
-  reset: "button",
-  link: "a",
-  text: "span",
-};
-
-export default function TagAPI(props, {
-  isRouterLink = computed(() => false),
-}) {
-  const tag = toRef(props, "tag");
-  const type = toRef(props, "type");
-
-  const tagLocal = computed(() => {
-    if (tag.value) {
-      return tag.value;
-    }
-    if (isRouterLink.value) {
-      return resolveComponent("RouterLink");
-    }
-    return TYPES_TAGS_MAP[type.value] || "span";
-  });
-
-  return {
-    tagLocal,
-  };
-}
+import {
+  computed,
+  resolveComponent,
+  toRef,
+} from "vue";
+
+const TYPES_TAGS_MAP = {
+  button: "button",
+  submit: "button",
+  reset: "button",
+  link: "a",
+  text: "span",
+};
+
+export default function TagAPI(props, {
+  isRouterLink = computed(() => false),
+}) {
+  const tag = toRef(props, "tag");
+  const type = toRef(props, "type");
+
+  const tagLocal = computed(() => {
+    if (tag.value) {
+      return tag.value;
+    }
+    if (isRouterLink.value) {
+      return resolveComponent("RouterLink");
+    }
+    return TYPES_TAGS_MAP[type.value] || "span";
+  });
+
+  return {
+    tagLocal,
+  };
+}