aloha-vue 2.66.0 → 2.66.2

package/src/compositionAPI/AEventOutsideAPI.js

@@ -1,46 +1,46 @@
-import {
-  computed,
-  onBeforeUnmount,
-  ref,
-} from "vue";
-
-import {
-  forEach,
-} from "lodash-es";
-
-export default function AEventOutsideAPI({
-  $elements = computed(() => []),
-  clickOutsideCallback = () => {},
-}) {
-  const clickEventName = ref("ontouchend" in document ? "touchstart" : "click");
-
-  const clickOutsideEvent = $event => {
-    // here I check that click was outside the el and his children
-    let isClickInside = false;
-    forEach($elements.value, $element => {
-      if ($element === $event.target || $element.contains($event.target)) {
-        // and if it did, call method provided in attribute value
-        isClickInside = true;
-        return false;
-      }
-    });
-    if (!isClickInside) {
-      clickOutsideCallback();
-    }
-  };
-
-  const setEventClickOutside = () => {
-    document.addEventListener(clickEventName.value, clickOutsideEvent);
-  };
-
-  const destroyEventClickOutside = () => {
-    document.removeEventListener(clickEventName.value, clickOutsideEvent);
-  };
-
-  onBeforeUnmount(() => destroyEventClickOutside());
-
-  return {
-    setEventClickOutside,
-    destroyEventClickOutside,
-  };
-}
+import {
+  computed,
+  onBeforeUnmount,
+  ref,
+} from "vue";
+
+import {
+  forEach,
+} from "lodash-es";
+
+export default function AEventOutsideAPI({
+  $elements = computed(() => []),
+  clickOutsideCallback = () => {},
+}) {
+  const clickEventName = ref("ontouchend" in document ? "touchstart" : "click");
+
+  const clickOutsideEvent = $event => {
+    // here I check that click was outside the el and his children
+    let isClickInside = false;
+    forEach($elements.value, $element => {
+      if ($element === $event.target || $element.contains($event.target)) {
+        // and if it did, call method provided in attribute value
+        isClickInside = true;
+        return false;
+      }
+    });
+    if (!isClickInside) {
+      clickOutsideCallback();
+    }
+  };
+
+  const setEventClickOutside = () => {
+    document.addEventListener(clickEventName.value, clickOutsideEvent);
+  };
+
+  const destroyEventClickOutside = () => {
+    document.removeEventListener(clickEventName.value, clickOutsideEvent);
+  };
+
+  onBeforeUnmount(() => destroyEventClickOutside());
+
+  return {
+    setEventClickOutside,
+    destroyEventClickOutside,
+  };
+}

package/src/compositionAPI/AFiltersAPI.js

