aloha-vue 2.7.0 → 2.7.2

package/src/AProgress/AProgress.js

@@ -1,141 +1,141 @@
-import {
-  h,
-} from "vue";
-
-import ClassBarAPI from "./compositionAPI/ClassBarAPI";
-import DurationAPI from "./compositionAPI/DurationAPI";
-import ValuePercentAPI from "./compositionAPI/ValuePercentAPI";
-import WidthAPI from "./compositionAPI/WidthAPI";
-
-export default {
-  name: "AProgress",
-  props: {
-    classProgressBar: {
-      type: [String, Object, Function],
-      required: false,
-      default: undefined,
-    },
-    duration: {
-      type: Number,
-      required: false,
-      default: undefined,
-    },
-    indeterminate: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
-    max: {
-      type: Number,
-      required: false,
-      default: 100,
-    },
-    min: {
-      type: Number,
-      required: false,
-      default: 0,
-    },
-    reverse: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
-    showValue: {
-      type: Boolean,
-      required: false,
-      default: true,
-    },
-    striped: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
-    stripedFlow: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
-    value: {
-      type: Number,
-      required: false,
-      default: 0,
-    },
-    valueTextInteger: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
-  },
-  setup(props) {
-    const {
-      widthPercent,
-    } = WidthAPI(props);
-
-    const {
-      valuePercent,
-    } = ValuePercentAPI(props, {
-      widthPercent,
-    });
-
-    const {
-      classProgressBarLocal,
-    } = ClassBarAPI(props, {
-      widthPercent,
-    });
-
-    const {
-      durationLocal,
-    } = DurationAPI(props);
-
-    return {
-      classProgressBarLocal,
-      durationLocal,
-      valuePercent,
-      widthPercent,
-    };
-  },
-  render() {
-    let text = undefined;
-    if (this.$slots.progressText) {
-      text = h("span", {
-        class: "a_progress__text",
-      }, [
-        this.$slots.progressText && this.$slots.progressText({
-          valuePercent: this.valuePercent,
-        }),
-      ]);
-    } else if (this.showValue) {
-      text = h("span", {
-        class: "a_progress__text",
-      }, this.valuePercent);
-    }
-
-    return h("div", {
-      class: ["a_progress", {
-        a_progress_reverse: this.reverse,
-      }],
-    }, [
-      h("div", {
-        class: [
-          "a_progress__bar",
-          {
-            a_progress__bar_striped: this.striped,
-            a_progress__bar_striped_flow: this.stripedFlow,
-            a_progress__bar_indeterminate: this.indeterminate,
-          },
-          this.classProgressBarLocal,
-        ],
-        role: "progressbar",
-        "aria-valuenow": this.value,
-        "aria-valuemin": this.min,
-        "aria-valuemax": this.max,
-        style: {
-          width: `${ this.widthPercent }%`,
-          "animation-duration": this.durationLocal,
-        },
-      }, [
-        text,
-      ]),
-    ]);
-  },
-};
+import {
+  h,
+} from "vue";
+
+import ClassBarAPI from "./compositionAPI/ClassBarAPI";
+import DurationAPI from "./compositionAPI/DurationAPI";
+import ValuePercentAPI from "./compositionAPI/ValuePercentAPI";
+import WidthAPI from "./compositionAPI/WidthAPI";
+
+export default {
+  name: "AProgress",
+  props: {
+    classProgressBar: {
+      type: [String, Object, Function],
+      required: false,
+      default: undefined,
+    },
+    duration: {
+      type: Number,
+      required: false,
+      default: undefined,
+    },
+    indeterminate: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+    max: {
+      type: Number,
+      required: false,
+      default: 100,
+    },
+    min: {
+      type: Number,
+      required: false,
+      default: 0,
+    },
+    reverse: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+    showValue: {
+      type: Boolean,
+      required: false,
+      default: true,
+    },
+    striped: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+    stripedFlow: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+    value: {
+      type: Number,
+      required: false,
+      default: 0,
+    },
+    valueTextInteger: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+  },
+  setup(props) {
+    const {
+      widthPercent,
+    } = WidthAPI(props);
+
+    const {
+      valuePercent,
+    } = ValuePercentAPI(props, {
+      widthPercent,
+    });
+
+    const {
+      classProgressBarLocal,
+    } = ClassBarAPI(props, {
+      widthPercent,
+    });
+
+    const {
+      durationLocal,
+    } = DurationAPI(props);
+
+    return {
+      classProgressBarLocal,
+      durationLocal,
+      valuePercent,
+      widthPercent,
+    };
+  },
+  render() {
+    let text = undefined;
+    if (this.$slots.progressText) {
+      text = h("span", {
+        class: "a_progress__text",
+      }, [
+        this.$slots.progressText && this.$slots.progressText({
+          valuePercent: this.valuePercent,
+        }),
+      ]);
+    } else if (this.showValue) {
+      text = h("span", {
+        class: "a_progress__text",
+      }, this.valuePercent);
+    }
+
+    return h("div", {
+      class: ["a_progress", {
+        a_progress_reverse: this.reverse,
+      }],
+    }, [
+      h("div", {
+        class: [
+          "a_progress__bar",
+          {
+            a_progress__bar_striped: this.striped,
+            a_progress__bar_striped_flow: this.stripedFlow,
+            a_progress__bar_indeterminate: this.indeterminate,
+          },
+          this.classProgressBarLocal,
+        ],
+        role: "progressbar",
+        "aria-valuenow": this.value,
+        "aria-valuemin": this.min,
+        "aria-valuemax": this.max,
+        style: {
+          width: `${ this.widthPercent }%`,
+          "animation-duration": this.durationLocal,
+        },
+      }, [
+        text,
+      ]),
+    ]);
+  },
+};

