aloha-vue 2.76.0 → 2.77.0

package/src/PuxDatepicker/locale/languages.js

@@ -1,174 +1,174 @@
-export default {
-  en: {
-    days: [
-      {
-        shortName: "Sun",
-        longName: "Sunday",
-      },
-      {
-        shortName: "Mon",
-        longName: "Monday",
-      },
-      {
-        shortName: "Tue",
-        longName: "Tuesday",
-      },
-      {
-        shortName: "Wed",
-        longName: "Wednesday",
-      },
-      {
-        shortName: "Thu",
-        longName: "Thursday",
-      },
-      {
-        shortName: "Fri",
-        longName: "Friday",
-      },
-      {
-        shortName: "Sat",
-        longName: "Saturday",
-      },
-    ],
-    months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
-    pickers: ["next 7 days", "next 30 days", "previous 7 days", "previous 30 days"],
-    placeholder: {
-      date: "Enter date in format DD.MM.YYYY",
-      time: "Enter time in format HH:MM",
-      dateRange: "Select Date Range",
-      regionDate: "Date picker",
-      regionTime: "Time picker",
-    },
-    today: "today",
-    buttons: {
-      lastYear: "Last year",
-      lastYears: "Last 10 years",
-      nextYear: "Next year",
-      nextYears: "Next 10 years",
-      lastMonth: "Last month",
-      nextMonth: "Next month",
-      monthsView: "Show detailed month view",
-      toDaysView: "Switch to the day selection",
-      toMonthsView: "Switch to the month selection",
-      toYearsView: "switch to the selection of the years",
-    },
-    hours: "Hours",
-    minutes: "Minutes",
-    seconds: "Seconds",
-    headerYears: (firstYear, lastYear) => `${ firstYear } to ${ lastYear }`,
-  },
-  ru: {
-    days: [
-      {
-        shortName: "Вс",
-        longName: "Воскресенье",
-      },
-      {
-        shortName: "Пн",
-        longName: "Понедельник",
-      },
-      {
-        shortName: "Вт",
-        longName: "Вторник",
-      },
-      {
-        shortName: "Ср",
-        longName: "Среда",
-      },
-      {
-        shortName: "Чт",
-        longName: "Четверг",
-      },
-      {
-        shortName: "Пт",
-        longName: "Пятница",
-      },
-      {
-        shortName: "Сб",
-        longName: "Суббота",
-      },
-    ],
-    months: ["Январь", "Февраль", "Март", "Апрель", "Май", "Июнь", "Июль", "Август", "Сентябрь", "Октябрь", "Ноябрь", "Декабрь"],
-    pickers: ["след. 7 дней", "след. 30 дней", "прош. 7 дней", "прош. 30 дней"],
-    placeholder: {
-      date: "Введите дату в формате ДД.ММ.ГГГГ",
-      time: "Enter время in format ЧЧ.ММ",
-      dateRange: "Выберите период",
-      regionDate: "Выбор даты",
-      regionTime: "Выбор времени",
-    },
-    today: "Сегодня",
-    buttons: {
-      lastYear: "Предыдущий год",
-      lastYears: "Предыдущие 10 лет",
-      nextYear: "Следующий год",
-      nextYears: "Следующие 10 лет",
-      lastMonth: "Предыдущий месяц",
-      nextMonth: "Следующий месяц",
-      toDaysView: "Перейти к выбору дня",
-      toMonthsView: "Перейти к выбору месяца",
-      toYearsView: "Перейти к выбору года",
-    },
-    hours: "Часы",
-    minutes: "Минуты",
-    seconds: "Секунды",
-    headerYears: (firstYear, lastYear) => `с ${ firstYear } по ${ lastYear }`,
-  },
-  de: {
-    days: [
-      {
-        shortName: "So",
-        longName: "Sontag",
-      },
-      {
-        shortName: "Mo",
-        longName: "Montag",
-      },
-      {
-        shortName: "Di",
-        longName: "Dienstag",
-      },
-      {
-        shortName: "Mi",
-        longName: "Mittwoch",
-      },
-      {
-        shortName: "Do",
-        longName: "Donnerstag",
-      },
-      {
-        shortName: "Fr",
-        longName: "Freitag",
-      },
-      {
-        shortName: "Sa",
-        longName: "Samstag",
-      },
-    ],
-    months: ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"],
-    pickers: ["nächste 7 Tage", "nächste 30 Tage", "vorige 7 Tage", "vorige 30 Tage"],
-    placeholder: {
-      date: "Datum im Format TT.MM.JJJJ eingeben",
-      time: "Zeit im Format HH.MM eingeben",
-      dateRange: "Zeitraum auswählen",
-      regionDate: "Datumsauswahl",
-      regionTime: "Zeitauswahl",
-    },
-    today: "Heute",
-    buttons: {
-      lastYear: "Voriges Jahr",
-      lastYears: "Vorige 10 Jahre",
-      nextYear: "Nächstes Jahr",
-      nextYears: "Nächste 10 Jahre",
-      lastMonth: "Voriger Monat",
-      nextMonth: "Nächster Monat",
-      toDaysView: "Zur Auswahl der Tage wechseln",
-      toMonthsView: "Zur Auswahl der Monate wechseln",
-      toYearsView: "Zur Auswahl der Jahre wechseln",
-    },
-    hours: "Stunden",
-    minutes: "Minuten",
-    seconds: "Sekunden",
-    headerYears: (firstYear, lastYear) => `${ firstYear } bis ${ lastYear }`,
-  },
-};
+export default {
+  en: {
+    days: [
+      {
+        shortName: "Sun",
+        longName: "Sunday",
+      },
+      {
+        shortName: "Mon",
+        longName: "Monday",
+      },
+      {
+        shortName: "Tue",
+        longName: "Tuesday",
+      },
+      {
+        shortName: "Wed",
+        longName: "Wednesday",
+      },
+      {
+        shortName: "Thu",
+        longName: "Thursday",
+      },
+      {
+        shortName: "Fri",
+        longName: "Friday",
+      },
+      {
+        shortName: "Sat",
+        longName: "Saturday",
+      },
+    ],
+    months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
+    pickers: ["next 7 days", "next 30 days", "previous 7 days", "previous 30 days"],
+    placeholder: {
+      date: "Enter date in format DD.MM.YYYY",
+      time: "Enter time in format HH:MM",
+      dateRange: "Select Date Range",
+      regionDate: "Date picker",
+      regionTime: "Time picker",
+    },
+    today: "today",
+    buttons: {
+      lastYear: "Last year",
+      lastYears: "Last 10 years",
+      nextYear: "Next year",
+      nextYears: "Next 10 years",
+      lastMonth: "Last month",
+      nextMonth: "Next month",
+      monthsView: "Show detailed month view",
+      toDaysView: "Switch to the day selection",
+      toMonthsView: "Switch to the month selection",
+      toYearsView: "switch to the selection of the years",
+    },
+    hours: "Hours",
+    minutes: "Minutes",
+    seconds: "Seconds",
+    headerYears: (firstYear, lastYear) => `${ firstYear } to ${ lastYear }`,
+  },
+  ru: {
+    days: [
+      {
+        shortName: "Вс",
+        longName: "Воскресенье",
+      },
+      {
+        shortName: "Пн",
+        longName: "Понедельник",
+      },
+      {
+        shortName: "Вт",
+        longName: "Вторник",
+      },
+      {
+        shortName: "Ср",
+        longName: "Среда",
+      },
+      {
+        shortName: "Чт",
+        longName: "Четверг",
+      },
+      {
+        shortName: "Пт",
+        longName: "Пятница",
+      },
+      {
+        shortName: "Сб",
+        longName: "Суббота",
+      },
+    ],
+    months: ["Январь", "Февраль", "Март", "Апрель", "Май", "Июнь", "Июль", "Август", "Сентябрь", "Октябрь", "Ноябрь", "Декабрь"],
+    pickers: ["след. 7 дней", "след. 30 дней", "прош. 7 дней", "прош. 30 дней"],
+    placeholder: {
+      date: "Введите дату в формате ДД.ММ.ГГГГ",
+      time: "Enter время in format ЧЧ.ММ",
+      dateRange: "Выберите период",
+      regionDate: "Выбор даты",
+      regionTime: "Выбор времени",
+    },
+    today: "Сегодня",
+    buttons: {
+      lastYear: "Предыдущий год",
+      lastYears: "Предыдущие 10 лет",
+      nextYear: "Следующий год",
+      nextYears: "Следующие 10 лет",
+      lastMonth: "Предыдущий месяц",
+      nextMonth: "Следующий месяц",
+      toDaysView: "Перейти к выбору дня",
+      toMonthsView: "Перейти к выбору месяца",
+      toYearsView: "Перейти к выбору года",
+    },
+    hours: "Часы",
+    minutes: "Минуты",
+    seconds: "Секунды",
+    headerYears: (firstYear, lastYear) => `с ${ firstYear } по ${ lastYear }`,
+  },
+  de: {
+    days: [
+      {
+        shortName: "So",
+        longName: "Sontag",
+      },
+      {
+        shortName: "Mo",
+        longName: "Montag",
+      },
+      {
+        shortName: "Di",
+        longName: "Dienstag",
+      },
+      {
+        shortName: "Mi",
+        longName: "Mittwoch",
+      },
+      {
+        shortName: "Do",
+        longName: "Donnerstag",
+      },
+      {
+        shortName: "Fr",
+        longName: "Freitag",
+      },
+      {
+        shortName: "Sa",
+        longName: "Samstag",
+      },
+    ],
+    months: ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"],
+    pickers: ["nächste 7 Tage", "nächste 30 Tage", "vorige 7 Tage", "vorige 30 Tage"],
+    placeholder: {
+      date: "Datum im Format TT.MM.JJJJ eingeben",
+      time: "Zeit im Format HH.MM eingeben",
+      dateRange: "Zeitraum auswählen",
+      regionDate: "Datumsauswahl",
+      regionTime: "Zeitauswahl",
+    },
+    today: "Heute",
+    buttons: {
+      lastYear: "Voriges Jahr",
+      lastYears: "Vorige 10 Jahre",
+      nextYear: "Nächstes Jahr",
+      nextYears: "Nächste 10 Jahre",
+      lastMonth: "Voriger Monat",
+      nextMonth: "Nächster Monat",
+      toDaysView: "Zur Auswahl der Tage wechseln",
+      toMonthsView: "Zur Auswahl der Monate wechseln",
+      toYearsView: "Zur Auswahl der Jahre wechseln",
+    },
+    hours: "Stunden",
+    minutes: "Minuten",
+    seconds: "Sekunden",
+    headerYears: (firstYear, lastYear) => `${ firstYear } bis ${ lastYear }`,
+  },
+};