@@ -1,178 +1,178 @@
-import {
-  ref,
-} from "vue";
-
-import _filterBoolean from "../filters/filterBoolean";
-import _filterCapitalize from "../filters/filterCapitalize";
-import _filterCurrency from "../filters/filterCurrency";
-import _filterDate from "../filters/filterDate";
-import _filterDefaultForEmpty from "../filters/filterDefaultForEmpty";
-import _filterEmail from "../filters/filterEmail";
-import _filterEscapeHtml from "../filters/filterEscapeHtml";
-import _filterFileSize from "../filters/filterFileSize";
-import _filterFloat from "../filters/filterFloat";
-import _filterJson from "../filters/filterJson";
-import _filterKeyValue from "../filters/filterKeyValue";
-import _filterLimitTo from "../filters/filterLimitTo";
-import _filterLink from "../filters/filterLink";
-import _filterList from "../filters/filterList";
-import _filterLowerCase from "../filters/filterLowerCase";
-import _filterMask from "../filters/filterMask";
-import _filterPropertyByValue from "../filters/filterPropertyByValue";
-import _filterSearchHighlight from "../filters/filterSearchHighlight";
-import _filterUpperCase from "../filters/filterUpperCase";
-import _filterValueByCondition from "../filters/filterValueByCondition";
-
-export const additionFilters = ref({});
-
-export default function AFiltersAPI() {
-  const filterBoolean = (value, { trueValue = "_YES_", falseValue = "_NO_", useNil = true } = {}) => {
-    return _filterBoolean(value, {
-      trueValue,
-      falseValue,
-      useNil,
-    });
-  };
-
-  const filterCapitalize = value => {
-    return _filterCapitalize(value);
-  };
-
-  const filterCurrency = (value, { suffix = "€", digits = 2, digitGrouping = true } = {}) => {
-    return _filterCurrency(value, { suffix, digits, digitGrouping });
-  };
-
-  const filterFloat = (value, { suffix = "", digits = 2, digitGrouping = true } = {}) => {
-    return _filterFloat(value, { suffix, digits, digitGrouping });
-  };
-
-  const filterDate = (value, { format = "date" } = {}) => {
-    return _filterDate(value, { format });
-  };
-
-  const filterDefaultForEmpty = (value, { emptyValue = "-" } = {}) => {
-    return _filterDefaultForEmpty(value, {
-      emptyValue,
-    });
-  };
-
-  const filterEmail = (value, { linkClass } = {}) => {
-    return _filterEmail(value, { linkClass });
-  };
-
-  const filterEscapeHtml = value => {
-    return _filterEscapeHtml(value);
-  };
-
-  const filterFileSize = (value, { units = "kb", sourceUnits = "b", digits = 2 } = {}) => {
-    return _filterFileSize(value, { units, sourceUnits, digits });
-  };
-
-  const filterJson = (value, {
-    replacer,
-    space = 2,
-    isHtml = false,
-    jsonClass = "a_code_content",
-    tag = "pre",
-  } = {}) => {
-    return _filterJson(value, { replacer, space, isHtml, jsonClass, tag });
-  };
-
-  const filterKeyValue = value => {
-    return _filterKeyValue(value);
-  };
-
-  const filterLimitTo = (value, {
-    limit = 30,
-    maxThreeDots = true,
-  } = {}) => {
-    return _filterLimitTo(value, { limit, maxThreeDots });
-  };
-
-  const filterLink = (value, { linkText = "", protocol = "https://", target = "", linkClass = "" } = {}) => {
-    return _filterLink(value, { linkText, protocol, target, linkClass });
-  };
-
-  const filterList = (value, {
-    isHtml = true,
-    isSimpleArray = false,
-    keyChildren = "",
-    keyLabel = "",
-    keyLabelCallback,
-    listClass = "",
-    separator = ", ",
-    tag = "ul",
-  } = {}) => {
-    return _filterList(value, { isHtml, listClass, keyLabel, keyLabelCallback, keyChildren, isSimpleArray, separator, tag });
-  };
-
-  const filterLowerCase = value => {
-    return _filterLowerCase(value);
-  };
-
-  const filterMask = (value, { chars = 4, mask = "*" } = {}) => {
-    return _filterMask(value, { chars, mask });
-  };
-
-  const filterPropertyByValue = (value, { mapping = {}, defaultValue = "" } = {}) => {
-    return _filterPropertyByValue(value, { mapping, defaultValue });
-  };
-
-  const filterSearchHighlight = (value, {
-    searchModel = "",
-    searchClass = "a_search_highlight",
-    tag = "mark",
-    attributes = [],
-    caseSensitive = false,
-    isHtml = false,
-  } = {}) => {
-    return _filterSearchHighlight(value, {
-      searchModel,
-      searchClass,
-      tag,
-      attributes,
-      caseSensitive,
-      isHtml,
-    });
-  };
-
-  const filterUpperCase = value => {
-    return _filterUpperCase(value);
-  };
-
-  const filterValueByCondition = (value, {
-    conditions = [],
-    defaultValue = "",
-    defaultTemplate,
-  } = {}) => {
-    return _filterValueByCondition(value, {
-      conditions,
-      defaultValue,
-      defaultTemplate,
-    });
-  };
-
-  return {
-    filterBoolean,
-    filterCapitalize,
-    filterCurrency,
-    filterDate,
-    filterDefaultForEmpty,
-    filterEmail,
-    filterEscapeHtml,
-    filterFileSize,
-    filterFloat,
-    filterJson,
-    filterKeyValue,
-    filterLimitTo,
-    filterLink,
-    filterList,
-    filterLowerCase,
-    filterMask,
-    filterPropertyByValue,
-    filterSearchHighlight,
-    filterUpperCase,
-    filterValueByCondition,
-    ...additionFilters.value,
-  };
-}
+import {
+  ref,
+} from "vue";
+
+import _filterBoolean from "../filters/filterBoolean";
+import _filterCapitalize from "../filters/filterCapitalize";
+import _filterCurrency from "../filters/filterCurrency";
+import _filterDate from "../filters/filterDate";
+import _filterDefaultForEmpty from "../filters/filterDefaultForEmpty";
+import _filterEmail from "../filters/filterEmail";
+import _filterEscapeHtml from "../filters/filterEscapeHtml";
+import _filterFileSize from "../filters/filterFileSize";
+import _filterFloat from "../filters/filterFloat";
+import _filterJson from "../filters/filterJson";
+import _filterKeyValue from "../filters/filterKeyValue";
+import _filterLimitTo from "../filters/filterLimitTo";
+import _filterLink from "../filters/filterLink";
+import _filterList from "../filters/filterList";
+import _filterLowerCase from "../filters/filterLowerCase";
+import _filterMask from "../filters/filterMask";
+import _filterPropertyByValue from "../filters/filterPropertyByValue";
+import _filterSearchHighlight from "../filters/filterSearchHighlight";
+import _filterUpperCase from "../filters/filterUpperCase";
+import _filterValueByCondition from "../filters/filterValueByCondition";
+
+export const additionFilters = ref({});
+
+export default function AFiltersAPI() {
+  const filterBoolean = (value, { trueValue = "_YES_", falseValue = "_NO_", useNil = true } = {}) => {
+    return _filterBoolean(value, {
+      trueValue,
+      falseValue,
+      useNil,
+    });
+  };
+
+  const filterCapitalize = value => {
+    return _filterCapitalize(value);
+  };
+
+  const filterCurrency = (value, { suffix = "€", digits = 2, digitGrouping = true } = {}) => {
+    return _filterCurrency(value, { suffix, digits, digitGrouping });
+  };
+
+  const filterFloat = (value, { suffix = "", digits = 2, digitGrouping = true } = {}) => {
+    return _filterFloat(value, { suffix, digits, digitGrouping });
+  };
+
+  const filterDate = (value, { format = "date" } = {}) => {
+    return _filterDate(value, { format });
+  };
+
+  const filterDefaultForEmpty = (value, { emptyValue = "-" } = {}) => {
+    return _filterDefaultForEmpty(value, {
+      emptyValue,
+    });
+  };
+
+  const filterEmail = (value, { linkClass } = {}) => {
+    return _filterEmail(value, { linkClass });
+  };
+
+  const filterEscapeHtml = value => {
+    return _filterEscapeHtml(value);
+  };
+
+  const filterFileSize = (value, { units = "kb", sourceUnits = "b", digits = 2 } = {}) => {
+    return _filterFileSize(value, { units, sourceUnits, digits });
+  };
+
+  const filterJson = (value, {
+    replacer,
+    space = 2,
+    isHtml = false,
+    jsonClass = "a_code_content",
+    tag = "pre",
+  } = {}) => {
+    return _filterJson(value, { replacer, space, isHtml, jsonClass, tag });
+  };
+
+  const filterKeyValue = value => {
+    return _filterKeyValue(value);
+  };
+
+  const filterLimitTo = (value, {
+    limit = 30,
+    maxThreeDots = true,
+  } = {}) => {
+    return _filterLimitTo(value, { limit, maxThreeDots });
+  };
+
+  const filterLink = (value, { linkText = "", protocol = "https://", target = "", linkClass = "" } = {}) => {
+    return _filterLink(value, { linkText, protocol, target, linkClass });
+  };
+
+  const filterList = (value, {
+    isHtml = true,
+    isSimpleArray = false,
+    keyChildren = "",
+    keyLabel = "",
+    keyLabelCallback,
+    listClass = "",
+    separator = ", ",
+    tag = "ul",
+  } = {}) => {
+    return _filterList(value, { isHtml, listClass, keyLabel, keyLabelCallback, keyChildren, isSimpleArray, separator, tag });
+  };
+
+  const filterLowerCase = value => {
+    return _filterLowerCase(value);
+  };
+
+  const filterMask = (value, { chars = 4, mask = "*" } = {}) => {
+    return _filterMask(value, { chars, mask });
+  };
+
+  const filterPropertyByValue = (value, { mapping = {}, defaultValue = "" } = {}) => {
+    return _filterPropertyByValue(value, { mapping, defaultValue });
+  };
+
+  const filterSearchHighlight = (value, {
+    searchModel = "",
+    searchClass = "a_search_highlight",
+    tag = "mark",
+    attributes = [],
+    caseSensitive = false,
+    isHtml = false,
+  } = {}) => {
+    return _filterSearchHighlight(value, {
+      searchModel,
+      searchClass,
+      tag,
+      attributes,
+      caseSensitive,
+      isHtml,
+    });
+  };
+
+  const filterUpperCase = value => {
+    return _filterUpperCase(value);
+  };
+
+  const filterValueByCondition = (value, {
+    conditions = [],
+    defaultValue = "",
+    defaultTemplate,
+  } = {}) => {
+    return _filterValueByCondition(value, {
+      conditions,
+      defaultValue,
+      defaultTemplate,
+    });
+  };
+
+  return {
+    filterBoolean,
+    filterCapitalize,
+    filterCurrency,
+    filterDate,
+    filterDefaultForEmpty,
+    filterEmail,
+    filterEscapeHtml,
+    filterFileSize,
+    filterFloat,
+    filterJson,
+    filterKeyValue,
+    filterLimitTo,
+    filterLink,
+    filterList,
+    filterLowerCase,
+    filterMask,
+    filterPropertyByValue,
+    filterSearchHighlight,
+    filterUpperCase,
+    filterValueByCondition,
+    ...additionFilters.value,
+  };
+}

