@ozdao/martyrs 0.2.473 → 0.2.474

package/dist/martyrs/src/modules/spots/components/sections/WorktimeEdit.vue.cjs

@@ -0,0 +1,807 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueI18n = require("vue-i18n");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Field = require("../../../../components/Field/Field.vue.cjs");
+const Select = require("../../../../components/Select/Select.vue.cjs");
+const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
+const _hoisted_1 = { class: "working-hours-editor w-100" };
+const _hoisted_2 = { class: "mn-b-small flex flex-nowrap flex-v-center" };
+const _hoisted_3 = { class: "mn-r-auto" };
+const _hoisted_4 = { class: "bg-white radius-small pd-small mn-b-medium" };
+const _hoisted_5 = { class: "mn-b-small" };
+const _hoisted_6 = {
+  key: 0,
+  class: "regular-schedule mn-b-small"
+};
+const _hoisted_7 = { class: "day-info flex-child-1" };
+const _hoisted_8 = { class: "day-name t-semi" };
+const _hoisted_9 = {
+  key: 0,
+  class: "day-hours"
+};
+const _hoisted_10 = { class: "period t-small t-transp" };
+const _hoisted_11 = {
+  key: 0,
+  class: "t-small t-transp"
+};
+const _hoisted_12 = {
+  key: 1,
+  class: "day-hours t-small t-transp t-red"
+};
+const _hoisted_13 = { class: "day-actions flex-nowrap flex gap-small" };
+const _hoisted_14 = {
+  key: 1,
+  class: "empty-schedule bg-light pd-medium radius-small t-center mn-b-small"
+};
+const _hoisted_15 = { class: "bg-white radius-small pd-small mn-b-small" };
+const _hoisted_16 = { class: "mn-b-small flex flex-nowrap flex-v-center" };
+const _hoisted_17 = { class: "mn-r-auto" };
+const _hoisted_18 = {
+  key: 0,
+  class: "special-schedule mn-b-small"
+};
+const _hoisted_19 = { class: "day-info flex-child-1" };
+const _hoisted_20 = { class: "flex flex-nowrap flex-v-center" };
+const _hoisted_21 = { class: "day-name t-semi" };
+const _hoisted_22 = {
+  key: 0,
+  class: "t-small t-transp mn-l-small"
+};
+const _hoisted_23 = {
+  key: 0,
+  class: "day-hours"
+};
+const _hoisted_24 = { class: "period t-small t-transp" };
+const _hoisted_25 = {
+  key: 0,
+  class: "t-small t-transp"
+};
+const _hoisted_26 = {
+  key: 1,
+  class: "day-hours t-small t-transp t-red"
+};
+const _hoisted_27 = { class: "day-actions flex-nowrap flex gap-small" };
+const _hoisted_28 = {
+  key: 1,
+  class: "empty-schedule bg-light pd-medium radius-small t-center"
+};
+const _hoisted_29 = { class: "schedule-editor" };
+const _hoisted_30 = { key: 0 };
+const _hoisted_31 = { class: "flex flex-nowrap flex-v-center mn-b-small" };
+const _hoisted_32 = { class: "mn-r-auto" };
+const _hoisted_33 = {
+  key: 0,
+  class: "error-message mn-b-small pd-small radius-small bg-fourth-nano"
+};
+const _hoisted_34 = { class: "flex-child-1 time-inputs cols-2 gap-small" };
+const _hoisted_35 = { class: "button-group flex flex-nowrap gap-small mn-t-medium" };
+const _hoisted_36 = { class: "schedule-editor" };
+const _hoisted_37 = {
+  key: 0,
+  class: "error-message mn-b-small pd-small radius-small bg-fourth-nano"
+};
+const _hoisted_38 = { key: 1 };
+const _hoisted_39 = { class: "flex flex-nowrap flex-v-center mn-b-small" };
+const _hoisted_40 = { class: "mn-r-auto" };
+const _hoisted_41 = {
+  key: 0,
+  class: "error-message mn-b-small pd-small radius-small bg-fourth-nano"
+};
+const _hoisted_42 = { class: "flex-child-1 time-inputs cols-2 gap-small" };
+const _hoisted_43 = { class: "button-group flex flex-nowrap gap-small mn-t-medium" };
+const _sfc_main = {
+  __name: "WorktimeEdit",
+  props: {
+    "worktime": {},
+    "worktimeModifiers": {}
+  },
+  emits: /* @__PURE__ */ vue.mergeModels(["update:worktime"], ["update:worktime"]),
+  setup(__props, { emit: __emit }) {
+    const worktime = vue.useModel(__props, "worktime");
+    const emit = __emit;
+    const { t, locale } = vueI18n.useI18n({
+      messages: {
+        en: {
+          workingHours: {
+            title: "Working Hours",
+            regularSchedule: "Regular Schedule",
+            specialDays: "Special Days",
+            addRegularDay: "Add Day",
+            addSpecialDay: "Add Day",
+            editRegularDay: "Edit Regular Day",
+            editSpecialDay: "Edit Special Day",
+            save: "Save",
+            cancel: "Cancel",
+            edit: "Edit",
+            remove: "Remove",
+            weekday: "Weekday",
+            date: "Date",
+            isOpen: "Open on this day",
+            description: "Description",
+            descriptionPlaceholder: "Holiday, Special event, etc.",
+            periods: "Operating Hours",
+            addPeriod: "Add Period",
+            opens: "Opens at",
+            closes: "Closes at",
+            closed: "Closed",
+            noRegularSchedule: "No regular schedule set. Add working days to define your regular hours.",
+            noSpecialDays: "No special days set. Add special days for holidays or events.",
+            errorDuplicateDate: "This date already exists in special days.",
+            errorOverlappingPeriods: "Time periods cannot overlap.",
+            selectDate: "Please select a date.",
+            errorInvalidPeriod: "Invalid time period. Closing time must be after opening time."
+          }
+        },
+        ru: {
+          workingHours: {
+            title: "Часы работы",
+            regularSchedule: "Регулярное расписание",
+            specialDays: "Особые дни",
+            addRegularDay: "Добавить день",
+            addSpecialDay: "Добавить особый день",
+            editRegularDay: "Изменить рабочий день",
+            editSpecialDay: "Изменить особый день",
+            save: "Сохранить",
+            cancel: "Отмена",
+            edit: "Изменить",
+            remove: "Удалить",
+            weekday: "День недели",
+            date: "Дата",
+            isOpen: "Открыто в этот день",
+            description: "Описание",
+            descriptionPlaceholder: "Праздник, особое событие и т.д.",
+            periods: "Часы работы",
+            addPeriod: "Добавить период",
+            opens: "Открывается в",
+            closes: "Закрывается в",
+            closed: "Закрыто",
+            noRegularSchedule: "Регулярное расписание не установлено. Добавьте рабочие дни для определения регулярных часов.",
+            noSpecialDays: "Особые дни не установлены. Добавьте особые дни для праздников или событий.",
+            errorDuplicateDate: "Эта дата уже существует в особых днях.",
+            errorOverlappingPeriods: "Временные периоды не могут пересекаться.",
+            selectDate: "Пожалуйста, выберите дату.",
+            errorInvalidPeriod: "Недопустимый временной период. Время закрытия должно быть после времени открытия."
+          }
+        }
+      }
+    });
+    const formatDate = (date) => {
+      if (!date) return "";
+      const dateObj = new Date(date);
+      return new Intl.DateTimeFormat(locale.value, {
+        weekday: "long",
+        year: "numeric",
+        month: "long",
+        day: "numeric"
+      }).format(dateObj);
+    };
+    const getWeekdayName = (dayNumber) => {
+      if (dayNumber === void 0 || dayNumber === null) return "";
+      const date = new Date(2023, 0, 1 + dayNumber);
+      return new Intl.DateTimeFormat(locale.value, { weekday: "long" }).format(date);
+    };
+    const showRegularDayModal = vue.ref(false);
+    const showSpecialDayModal = vue.ref(false);
+    const editingRegularIndex = vue.ref(null);
+    const editingSpecialIndex = vue.ref(null);
+    const validationErrors = vue.ref({
+      overlappingPeriods: false,
+      duplicateDate: false,
+      invalidPeriod: false
+    });
+    const currentRegularDay = vue.ref({
+      dayOfWeek: 1,
+      // Понедельник по умолчанию
+      isOpen: true,
+      periods: [{
+        open: "09:00",
+        close: "18:00"
+      }]
+    });
+    const currentSpecialDay = vue.ref({
+      dateInput: "",
+      // Для ввода даты в формате YYYY-MM-DD
+      date: null,
+      description: "",
+      isOpen: false,
+      periods: [{
+        open: "09:00",
+        close: "18:00"
+      }]
+    });
+    const weekdays = [0, 1, 2, 3, 4, 5, 6];
+    const availableWeekdays = vue.computed(() => {
+      var _a;
+      const usedDays = new Set((((_a = worktime.value) == null ? void 0 : _a.regular) || []).map((d) => d.dayOfWeek));
+      return weekdays.filter(
+        (day) => {
+          var _a2, _b;
+          return !usedDays.has(day) || editingRegularIndex.value !== null && ((_b = (_a2 = worktime.value) == null ? void 0 : _a2.regular[editingRegularIndex.value]) == null ? void 0 : _b.dayOfWeek) === day;
+        }
+      ).map((day) => ({
+        text: getWeekdayName(day),
+        value: day
+      }));
+    });
+    const isValidRegularDay = vue.computed(() => {
+      return !validationErrors.value.overlappingPeriods && !validationErrors.value.invalidPeriod;
+    });
+    const isValidSpecialDay = vue.computed(() => {
+      return !validationErrors.value.duplicateDate && !validationErrors.value.overlappingPeriods && !validationErrors.value.invalidPeriod && !!currentSpecialDay.value.dateInput;
+    });
+    const addRegularDay = () => {
+      var _a;
+      editingRegularIndex.value = null;
+      currentRegularDay.value = {
+        dayOfWeek: ((_a = availableWeekdays.value[0]) == null ? void 0 : _a.value) ?? 1,
+        isOpen: true,
+        periods: [{
+          open: "09:00",
+          close: "18:00"
+        }]
+      };
+      validationErrors.value = {
+        overlappingPeriods: false,
+        duplicateDate: false,
+        invalidPeriod: false
+      };
+      showRegularDayModal.value = true;
+    };
+    const addSpecialDay = () => {
+      editingSpecialIndex.value = null;
+      const today = /* @__PURE__ */ new Date();
+      const todayFormatted = `${today.getFullYear()}-${String(today.getMonth() + 1).padStart(2, "0")}-${String(today.getDate()).padStart(2, "0")}`;
+      currentSpecialDay.value = {
+        dateInput: todayFormatted,
+        date: today,
+        description: "",
+        isOpen: false,
+        periods: [{
+          open: "09:00",
+          close: "18:00"
+        }]
+      };
+      validationErrors.value = {
+        overlappingPeriods: false,
+        duplicateDate: false,
+        invalidPeriod: false
+      };
+      showSpecialDayModal.value = true;
+      validateSpecialDate();
+    };
+    const validatePeriods = () => {
+      const periods = showRegularDayModal.value ? currentRegularDay.value.periods : currentSpecialDay.value.periods;
+      if (!periods || periods.length <= 1) {
+        validationErrors.value.overlappingPeriods = false;
+        validationErrors.value.invalidPeriod = false;
+        return;
+      }
+      validationErrors.value.invalidPeriod = periods.some(
+        (period) => period.open >= period.close
+      );
+      if (validationErrors.value.invalidPeriod) {
+        return;
+      }
+      const sortedPeriods = [...periods].sort((a, b) => a.open.localeCompare(b.open));
+      for (let i = 0; i < sortedPeriods.length - 1; i++) {
+        if (sortedPeriods[i].close > sortedPeriods[i + 1].open) {
+          validationErrors.value.overlappingPeriods = true;
+          return;
+        }
+      }
+      validationErrors.value.overlappingPeriods = false;
+    };
+    const validateSpecialDate = () => {
+      if (!currentSpecialDay.value.dateInput) {
+        validationErrors.value.duplicateDate = false;
+        return;
+      }
+      const newDateObj = new Date(currentSpecialDay.value.dateInput);
+      newDateObj.setHours(0, 0, 0, 0);
+      const isDuplicate = worktime.value.special.some((specialDay, index) => {
+        if (editingSpecialIndex.value === index) return false;
+        const existingDate = new Date(specialDay.date);
+        existingDate.setHours(0, 0, 0, 0);
+        return existingDate.getTime() === newDateObj.getTime();
+      });
+      validationErrors.value.duplicateDate = isDuplicate;
+    };
+    const editRegularDay = (index) => {
+      editingRegularIndex.value = index;
+      const day = JSON.parse(JSON.stringify(worktime.value.regular[index]));
+      if (!day.periods || day.periods.length === 0) {
+        day.periods = [{
+          open: "09:00",
+          close: "18:00"
+        }];
+      }
+      currentRegularDay.value = day;
+      validationErrors.value = {
+        overlappingPeriods: false,
+        duplicateDate: false,
+        invalidPeriod: false
+      };
+      showRegularDayModal.value = true;
+      validatePeriods();
+    };
+    const removeRegularDay = (index) => {
+      const updatedWorktime = { ...worktime.value };
+      updatedWorktime.regular.splice(index, 1);
+      emit("update:worktime", updatedWorktime);
+    };
+    const saveRegularDay = () => {
+      validatePeriods();
+      if (!isValidRegularDay.value) {
+        return;
+      }
+      const updatedWorktime = JSON.parse(JSON.stringify(worktime.value));
+      if (!updatedWorktime.regular) {
+        updatedWorktime.regular = [];
+      }
+      const dayToSave = { ...currentRegularDay.value };
+      if (!dayToSave.isOpen) {
+        dayToSave.periods = [];
+      }
+      if (editingRegularIndex.value !== null) {
+        updatedWorktime.regular[editingRegularIndex.value] = dayToSave;
+      } else {
+        updatedWorktime.regular.push(dayToSave);
+      }
+      updatedWorktime.regular.sort((a, b) => a.dayOfWeek - b.dayOfWeek);
+      worktime.value = updatedWorktime;
+      emit("update:worktime", updatedWorktime);
+      showRegularDayModal.value = false;
+    };
+    const addPeriodToRegular = () => {
+      currentRegularDay.value.periods.push({
+        open: "09:00",
+        close: "18:00"
+      });
+      validatePeriods();
+    };
+    const removeRegularPeriod = (index) => {
+      currentRegularDay.value.periods.splice(index, 1);
+      validatePeriods();
+    };
+    const editSpecialDay = (index) => {
+      editingSpecialIndex.value = index;
+      const day = JSON.parse(JSON.stringify(worktime.value.special[index]));
+      const date = new Date(day.date);
+      const dateForInput = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")}`;
+      if (!day.periods || day.periods.length === 0) {
+        day.periods = [{
+          open: "09:00",
+          close: "18:00"
+        }];
+      }
+      currentSpecialDay.value = {
+        ...day,
+        dateInput: dateForInput
+      };
+      validationErrors.value = {
+        overlappingPeriods: false,
+        duplicateDate: false,
+        invalidPeriod: false
+      };
+      showSpecialDayModal.value = true;
+      validatePeriods();
+    };
+    const removeSpecialDay = (index) => {
+      const updatedWorktime = { ...worktime.value };
+      updatedWorktime.special.splice(index, 1);
+      emit("update:worktime", updatedWorktime);
+    };
+    const saveSpecialDay = () => {
+      validateSpecialDate();
+      validatePeriods();
+      if (!isValidSpecialDay.value) {
+        if (!currentSpecialDay.value.dateInput) {
+          alert(t("workingHours.selectDate"));
+        }
+        return;
+      }
+      const updatedWorktime = JSON.parse(JSON.stringify(worktime.value));
+      if (!updatedWorktime.special) {
+        updatedWorktime.special = [];
+      }
+      const dateParts = currentSpecialDay.value.dateInput.split("-");
+      const specialDate = new Date(
+        parseInt(dateParts[0]),
+        parseInt(dateParts[1]) - 1,
+        parseInt(dateParts[2])
+      );
+      const dayToSave = {
+        ...currentSpecialDay.value,
+        date: specialDate
+      };
+      delete dayToSave.dateInput;
+      if (!dayToSave.isOpen) {
+        dayToSave.periods = [];
+      }
+      if (editingSpecialIndex.value !== null) {
+        updatedWorktime.special[editingSpecialIndex.value] = dayToSave;
+      } else {
+        updatedWorktime.special.push(dayToSave);
+      }
+      updatedWorktime.special.sort((a, b) => new Date(a.date) - new Date(b.date));
+      emit("update:worktime", updatedWorktime);
+      showSpecialDayModal.value = false;
+    };
+    const addPeriodToSpecial = () => {
+      currentSpecialDay.value.periods.push({
+        open: "09:00",
+        close: "18:00"
+      });
+      validatePeriods();
+    };
+    const removeSpecialPeriod = (index) => {
+      currentSpecialDay.value.periods.splice(index, 1);
+      validatePeriods();
+    };
+    vue.onMounted(() => {
+      const initialValue = JSON.parse(JSON.stringify(worktime.value));
+      if (!initialValue.regular) initialValue.regular = [];
+      if (!initialValue.special) initialValue.special = [];
+      emit("update:worktime", initialValue);
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("h4", _hoisted_3, vue.toDisplayString(vue.unref(t)("workingHours.title")), 1),
+          vue.createVNode(Button.default, {
+            class: "bg-main",
+            submit: addRegularDay,
+            showSucces: false,
+            showLoader: false
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(vue.unref(t)("workingHours.addRegularDay")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        vue.createElementVNode("div", _hoisted_4, [
+          vue.createElementVNode("h5", _hoisted_5, vue.toDisplayString(vue.unref(t)("workingHours.regularSchedule")), 1),
+          worktime.value.regular && worktime.value.regular.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(worktime.value.regular, (day, index) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                key: `regular-${index}`,
+                class: vue.normalizeClass(["schedule-item pd-small mn-b-small flex flex-v-center flex-nowrap", index % 2 === 0 ? "bg-light" : ""])
+              }, [
+                vue.createElementVNode("div", _hoisted_7, [
+                  vue.createElementVNode("div", _hoisted_8, vue.toDisplayString(getWeekdayName(day.dayOfWeek)), 1),
+                  day.isOpen && day.periods && day.periods.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
+                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(day.periods, (period, pIndex) => {
+                      return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+                        key: `period-${pIndex}`
+                      }, [
+                        vue.createElementVNode("span", _hoisted_10, vue.toDisplayString(period.open) + " - " + vue.toDisplayString(period.close), 1),
+                        pIndex < day.periods.length - 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_11, ", ")) : vue.createCommentVNode("", true)
+                      ], 64);
+                    }), 128))
+                  ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_12, vue.toDisplayString(vue.unref(t)("workingHours.closed")), 1))
+                ]),
+                vue.createElementVNode("div", _hoisted_13, [
+                  vue.createVNode(Button.default, {
+                    class: "pd-micro bg-light",
+                    submit: () => editRegularDay(index),
+                    showSucces: false,
+                    showLoader: false
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(vue.toDisplayString(vue.unref(t)("workingHours.edit")), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["submit"]),
+                  vue.createVNode(Button.default, {
+                    class: "pd-micro bg-fourth-nano",
+                    submit: () => removeRegularDay(index),
+                    showSucces: false,
+                    showLoader: false
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(vue.toDisplayString(vue.unref(t)("workingHours.remove")), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["submit"])
+                ])
+              ], 2);
+            }), 128))
+          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, vue.toDisplayString(vue.unref(t)("workingHours.noRegularSchedule")), 1))
+        ]),
+        vue.createElementVNode("div", _hoisted_15, [
+          vue.createElementVNode("div", _hoisted_16, [
+            vue.createElementVNode("h5", _hoisted_17, vue.toDisplayString(vue.unref(t)("workingHours.specialDays")), 1),
+            vue.createVNode(Button.default, {
+              class: "bg-light mn-l-small",
+              submit: addSpecialDay,
+              showSucces: false,
+              showLoader: false
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(vue.toDisplayString(vue.unref(t)("workingHours.addSpecialDay")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          worktime.value.special && worktime.value.special.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_18, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(worktime.value.special, (day, index) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                key: `special-${index}`,
+                class: vue.normalizeClass(["schedule-item pd-small mn-b-small flex flex-v-center flex-nowrap", index % 2 === 0 ? "bg-light" : ""])
+              }, [
+                vue.createElementVNode("div", _hoisted_19, [
+                  vue.createElementVNode("div", _hoisted_20, [
+                    vue.createElementVNode("div", _hoisted_21, vue.toDisplayString(formatDate(day.date)), 1),
+                    day.description ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_22, "(" + vue.toDisplayString(day.description) + ")", 1)) : vue.createCommentVNode("", true)
+                  ]),
+                  day.isOpen && day.periods && day.periods.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_23, [
+                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(day.periods, (period, pIndex) => {
+                      return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+                        key: `special-period-${pIndex}`
+                      }, [
+                        vue.createElementVNode("span", _hoisted_24, vue.toDisplayString(period.open) + " - " + vue.toDisplayString(period.close), 1),
+                        pIndex < day.periods.length - 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_25, ", ")) : vue.createCommentVNode("", true)
+                      ], 64);
+                    }), 128))
+                  ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_26, vue.toDisplayString(vue.unref(t)("workingHours.closed")), 1))
+                ]),
+                vue.createElementVNode("div", _hoisted_27, [
+                  vue.createVNode(Button.default, {
+                    class: "pd-micro bg-light",
+                    submit: () => editSpecialDay(index),
+                    showSucces: false,
+                    showLoader: false
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(vue.toDisplayString(vue.unref(t)("workingHours.edit")), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["submit"]),
+                  vue.createVNode(Button.default, {
+                    class: "pd-micro bg-fourth-nano",
+                    submit: () => removeSpecialDay(index),
+                    showSucces: false,
+                    showLoader: false
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(vue.toDisplayString(vue.unref(t)("workingHours.remove")), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["submit"])
+                ])
+              ], 2);
+            }), 128))
+          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_28, vue.toDisplayString(vue.unref(t)("workingHours.noSpecialDays")), 1))
+        ]),
+        vue.createVNode(Popup.default, {
+          isPopupOpen: showRegularDayModal.value,
+          onClosePopup: _cache[2] || (_cache[2] = ($event) => showRegularDayModal.value = false),
+          title: editingRegularIndex.value !== null ? vue.unref(t)("workingHours.editRegularDay") : vue.unref(t)("workingHours.addRegularDay"),
+          class: "bg-white pd-semi w-m-33r radius-big"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_29, [
+              vue.createVNode(Select.default, {
+                select: currentRegularDay.value.dayOfWeek,
+                "onUpdate:select": _cache[0] || (_cache[0] = ($event) => currentRegularDay.value.dayOfWeek = $event),
+                value: "text",
+                options: availableWeekdays.value,
+                property: "value",
+                class: "pos-relative w-100 mn-b-small bg-light radius-small pd-medium"
+              }, null, 8, ["select", "options"]),
+              vue.createVNode(Checkbox.default, {
+                label: vue.unref(t)("workingHours.isOpen"),
+                name: "isOpenRegular",
+                value: true,
+                radio: currentRegularDay.value.isOpen,
+                "onUpdate:radio": _cache[1] || (_cache[1] = (val) => currentRegularDay.value.isOpen = val),
+                class: "w-100 mn-b-small bg-light radius-small pd-small"
+              }, null, 8, ["label", "radio"]),
+              currentRegularDay.value.isOpen ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_30, [
+                vue.createElementVNode("div", _hoisted_31, [
+                  vue.createElementVNode("h5", _hoisted_32, vue.toDisplayString(vue.unref(t)("workingHours.periods")), 1),
+                  vue.createVNode(Button.default, {
+                    class: "pd-micro bg-light",
+                    submit: addPeriodToRegular,
+                    showSucces: false,
+                    showLoader: false
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(vue.toDisplayString(vue.unref(t)("workingHours.addPeriod")), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                validationErrors.value.overlappingPeriods ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_33, vue.toDisplayString(vue.unref(t)("workingHours.errorOverlappingPeriods")), 1)) : vue.createCommentVNode("", true),
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(currentRegularDay.value.periods, (period, pIndex) => {
+                  return vue.openBlock(), vue.createElementBlock("div", {
+                    key: `edit-period-${pIndex}`,
+                    class: "period-row mn-b-small flex flex-nowrap gap-small"
+                  }, [
+                    vue.createElementVNode("div", _hoisted_34, [
+                      vue.createVNode(Field.default, {
+                        field: period.open,
+                        "onUpdate:field": ($event) => period.open = $event,
+                        label: vue.unref(t)("workingHours.opens"),
+                        type: "time",
+                        class: "bg-light radius-small pd-medium",
+                        onBlur: validatePeriods
+                      }, null, 8, ["field", "onUpdate:field", "label"]),
+                      vue.createVNode(Field.default, {
+                        field: period.close,
+                        "onUpdate:field": ($event) => period.close = $event,
+                        label: vue.unref(t)("workingHours.closes"),
+                        type: "time",
+                        class: "bg-light radius-small pd-medium",
+                        onBlur: validatePeriods
+                      }, null, 8, ["field", "onUpdate:field", "label"])
+                    ]),
+                    currentRegularDay.value.periods.length > 1 ? (vue.openBlock(), vue.createBlock(Button.default, {
+                      key: 0,
+                      class: "pd-micro bg-fourth-nano",
+                      submit: () => removeRegularPeriod(pIndex),
+                      showSucces: false,
+                      showLoader: false
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode(vue.toDisplayString(vue.unref(t)("workingHours.remove")), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["submit"])) : vue.createCommentVNode("", true)
+                  ]);
+                }), 128))
+              ])) : vue.createCommentVNode("", true),
+              vue.createElementVNode("div", _hoisted_35, [
+                vue.createVNode(Button.default, {
+                  class: "w-100 bg-light",
+                  submit: () => showRegularDayModal.value = false,
+                  showSucces: false,
+                  showLoader: false
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(vue.toDisplayString(vue.unref(t)("workingHours.cancel")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["submit"]),
+                vue.createVNode(Button.default, {
+                  class: "w-100 bg-main",
+                  submit: saveRegularDay,
+                  showSucces: false,
+                  disabled: !isValidRegularDay.value
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(vue.toDisplayString(vue.unref(t)("workingHours.save")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["disabled"])
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen", "title"]),
+        vue.createVNode(Popup.default, {
+          isPopupOpen: showSpecialDayModal.value,
+          onClosePopup: _cache[6] || (_cache[6] = ($event) => showSpecialDayModal.value = false),
+          title: editingSpecialIndex.value !== null ? vue.unref(t)("workingHours.editSpecialDay") : vue.unref(t)("workingHours.addSpecialDay"),
+          class: "bg-white pd-semi w-m-33r radius-big"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_36, [
+              vue.createVNode(Field.default, {
+                field: currentSpecialDay.value.dateInput,
+                "onUpdate:field": _cache[3] || (_cache[3] = ($event) => currentSpecialDay.value.dateInput = $event),
+                label: vue.unref(t)("workingHours.date"),
+                type: "date",
+                class: "bg-light radius-small pd-medium mn-b-small",
+                onBlur: validateSpecialDate
+              }, null, 8, ["field", "label"]),
+              validationErrors.value.duplicateDate ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_37, vue.toDisplayString(vue.unref(t)("workingHours.errorDuplicateDate")), 1)) : vue.createCommentVNode("", true),
+              vue.createVNode(Field.default, {
+                field: currentSpecialDay.value.description,
+                "onUpdate:field": _cache[4] || (_cache[4] = ($event) => currentSpecialDay.value.description = $event),
+                label: vue.unref(t)("workingHours.description"),
+                placeholder: vue.unref(t)("workingHours.descriptionPlaceholder"),
+                class: "bg-light radius-small pd-medium mn-b-small"
+              }, null, 8, ["field", "label", "placeholder"]),
+              vue.createVNode(Checkbox.default, {
+                label: vue.unref(t)("workingHours.isOpen"),
+                name: "isOpenSpecial",
+                value: true,
+                radio: currentSpecialDay.value.isOpen,
+                "onUpdate:radio": _cache[5] || (_cache[5] = (val) => currentSpecialDay.value.isOpen = val),
+                class: "w-100 mn-b-small bg-white radius-small pd-small"
+              }, null, 8, ["label", "radio"]),
+              currentSpecialDay.value.isOpen ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_38, [
+                vue.createElementVNode("div", _hoisted_39, [
+                  vue.createElementVNode("h5", _hoisted_40, vue.toDisplayString(vue.unref(t)("workingHours.periods")), 1),
+                  vue.createVNode(Button.default, {
+                    class: "pd-micro bg-light",
+                    submit: addPeriodToSpecial,
+                    showSucces: false,
+                    showLoader: false
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(vue.toDisplayString(vue.unref(t)("workingHours.addPeriod")), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                validationErrors.value.overlappingPeriods ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_41, vue.toDisplayString(vue.unref(t)("workingHours.errorOverlappingPeriods")), 1)) : vue.createCommentVNode("", true),
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(currentSpecialDay.value.periods, (period, pIndex) => {
+                  return vue.openBlock(), vue.createElementBlock("div", {
+                    key: `edit-special-period-${pIndex}`,
+                    class: "period-row mn-b-small flex flex-nowrap gap-small"
+                  }, [
+                    vue.createElementVNode("div", _hoisted_42, [
+                      vue.createVNode(Field.default, {
+                        field: period.open,
+                        "onUpdate:field": ($event) => period.open = $event,
+                        label: vue.unref(t)("workingHours.opens"),
+                        type: "time",
+                        class: "bg-light radius-small pd-medium",
+                        onBlur: validatePeriods
+                      }, null, 8, ["field", "onUpdate:field", "label"]),
+                      vue.createVNode(Field.default, {
+                        field: period.close,
+                        "onUpdate:field": ($event) => period.close = $event,
+                        label: vue.unref(t)("workingHours.closes"),
+                        type: "time",
+                        class: "bg-light radius-small pd-medium",
+                        onBlur: validatePeriods
+                      }, null, 8, ["field", "onUpdate:field", "label"])
+                    ]),
+                    currentSpecialDay.value.periods.length > 1 ? (vue.openBlock(), vue.createBlock(Button.default, {
+                      key: 0,
+                      class: "pd-micro bg-fourth-nano",
+                      submit: () => removeSpecialPeriod(pIndex),
+                      showSucces: false,
+                      showLoader: false
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode(vue.toDisplayString(vue.unref(t)("workingHours.remove")), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["submit"])) : vue.createCommentVNode("", true)
+                  ]);
+                }), 128))
+              ])) : vue.createCommentVNode("", true),
+              vue.createElementVNode("div", _hoisted_43, [
+                vue.createVNode(Button.default, {
+                  class: "w-100 bg-light",
+                  submit: () => showSpecialDayModal.value = false,
+                  showSucces: false,
+                  showLoader: false
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(vue.toDisplayString(vue.unref(t)("workingHours.cancel")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["submit"]),
+                vue.createVNode(Button.default, {
+                  class: "w-100 bg-main",
+                  submit: saveSpecialDay,
+                  showSucces: false,
+                  disabled: !isValidSpecialDay.value
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(vue.toDisplayString(vue.unref(t)("workingHours.save")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["disabled"])
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen", "title"])
+      ]);
+    };
+  }
+};
+const WorktimeEdit = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-f62ccd5d"]]);
+exports.default = WorktimeEdit;
+//# sourceMappingURL=WorktimeEdit.vue.cjs.map