package/src/AProgress/compositionAPI/ClassBarAPI.js

@@ -1,25 +1,25 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import {
-  isFunction,
-} from "lodash-es";
-
-export default function ClassBarAPI(props, {
-  widthPercent = computed(() => 0),
-}) {
-  const classProgressBar = toRef(props, "classProgressBar");
-
-  const classProgressBarLocal = computed(() => {
-    if (isFunction(classProgressBar.value)) {
-      return classProgressBar.value(widthPercent.value);
-    }
-    return classProgressBar.value;
-  });
-
-  return {
-    classProgressBarLocal,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import {
+  isFunction,
+} from "lodash-es";
+
+export default function ClassBarAPI(props, {
+  widthPercent = computed(() => 0),
+}) {
+  const classProgressBar = toRef(props, "classProgressBar");
+
+  const classProgressBarLocal = computed(() => {
+    if (isFunction(classProgressBar.value)) {
+      return classProgressBar.value(widthPercent.value);
+    }
+    return classProgressBar.value;
+  });
+
+  return {
+    classProgressBarLocal,
+  };
+}

package/src/AProgress/compositionAPI/DurationAPI.js

@@ -1,23 +1,23 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import {
-  isNil,
-} from "lodash-es";
-
-export default function DurationAPI(props) {
-  const duration = toRef(props, "duration");
-
-  const durationLocal = computed(() => {
-    if (isNil(duration.value)) {
-      return undefined;
-    }
-    return `${ duration.value }s`;
-  });
-
-  return {
-    durationLocal,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import {
+  isNil,
+} from "lodash-es";
+
+export default function DurationAPI(props) {
+  const duration = toRef(props, "duration");
+
+  const durationLocal = computed(() => {
+    if (isNil(duration.value)) {
+      return undefined;
+    }
+    return `${ duration.value }s`;
+  });
+
+  return {
+    durationLocal,
+  };
+}

package/src/AProgress/compositionAPI/ValuePercentAPI.js

@@ -1,33 +1,33 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import AFiltersAPI from "../../compositionAPI/AFiltersAPI";
-
-export default function ValuePercentAPI(props, {
-  widthPercent = computed(() => 0),
-}) {
-  const valueTextInteger = toRef(props, "valueTextInteger");
-
-  const {
-    filterCurrency,
-  } = AFiltersAPI();
-
-  const valuePercent = computed(() => {
-    if (valueTextInteger.value) {
-      return filterCurrency(widthPercent.value, {
-        suffix: "%",
-        digits: 0,
-      });
-    }
-    return filterCurrency(widthPercent.value, {
-      suffix: "%",
-      digits: 2,
-    });
-  });
-
-  return {
-    valuePercent,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import AFiltersAPI from "../../compositionAPI/AFiltersAPI";
+
+export default function ValuePercentAPI(props, {
+  widthPercent = computed(() => 0),
+}) {
+  const valueTextInteger = toRef(props, "valueTextInteger");
+
+  const {
+    filterCurrency,
+  } = AFiltersAPI();
+
+  const valuePercent = computed(() => {
+    if (valueTextInteger.value) {
+      return filterCurrency(widthPercent.value, {
+        suffix: "%",
+        digits: 0,
+      });
+    }
+    return filterCurrency(widthPercent.value, {
+      suffix: "%",
+      digits: 2,
+    });
+  });
+
+  return {
+    valuePercent,
+  };
+}

package/src/AProgress/compositionAPI/WidthAPI.js

@@ -1,18 +1,18 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function WidthAPI(props) {
-  const min = toRef(props, "min");
-  const max = toRef(props, "max");
-  const value = toRef(props, "value");
-
-  const widthPercent = computed(() => {
-    return ((value.value - min.value) / (max.value - min.value)) * 100;
-  });
-
-  return {
-    widthPercent,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function WidthAPI(props) {
+  const min = toRef(props, "min");
+  const max = toRef(props, "max");
+  const value = toRef(props, "value");
+
+  const widthPercent = computed(() => {
+    return ((value.value - min.value) / (max.value - min.value)) * 100;
+  });
+
+  return {
+    widthPercent,
+  };
+}