aloha-vue 2.75.0 → 2.76.0

package/src/PuxDatepicker/panel/PanelTime/PanelTime.pug

@@ -1,20 +1,20 @@
-.pux_datepicker__panel.pux_datepicker__panel_time
-  ul.pux_datepicker__time_list(
-    v-for="(timeList, timeListIndex) in timesFiltered"
-    :key="timeListIndex"
-    role="listbox"
-    :aria-labelledby="idForHeader"
-    :style="{ width: 100 / timesFiltered.length + '%' }"
-  )
-    li.cell(
-      v-for="(time, timeIndex) in timeList"
-      :id="time.id"
-      :key="timeIndex"
-      :class="{ actived: time.isActive, disabled: time.isDisabled, pux_datepicker__panel__cell_focus: timeListIndex + '_' + timeIndex === fullIndexForFocus }"
-      tabindex="-1"
-      role="option"
-      :aria-selected="time.isActive ? 'true' : 'false'"
-      :aria-label="time.ariaLabel"
-      @click="selectTime(time.time)"
-      @keypress.enter.space.prevent.stop="selectTime(time.time, timeListIndex === timesFiltered.length - 1)"
-    ) {{ time.label }}
+.pux_datepicker__panel.pux_datepicker__panel_time
+  ul.pux_datepicker__time_list(
+    v-for="(timeList, timeListIndex) in timesFiltered"
+    :key="timeListIndex"
+    role="listbox"
+    :aria-labelledby="idForHeader"
+    :style="{ width: 100 / timesFiltered.length + '%' }"
+  )
+    li.cell(
+      v-for="(time, timeIndex) in timeList"
+      :id="time.id"
+      :key="timeIndex"
+      :class="{ actived: time.isActive, disabled: time.isDisabled, pux_datepicker__panel__cell_focus: timeListIndex + '_' + timeIndex === fullIndexForFocus }"
+      tabindex="-1"
+      role="option"
+      :aria-selected="time.isActive ? 'true' : 'false'"
+      :aria-label="time.ariaLabel"
+      @click="selectTime(time.time)"
+      @keypress.enter.space.prevent.stop="selectTime(time.time, timeListIndex === timesFiltered.length - 1)"
+    ) {{ time.label }}

package/src/PuxDatepicker/panel/PanelTime/PanelTime.vue

@@ -1,2 +1,2 @@
-<template lang="pug" src="./PanelTime.pug"></template>
-<script src="./PanelTime.js"></script>
+<template lang="pug" src="./PanelTime.pug"></template>
+<script src="./PanelTime.js"></script>

package/src/PuxDatepicker/panel/PanelYear/PanelYear.pug

@@ -1,16 +1,16 @@
-ul.pux_datepicker__panel.pux_datepicker__panel_year.pux_datepicker__panel__list(
-  role="listbox"
-  :aria-labelledby="idForHeader"
-  v-bind="attributesForMainElement"
-)
-  panel-year-item(
-    v-for="(e, index) in 10"
-    :key="index"
-    :class="{ pux_datepicker__panel__cell_focus: index === yearIndexForFocus }"
-    :year="firstYearLocal + index"
-    :year-from-value="yearFromValue"
-    :year-index="index"
-    :prefix-for-id="prefixForId"
-    :is-disabled="isDisabled"
-    @selectYear="selectYear"
-  )
+ul.pux_datepicker__panel.pux_datepicker__panel_year.pux_datepicker__panel__list(
+  role="listbox"
+  :aria-labelledby="idForHeader"
+  v-bind="attributesForMainElement"
+)
+  panel-year-item(
+    v-for="(e, index) in 10"
+    :key="index"
+    :class="{ pux_datepicker__panel__cell_focus: index === yearIndexForFocus }"
+    :year="firstYearLocal + index"
+    :year-from-value="yearFromValue"
+    :year-index="index"
+    :prefix-for-id="prefixForId"
+    :is-disabled="isDisabled"
+    @selectYear="selectYear"
+  )

package/src/PuxDatepicker/panel/PanelYear/PanelYear.vue

@@ -1,2 +1,2 @@
-<template lang="pug" src="./PanelYear.pug"></template>
-<script src="./PanelYear.js"></script>
+<template lang="pug" src="./PanelYear.pug"></template>
+<script src="./PanelYear.js"></script>

package/src/PuxDatepicker/panel/PanelYearItem/PanelYearItem.js