package/src/PuxDatepicker/mixins/PanelMixin.js

@@ -1,76 +1,76 @@
-import {
-  EventBus,
-} from "aloha-vue";
-
-
-export default {
-  props: {
-    id: {
-      type: String,
-      required: true,
-    },
-  },
-  computed: {
-    idForHeader() {
-      return `${ this.id }_header`;
-    },
-
-    nameForEventBusDestroyKeyDownEvent() {
-      return `${ this.id }DestroyKeyDown`;
-    },
-
-    attributesForMainElement() {
-      if (this.idForFocus) {
-        return {
-          "aria-activedescendant": this.idForFocus,
-        };
-      }
-    },
-  },
-  created() {
-    this.setEventBus();
-  },
-  beforeUnmount() {
-    this.destroyEventBus();
-    this.destroyListenerForPressButtons();
-  },
-  methods: {
-    setEventBus() {
-      EventBus.$on(this.nameForEventBusDestroyKeyDownEvent, this.destroyListenerForPressButtons);
-    },
-
-    emitEventBusDestroyAllListenerForPressButtonsForPanels() {
-      EventBus.$emit(this.nameForEventBusDestroyKeyDownEvent);
-    },
-
-    destroyEventBus() {
-      EventBus.$off(this.nameForEventBusDestroyKeyDownEvent, this.destroyListenerForPressButtons);
-    },
-
-    setListenerForPressButtons() {
-      document.addEventListener("keydown", this.pressButton);
-    },
-
-    destroyListenerForPressButtons() {
-      document.removeEventListener("keydown", this.pressButton);
-      this.destroyListenerForPressButtonsCallback();
-    },
-
-    stopCurrentEvent($event) {
-      $event.preventDefault();
-      $event.stopPropagation();
-    },
-
-    setFocusToElementWithTimeout(idForFocusElement) {
-      setTimeout(() => {
-        const ELEMENT = document.getElementById(idForFocusElement);
-        if (ELEMENT) {
-          ELEMENT.focus();
-        }
-      });
-    },
-
-    destroyListenerForPressButtonsCallback() {
-    },
-  },
-};
+import {
+  EventBus,
+} from "aloha-vue";
+
+
+export default {
+  props: {
+    id: {
+      type: String,
+      required: true,
+    },
+  },
+  computed: {
+    idForHeader() {
+      return `${ this.id }_header`;
+    },
+
+    nameForEventBusDestroyKeyDownEvent() {
+      return `${ this.id }DestroyKeyDown`;
+    },
+
+    attributesForMainElement() {
+      if (this.idForFocus) {
+        return {
+          "aria-activedescendant": this.idForFocus,
+        };
+      }
+    },
+  },
+  created() {
+    this.setEventBus();
+  },
+  beforeUnmount() {
+    this.destroyEventBus();
+    this.destroyListenerForPressButtons();
+  },
+  methods: {
+    setEventBus() {
+      EventBus.$on(this.nameForEventBusDestroyKeyDownEvent, this.destroyListenerForPressButtons);
+    },
+
+    emitEventBusDestroyAllListenerForPressButtonsForPanels() {
+      EventBus.$emit(this.nameForEventBusDestroyKeyDownEvent);
+    },
+
+    destroyEventBus() {
+      EventBus.$off(this.nameForEventBusDestroyKeyDownEvent, this.destroyListenerForPressButtons);
+    },
+
+    setListenerForPressButtons() {
+      document.addEventListener("keydown", this.pressButton);
+    },
+
+    destroyListenerForPressButtons() {
+      document.removeEventListener("keydown", this.pressButton);
+      this.destroyListenerForPressButtonsCallback();
+    },
+
+    stopCurrentEvent($event) {
+      $event.preventDefault();
+      $event.stopPropagation();
+    },
+
+    setFocusToElementWithTimeout(idForFocusElement) {
+      setTimeout(() => {
+        const ELEMENT = document.getElementById(idForFocusElement);
+        if (ELEMENT) {
+          ELEMENT.focus();
+        }
+      });
+    },
+
+    destroyListenerForPressButtonsCallback() {
+    },
+  },
+};

