aloha-vue 2.66.0 → 2.66.2

package/src/ui/compositionApi/UiAPI.js

@@ -1,185 +1,185 @@
-import {
-  computed,
-  ref,
-  toRef,
-  toRefs,
-} from "vue";
-
-import UiErrorsAPI from "./UiErrorsAPI";
-
-import {
-  isUndefined,
-} from "lodash-es";
-
-export default function UiAPI(props, { emit }, {
-  setFocus = () => {},
-} = {}) {
-  const change = toRef(props, "change");
-  const defaultProps = toRef(props, "default");
-  const disabled = toRef(props, "disabled");
-  const helpText = toRef(props, "helpText");
-  const htmlId = toRef(props, "htmlId");
-  const id = toRef(props, "id");
-  const idPrefix = toRef(props, "idPrefix");
-  const isLabelFloat = toRef(props, "isLabelFloat");
-  const labelDescription = toRef(props, "labelDescription");
-  const modelUndefined = toRef(props, "modelUndefined");
-  const modelValue = toRef(props, "modelValue");
-
-  const isFocus = ref(false);
-  const isFocusIn = ref(false);
-  const rootRef = ref(undefined);
-
-  const htmlIdLocal = computed(() => {
-    return getHtmlId({
-      id: id.value,
-      idPrefix: idPrefix.value,
-      htmlId: htmlId.value,
-    });
-  });
-
-  const {
-    errorsId,
-    isErrors,
-  } = UiErrorsAPI(props, {
-    htmlIdLocal,
-  });
-
-  const changeModel = ({ model, currentModel, item, init, trigger = "change", triggerDetails } = {}) => {
-    emit("update:modelValue", model);
-    const RETURN_ARGS = {
-      currentModel,
-      id: id.value,
-      item,
-      model,
-      props: toRefs(props),
-      init,
-      trigger,
-    };
-
-    if (triggerDetails) {
-      RETURN_ARGS.triggerDetails = triggerDetails;
-    }
-
-    change.value(RETURN_ARGS);
-  };
-
-  const isModel = computed(() => {
-    return !!(modelValue.value || modelValue.value === 0);
-  });
-
-  const clearModel = () => {
-    if (disabled.value) {
-      return;
-    }
-
-    changeModel({
-      model: modelUndefined.value,
-      triggerDetails: "clear",
-    });
-
-    setFocus();
-  };
-
-  const helpTextId = computed(() => {
-    return `${ htmlIdLocal.value }_help_text`;
-  });
-
-  const labelDescriptionId = computed(() => {
-    return `${ htmlIdLocal.value }_label_description`;
-  });
-
-  const ariaDescribedbyLocal = computed(() => {
-    const ariaDescribedby = [];
-    if (labelDescription.value && !isLabelFloat.value) {
-      ariaDescribedby.push(labelDescriptionId.value);
-    }
-    if (helpText.value) {
-      ariaDescribedby.push(helpTextId.value);
-    }
-    if (isErrors.value) {
-      ariaDescribedby.push(errorsId.value);
-    }
-
-    return ariaDescribedby.join(" ") || undefined;
-  });
-
-  const onFocus = $event => {
-    isFocus.value = true;
-    emit("focus", {
-      event: $event,
-      props,
-    });
-  };
-
-  const onBlur = $event => {
-    isFocus.value = false;
-    emit("blur", {
-      event: $event,
-      props,
-    });
-  };
-
-  const onFocusin = $event => {
-    if (!isFocusIn.value) {
-      isFocusIn.value = true;
-      emit("focusin", {
-        event: $event,
-        props,
-      });
-    }
-  };
-
-  const onFocusout = $event => {
-    if (isFocusIn.value) {
-      if (rootRef.value && !rootRef.value.contains($event.relatedTarget)) {
-        isFocusIn.value = false;
-        emit("focusout", {
-          event: $event,
-          props,
-        });
-      }
-    }
-  };
-
-  const initDefaultModel = () => {
-    if (isUndefined(defaultProps.value) ||
-      !isUndefined(modelValue.value)) {
-      return;
-    }
-
-    changeModel({
-      model: defaultProps.value,
-      currentModel: defaultProps.value,
-      init: true,
-      triggerDetails: "init",
-    });
-  };
-
-  return {
-    ariaDescribedbyLocal,
-    changeModel,
-    clearModel,
-    errorsId,
-    helpTextId,
-    htmlIdLocal,
-    initDefaultModel,
-    isErrors,
-    isFocus,
-    isFocusIn,
-    isModel,
-    labelDescriptionId,
-    onBlur,
-    onFocus,
-    onFocusin,
-    onFocusout,
-    rootRef,
-  };
-}
-
-export function getHtmlId({ id, idPrefix, htmlId }) {
-  if (htmlId) {
-    return htmlId;
-  }
-  return `${ idPrefix || "" }${ id }`;
-}
+import {
+  computed,
+  ref,
+  toRef,
+  toRefs,
+} from "vue";
+
+import UiErrorsAPI from "./UiErrorsAPI";
+
+import {
+  isUndefined,
+} from "lodash-es";
+
+export default function UiAPI(props, { emit }, {
+  setFocus = () => {},
+} = {}) {
+  const change = toRef(props, "change");
+  const defaultProps = toRef(props, "default");
+  const disabled = toRef(props, "disabled");
+  const helpText = toRef(props, "helpText");
+  const htmlId = toRef(props, "htmlId");
+  const id = toRef(props, "id");
+  const idPrefix = toRef(props, "idPrefix");
+  const isLabelFloat = toRef(props, "isLabelFloat");
+  const labelDescription = toRef(props, "labelDescription");
+  const modelUndefined = toRef(props, "modelUndefined");
+  const modelValue = toRef(props, "modelValue");
+
+  const isFocus = ref(false);
+  const isFocusIn = ref(false);
+  const rootRef = ref(undefined);
+
+  const htmlIdLocal = computed(() => {
+    return getHtmlId({
+      id: id.value,
+      idPrefix: idPrefix.value,
+      htmlId: htmlId.value,
+    });
+  });
+
+  const {
+    errorsId,
+    isErrors,
+  } = UiErrorsAPI(props, {
+    htmlIdLocal,
+  });
+
+  const changeModel = ({ model, currentModel, item, init, trigger = "change", triggerDetails } = {}) => {
+    emit("update:modelValue", model);
+    const RETURN_ARGS = {
+      currentModel,
+      id: id.value,
+      item,
+      model,
+      props: toRefs(props),
+      init,
+      trigger,
+    };
+
+    if (triggerDetails) {
+      RETURN_ARGS.triggerDetails = triggerDetails;
+    }
+
+    change.value(RETURN_ARGS);
+  };
+
+  const isModel = computed(() => {
+    return !!(modelValue.value || modelValue.value === 0);
+  });
+
+  const clearModel = () => {
+    if (disabled.value) {
+      return;
+    }
+
+    changeModel({
+      model: modelUndefined.value,
+      triggerDetails: "clear",
+    });
+
+    setFocus();
+  };
+
+  const helpTextId = computed(() => {
+    return `${ htmlIdLocal.value }_help_text`;
+  });
+
+  const labelDescriptionId = computed(() => {
+    return `${ htmlIdLocal.value }_label_description`;
+  });
+
+  const ariaDescribedbyLocal = computed(() => {
+    const ariaDescribedby = [];
+    if (labelDescription.value && !isLabelFloat.value) {
+      ariaDescribedby.push(labelDescriptionId.value);
+    }
+    if (helpText.value) {
+      ariaDescribedby.push(helpTextId.value);
+    }
+    if (isErrors.value) {
+      ariaDescribedby.push(errorsId.value);
+    }
+
+    return ariaDescribedby.join(" ") || undefined;
+  });
+
+  const onFocus = $event => {
+    isFocus.value = true;
+    emit("focus", {
+      event: $event,
+      props,
+    });
+  };
+
+  const onBlur = $event => {
+    isFocus.value = false;
+    emit("blur", {
+      event: $event,
+      props,
+    });
+  };
+
+  const onFocusin = $event => {
+    if (!isFocusIn.value) {
+      isFocusIn.value = true;
+      emit("focusin", {
+        event: $event,
+        props,
+      });
+    }
+  };
+
+  const onFocusout = $event => {
+    if (isFocusIn.value) {
+      if (rootRef.value && !rootRef.value.contains($event.relatedTarget)) {
+        isFocusIn.value = false;
+        emit("focusout", {
+          event: $event,
+          props,
+        });
+      }
+    }
+  };
+
+  const initDefaultModel = () => {
+    if (isUndefined(defaultProps.value) ||
+      !isUndefined(modelValue.value)) {
+      return;
+    }
+
+    changeModel({
+      model: defaultProps.value,
+      currentModel: defaultProps.value,
+      init: true,
+      triggerDetails: "init",
+    });
+  };
+
+  return {
+    ariaDescribedbyLocal,
+    changeModel,
+    clearModel,
+    errorsId,
+    helpTextId,
+    htmlIdLocal,
+    initDefaultModel,
+    isErrors,
+    isFocus,
+    isFocusIn,
+    isModel,
+    labelDescriptionId,
+    onBlur,
+    onFocus,
+    onFocusin,
+    onFocusout,
+    rootRef,
+  };
+}
+
+export function getHtmlId({ id, idPrefix, htmlId }) {
+  if (htmlId) {
+    return htmlId;
+  }
+  return `${ idPrefix || "" }${ id }`;
+}