@@ -1,55 +1,55 @@
-// @vue/component
-export default {
-  name: "PanelYearItem",
-  props: {
-    prefixForId: {
-      type: String,
-      required: true,
-    },
-    year: {
-      type: Number,
-      required: true,
-    },
-    yearFromValue: {
-      type: Number,
-      required: false,
-      default: undefined,
-    },
-    yearIndex: {
-      type: Number,
-      required: true,
-    },
-    isDisabled: {
-      type: Function,
-      required: true,
-    },
-  },
-  emits: [
-    "selectYear",
-  ],
-  computed: {
-    isDisabledLocal() {
-      return this.isDisabled(this.year);
-    },
-
-    isYearActive() {
-      return this.yearFromValue === this.year;
-    },
-
-    idForList() {
-      return `${ this.prefixForId }${ this.yearIndex }`;
-    },
-
-    ariaSelected() {
-      return `${ this.isYearActive }`;
-    },
-  },
-  methods: {
-    selectYearLocal(isButtonClick) {
-      if (this.isDisabledLocal) {
-        return;
-      }
-      this.$emit("selectYear", { year: this.year, isButtonClick });
-    },
-  },
-};
+// @vue/component
+export default {
+  name: "PanelYearItem",
+  props: {
+    prefixForId: {
+      type: String,
+      required: true,
+    },
+    year: {
+      type: Number,
+      required: true,
+    },
+    yearFromValue: {
+      type: Number,
+      required: false,
+      default: undefined,
+    },
+    yearIndex: {
+      type: Number,
+      required: true,
+    },
+    isDisabled: {
+      type: Function,
+      required: true,
+    },
+  },
+  emits: [
+    "selectYear",
+  ],
+  computed: {
+    isDisabledLocal() {
+      return this.isDisabled(this.year);
+    },
+
+    isYearActive() {
+      return this.yearFromValue === this.year;
+    },
+
+    idForList() {
+      return `${ this.prefixForId }${ this.yearIndex }`;
+    },
+
+    ariaSelected() {
+      return `${ this.isYearActive }`;
+    },
+  },
+  methods: {
+    selectYearLocal(isButtonClick) {
+      if (this.isDisabledLocal) {
+        return;
+      }
+      this.$emit("selectYear", { year: this.year, isButtonClick });
+    },
+  },
+};

package/src/PuxDatepicker/panel/PanelYearItem/PanelYearItem.pug

@@ -1,9 +1,9 @@
-li.cell(
-  :id="idForList"
-  :class="{ actived: isYearActive, disabled: isDisabledLocal }"
-  role="option"
-  tabindex="-1"
-  :aria-selected="ariaSelected"
-  @click="selectYearLocal()"
-  @keypress.enter.space.prevent.stop="selectYearLocal(true)"
-) {{ year }}
+li.cell(
+  :id="idForList"
+  :class="{ actived: isYearActive, disabled: isDisabledLocal }"
+  role="option"
+  tabindex="-1"
+  :aria-selected="ariaSelected"
+  @click="selectYearLocal()"
+  @keypress.enter.space.prevent.stop="selectYearLocal(true)"
+) {{ year }}

package/src/PuxDatepicker/panel/PanelYearItem/PanelYearItem.vue

@@ -1,2 +1,2 @@
-<template lang="pug" src="./PanelYearItem.pug"></template>
-<script src="./PanelYearItem.js"></script>
+<template lang="pug" src="./PanelYearItem.pug"></template>
+<script src="./PanelYearItem.js"></script>

package/src/PuxDatepicker/utils/keysCode.js

@@ -1,9 +1,9 @@
-export default {
-  tab: 9,
-  enter: 13,
-  arrowLeft: 37,
-  arrowUp: 38,
-  arrowRight: 39,
-  arrowDown: 40,
-  escape: 27,
-};
+export default {
+  tab: 9,
+  enter: 13,
+  arrowLeft: 37,
+  arrowUp: 38,
+  arrowRight: 39,
+  arrowDown: 40,
+  escape: 27,
+};

package/src/PuxDatepicker/utils/scroll-into-view.js

@@ -1,23 +1,23 @@
-export default function scrollIntoView(container, selected) {
-  if (!selected) {
-    container.scrollTop = 0;
-    return;
-  }
-
-  const OFFSET_PARENTS = [];
-  let pointer = selected.offsetParent;
-  while (pointer && container !== pointer && container.contains(pointer)) {
-    OFFSET_PARENTS.push(pointer);
-    pointer = pointer.offsetParent;
-  }
-  const TOP = selected.offsetTop + OFFSET_PARENTS.reduce((prev, curr) => (prev + curr.offsetTop), 0);
-  const BOTTOM = TOP + selected.offsetHeight;
-  const VIEW_RECT_TOP = container.scrollTop;
-  const VIEW_RECT_BOTTOM = VIEW_RECT_TOP + container.clientHeight;
-
-  if (TOP < VIEW_RECT_TOP) {
-    container.scrollTop = TOP;
-  } else if (BOTTOM > VIEW_RECT_BOTTOM) {
-    container.scrollTop = BOTTOM - container.clientHeight;
-  }
-}
+export default function scrollIntoView(container, selected) {
+  if (!selected) {
+    container.scrollTop = 0;
+    return;
+  }
+
+  const OFFSET_PARENTS = [];
+  let pointer = selected.offsetParent;
+  while (pointer && container !== pointer && container.contains(pointer)) {
+    OFFSET_PARENTS.push(pointer);
+    pointer = pointer.offsetParent;
+  }
+  const TOP = selected.offsetTop + OFFSET_PARENTS.reduce((prev, curr) => (prev + curr.offsetTop), 0);
+  const BOTTOM = TOP + selected.offsetHeight;
+  const VIEW_RECT_TOP = container.scrollTop;
+  const VIEW_RECT_BOTTOM = VIEW_RECT_TOP + container.clientHeight;
+
+  if (TOP < VIEW_RECT_TOP) {
+    container.scrollTop = TOP;
+  } else if (BOTTOM > VIEW_RECT_BOTTOM) {
+    container.scrollTop = BOTTOM - container.clientHeight;
+  }
+}