package/src/PuxDatepicker/panel/PanelDate/PanelDate.pug

@@ -1,41 +1,41 @@
-table.pux_datepicker__panel.pux_datepicker__panel_date(
-  role="grid"
-  aria-readonly="true"
-  :aria-labelledby="idForHeader"
-  v-bind="attributesForMainElement"
-)
-  thead(
-  )
-    tr(
-    )
-      th(
-        v-for="(thData, thIndex) in ths"
-        :key="thIndex"
-        scope="col"
-        :aria-label="thData.longName"
-      ) {{ thData.shortName }}
-  tbody(
-  )
-    tr(
-      v-for="(tdList, tdListIndex) in trsWithTds"
-      :key="tdListIndex"
-    )
-      td.cell(
-        v-for="(tdData, tdDataIndex) in tdList"
-        :key="tdDataIndex"
-        :class="[tdData.class, { pux_datepicker__panel__cell_focus: tdData.id === idForFocus }]"
-      )
-        a-button.pux_datepicker__panel__button(
-          :id="tdData.id"
-          tabindex="-1"
-          aria-hidden="true"
-          :aria-selected="tdData.isCurrentMonth && tdData.label === dayFromValue ? 'true' : 'false'"
-          @click="selectDate(tdData.date)"
-        )
-          span(
-            aria-hidden="true"
-          ) {{ tdData.label }}
-          span.sr-only {{ tdData.fullDate }}
-          span.sr-only(
-            v-if="tdData.isToday"
-          ) {{ todayTranslate }}
+table.pux_datepicker__panel.pux_datepicker__panel_date(
+  role="grid"
+  aria-readonly="true"
+  :aria-labelledby="idForHeader"
+  v-bind="attributesForMainElement"
+)
+  thead(
+  )
+    tr(
+    )
+      th(
+        v-for="(thData, thIndex) in ths"
+        :key="thIndex"
+        scope="col"
+        :aria-label="thData.longName"
+      ) {{ thData.shortName }}
+  tbody(
+  )
+    tr(
+      v-for="(tdList, tdListIndex) in trsWithTds"
+      :key="tdListIndex"
+    )
+      td.cell(
+        v-for="(tdData, tdDataIndex) in tdList"
+        :key="tdDataIndex"
+        :class="[tdData.class, { pux_datepicker__panel__cell_focus: tdData.id === idForFocus }]"
+      )
+        a-button.pux_datepicker__panel__button(
+          :id="tdData.id"
+          tabindex="-1"
+          aria-hidden="true"
+          :aria-selected="tdData.isCurrentMonth && tdData.label === dayFromValue ? 'true' : 'false'"
+          @click="selectDate(tdData.date)"
+        )
+          span(
+            aria-hidden="true"
+          ) {{ tdData.label }}
+          span.sr-only {{ tdData.fullDate }}
+          span.sr-only(
+            v-if="tdData.isToday"
+          ) {{ todayTranslate }}

