aloha-vue 2.7.0 → 2.7.2

package/src/svg/APolyline/APolyline.js

@@ -1,48 +1,48 @@
-import {
-  h,
-} from "vue";
-
-import PointsAPI from "../compositionAPI/PointsAPI";
-
-export default {
-  name: "APolyline",
-  props: {
-    points: {
-      type: [Array, String],
-      required: true,
-      default: [],
-    },
-    fill: {
-      type: String,
-      required: false,
-      default: "none",
-    },
-    stroke: {
-      type: String,
-      required: false,
-      default: "currentColor",
-    },
-    strokeWidth: {
-      type: [Number, String],
-      required: false,
-      default: undefined,
-    },
-  },
-  setup(props) {
-    const {
-      pointsLocal,
-    } = PointsAPI(props);
-
-    return {
-      pointsLocal,
-    };
-  },
-  render() {
-    return h("polyline", {
-      points: this.pointsLocal,
-      fill: this.fill,
-      stroke: this.stroke,
-      "stroke-width": this.strokeWidth,
-    });
-  },
-};
+import {
+  h,
+} from "vue";
+
+import PointsAPI from "../compositionAPI/PointsAPI";
+
+export default {
+  name: "APolyline",
+  props: {
+    points: {
+      type: [Array, String],
+      required: true,
+      default: [],
+    },
+    fill: {
+      type: String,
+      required: false,
+      default: "none",
+    },
+    stroke: {
+      type: String,
+      required: false,
+      default: "currentColor",
+    },
+    strokeWidth: {
+      type: [Number, String],
+      required: false,
+      default: undefined,
+    },
+  },
+  setup(props) {
+    const {
+      pointsLocal,
+    } = PointsAPI(props);
+
+    return {
+      pointsLocal,
+    };
+  },
+  render() {
+    return h("polyline", {
+      points: this.pointsLocal,
+      fill: this.fill,
+      stroke: this.stroke,
+      "stroke-width": this.strokeWidth,
+    });
+  },
+};

package/src/svg/ARect/ARect.js

@@ -1,63 +1,63 @@
-import {
-  h,
-} from "vue";
-
-export default {
-  name: "ARect",
-  props: {
-    width: {
-      type: [Number, String],
-      required: true,
-    },
-    height: {
-      type: [Number, String],
-      required: true,
-    },
-    x: {
-      type: [Number, String],
-      required: true,
-    },
-    y: {
-      type: [Number, String],
-      required: true,
-    },
-    rx: {
-      type: [Number, String],
-      required: false,
-      default: 0,
-    },
-    ry: {
-      type: [Number, String],
-      required: false,
-      default: 0,
-    },
-    fill: {
-      type: String,
-      required: false,
-      default: undefined,
-    },
-    stroke: {
-      type: String,
-      required: false,
-      default: undefined,
-    },
-    strokeWidth: {
-      type: [Number, String],
-      required: false,
-      default: undefined,
-    },
-  },
-  render() {
-    return h("rect", {
-      width: this.width,
-      height: this.height,
-      x: this.x,
-      y: this.y,
-      rx: this.rx,
-      ry: this.ry,
-      fill: this.fill,
-      stroke: this.stroke,
-      strokeWidth: this.strokeWidth,
-    });
-  },
-};
+import {
+  h,
+} from "vue";
+
+export default {
+  name: "ARect",
+  props: {
+    width: {
+      type: [Number, String],
+      required: true,
+    },
+    height: {
+      type: [Number, String],
+      required: true,
+    },
+    x: {
+      type: [Number, String],
+      required: true,
+    },
+    y: {
+      type: [Number, String],
+      required: true,
+    },
+    rx: {
+      type: [Number, String],
+      required: false,
+      default: 0,
+    },
+    ry: {
+      type: [Number, String],
+      required: false,
+      default: 0,
+    },
+    fill: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
+    stroke: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
+    strokeWidth: {
+      type: [Number, String],
+      required: false,
+      default: undefined,
+    },
+  },
+  render() {
+    return h("rect", {
+      width: this.width,
+      height: this.height,
+      x: this.x,
+      y: this.y,
+      rx: this.rx,
+      ry: this.ry,
+      fill: this.fill,
+      stroke: this.stroke,
+      strokeWidth: this.strokeWidth,
+    });
+  },
+};

package/src/ui/ACheckbox/ACheckboxItem/compositionAPI/ButtonGroupAPI.js