package/src/PuxDatepicker/utils/transform.js

@@ -1,23 +1,23 @@
-import {
-  isValidDate,
-} from "./index";
-
-
-const TODAY = new Date();
-
-export const transformDate = {
-  date: {
-    value2date: value => {
-      if (isValidDate(value)) {
-        return new Date(value);
-      }
-      const DATE_STRING = `${ TODAY.toDateString() } ${ value }`;
-      return isValidDate(DATE_STRING) ? new Date(DATE_STRING) : null;
-    },
-    date2value: date => date,
-  },
-  timestamp: {
-    value2date: value => isValidDate(value) ? new Date(value) : null,
-    date2value: date => date && new Date(date).getTime(),
-  },
-};
+import {
+  isValidDate,
+} from "./index";
+
+
+const TODAY = new Date();
+
+export const transformDate = {
+  date: {
+    value2date: value => {
+      if (isValidDate(value)) {
+        return new Date(value);
+      }
+      const DATE_STRING = `${ TODAY.toDateString() } ${ value }`;
+      return isValidDate(DATE_STRING) ? new Date(DATE_STRING) : null;
+    },
+    date2value: date => date,
+  },
+  timestamp: {
+    value2date: value => isValidDate(value) ? new Date(value) : null,
+    date2value: date => date && new Date(date).getTime(),
+  },
+};

package/src/compositionAPI/AConfirmAPI.js

@@ -1,58 +1,58 @@
-import {
-  ref,
-} from "vue";
-
-import {
-  forEach,
-  isFunction,
-} from "lodash-es";
-
-export const isModalHidden = ref(true);
-export const confirmOptions = ref({});
-
-/*
- * bodyHtml
- * close
- * closeButtonClass
- * closeButtonText
- * disabled
- * headerTag
- * headerText
- * save
- * saveButtonClass
- * saveButtonText
- * selectorClose
- * size
- */
-
-export default function AConfirmAPI() {
-  return {
-    changeConfirmOptions,
-    closeConfirm,
-    confirmOptions,
-    isModalHidden,
-    openConfirm,
-  };
-}
-
-export function changeConfirmOptions(args = {}) {
-  forEach(args, (argumentValue, argumentKey) => {
-    confirmOptions.value[argumentKey] = argumentValue;
-  });
-}
-
-export function openConfirm(args = {}) {
-  changeConfirmOptions(args);
-
-  isModalHidden.value = false;
-}
-
-export function closeConfirm(isCloseButton) {
-  if (isCloseButton && isFunction(confirmOptions.value.close)) {
-    confirmOptions.value.close();
-  }
-  isModalHidden.value = true;
-  setTimeout(() => {
-    confirmOptions.value = {};
-  });
-}
+import {
+  ref,
+} from "vue";
+
+import {
+  forEach,
+  isFunction,
+} from "lodash-es";
+
+export const isModalHidden = ref(true);
+export const confirmOptions = ref({});
+
+/*
+ * bodyHtml
+ * close
+ * closeButtonClass
+ * closeButtonText
+ * disabled
+ * headerTag
+ * headerText
+ * save
+ * saveButtonClass
+ * saveButtonText
+ * selectorClose
+ * size
+ */
+
+export default function AConfirmAPI() {
+  return {
+    changeConfirmOptions,
+    closeConfirm,
+    confirmOptions,
+    isModalHidden,
+    openConfirm,
+  };
+}
+
+export function changeConfirmOptions(args = {}) {
+  forEach(args, (argumentValue, argumentKey) => {
+    confirmOptions.value[argumentKey] = argumentValue;
+  });
+}
+
+export function openConfirm(args = {}) {
+  changeConfirmOptions(args);
+
+  isModalHidden.value = false;
+}
+
+export function closeConfirm(isCloseButton) {
+  if (isCloseButton && isFunction(confirmOptions.value.close)) {
+    confirmOptions.value.close();
+  }
+  isModalHidden.value = true;
+  setTimeout(() => {
+    confirmOptions.value = {};
+  });
+}