package/src/ui/compositionApi/UiClearButtonAPI.js

@@ -1,19 +1,19 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function UiClearButtonAPI(props, {
-  isModel = computed(() => true),
-} = {}) {
-  const disabled = toRef(props, "disabled");
-  const isClearButton = toRef(props, "isClearButton");
-
-  const isClearButtonLocal = computed(() => {
-    return !!(isClearButton.value && isModel.value && !disabled.value);
-  });
-
-  return {
-    isClearButtonLocal,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function UiClearButtonAPI(props, {
+  isModel = computed(() => true),
+} = {}) {
+  const disabled = toRef(props, "disabled");
+  const isClearButton = toRef(props, "isClearButton");
+
+  const isClearButtonLocal = computed(() => {
+    return !!(isClearButton.value && isModel.value && !disabled.value);
+  });
+
+  return {
+    isClearButtonLocal,
+  };
+}

package/src/ui/compositionApi/UiDataSortAPI.js

@@ -1,29 +1,29 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import {
-  aOrderBy,
-} from "../../utils/utils";
-
-import {
-  AKeyLabel,
-} from "../../const/AKeys";
-
-export default function UiDataSortAPI(props, {
-  data = computed(() => []),
-}) {
-  const sortOrder = toRef(props, "sortOrder");
-
-  const dataSort = computed(() => {
-    if (sortOrder.value) {
-      return aOrderBy(data.value, [AKeyLabel], [sortOrder.value]);
-    }
-    return data.value;
-  });
-
-  return {
-    dataSort,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import {
+  aOrderBy,
+} from "../../utils/utils";
+
+import {
+  AKeyLabel,
+} from "../../const/AKeys";
+
+export default function UiDataSortAPI(props, {
+  data = computed(() => []),
+}) {
+  const sortOrder = toRef(props, "sortOrder");
+
+  const dataSort = computed(() => {
+    if (sortOrder.value) {
+      return aOrderBy(data.value, [AKeyLabel], [sortOrder.value]);
+    }
+    return data.value;
+  });
+
+  return {
+    dataSort,
+  };
+}