aloha-vue 2.66.0 → 2.66.2

package/src/AElement/compositionAPI/TextAPI.js

@@ -1,78 +1,78 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import {
-  isEmpty,
-  isNil,
-  isPlainObject,
-} from "lodash-es";
-
-export default function TextAPI(props) {
-  const html = toRef(props, "html");
-  const htmlScreenReader = toRef(props, "htmlScreenReader");
-  const safeHtml = toRef(props, "safeHtml");
-  const safeHtmlScreenReader = toRef(props, "safeHtmlScreenReader");
-  const text = toRef(props, "text");
-  const textScreenReader = toRef(props, "textScreenReader");
-
-  const isTextVisible = computed(() => {
-    if (isPlainObject(text.value)) {
-      return !isEmpty(text.value);
-    }
-    return !isNil(text.value) && text.value !== "";
-  });
-
-  const isSafeHtmlVisible = computed(() => {
-    if (isPlainObject(safeHtml.value)) {
-      return !isEmpty(safeHtml.value);
-    }
-    return !isNil(safeHtml.value) && safeHtml.value !== "";
-  });
-
-  const isHtmlVisible = computed(() => {
-    if (isPlainObject(html.value)) {
-      return !isEmpty(html.value);
-    }
-    return !isNil(html.value) && html.value !== "";
-  });
-
-  const isTextOrHtmlVisible = computed(() => {
-    return isTextVisible.value ||
-      isSafeHtmlVisible.value ||
-      isHtmlVisible.value;
-  });
-
-  const isTextScreenReaderVisible = computed(() => {
-    if (isPlainObject(textScreenReader.value)) {
-      return !isEmpty(textScreenReader.value);
-    }
-    return !isNil(textScreenReader.value) && textScreenReader.value !== "";
-  });
-
-  const isSafeHtmlScreenReaderVisible = computed(() => {
-    if (isPlainObject(safeHtmlScreenReader.value)) {
-      return !isEmpty(safeHtmlScreenReader.value);
-    }
-    return !isNil(safeHtmlScreenReader.value) && safeHtmlScreenReader.value !== "";
-  });
-
-  const isHtmlScreenReaderVisible = computed(() => {
-    if (isPlainObject(htmlScreenReader.value)) {
-      return !isEmpty(htmlScreenReader.value);
-    }
-    return !isNil(htmlScreenReader.value) && htmlScreenReader.value !== "";
-  });
-
-  const isTextOrHtmlScreenReaderVisible = computed(() => {
-    return isTextScreenReaderVisible.value ||
-      isSafeHtmlScreenReaderVisible.value ||
-      isHtmlScreenReaderVisible.value;
-  });
-
-  return {
-    isTextOrHtmlVisible,
-    isTextOrHtmlScreenReaderVisible,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import {
+  isEmpty,
+  isNil,
+  isPlainObject,
+} from "lodash-es";
+
+export default function TextAPI(props) {
+  const html = toRef(props, "html");
+  const htmlScreenReader = toRef(props, "htmlScreenReader");
+  const safeHtml = toRef(props, "safeHtml");
+  const safeHtmlScreenReader = toRef(props, "safeHtmlScreenReader");
+  const text = toRef(props, "text");
+  const textScreenReader = toRef(props, "textScreenReader");
+
+  const isTextVisible = computed(() => {
+    if (isPlainObject(text.value)) {
+      return !isEmpty(text.value);
+    }
+    return !isNil(text.value) && text.value !== "";
+  });
+
+  const isSafeHtmlVisible = computed(() => {
+    if (isPlainObject(safeHtml.value)) {
+      return !isEmpty(safeHtml.value);
+    }
+    return !isNil(safeHtml.value) && safeHtml.value !== "";
+  });
+
+  const isHtmlVisible = computed(() => {
+    if (isPlainObject(html.value)) {
+      return !isEmpty(html.value);
+    }
+    return !isNil(html.value) && html.value !== "";
+  });
+
+  const isTextOrHtmlVisible = computed(() => {
+    return isTextVisible.value ||
+      isSafeHtmlVisible.value ||
+      isHtmlVisible.value;
+  });
+
+  const isTextScreenReaderVisible = computed(() => {
+    if (isPlainObject(textScreenReader.value)) {
+      return !isEmpty(textScreenReader.value);
+    }
+    return !isNil(textScreenReader.value) && textScreenReader.value !== "";
+  });
+
+  const isSafeHtmlScreenReaderVisible = computed(() => {
+    if (isPlainObject(safeHtmlScreenReader.value)) {
+      return !isEmpty(safeHtmlScreenReader.value);
+    }
+    return !isNil(safeHtmlScreenReader.value) && safeHtmlScreenReader.value !== "";
+  });
+
+  const isHtmlScreenReaderVisible = computed(() => {
+    if (isPlainObject(htmlScreenReader.value)) {
+      return !isEmpty(htmlScreenReader.value);
+    }
+    return !isNil(htmlScreenReader.value) && htmlScreenReader.value !== "";
+  });
+
+  const isTextOrHtmlScreenReaderVisible = computed(() => {
+    return isTextScreenReaderVisible.value ||
+      isSafeHtmlScreenReaderVisible.value ||
+      isHtmlScreenReaderVisible.value;
+  });
+
+  return {
+    isTextOrHtmlVisible,
+    isTextOrHtmlScreenReaderVisible,
+  };
+}

package/src/AElement/compositionAPI/TitleAPI.js

@@ -1,29 +1,29 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import {
-  isArray,
-  isEmpty,
-  isPlainObject,
-  isUndefined,
-} from "lodash-es";
-
-export default function TitleAPI(props) {
-  const title = toRef(props, "title");
-
-  const isTitleVisible = computed(() => {
-    if (isArray(title.value) && title.value.length > 0) {
-      return true;
-    }
-    if (isPlainObject(title.value)) {
-      return !isEmpty(title.value);
-    }
-    return !isUndefined(title.value);
-  });
-
-  return {
-    isTitleVisible,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import {
+  isArray,
+  isEmpty,
+  isPlainObject,
+  isUndefined,
+} from "lodash-es";
+
+export default function TitleAPI(props) {
+  const title = toRef(props, "title");
+
+  const isTitleVisible = computed(() => {
+    if (isArray(title.value) && title.value.length > 0) {
+      return true;
+    }
+    if (isPlainObject(title.value)) {
+      return !isEmpty(title.value);
+    }
+    return !isUndefined(title.value);
+  });
+
+  return {
+    isTitleVisible,
+  };
+}

package/src/AFilters/AFilterCenter/AFilterCenter.js

@@ -1,154 +1,154 @@
-import {
-  h,
-} from "vue";
-import {
-  AButton,
-  ASpinner,
-} from "../../index";
-
-import AFilterCenterItem from "./AFilterCenterItem/AFilterCenterItem";
-
-import LoadingFiltersAPI from "./compositionAPI/LoadingFiltersAPI";
-import VisibleFiltersAPI from "./compositionAPI/VisibleFiltersAPI";
-
-import ArrowClockwise from "aloha-svg/dist/js/bootstrap/ArrowClockwise";
-
-export default {
-  name: "AFilterCenter",
-  props: {
-    appliedModel: {
-      type: Object,
-      required: true,
-    },
-    btnCloseClass: {
-      type: [String, Object],
-      required: false,
-      default: "a_btn a_btn_secondary",
-    },
-    btnGoToClass: {
-      type: [String, Object],
-      required: false,
-      default: "a_btn a_btn_secondary",
-    },
-    btnNotCloseClass: {
-      type: [String, Object],
-      required: false,
-      default: "a_btn a_btn_secondary",
-    },
-    btnCloseAllClass: {
-      type: [String, Object],
-      required: false,
-      default: "a_btn a_btn_link a_btn_small",
-    },
-    closeAllFilters: {
-      type: Function,
-      required: true,
-    },
-    closeFilterValue: {
-      type: Function,
-      required: true,
-    },
-    dataKeyByKeyIdPerFilter: {
-      type: Object,
-      required: true,
-    },
-    disabled: {
-      type: Boolean,
-      required: false,
-    },
-    filtersGroup: {
-      type: Object,
-      required: true,
-      default: () => ({
-        alwaysVisible: [],
-        filters: [],
-      }),
-    },
-    filtersKeyById: {
-      type: Object,
-      required: true,
-    },
-    filtersVisibleAll: {
-      type: Array,
-      required: true,
-    },
-    id: {
-      type: String,
-      required: true,
-    },
-  },
-  setup(props) {
-    const {
-      hasFilters,
-      styleHide,
-      updateVisibleChildFilters,
-    } = VisibleFiltersAPI(props);
-
-    const {
-      isLeastOneChildFilterLoading,
-      updateLoadingChildFilters,
-    } = LoadingFiltersAPI(props);
-
-    return {
-      hasFilters,
-      isLeastOneChildFilterLoading,
-      styleHide,
-      updateLoadingChildFilters,
-      updateVisibleChildFilters,
-    };
-  },
-  render() {
-    if (!this.hasFilters) {
-      return null;
-    }
-
-    return h("div", {
-      class: "a_filters_center",
-    }, [
-      h("div", {
-        class: "a_filters_center__item",
-      }, [
-        this.$slots.filtersHorizontal ?
-          this.$slots.filtersHorizontal() :
-          "",
-      ]),
-      this.filtersVisibleAll.map(filter => {
-        return h(AFilterCenterItem, {
-          key: filter.id,
-          id: this.id,
-          btnCloseClass: this.btnCloseClass,
-          btnGoToClass: this.btnGoToClass,
-          btnNotCloseClass: this.btnNotCloseClass,
-          disabled: this.disabled,
-          filter,
-          closeFilterValue: this.closeFilterValue,
-          dataKeyByKeyIdPerFilter: this.dataKeyByKeyIdPerFilter,
-          model: this.appliedModel[filter.id],
-          onUpdateVisibleChildFilters: this.updateVisibleChildFilters,
-          onUpdateLoadingChildFilters: this.updateLoadingChildFilters,
-        }, this.$slots);
-      }),
-      this.isLeastOneChildFilterLoading
-? h("div", {
-  style: this.styleHide,
-  class: "a_filters_center__item",
-}, [
-  h(ASpinner, {
-    class: "a_spinner_small",
-  }),
-])
-: "",
-      h("div", {
-        class: "a_filters_center__item",
-        style: this.styleHide,
-      }, [
-        h(AButton, {
-          class: this.btnCloseAllClass,
-          iconLeft: ArrowClockwise,
-          text: "_A_FILTERS_DESELECT_ALL_",
-          onClick: this.closeAllFilters,
-        }),
-      ]),
-    ]);
-  },
-};
+import {
+  h,
+} from "vue";
+import {
+  AButton,
+  ASpinner,
+} from "../../index";
+
+import AFilterCenterItem from "./AFilterCenterItem/AFilterCenterItem";
+
+import LoadingFiltersAPI from "./compositionAPI/LoadingFiltersAPI";
+import VisibleFiltersAPI from "./compositionAPI/VisibleFiltersAPI";
+
+import ArrowClockwise from "aloha-svg/dist/js/bootstrap/ArrowClockwise";
+
+export default {
+  name: "AFilterCenter",
+  props: {
+    appliedModel: {
+      type: Object,
+      required: true,
+    },
+    btnCloseClass: {
+      type: [String, Object],
+      required: false,
+      default: "a_btn a_btn_secondary",
+    },
+    btnGoToClass: {
+      type: [String, Object],
+      required: false,
+      default: "a_btn a_btn_secondary",
+    },
+    btnNotCloseClass: {
+      type: [String, Object],
+      required: false,
+      default: "a_btn a_btn_secondary",
+    },
+    btnCloseAllClass: {
+      type: [String, Object],
+      required: false,
+      default: "a_btn a_btn_link a_btn_small",
+    },
+    closeAllFilters: {
+      type: Function,
+      required: true,
+    },
+    closeFilterValue: {
+      type: Function,
+      required: true,
+    },
+    dataKeyByKeyIdPerFilter: {
+      type: Object,
+      required: true,
+    },
+    disabled: {
+      type: Boolean,
+      required: false,
+    },
+    filtersGroup: {
+      type: Object,
+      required: true,
+      default: () => ({
+        alwaysVisible: [],
+        filters: [],
+      }),
+    },
+    filtersKeyById: {
+      type: Object,
+      required: true,
+    },
+    filtersVisibleAll: {
+      type: Array,
+      required: true,
+    },
+    id: {
+      type: String,
+      required: true,
+    },
+  },
+  setup(props) {
+    const {
+      hasFilters,
+      styleHide,
+      updateVisibleChildFilters,
+    } = VisibleFiltersAPI(props);
+
+    const {
+      isLeastOneChildFilterLoading,
+      updateLoadingChildFilters,
+    } = LoadingFiltersAPI(props);
+
+    return {
+      hasFilters,
+      isLeastOneChildFilterLoading,
+      styleHide,
+      updateLoadingChildFilters,
+      updateVisibleChildFilters,
+    };
+  },
+  render() {
+    if (!this.hasFilters) {
+      return null;
+    }
+
+    return h("div", {
+      class: "a_filters_center",
+    }, [
+      h("div", {
+        class: "a_filters_center__item",
+      }, [
+        this.$slots.filtersHorizontal ?
+          this.$slots.filtersHorizontal() :
+          "",
+      ]),
+      this.filtersVisibleAll.map(filter => {
+        return h(AFilterCenterItem, {
+          key: filter.id,
+          id: this.id,
+          btnCloseClass: this.btnCloseClass,
+          btnGoToClass: this.btnGoToClass,
+          btnNotCloseClass: this.btnNotCloseClass,
+          disabled: this.disabled,
+          filter,
+          closeFilterValue: this.closeFilterValue,
+          dataKeyByKeyIdPerFilter: this.dataKeyByKeyIdPerFilter,
+          model: this.appliedModel[filter.id],
+          onUpdateVisibleChildFilters: this.updateVisibleChildFilters,
+          onUpdateLoadingChildFilters: this.updateLoadingChildFilters,
+        }, this.$slots);
+      }),
+      this.isLeastOneChildFilterLoading
+? h("div", {
+  style: this.styleHide,
+  class: "a_filters_center__item",
+}, [
+  h(ASpinner, {
+    class: "a_spinner_small",
+  }),
+])
+: "",
+      h("div", {
+        class: "a_filters_center__item",
+        style: this.styleHide,
+      }, [
+        h(AButton, {
+          class: this.btnCloseAllClass,
+          iconLeft: ArrowClockwise,
+          text: "_A_FILTERS_DESELECT_ALL_",
+          onClick: this.closeAllFilters,
+        }),
+      ]),
+    ]);
+  },
+};