@@ -1,21 +1,21 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function ButtonGroupAPI(props) {
-  const dataItem = toRef(props, "dataItem");
-  const isButtonGroup = toRef(props, "isButtonGroup");
-  const classButtonGroupDefault = toRef(props, "classButtonGroupDefault");
-
-  const classButton = computed(() => {
-    if (isButtonGroup.value) {
-      return dataItem.value.classButton || classButtonGroupDefault.value;
-    }
-    return undefined;
-  });
-
-  return {
-    classButton,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function ButtonGroupAPI(props) {
+  const dataItem = toRef(props, "dataItem");
+  const isButtonGroup = toRef(props, "isButtonGroup");
+  const classButtonGroupDefault = toRef(props, "classButtonGroupDefault");
+
+  const classButton = computed(() => {
+    if (isButtonGroup.value) {
+      return dataItem.value.classButton || classButtonGroupDefault.value;
+    }
+    return undefined;
+  });
+
+  return {
+    classButton,
+  };
+}

package/src/ui/ACheckbox/ACheckboxItem/compositionAPI/CheckedAPI.js

@@ -1,18 +1,18 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function CheckedAPI(props, {
-  valueLocal = computed(() => undefined),
-}) {
-  const modelValue = toRef(props, "modelValue");
-
-  const isChecked = computed(() => {
-    return modelValue.value && modelValue.value.indexOf(valueLocal.value) !== -1;
-  });
-
-  return {
-    isChecked,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function CheckedAPI(props, {
+  valueLocal = computed(() => undefined),
+}) {
+  const modelValue = toRef(props, "modelValue");
+
+  const isChecked = computed(() => {
+    return modelValue.value && modelValue.value.indexOf(valueLocal.value) !== -1;
+  });
+
+  return {
+    isChecked,
+  };
+}

package/src/ui/ACheckbox/ACheckboxItem/compositionAPI/EventsAPI.js

@@ -1,55 +1,55 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import AKeysCode from "../../../../const/AKeysCode";
-import {
-  cloneDeep,
-} from "lodash-es";
-
-export default function EventsAPI(props, { emit }, {
-  disabledElement = computed(() => undefined),
-  isChecked = computed(() => false),
-  valueLocal = computed(() => undefined),
-}) {
-  const dataItem = toRef(props, "dataItem");
-  const modelValue = toRef(props, "modelValue");
-
-  const onClick = $event => {
-    if (disabledElement.value) {
-      $event.preventDefault();
-      $event.stopPropagation();
-      return;
-    }
-    const MODEL = cloneDeep(modelValue.value) || [];
-    if (isChecked.value) {
-      const INDEX = MODEL.indexOf(valueLocal.value);
-      MODEL.splice(INDEX, 1);
-    } else {
-      MODEL.push(valueLocal.value);
-    }
-
-    emit("changeModelValue", {
-      model: MODEL,
-      item: dataItem.value,
-      $event,
-    });
-    $event.preventDefault();
-    $event.stopPropagation();
-  };
-
-  const onKeydown = $event => {
-    if ($event.key === "Enter" ||
-      $event.keyCode === AKeysCode.space) {
-      onClick($event);
-      $event.stopPropagation();
-      $event.preventDefault();
-    }
-  };
-
-  return {
-    onClick,
-    onKeydown,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import AKeysCode from "../../../../const/AKeysCode";
+import {
+  cloneDeep,
+} from "lodash-es";
+
+export default function EventsAPI(props, { emit }, {
+  disabledElement = computed(() => undefined),
+  isChecked = computed(() => false),
+  valueLocal = computed(() => undefined),
+}) {
+  const dataItem = toRef(props, "dataItem");
+  const modelValue = toRef(props, "modelValue");
+
+  const onClick = $event => {
+    if (disabledElement.value) {
+      $event.preventDefault();
+      $event.stopPropagation();
+      return;
+    }
+    const MODEL = cloneDeep(modelValue.value) || [];
+    if (isChecked.value) {
+      const INDEX = MODEL.indexOf(valueLocal.value);
+      MODEL.splice(INDEX, 1);
+    } else {
+      MODEL.push(valueLocal.value);
+    }
+
+    emit("changeModelValue", {
+      model: MODEL,
+      item: dataItem.value,
+      $event,
+    });
+    $event.preventDefault();
+    $event.stopPropagation();
+  };
+
+  const onKeydown = $event => {
+    if ($event.key === "Enter" ||
+      $event.keyCode === AKeysCode.space) {
+      onClick($event);
+      $event.stopPropagation();
+      $event.preventDefault();
+    }
+  };
+
+  return {
+    onClick,
+    onKeydown,
+  };
+}

package/src/ui/ACheckbox/compositionAPI/ChangeAPI.js

@@ -1,25 +1,25 @@
-import {
-  toRef,
-} from "vue";
-
-export default function ChangeAPI(props, {
-  changeModel = () => {},
-}) {
-  const disabled = toRef(props, "disabled");
-
-  const onChangeModelValue = ({ model, $event }) => {
-    if (disabled.value) {
-      return;
-    }
-    setTimeout(() => {
-      changeModel({
-        model,
-        $event,
-      });
-    });
-  };
-
-  return {
-    onChangeModelValue,
-  };
-}
+import {
+  toRef,
+} from "vue";
+
+export default function ChangeAPI(props, {
+  changeModel = () => {},
+}) {
+  const disabled = toRef(props, "disabled");
+
+  const onChangeModelValue = ({ model, $event }) => {
+    if (disabled.value) {
+      return;
+    }
+    setTimeout(() => {
+      changeModel({
+        model,
+        $event,
+      });
+    });
+  };
+
+  return {
+    onChangeModelValue,
+  };
+}

package/src/ui/ACheckbox/compositionAPI/TextAfterLabelAPI.js

@@ -1,16 +1,16 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function TextAfterLabelAPI(props) {
-  const required = toRef(props, "required");
-
-  const textAfterLabel = computed(() => {
-    return required.value ? "*" : "";
-  });
-
-  return {
-    textAfterLabel,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function TextAfterLabelAPI(props) {
+  const required = toRef(props, "required");
+
+  const textAfterLabel = computed(() => {
+    return required.value ? "*" : "";
+  });
+
+  return {
+    textAfterLabel,
+  };
+}

package/src/ui/ACheckbox/i18n/ACheckboxI18n.js

@@ -1,19 +1,19 @@
-import ar from "./ar.json";
-import de from "./de.json";
-import en from "./en.json";
-import es from "./es.json";
-import fr from "./fr.json";
-import hr from "./hr.json";
-import it from "./it.json";
-import ru from "./ru.json";
-
-export default {
-  ar,
-  de,
-  en,
-  es,
-  fr,
-  hr,
-  it,
-  ru,
-};
+import ar from "./ar.json";
+import de from "./de.json";
+import en from "./en.json";
+import es from "./es.json";
+import fr from "./fr.json";
+import hr from "./hr.json";
+import it from "./it.json";
+import ru from "./ru.json";
+
+export default {
+  ar,
+  de,
+  en,
+  es,
+  fr,
+  hr,
+  it,
+  ru,
+};

package/src/ui/ACheckboxRadioGroups/compostionAPI/ChangeModelAPI.js

@@ -1,9 +1,9 @@
-export default function ChangeModelAPI({ emit }) {
-  const onChangeModelValue = arg => {
-    emit("changeModelValue", arg);
-  };
-
-  return {
-    onChangeModelValue,
-  };
-}
+export default function ChangeModelAPI({ emit }) {
+  const onChangeModelValue = arg => {
+    emit("changeModelValue", arg);
+  };
+
+  return {
+    onChangeModelValue,
+  };
+}

package/src/ui/ACheckboxRadioGroups/compostionAPI/ComponentAPI.js

@@ -1,35 +1,35 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import ACheckboxItem from "../../ACheckbox/ACheckboxItem/ACheckboxItem";
-import ARadioItem from "../../ARadio/ARadioItem/ARadioItem";
-import ASelectElement from "../../ASelect/ASelectElement/ASelectElement";
-
-export default function ComponentAPI(props) {
-  const type = toRef(props, "type");
-
-  const isComponentSelect = computed(() => {
-    return type.value === "select" ||
-      type.value === "multiselect";
-  });
-
-  const currentComponent = computed(() => {
-    if (type.value === "radio") {
-      return ARadioItem;
-    }
-    if (type.value === "checkbox") {
-      return ACheckboxItem;
-    }
-    if (isComponentSelect.value) {
-      return ASelectElement;
-    }
-    return "";
-  });
-
-  return {
-    currentComponent,
-    isComponentSelect,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import ACheckboxItem from "../../ACheckbox/ACheckboxItem/ACheckboxItem";
+import ARadioItem from "../../ARadio/ARadioItem/ARadioItem";
+import ASelectElement from "../../ASelect/ASelectElement/ASelectElement";
+
+export default function ComponentAPI(props) {
+  const type = toRef(props, "type");
+
+  const isComponentSelect = computed(() => {
+    return type.value === "select" ||
+      type.value === "multiselect";
+  });
+
+  const currentComponent = computed(() => {
+    if (type.value === "radio") {
+      return ARadioItem;
+    }
+    if (type.value === "checkbox") {
+      return ACheckboxItem;
+    }
+    if (isComponentSelect.value) {
+      return ASelectElement;
+    }
+    return "";
+  });
+
+  return {
+    currentComponent,
+    isComponentSelect,
+  };
+}