package/src/compositionAPI/ADropdownGlobalAPI.js

@@ -1,20 +1,20 @@
-import {
-  ref,
-} from "vue";
-
-const isDropdownGlobalOpen = ref(false);
-export default function ADropdownGlobalAPI() {
-  const openDropdownGlobal = () => {
-    isDropdownGlobalOpen.value = true;
-  };
-
-  const closeDropdownGlobal = () => {
-    isDropdownGlobalOpen.value = false;
-  };
-
-  return {
-    closeDropdownGlobal,
-    isDropdownGlobalOpen,
-    openDropdownGlobal,
-  };
-}
+import {
+  ref,
+} from "vue";
+
+const isDropdownGlobalOpen = ref(false);
+export default function ADropdownGlobalAPI() {
+  const openDropdownGlobal = () => {
+    isDropdownGlobalOpen.value = true;
+  };
+
+  const closeDropdownGlobal = () => {
+    isDropdownGlobalOpen.value = false;
+  };
+
+  return {
+    closeDropdownGlobal,
+    isDropdownGlobalOpen,
+    openDropdownGlobal,
+  };
+}

package/src/compositionAPI/ANotificationAPI.js

@@ -1,64 +1,64 @@
-import {
-  computed,
-  ref,
-} from "vue";
-
-import {
-  createListFromObject,
-} from "../utils/utils";
-
-import {
-  isNil,
-  isPlainObject,
-  values,
-} from "lodash-es";
-
-let notificationTimeout = 5000;
-const notificationsObj = ref({});
-const notifications = computed(() => {
-  return values(notificationsObj.value);
-});
-let notificationsCount = 0;
-
-export default function ANotificationAPI() {
-  return {
-    addNotification,
-    removeNotification,
-    notifications,
-    setNotificationTimeout,
-  };
-}
-
-export function setNotificationTimeout(timeout) {
-  notificationTimeout = timeout;
-}
-
-export function addNotification({ text, type = "success", timeout, extra, useValuesFromObject = true }) {
-  const TIMEOUT_LOCAL = isNil(timeout) ? notificationTimeout : timeout;
-  const CURRENT_INDEX = notificationsCount;
-  const TYPE = type === "error" ? "danger" : type;
-  let textLocal = text;
-  if (isPlainObject(text) && useValuesFromObject) {
-    textLocal = createListFromObject(text); // TODO: filterList
-  }
-
-  notificationsObj.value[CURRENT_INDEX] = {
-    text: textLocal,
-    type: TYPE,
-    index: CURRENT_INDEX,
-    extra,
-  };
-  notificationsCount++;
-
-  if (TIMEOUT_LOCAL) {
-    setTimeout(() => {
-      removeNotification(CURRENT_INDEX);
-    }, TIMEOUT_LOCAL);
-  }
-}
-
-function removeNotification(notificationIndex) {
-  if (notificationsObj.value[notificationIndex]) {
-    delete notificationsObj.value[notificationIndex];
-  }
-}
+import {
+  computed,
+  ref,
+} from "vue";
+
+import {
+  createListFromObject,
+} from "../utils/utils";
+
+import {
+  isNil,
+  isPlainObject,
+  values,
+} from "lodash-es";
+
+let notificationTimeout = 5000;
+const notificationsObj = ref({});
+const notifications = computed(() => {
+  return values(notificationsObj.value);
+});
+let notificationsCount = 0;
+
+export default function ANotificationAPI() {
+  return {
+    addNotification,
+    removeNotification,
+    notifications,
+    setNotificationTimeout,
+  };
+}
+
+export function setNotificationTimeout(timeout) {
+  notificationTimeout = timeout;
+}
+
+export function addNotification({ text, type = "success", timeout, extra, useValuesFromObject = true }) {
+  const TIMEOUT_LOCAL = isNil(timeout) ? notificationTimeout : timeout;
+  const CURRENT_INDEX = notificationsCount;
+  const TYPE = type === "error" ? "danger" : type;
+  let textLocal = text;
+  if (isPlainObject(text) && useValuesFromObject) {
+    textLocal = createListFromObject(text); // TODO: filterList
+  }
+
+  notificationsObj.value[CURRENT_INDEX] = {
+    text: textLocal,
+    type: TYPE,
+    index: CURRENT_INDEX,
+    extra,
+  };
+  notificationsCount++;
+
+  if (TIMEOUT_LOCAL) {
+    setTimeout(() => {
+      removeNotification(CURRENT_INDEX);
+    }, TIMEOUT_LOCAL);
+  }
+}
+
+function removeNotification(notificationIndex) {
+  if (notificationsObj.value[notificationIndex]) {
+    delete notificationsObj.value[notificationIndex];
+  }
+}