aloha-vue 2.76.0 → 2.77.0

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,
+  };
+}

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

@@ -1,33 +1,33 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import {
-  filter,
-  isNil,
-} from "lodash-es";
-
-
-export default function DataAPI(props) {
-  const levelIndex = toRef(props, "levelIndex");
-  const groupsForLever = toRef(props, "groupsForLever");
-  const groupParentKey = toRef(props, "groupParentKey");
-
-  const isComponentVisible = computed(() => {
-    return !!groupsForLever.value[levelIndex.value];
-  });
-
-  const currentGroups = computed(() => {
-    const CURRENT_LEVEL = groupsForLever.value[levelIndex.value];
-    if (isNil(groupParentKey.value)) {
-      return CURRENT_LEVEL;
-    }
-    return filter(groupsForLever.value[levelIndex.value], ["groupParentKey", groupParentKey.value]);
-  });
-
-  return {
-    currentGroups,
-    isComponentVisible,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import {
+  filter,
+  isNil,
+} from "lodash-es";
+
+
+export default function DataAPI(props) {
+  const levelIndex = toRef(props, "levelIndex");
+  const groupsForLever = toRef(props, "groupsForLever");
+  const groupParentKey = toRef(props, "groupParentKey");
+
+  const isComponentVisible = computed(() => {
+    return !!groupsForLever.value[levelIndex.value];
+  });
+
+  const currentGroups = computed(() => {
+    const CURRENT_LEVEL = groupsForLever.value[levelIndex.value];
+    if (isNil(groupParentKey.value)) {
+      return CURRENT_LEVEL;
+    }
+    return filter(groupsForLever.value[levelIndex.value], ["groupParentKey", groupParentKey.value]);
+  });
+
+  return {
+    currentGroups,
+    isComponentVisible,
+  };
+}

package/src/ui/ADatepicker/ADatepickerCalendarPanel/ADatepickerCalendarPanel.js

@@ -89,17 +89,17 @@ export default {
         return !val || isValidDate(val);
       },
     },
-    minuteStep: {
-      type: Number,
-      default: 0,
-      validator: val => val >= 0 && val <= 60,
-    },
-    timePrecision: {
-      type: String,
-      required: false,
-      default: undefined,
-      validator: value => ["hour", "minute", "second"].indexOf(value) !== -1,
-    },
+    minuteStep: {
+      type: Number,
+      default: 0,
+      validator: val => val >= 0 && val <= 60,
+    },
+    timePrecision: {
+      type: String,
+      required: false,
+      default: undefined,
+      validator: value => ["hour", "minute", "second"].indexOf(value) !== -1,
+    },
     startAt: {
       type: [String, Number, Boolean, Array, Object, Date, Function, Symbol],
       required: false,
@@ -156,7 +156,7 @@ export default {
       isWorkWithKeyboard: false,
     };
   },
-  computed: {
+  computed: {
     now: {
       get() {
         return new Date(this.calendarYear, this.calendarMonth).getTime();
@@ -168,32 +168,32 @@ export default {
       },
     },
 
-    formatForTimePanel() {
-      return typeof this.$parent.formatLocal === "string" ?
-        this.$parent.formatLocal :
-        this.$parent.format;
-    },
-
-    timeType() {
-      const h = /h+/.test(this.formatForTimePanel) ? "12" : "24";
-      const a = /A/.test(this.formatForTimePanel) ? "A" : "a";
-      return [h, a];
-    },
-
-    timePrecisionLocal() {
-      if (this.timePrecision) {
-        return this.timePrecision;
-      }
-
-      return this.minuteStep === 0 ? "second" : "minute";
-    },
-
-    timeHeader() {
-      if (this.type === "time") {
-        return this.formatForTimePanel;
-      }
-      return this.value && formatDate(this.value, this.dateFormat);
-    },
+    formatForTimePanel() {
+      return typeof this.$parent.formatLocal === "string" ?
+        this.$parent.formatLocal :
+        this.$parent.format;
+    },
+
+    timeType() {
+      const h = /h+/.test(this.formatForTimePanel) ? "12" : "24";
+      const a = /A/.test(this.formatForTimePanel) ? "A" : "a";
+      return [h, a];
+    },
+
+    timePrecisionLocal() {
+      if (this.timePrecision) {
+        return this.timePrecision;
+      }
+
+      return this.minuteStep === 0 ? "second" : "minute";
+    },
+
+    timeHeader() {
+      if (this.type === "time") {
+        return this.formatForTimePanel;
+      }
+      return this.value && formatDate(this.value, this.dateFormat);
+    },
 
     yearHeader() {
       const LAST_YEAR = this.firstYear + 9;
@@ -402,19 +402,19 @@ export default {
       );
     },
 
-    selectDate(date) {
-      if (this.type === "datetime") {
-        let time = new Date(date);
-        if (isDateObject(this.value)) {
-          time.setHours(
+    selectDate(date) {
+      if (this.type === "datetime") {
+        let time = new Date(date);
+        if (isDateObject(this.value)) {
+          time.setHours(
             this.value.getHours(),
-            this.value.getMinutes(),
-            this.value.getSeconds(),
-          );
-        }
-        time = this.normalizeTimeByPrecision(time);
-        if (this.isDisabledTime(time)) {
-          time.setHours(0, 0, 0, 0);
+            this.value.getMinutes(),
+            this.value.getSeconds(),
+          );
+        }
+        time = this.normalizeTimeByPrecision(time);
+        if (this.isDisabledTime(time)) {
+          time.setHours(0, 0, 0, 0);
           if (this.notBefore &&
             time.getTime() < new Date(this.notBefore).getTime()) {
             time = new Date(this.notBefore);
@@ -429,19 +429,19 @@ export default {
         return;
       }
       this.$emit("selectDate", date);
-    },
-
-    normalizeTimeByPrecision(time) {
-      const TIME_LOCAL = new Date(time);
-
-      if (this.timePrecisionLocal === "hour") {
-        TIME_LOCAL.setMinutes(0, 0, 0);
-      } else if (this.timePrecisionLocal === "minute") {
-        TIME_LOCAL.setSeconds(0, 0);
-      }
-
-      return TIME_LOCAL;
-    },
+    },
+
+    normalizeTimeByPrecision(time) {
+      const TIME_LOCAL = new Date(time);
+
+      if (this.timePrecisionLocal === "hour") {
+        TIME_LOCAL.setMinutes(0, 0, 0);
+      } else if (this.timePrecisionLocal === "minute") {
+        TIME_LOCAL.setSeconds(0, 0);
+      }
+
+      return TIME_LOCAL;
+    },
 
     selectYear({ year, isButtonClick }) {
       this.changeCalendarYear(year);
@@ -849,11 +849,11 @@ export default {
             pux_datepicker__panel_focus: this.isFocusPanelChild,
             pux_datepicker__calendar__tab: this.panel === "TIME",
           },
-          minuteStep: this.minuteStep,
-          timePrecision: this.timePrecision,
-          value: this.value,
-          disabledTime: this.isDisabledTime,
-          timeType: this.timeType,
+          minuteStep: this.minuteStep,
+          timePrecision: this.timePrecision,
+          value: this.value,
+          disabledTime: this.isDisabledTime,
+          timeType: this.timeType,
           currentLanguage: this.currentLanguage,
           onSelect: this.selectTime,
         }),

package/src/ui/ADatepicker/ADatepickerIcon/ADatepickerIcon.js

@@ -1,29 +1,29 @@
-/* eslint vue/component-api-style: off */
-import {
-  h,
-} from "vue";
-
-// @vue/component
-export default {
-  name: "ADatepickerIcon",
-  computed: {
-    svgHtml() {
-      return `<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 200 200" class="a_datepicker__calendar_icon">
-        <rect x="13" y="29" rx="14" ry="14" width="174" height="158" fill="transparent"></rect> 
-        <line x1="46" x2="46" y1="8" y2="50"></line> <line x1="154" x2="154" y1="8" y2="50"></line> 
-        <line x1="13" x2="187" y1="70" y2="70"></line> 
-        <text x="50%" y="135" font-size="90" stroke-width="1" text-anchor="middle" dominant-baseline="middle">${ this.todayInDayFormat }</text>
-      </svg>`;
-    },
-
-    todayInDayFormat() {
-      return new Date().getDate();
-    },
-  },
-  render() {
-    return h("span", {
-      ariaHidden: true,
-      innerHTML: this.svgHtml,
-    });
-  },
-};
+/* eslint vue/component-api-style: off */
+import {
+  h,
+} from "vue";
+
+// @vue/component
+export default {
+  name: "ADatepickerIcon",
+  computed: {
+    svgHtml() {
+      return `<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 200 200" class="a_datepicker__calendar_icon">
+        <rect x="13" y="29" rx="14" ry="14" width="174" height="158" fill="transparent"></rect> 
+        <line x1="46" x2="46" y1="8" y2="50"></line> <line x1="154" x2="154" y1="8" y2="50"></line> 
+        <line x1="13" x2="187" y1="70" y2="70"></line> 
+        <text x="50%" y="135" font-size="90" stroke-width="1" text-anchor="middle" dominant-baseline="middle">${ this.todayInDayFormat }</text>
+      </svg>`;
+    },
+
+    todayInDayFormat() {
+      return new Date().getDate();
+    },
+  },
+  render() {
+    return h("span", {
+      ariaHidden: true,
+      innerHTML: this.svgHtml,
+    });
+  },
+};

package/src/ui/ADatepicker/compositionAPI/AttributesAPI.js

@@ -1,62 +1,62 @@
-import {
-  computed,
-  ref,
-  toRef,
-} from "vue";
-
-import {
-  isNumber,
-  isString,
-} from "lodash-es";
-
-export default function AttributesAPI(props, {
-  popupVisible = ref(false),
-}) {
-  const id = toRef(props, "id");
-  const type = toRef(props, "type");
-  const width = toRef(props, "width");
-
-  const idForPanel = computed(() => {
-    return `${ id.value }_panel`;
-  });
-
-  const idsForPanelRange = computed(() => {
-    return [
-      `${ idForPanel.value }_0`,
-      `${ idForPanel.value }_1`,
-    ];
-  });
-
-  const ariaHiddenForCalendar = computed(() => {
-    return `${ !popupVisible.value }`;
-  });
-
-  const ariaExpandedForCalendar = computed(() => {
-    return `${ popupVisible.value }`;
-  });
-
-  const idForCalendar = computed(() => {
-    return `${ id.value }_calendar`;
-  });
-
-  const widthLocal = computed(() => {
-    if (isNumber(width.value) || (isString(width.value) && /^\d+$/.test(width.value))) {
-      return width.value + "px";
-    }
-    return width.value;
-  });
-
-  const innerType = computed(() => {
-    return String(type.value).toLowerCase();
-  });
-
-  return {
-    ariaExpandedForCalendar,
-    ariaHiddenForCalendar,
-    idForCalendar,
-    idForPanel,
-    idsForPanelRange,
-    innerType,
-    widthLocal,
-  };
-}
+import {
+  computed,
+  ref,
+  toRef,
+} from "vue";
+
+import {
+  isNumber,
+  isString,
+} from "lodash-es";
+
+export default function AttributesAPI(props, {
+  popupVisible = ref(false),
+}) {
+  const id = toRef(props, "id");
+  const type = toRef(props, "type");
+  const width = toRef(props, "width");
+
+  const idForPanel = computed(() => {
+    return `${ id.value }_panel`;
+  });
+
+  const idsForPanelRange = computed(() => {
+    return [
+      `${ idForPanel.value }_0`,
+      `${ idForPanel.value }_1`,
+    ];
+  });
+
+  const ariaHiddenForCalendar = computed(() => {
+    return `${ !popupVisible.value }`;
+  });
+
+  const ariaExpandedForCalendar = computed(() => {
+    return `${ popupVisible.value }`;
+  });
+
+  const idForCalendar = computed(() => {
+    return `${ id.value }_calendar`;
+  });
+
+  const widthLocal = computed(() => {
+    if (isNumber(width.value) || (isString(width.value) && /^\d+$/.test(width.value))) {
+      return width.value + "px";
+    }
+    return width.value;
+  });
+
+  const innerType = computed(() => {
+    return String(type.value).toLowerCase();
+  });
+
+  return {
+    ariaExpandedForCalendar,
+    ariaHiddenForCalendar,
+    idForCalendar,
+    idForPanel,
+    idsForPanelRange,
+    innerType,
+    widthLocal,
+  };
+}

package/src/ui/ADatepicker/compositionAPI/LanguagesAPI.js

@@ -59,19 +59,19 @@ export default function LanguagesAPI() {
         getTranslatedText({ placeholder: "_A_DATEPICKER_PICKER_NEXT_30_DAYS_" }),
         getTranslatedText({ placeholder: "_A_DATEPICKER_PICKER_PREVIOUS_7_DAYS_" }),
         getTranslatedText({ placeholder: "_A_DATEPICKER_PICKER_PREVIOUS_30_DAYS_" }),
-      ],
-      placeholder: {
-        date: getTranslatedText({ placeholder: "_A_DATEPICKER_PLACEHOLDER_DATE_" }),
-        time: getTranslatedText({ placeholder: "_A_DATEPICKER_PLACEHOLDER_TIME_" }),
-        timeHour: getTranslatedText({ placeholder: "_A_DATEPICKER_PLACEHOLDER_TIME_HOUR_" }),
-        timeMinute: getTranslatedText({ placeholder: "_A_DATEPICKER_PLACEHOLDER_TIME_MINUTE_" }),
-        timeSecond: getTranslatedText({ placeholder: "_A_DATEPICKER_PLACEHOLDER_TIME_SECOND_" }),
-        datetimeHour: getTranslatedText({ placeholder: "_A_DATEPICKER_PLACEHOLDER_DATETIME_HOUR_" }),
-        datetimeMinute: getTranslatedText({ placeholder: "_A_DATEPICKER_PLACEHOLDER_DATETIME_MINUTE_" }),
-        datetimeSecond: getTranslatedText({ placeholder: "_A_DATEPICKER_PLACEHOLDER_DATETIME_SECOND_" }),
-        dateRange: getTranslatedText({ placeholder: "_A_DATEPICKER_PLACEHOLDER_DATE_RANGE_" }),
-        regionDate: getTranslatedText({ placeholder: "_A_DATEPICKER_PLACEHOLDER_REGION_DATE_" }),
-        regionTime: getTranslatedText({ placeholder: "_A_DATEPICKER_PLACEHOLDER_REGION_TIME_" }),
+      ],
+      placeholder: {
+        date: getTranslatedText({ placeholder: "_A_DATEPICKER_PLACEHOLDER_DATE_" }),
+        time: getTranslatedText({ placeholder: "_A_DATEPICKER_PLACEHOLDER_TIME_" }),
+        timeHour: getTranslatedText({ placeholder: "_A_DATEPICKER_PLACEHOLDER_TIME_HOUR_" }),
+        timeMinute: getTranslatedText({ placeholder: "_A_DATEPICKER_PLACEHOLDER_TIME_MINUTE_" }),
+        timeSecond: getTranslatedText({ placeholder: "_A_DATEPICKER_PLACEHOLDER_TIME_SECOND_" }),
+        datetimeHour: getTranslatedText({ placeholder: "_A_DATEPICKER_PLACEHOLDER_DATETIME_HOUR_" }),
+        datetimeMinute: getTranslatedText({ placeholder: "_A_DATEPICKER_PLACEHOLDER_DATETIME_MINUTE_" }),
+        datetimeSecond: getTranslatedText({ placeholder: "_A_DATEPICKER_PLACEHOLDER_DATETIME_SECOND_" }),
+        dateRange: getTranslatedText({ placeholder: "_A_DATEPICKER_PLACEHOLDER_DATE_RANGE_" }),
+        regionDate: getTranslatedText({ placeholder: "_A_DATEPICKER_PLACEHOLDER_REGION_DATE_" }),
+        regionTime: getTranslatedText({ placeholder: "_A_DATEPICKER_PLACEHOLDER_REGION_TIME_" }),
       },
       today: getTranslatedText({ placeholder: "_A_DATEPICKER_TODAY_" }),
       buttons: {

package/src/ui/ADatepicker/compositionAPI/PlaceholderAPI.js

@@ -1,8 +1,8 @@
-import {
-  computed,
-  ref,
-  toRef,
-} from "vue";
+import {
+  computed,
+  ref,
+  toRef,
+} from "vue";
 
 import {
   getTranslatedText,
@@ -12,15 +12,15 @@ import {
   isString,
 } from "lodash-es";
 
-export default function PlaceholderAPI(props, {
-  isInputFocused = ref(false),
-  text = computed(() => ""),
-} = {}) {
-  const extra = toRef(props, "extra");
-  const isLabelFloat = toRef(props, "isLabelFloat");
-  const placeholder = toRef(props, "placeholder");
-  const placeholdersDefault = toRef(props, "placeholdersDefault");
-  const range = toRef(props, "range");
+export default function PlaceholderAPI(props, {
+  isInputFocused = ref(false),
+  text = computed(() => ""),
+} = {}) {
+  const extra = toRef(props, "extra");
+  const isLabelFloat = toRef(props, "isLabelFloat");
+  const placeholder = toRef(props, "placeholder");
+  const placeholdersDefault = toRef(props, "placeholdersDefault");
+  const range = toRef(props, "range");
   const timePrecision = toRef(props, "timePrecision");
   const type = toRef(props, "type");
 
@@ -56,24 +56,24 @@ export default function PlaceholderAPI(props, {
     }
 
     return "date";
-  });
-
-  const isShowPlaceholder = computed(() => {
-    if (!isLabelFloat.value) {
-      return true;
-    }
-
-    return isInputFocused.value || !!text.value;
-  });
-
-  const innerPlaceholder = computed(() => {
-    if (!isShowPlaceholder.value) {
-      return "";
-    }
-
-    if (isString(placeholder.value)) {
-      return getTranslatedText({ placeholder: placeholder.value, extra: extra.value }) || "";
-    }
+  });
+
+  const isShowPlaceholder = computed(() => {
+    if (!isLabelFloat.value) {
+      return true;
+    }
+
+    return isInputFocused.value || !!text.value;
+  });
+
+  const innerPlaceholder = computed(() => {
+    if (!isShowPlaceholder.value) {
+      return "";
+    }
+
+    if (isString(placeholder.value)) {
+      return getTranslatedText({ placeholder: placeholder.value, extra: extra.value }) || "";
+    }
 
     const PLACEHOLDER = placeholdersDefault.value[placeholderScenario.value];