package/src/PuxDatepicker/panel/PanelDate/PanelDate.vue

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

package/src/PuxDatepicker/panel/PanelMonth/PanelMonth.pug

@@ -1,16 +1,16 @@
-ul.pux_datepicker__panel.pux_datepicker__panel_month.pux_datepicker__panel__list(
-  role="listbox"
-  :aria-labelledby="idForHeader"
-  v-bind="attributesForMainElement"
-)
-  li.cell(
-    v-for="(month, monthIndex) in months"
-    :id="month.id"
-    :key="month.id"
-    :class="{ actived: month.isActive, disabled: month.isDisabled, pux_datepicker__panel__cell_focus: monthIndex === monthIndexForFocus }"
-    role="option"
-    :aria-selected="month.isActive ? 'true' : 'false'"
-    tabindex="-1"
-    @click="selectMonth(monthIndex)"
-    @keypress.enter.space.prevent.stop="selectMonth(monthIndex, true)"
-  ) {{ month.label }}
+ul.pux_datepicker__panel.pux_datepicker__panel_month.pux_datepicker__panel__list(
+  role="listbox"
+  :aria-labelledby="idForHeader"
+  v-bind="attributesForMainElement"
+)
+  li.cell(
+    v-for="(month, monthIndex) in months"
+    :id="month.id"
+    :key="month.id"
+    :class="{ actived: month.isActive, disabled: month.isDisabled, pux_datepicker__panel__cell_focus: monthIndex === monthIndexForFocus }"
+    role="option"
+    :aria-selected="month.isActive ? 'true' : 'false'"
+    tabindex="-1"
+    @click="selectMonth(monthIndex)"
+    @keypress.enter.space.prevent.stop="selectMonth(monthIndex, true)"
+  ) {{ month.label }}

package/src/PuxDatepicker/panel/PanelMonth/PanelMonth.vue

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