package/src/compositionAPI/AMobileAPI.js

@@ -1,32 +1,32 @@
-import {
-  ref,
-} from "vue";
-
-import EventBus from "../utils/EventBus";
-import {
-  isBrowser,
-} from "../utils/isBrowser";
-
-export const isMobileWidth = ref(undefined);
-export const mobileBreakpoint = ref(undefined);
-
-export function setIsMobileWidth(isMobileWidthLocal) {
-  isMobileWidth.value = isMobileWidthLocal;
-  EventBus.$emit("updateViewOnResize", isMobileWidthLocal);
-  if (!isBrowser()) {
-    return;
-  }
-  if (isMobileWidthLocal) {
-    document.body.classList.add("a_mobile");
-  } else {
-    document.body.classList.remove("a_mobile");
-  }
-}
-
-export default function AMobileAPI() {
-  return {
-    isMobileWidth,
-    mobileBreakpoint,
-    setIsMobileWidth,
-  };
-}
+import {
+  ref,
+} from "vue";
+
+import EventBus from "../utils/EventBus";
+import {
+  isBrowser,
+} from "../utils/isBrowser";
+
+export const isMobileWidth = ref(undefined);
+export const mobileBreakpoint = ref(undefined);
+
+export function setIsMobileWidth(isMobileWidthLocal) {
+  isMobileWidth.value = isMobileWidthLocal;
+  EventBus.$emit("updateViewOnResize", isMobileWidthLocal);
+  if (!isBrowser()) {
+    return;
+  }
+  if (isMobileWidthLocal) {
+    document.body.classList.add("a_mobile");
+  } else {
+    document.body.classList.remove("a_mobile");
+  }
+}
+
+export default function AMobileAPI() {
+  return {
+    isMobileWidth,
+    mobileBreakpoint,
+    setIsMobileWidth,
+  };
+}

