@oneclick.dev/cms-core-modules 0.0.53 → 0.0.54

package/dist/exceptions-D3b18TiY.mjs

@@ -0,0 +1,647 @@
+import { defineComponent as ne, ref as E, reactive as ce, computed as te, resolveComponent as i, createBlock as g, openBlock as l, withCtx as r, createVNode as n, createElementVNode as o, createTextVNode as u, toDisplayString as h, createElementBlock as a, createCommentVNode as v, unref as m, Fragment as D, normalizeClass as k, renderList as B, normalizeStyle as re } from "vue";
+import { _ as me } from "./EditLayout.vue_vue_type_script_setup_true_lang-D0-EcU0_.mjs";
+import { n as U, g as b, u as N } from "./CalendarDate-CRT2Viyt.mjs";
+import { $ as ae } from "./DateFormatter-CbO0PVUK.mjs";
+import { Calendar as se, Users as le, BanIcon as de, Trash2 as ie, Plus as ue, CalendarPlus as pe } from "lucide-vue-next";
+import { useModuleRoute as fe, useModule as ve, useFirebaseIntegration as ge } from "@oneclick.dev/cms-kit";
+const xe = { class: "space-y-6 py-4" }, ye = { key: 0 }, _e = { class: "space-y-2" }, be = { class: "flex items-center justify-center w-8 h-8 rounded-full bg-muted" }, Ce = {
+  key: 0,
+  class: "w-full h-full rounded-full bg-white scale-50"
+}, ke = { class: "flex items-center justify-center w-8 h-8 rounded-full bg-muted" }, De = {
+  key: 0,
+  class: "w-full h-full rounded-full bg-white scale-50"
+}, he = {
+  key: 0,
+  class: "pl-4 pt-2 space-y-1"
+}, we = ["onClick"], Ee = { class: "min-w-0 flex-1" }, $e = { class: "text-sm font-medium truncate" }, Ie = {
+  key: 0,
+  class: "w-3 h-3 text-white",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor"
+}, Se = {
+  key: 0,
+  class: "text-xs text-amber-600 mt-2"
+}, Te = { class: "space-y-3" }, Ae = { class: "flex items-center justify-center w-10 h-10 rounded-full bg-destructive/10" }, Re = {
+  key: 0,
+  class: "w-full h-full rounded-full bg-white scale-50"
+}, Ue = { class: "flex items-center justify-center w-10 h-10 rounded-full bg-primary/10" }, Ve = {
+  key: 0,
+  class: "w-full h-full rounded-full bg-white scale-50"
+}, ze = { key: 1 }, je = {
+  key: 0,
+  class: "text-center py-6 text-muted-foreground text-sm"
+}, Pe = {
+  key: 1,
+  class: "space-y-2 mb-3"
+}, Be = { class: "w-full flex justify-between items-center" }, Ne = { class: "flex items-center gap-2 ml-auto" }, Fe = /* @__PURE__ */ ne({
+  __name: "ExceptionDialog",
+  props: {
+    resources: {}
+  },
+  emits: ["add-exception", "update-exception", "remove-exception"],
+  setup(oe, { expose: V, emit: F }) {
+    const I = new ae("en-US", {
+      dateStyle: "medium"
+    }), T = oe, x = F, y = E(!1), $ = E("add"), A = E(!1), c = E({
+      start: U(b()),
+      end: U(b())
+    }), t = ce({
+      id: "",
+      startDate: "",
+      endDate: "",
+      isClosed: !1,
+      timeslots: [],
+      resourceIds: null
+      // null = all resources
+    }), C = te({
+      get: () => t.resourceIds === null,
+      set: (s) => {
+        s ? t.resourceIds = null : t.resourceIds = [];
+      }
+    }), Y = (s) => {
+      if (t.resourceIds === null)
+        t.resourceIds = [s];
+      else {
+        const e = t.resourceIds.indexOf(s);
+        e === -1 ? t.resourceIds.push(s) : t.resourceIds.splice(e, 1);
+      }
+    }, L = te(() => !(!c.value.start || t.resourceIds !== null && t.resourceIds.length === 0)), q = (s) => {
+      $.value = s ? "edit" : "add", s ? (t.id = s.id, t.startDate = s.startDate, t.endDate = s.endDate, t.isClosed = s.isClosed, t.timeslots = JSON.parse(JSON.stringify(s.timeslots)), t.resourceIds = s.resourceIds ? [...s.resourceIds] : null, c.value = {
+        start: N(s.startDate),
+        end: N(s.endDate)
+      }) : (t.id = "", t.startDate = "", t.endDate = "", t.isClosed = !1, t.timeslots = [], t.resourceIds = null, c.value = {
+        start: U(b()),
+        end: U(b())
+      }), y.value = !0;
+    }, H = () => {
+      y.value = !1;
+    }, M = () => {
+      t.timeslots.push({
+        id: Date.now(),
+        startTime: "",
+        endTime: ""
+      });
+    }, G = (s) => {
+      t.timeslots = t.timeslots.filter((e) => e.id !== s);
+    }, z = () => {
+      if (!c.value.start) return;
+      const s = c.value.start.toString(), e = c.value.end?.toString() || s, p = {
+        id: Date.now().toString(),
+        startDate: s,
+        endDate: e,
+        isClosed: t.isClosed,
+        timeslots: t.isClosed ? [] : [...t.timeslots],
+        resourceIds: t.resourceIds
+      };
+      x("add-exception", p), y.value = !1;
+    }, j = () => {
+      const s = c.value.start.toString(), e = c.value.end?.toString() || s, p = {
+        id: t.id,
+        startDate: s,
+        endDate: e,
+        isClosed: t.isClosed,
+        timeslots: t.isClosed ? [] : [...t.timeslots],
+        resourceIds: t.resourceIds
+      };
+      x("update-exception", p), y.value = !1;
+    }, O = () => {
+      x("remove-exception", t.id), y.value = !1;
+    };
+    return V({
+      openDialog: q
+    }), (s, e) => {
+      const p = i("DialogTitle"), S = i("DialogHeader"), R = i("Label"), w = i("Button"), K = i("PopoverTrigger"), Q = i("RangeCalendar"), W = i("PopoverContent"), X = i("Popover"), J = i("Input"), Z = i("Card"), f = i("DialogFooter"), _ = i("DialogScrollContent"), ee = i("Dialog");
+      return l(), g(ee, {
+        open: y.value,
+        "onUpdate:open": e[6] || (e[6] = (d) => y.value = d)
+      }, {
+        default: r(() => [
+          n(_, { class: "sm:max-w-2xl" }, {
+            default: r(() => [
+              n(S, null, {
+                default: r(() => [
+                  n(p, null, {
+                    default: r(() => [
+                      u(h($.value === "add" ? "Add Exception" : "Edit Exception"), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              o("div", xe, [
+                o("div", null, [
+                  n(R, { class: "text-sm font-normal mb-1.5" }, {
+                    default: r(() => [...e[7] || (e[7] = [
+                      u("Select Date or Date Range", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  n(X, {
+                    open: A.value,
+                    "onUpdate:open": e[1] || (e[1] = (d) => A.value = d)
+                  }, {
+                    default: r(() => [
+                      n(K, { "as-child": "" }, {
+                        default: r(() => [
+                          n(w, {
+                            variant: "outline",
+                            class: "w-full justify-start text-left font-normal"
+                          }, {
+                            default: r(() => [
+                              n(m(se), { class: "mr-2 h-4 w-4" }),
+                              c.value.start ? (l(), a(D, { key: 0 }, [
+                                c.value.end && c.value.start.toString() !== c.value.end.toString() ? (l(), a(D, { key: 0 }, [
+                                  u(h(m(I).format(c.value.start.toDate(m(b)()))) + " - " + h(m(I).format(c.value.end.toDate(m(b)()))), 1)
+                                ], 64)) : (l(), a(D, { key: 1 }, [
+                                  u(h(m(I).format(c.value.start.toDate(m(b)()))), 1)
+                                ], 64))
+                              ], 64)) : (l(), a(D, { key: 1 }, [
+                                u(" Pick a date ")
+                              ], 64))
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      }),
+                      n(W, { class: "w-auto p-0" }, {
+                        default: r(() => [
+                          n(Q, {
+                            modelValue: c.value,
+                            "onUpdate:modelValue": e[0] || (e[0] = (d) => c.value = d),
+                            "initial-focus": "",
+                            "number-of-months": 2,
+                            "min-value": m(U)(m(b)())
+                          }, null, 8, ["modelValue", "min-value"])
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["open"])
+                ]),
+                T.resources && T.resources.length > 0 ? (l(), a("div", ye, [
+                  n(R, { class: "text-sm font-normal mb-1.5" }, {
+                    default: r(() => [...e[8] || (e[8] = [
+                      u("Apply To", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  o("div", _e, [
+                    o("div", {
+                      class: k(["flex items-center gap-3 p-3 border rounded-lg cursor-pointer hover:bg-accent transition-colors", C.value ? "bg-accent border-primary" : ""]),
+                      onClick: e[2] || (e[2] = (d) => C.value = !0)
+                    }, [
+                      o("div", be, [
+                        n(m(le), { class: "h-4 w-4 text-muted-foreground" })
+                      ]),
+                      e[9] || (e[9] = o("div", { class: "flex-1" }, [
+                        o("div", { class: "font-medium text-sm" }, "All Resources"),
+                        o("div", { class: "text-xs text-muted-foreground" }, "Exception applies to all resources")
+                      ], -1)),
+                      o("div", {
+                        class: k(["w-4 h-4 rounded-full border-2", C.value ? "border-primary bg-primary" : "border-muted-foreground"])
+                      }, [
+                        C.value ? (l(), a("div", Ce)) : v("", !0)
+                      ], 2)
+                    ], 2),
+                    o("div", {
+                      class: k(["flex items-center gap-3 p-3 border rounded-lg cursor-pointer hover:bg-accent transition-colors", C.value ? "" : "bg-accent border-primary"]),
+                      onClick: e[3] || (e[3] = (d) => C.value = !1)
+                    }, [
+                      o("div", ke, [
+                        n(m(le), { class: "h-4 w-4 text-muted-foreground" })
+                      ]),
+                      e[10] || (e[10] = o("div", { class: "flex-1" }, [
+                        o("div", { class: "font-medium text-sm" }, "Specific Resources"),
+                        o("div", { class: "text-xs text-muted-foreground" }, "Select which resources this exception applies to")
+                      ], -1)),
+                      o("div", {
+                        class: k(["w-4 h-4 rounded-full border-2", C.value ? "border-muted-foreground" : "border-primary bg-primary"])
+                      }, [
+                        C.value ? v("", !0) : (l(), a("div", De))
+                      ], 2)
+                    ], 2),
+                    C.value ? v("", !0) : (l(), a("div", he, [
+                      (l(!0), a(D, null, B(T.resources, (d) => (l(), a("div", {
+                        key: d.id,
+                        class: k(["flex items-center gap-2 p-2 rounded-md hover:bg-muted cursor-pointer transition-colors", {
+                          "bg-muted": t.resourceIds?.includes(d.id),
+                          "opacity-50": t.resourceIds && t.resourceIds.length > 0 && !t.resourceIds.includes(d.id)
+                        }]),
+                        onClick: (P) => Y(d.id)
+                      }, [
+                        o("div", {
+                          class: "size-6 rounded-full flex items-center justify-center text-white text-xs font-medium flex-shrink-0",
+                          style: re({ backgroundColor: d.color || "#6b7280" })
+                        }, h(d.avatarLabel || d.name.charAt(0).toUpperCase()), 5),
+                        o("div", Ee, [
+                          o("div", $e, h(d.name), 1)
+                        ]),
+                        o("div", {
+                          class: k(["size-4 rounded border-2 flex items-center justify-center flex-shrink-0", t.resourceIds?.includes(d.id) ? "border-primary bg-primary" : "border-muted-foreground"])
+                        }, [
+                          t.resourceIds?.includes(d.id) ? (l(), a("svg", Ie, [...e[11] || (e[11] = [
+                            o("path", {
+                              "stroke-linecap": "round",
+                              "stroke-linejoin": "round",
+                              "stroke-width": "3",
+                              d: "M5 13l4 4L19 7"
+                            }, null, -1)
+                          ])])) : v("", !0)
+                        ], 2)
+                      ], 10, we))), 128)),
+                      t.resourceIds?.length === 0 ? (l(), a("p", Se, " ⚠️ Please select at least one resource ")) : v("", !0)
+                    ]))
+                  ])
+                ])) : v("", !0),
+                o("div", null, [
+                  n(R, { class: "text-sm font-normal mb-1.5" }, {
+                    default: r(() => [...e[12] || (e[12] = [
+                      u("Exception Type", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  o("div", Te, [
+                    o("div", {
+                      class: k(["flex items-center gap-3 p-3 border rounded-lg cursor-pointer hover:bg-accent transition-colors", t.isClosed ? "bg-accent border-primary" : ""]),
+                      onClick: e[4] || (e[4] = (d) => t.isClosed = !0)
+                    }, [
+                      o("div", Ae, [
+                        n(m(de), { class: "h-5 w-5 text-destructive" })
+                      ]),
+                      e[13] || (e[13] = o("div", { class: "flex-1" }, [
+                        o("div", { class: "font-medium" }, "Closed"),
+                        o("div", { class: "text-sm text-muted-foreground" }, "No appointments available during this period")
+                      ], -1)),
+                      o("div", {
+                        class: k(["w-4 h-4 rounded-full border-2", t.isClosed ? "border-primary bg-primary" : "border-muted-foreground"])
+                      }, [
+                        t.isClosed ? (l(), a("div", Re)) : v("", !0)
+                      ], 2)
+                    ], 2),
+                    o("div", {
+                      class: k(["flex items-center gap-3 p-3 border rounded-lg cursor-pointer hover:bg-accent transition-colors", t.isClosed ? "" : "bg-accent border-primary"]),
+                      onClick: e[5] || (e[5] = (d) => t.isClosed = !1)
+                    }, [
+                      o("div", Ue, [
+                        n(m(se), { class: "h-5 w-5 text-primary" })
+                      ]),
+                      e[14] || (e[14] = o("div", { class: "flex-1" }, [
+                        o("div", { class: "font-medium" }, "Custom Hours"),
+                        o("div", { class: "text-sm text-muted-foreground" }, "Set specific time slots for this period")
+                      ], -1)),
+                      o("div", {
+                        class: k(["w-4 h-4 rounded-full border-2", t.isClosed ? "border-muted-foreground" : "border-primary bg-primary"])
+                      }, [
+                        t.isClosed ? v("", !0) : (l(), a("div", Ve))
+                      ], 2)
+                    ], 2)
+                  ])
+                ]),
+                t.isClosed ? v("", !0) : (l(), a("div", ze, [
+                  n(R, { class: "text-sm font-normal mb-1.5" }, {
+                    default: r(() => [...e[15] || (e[15] = [
+                      u("Time Slots", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  n(Z, { class: "p-4" }, {
+                    default: r(() => [
+                      t.timeslots.length === 0 ? (l(), a("div", je, ' No time slots added. Click "Add Time Slot" to create one. ')) : (l(), a("div", Pe, [
+                        (l(!0), a(D, null, B(t.timeslots, (d) => (l(), a("div", {
+                          key: d.id,
+                          class: "flex items-center gap-2"
+                        }, [
+                          n(J, {
+                            class: "w-32",
+                            modelValue: d.startTime,
+                            "onUpdate:modelValue": (P) => d.startTime = P,
+                            type: "time"
+                          }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                          e[16] || (e[16] = o("span", { class: "text-muted-foreground" }, "to", -1)),
+                          n(J, {
+                            class: "w-32",
+                            modelValue: d.endTime,
+                            "onUpdate:modelValue": (P) => d.endTime = P,
+                            type: "time"
+                          }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                          n(w, {
+                            variant: "ghost",
+                            size: "icon",
+                            onClick: (P) => G(d.id)
+                          }, {
+                            default: r(() => [
+                              n(m(ie), { class: "size-4" })
+                            ]),
+                            _: 1
+                          }, 8, ["onClick"])
+                        ]))), 128))
+                      ])),
+                      n(w, {
+                        onClick: M,
+                        variant: "outline",
+                        size: "sm",
+                        class: "w-full"
+                      }, {
+                        default: r(() => [
+                          n(m(ue), { class: "size-4 mr-1" }),
+                          e[17] || (e[17] = u(" Add Time Slot ", -1))
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]))
+              ]),
+              n(f, { class: "gap-2" }, {
+                default: r(() => [
+                  o("div", Be, [
+                    $.value === "edit" ? (l(), g(w, {
+                      key: 0,
+                      variant: "destructive",
+                      onClick: O
+                    }, {
+                      default: r(() => [...e[18] || (e[18] = [
+                        u(" Remove Exception ", -1)
+                      ])]),
+                      _: 1
+                    })) : v("", !0),
+                    o("div", Ne, [
+                      n(w, {
+                        variant: "outline",
+                        onClick: H
+                      }, {
+                        default: r(() => [...e[19] || (e[19] = [
+                          u(" Cancel ", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      $.value === "add" ? (l(), g(w, {
+                        key: 0,
+                        onClick: z,
+                        disabled: !L.value
+                      }, {
+                        default: r(() => [...e[20] || (e[20] = [
+                          u(" Add Exception ", -1)
+                        ])]),
+                        _: 1
+                      }, 8, ["disabled"])) : (l(), g(w, {
+                        key: 1,
+                        onClick: j,
+                        disabled: !L.value
+                      }, {
+                        default: r(() => [...e[21] || (e[21] = [
+                          u(" Update Exception ", -1)
+                        ])]),
+                        _: 1
+                      }, 8, ["disabled"]))
+                    ])
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+}), Le = { class: "max-w-4xl space-y-6" }, He = {
+  key: 0,
+  class: "flex"
+}, Me = { key: 1 }, Oe = { class: "space-y-3" }, Je = { class: "flex items-start justify-between" }, Ye = { class: "flex-1" }, qe = { class: "flex items-center gap-2 mb-1" }, Ge = { class: "font-medium" }, Ke = {
+  key: 0,
+  class: "flex items-center gap-1.5 ml-6 mb-2"
+}, Qe = ["title"], We = { class: "text-sm text-muted-foreground ml-6" }, Xe = {
+  key: 0,
+  class: "text-amber-600"
+}, Ze = {
+  key: 1,
+  class: "space-y-1"
+}, et = { class: "flex flex-wrap gap-2" }, tt = { class: "flex gap-1" }, st = {
+  key: 4,
+  class: "flex justify-end pt-4 border-t"
+}, it = /* @__PURE__ */ ne({
+  __name: "exceptions",
+  setup(oe) {
+    const V = new ae("en-US", {
+      dateStyle: "medium"
+    }), { params: F } = fe(), { config: I } = ve(), T = ge(I.project), x = E([]), y = E([]), $ = E(!1), A = E(!0), c = E(), t = (s) => !s.resourceIds || s.resourceIds.length === 0 ? null : y.value.filter((e) => s.resourceIds?.includes(e.id)), C = async () => {
+      try {
+        A.value = !0;
+        const s = await T.get(I.agendaCollection, F.value.id);
+        x.value = s.exceptions || [], y.value = (s.resources || []).filter((e) => e.isActive);
+      } catch (s) {
+        console.error("Error loading exceptions:", s);
+      } finally {
+        A.value = !1;
+      }
+    }, Y = (s, e) => {
+      const p = N(s), S = N(e);
+      return s === e ? V.format(p.toDate(b())) : `${V.format(p.toDate(b()))} - ${V.format(S.toDate(b()))}`;
+    }, L = (s) => {
+      x.value.push(s), z();
+    }, q = (s) => {
+      const e = x.value.findIndex((p) => p.id === s.id);
+      e !== -1 && (x.value[e] = s), z();
+    }, H = (s) => {
+      x.value = x.value.filter((e) => e.id !== s), z();
+    }, M = () => {
+      c.value?.openDialog();
+    }, G = (s) => {
+      c.value?.openDialog(s);
+    }, z = async () => {
+      $.value = !0, await T.update(I.agendaCollection, F.value.id, {
+        exceptions: x.value
+      }), $.value = !1;
+    }, j = te(() => [...x.value].sort((s, e) => s.startDate.localeCompare(e.startDate))), O = (s) => {
+      const e = N(s), p = U(b());
+      return e.compare(p) < 0;
+    };
+    return C(), (s, e) => {
+      const p = i("Button"), S = i("Badge"), R = i("Card"), w = i("Spinner"), K = i("EmptyMedia"), Q = i("EmptyTitle"), W = i("EmptyDescription"), X = i("EmptyHeader"), J = i("EmptyContent"), Z = i("Empty");
+      return l(), g(me, null, {
+        default: r(() => [
+          e[10] || (e[10] = o("h1", { class: "text-lg font-medium mb-2" }, "Exception Management", -1)),
+          e[11] || (e[11] = o("p", { class: "mb-6 text-muted-foreground text-sm" }, " Create exceptions to override your regular schedule. You can close specific dates or set custom hours for special occasions. ", -1)),
+          o("div", Le, [
+            j.value.length > 0 ? (l(), a("div", He, [
+              n(p, { onClick: M }, {
+                default: r(() => [
+                  n(m(ue), { class: "size-4 mr-1" }),
+                  e[0] || (e[0] = u(" Add Exception ", -1))
+                ]),
+                _: 1
+              })
+            ])) : v("", !0),
+            j.value.length > 0 ? (l(), a("div", Me, [
+              e[5] || (e[5] = o("h2", { class: "text-base font-medium mb-3" }, "Active Exceptions", -1)),
+              o("div", Oe, [
+                (l(!0), a(D, null, B(j.value, (f) => (l(), g(R, {
+                  key: f.id,
+                  class: k(["p-4", O(f.endDate) ? "opacity-60" : ""])
+                }, {
+                  default: r(() => [
+                    o("div", Je, [
+                      o("div", Ye, [
+                        o("div", qe, [
+                          f.isClosed ? (l(), g(m(de), {
+                            key: 0,
+                            class: "h-4 w-4 text-destructive"
+                          })) : (l(), g(m(se), {
+                            key: 1,
+                            class: "h-4 w-4 text-primary"
+                          })),
+                          o("h3", Ge, h(Y(f.startDate, f.endDate)), 1),
+                          O(f.endDate) ? (l(), g(S, {
+                            key: 2,
+                            variant: "secondary",
+                            class: "text-xs"
+                          }, {
+                            default: r(() => [...e[1] || (e[1] = [
+                              u(" Past ", -1)
+                            ])]),
+                            _: 1
+                          })) : v("", !0)
+                        ]),
+                        y.value.length > 0 ? (l(), a("div", Ke, [
+                          t(f) ? (l(!0), a(D, { key: 0 }, B(t(f), (_) => (l(), a("div", {
+                            key: _.id,
+                            class: "size-5 rounded-full flex items-center justify-center text-white text-[10px] font-medium",
+                            style: re({ backgroundColor: _.color || "#6b7280" }),
+                            title: _.name
+                          }, h(_.avatarLabel || _.name.charAt(0).toUpperCase()), 13, Qe))), 128)) : (l(), g(S, {
+                            key: 1,
+                            variant: "outline",
+                            class: "text-xs"
+                          }, {
+                            default: r(() => [...e[2] || (e[2] = [
+                              u(" All Resources ", -1)
+                            ])]),
+                            _: 1
+                          }))
+                        ])) : v("", !0),
+                        o("div", We, [
+                          f.isClosed ? (l(), a(D, { key: 0 }, [
+                            u(" Closed - No appointments available ")
+                          ], 64)) : (l(), a(D, { key: 1 }, [
+                            f.timeslots.length === 0 ? (l(), a("div", Xe, " ⚠️ No time slots defined ")) : (l(), a("div", Ze, [
+                              e[3] || (e[3] = o("div", { class: "font-medium text-foreground" }, "Custom Hours:", -1)),
+                              o("div", et, [
+                                (l(!0), a(D, null, B(f.timeslots, (_, ee) => (l(), g(S, {
+                                  key: ee,
+                                  variant: "outline",
+                                  class: "font-mono text-xs"
+                                }, {
+                                  default: r(() => [
+                                    u(h(_.startTime) + " - " + h(_.endTime), 1)
+                                  ]),
+                                  _: 2
+                                }, 1024))), 128))
+                              ])
+                            ]))
+                          ], 64))
+                        ])
+                      ]),
+                      o("div", tt, [
+                        n(p, {
+                          variant: "ghost",
+                          onClick: (_) => G(f)
+                        }, {
+                          default: r(() => [...e[4] || (e[4] = [
+                            u(" Edit ", -1)
+                          ])]),
+                          _: 1
+                        }, 8, ["onClick"]),
+                        n(p, {
+                          variant: "ghost",
+                          size: "icon",
+                          onClick: (_) => H(f.id)
+                        }, {
+                          default: r(() => [
+                            n(m(ie), { class: "size-4 text-destructive" })
+                          ]),
+                          _: 1
+                        }, 8, ["onClick"])
+                      ])
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["class"]))), 128))
+              ])
+            ])) : A.value ? (l(), g(w, {
+              key: 2,
+              class: "my-8 size-8"
+            })) : (l(), g(Z, {
+              key: 3,
+              class: "border border-dashed"
+            }, {
+              default: r(() => [
+                n(X, null, {
+                  default: r(() => [
+                    n(K, { variant: "icon" }, {
+                      default: r(() => [
+                        n(m(pe))
+                      ]),
+                      _: 1
+                    }),
+                    n(Q, null, {
+                      default: r(() => [...e[6] || (e[6] = [
+                        u("No Exceptions Created", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    n(W, null, {
+                      default: r(() => [...e[7] || (e[7] = [
+                        u(' Your agenda runs smoothly without any exceptions. Click "Add Exception" to create one. ', -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                n(J, null, {
+                  default: r(() => [
+                    n(p, {
+                      variant: "outline",
+                      size: "sm",
+                      onClick: M
+                    }, {
+                      default: r(() => [...e[8] || (e[8] = [
+                        u(" Add Exception ", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })),
+            $.value ? (l(), a("div", st, [...e[9] || (e[9] = [
+              o("span", null, "Saving...", -1)
+            ])])) : v("", !0)
+          ]),
+          n(Fe, {
+            ref_key: "exceptionDialogRef",
+            ref: c,
+            resources: y.value,
+            onAddException: L,
+            onUpdateException: q,
+            onRemoveException: H
+          }, null, 8, ["resources"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  it as default
+};