package/src/compositionAPI/APageTabTitleAPI.js

@@ -1,84 +1,84 @@
-import {
-  computed,
-  onMounted,
-  ref,
-  toRef,
-  watch,
-} from "vue";
-
-import ATranslationAPI from "../ATranslation/compositionAPI/ATranslationAPI";
-import UtilsAPI from "../ATranslation/compositionAPI/UtilsAPI";
-
-import {
-  isBrowser,
-} from "../utils/isBrowser";
-
-const baseTitle = ref("");
-
-export default function APageTabTitleAPI(props) {
-  const title = toRef(props, "title");
-  const extra = toRef(props, "extra");
-
-  const {
-    translationChanges,
-  } = ATranslationAPI();
-
-  const {
-    isPlaceholderTranslate,
-    getTranslatedText,
-  } = UtilsAPI();
-
-  const baseTitleTranslated = computed(() => {
-    if (!translationChanges.value) {
-      return undefined;
-    }
-    if (isPlaceholderTranslate(baseTitle.value)) {
-      return getTranslatedText({
-        placeholder: baseTitle.value,
-      });
-    }
-    return baseTitle.value;
-  });
-
-  const titleTranslated = computed(() => {
-    if (!translationChanges.value) {
-      return undefined;
-    }
-    if (isPlaceholderTranslate(title.value)) {
-      return getTranslatedText({
-        placeholder: title.value,
-        extra: extra.value,
-      });
-    }
-    return title.value;
-  });
-
-  const setPageTabTitle = () => {
-    if (!isBrowser()) {
-      return;
-    }
-    let pageTitle = "";
-    if (titleTranslated.value) {
-      pageTitle = titleTranslated.value;
-      if (baseTitleTranslated.value) {
-        pageTitle += ` - ${ baseTitleTranslated.value }`;
-      }
-    } else if (baseTitleTranslated.value) {
-      pageTitle = baseTitleTranslated.value;
-    }
-    document.title = pageTitle;
-  };
-
-  onMounted(() => {
-    setPageTabTitle();
-  });
-
-
-  watch(titleTranslated, () => {
-    setPageTabTitle();
-  });
-}
-
-export function setBaseTitle(baseTitleArg = "") {
-  baseTitle.value = baseTitleArg;
-}
+import {
+  computed,
+  onMounted,
+  ref,
+  toRef,
+  watch,
+} from "vue";
+
+import ATranslationAPI from "../ATranslation/compositionAPI/ATranslationAPI";
+import UtilsAPI from "../ATranslation/compositionAPI/UtilsAPI";
+
+import {
+  isBrowser,
+} from "../utils/isBrowser";
+
+const baseTitle = ref("");
+
+export default function APageTabTitleAPI(props) {
+  const title = toRef(props, "title");
+  const extra = toRef(props, "extra");
+
+  const {
+    translationChanges,
+  } = ATranslationAPI();
+
+  const {
+    isPlaceholderTranslate,
+    getTranslatedText,
+  } = UtilsAPI();
+
+  const baseTitleTranslated = computed(() => {
+    if (!translationChanges.value) {
+      return undefined;
+    }
+    if (isPlaceholderTranslate(baseTitle.value)) {
+      return getTranslatedText({
+        placeholder: baseTitle.value,
+      });
+    }
+    return baseTitle.value;
+  });
+
+  const titleTranslated = computed(() => {
+    if (!translationChanges.value) {
+      return undefined;
+    }
+    if (isPlaceholderTranslate(title.value)) {
+      return getTranslatedText({
+        placeholder: title.value,
+        extra: extra.value,
+      });
+    }
+    return title.value;
+  });
+
+  const setPageTabTitle = () => {
+    if (!isBrowser()) {
+      return;
+    }
+    let pageTitle = "";
+    if (titleTranslated.value) {
+      pageTitle = titleTranslated.value;
+      if (baseTitleTranslated.value) {
+        pageTitle += ` - ${ baseTitleTranslated.value }`;
+      }
+    } else if (baseTitleTranslated.value) {
+      pageTitle = baseTitleTranslated.value;
+    }
+    document.title = pageTitle;
+  };
+
+  onMounted(() => {
+    setPageTabTitle();
+  });
+
+
+  watch(titleTranslated, () => {
+    setPageTabTitle();
+  });
+}
+
+export function setBaseTitle(baseTitleArg = "") {
+  baseTitle.value = baseTitleArg;
+}