@feedmepos/mf-menu-portal 1.0.4-dev.3 → 1.0.4

package/dist/{Scheduler-C-A5m92O.js → Scheduler-BL7t8aS7.js}

@@ -1,73 +1,79 @@
-import { defineComponent as te, computed as x, ref as Z, shallowRef as ee, h as z, withModifiers as xe, onUnmounted as Ve, resolveComponent as v, openBlock as n, createBlock as F, unref as l, withCtx as y, createElementBlock as c, toDisplayString as f, Fragment as L, createElementVNode as b, createVNode as s, createCommentVNode as _, mergeProps as Le, renderList as T, createTextVNode as Se } from "vue";
-import { useI18n as Pe, formatTimeOfDay as le } from "@feedmepos/mf-common";
-import { useDialog as Ue, components as ae, FmButtonVariant as Te } from "@feedmepos/ui-library";
-import { _ as $e } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
-import { _ as Me } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-0tCpJlOf.js";
-import { _ as $ } from "./FormSection.vue_vue_type_script_setup_true_lang-pY-_msnM.js";
-import { _ as De } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
-import { u as Ee } from "./useActionFeedback-DyUCQl2x.js";
-import { u as Ie } from "./useEditorValidation-Ctef5Bxt.js";
-import { b as Ae, u as Re, a as ze } from "./provide-CfF0FmUz.js";
-const Be = {
+import { defineComponent as ie, computed as x, ref as se, shallowRef as oe, h as j, withModifiers as ne, onUnmounted as Ue, resolveComponent as b, openBlock as s, createBlock as g, unref as l, withCtx as h, createElementBlock as c, toDisplayString as f, Fragment as V, createElementVNode as p, createVNode as o, renderList as S, createCommentVNode as F, mergeProps as $e, createTextVNode as Te } from "vue";
+import { useI18n as Ie, formatTimeOfDay as ue } from "@feedmepos/mf-common";
+import { useDialog as Me, useBreakpoints as De, components as de, FmButtonVariant as Ee } from "@feedmepos/ui-library";
+import { _ as Ae } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
+import { _ as ze } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-C0rc1FRO.js";
+import { _ as T } from "./vuedraggable-CBtQLb_S.js";
+import { _ as Be } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
+import { u as Re } from "./useActionFeedback-CXx7dOVc.js";
+import { u as je } from "./useEditorValidation-Ctef5Bxt.js";
+import { b as Ne, u as Ge, a as Oe } from "./provide-Bwf3KcOV.js";
+const He = {
   key: 0,
   class: "flex flex-1 justify-end"
-}, je = {
+}, Ke = {
   key: 0,
   role: "alert",
   class: "text-fm-color-typo-secondary"
-}, Ne = { class: "flex justify-end" }, Ge = { class: "w-[320px]" }, Oe = { class: "space-y-0 py-8" }, He = {
+}, qe = { class: "flex justify-end" }, Qe = { class: "w-[320px] xs:w-full xs:px-16 xs:mt-8" }, We = { class: "min-w-0 grow space-y-4" }, Je = { class: "fm-typo-en-body-lg-600 break-words" }, Xe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary break-words" }, Ye = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary break-words" }, Ze = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary break-words"
+}, el = {
+  key: 2,
+  class: "fixed right-16 bottom-[72px] z-[100]"
+}, ll = { class: "space-y-0 py-8" }, al = {
   key: 0,
   class: "grid grid-cols-4 gap-8 pl-32 pt-4"
-}, Ke = {
+}, tl = {
   key: 0,
   class: "flex flex-col items-start gap-16 pl-32 pt-12"
-}, qe = {
+}, sl = {
   key: 0,
   class: "-mt-16 space-y-16"
-}, Qe = {
+}, ol = {
   key: 0,
   class: "flex items-center"
-}, We = {
+}, nl = {
   key: 1,
   class: "text-fm-color-typo-secondary"
-}, Je = { class: "flex flex-1 flex-wrap items-center gap-4" }, Xe = { class: "sr-only" }, Ye = { class: "-mt-14" }, Ze = {
+}, ul = { class: "flex flex-1 flex-wrap items-center gap-4" }, dl = { class: "sr-only" }, il = { class: "-mt-14" }, rl = {
   key: 0,
   class: "space-y-8"
-}, el = { class: "bg-fm-color-neutral-gray-100 px-16 py-8" }, ll = { class: "flex gap-8" }, al = /* @__PURE__ */ te({
+}, cl = { class: "bg-fm-color-neutral-gray-100 px-16 py-8" }, ml = { class: "flex gap-8" }, pl = /* @__PURE__ */ ie({
   __name: "SchedulerList",
   props: {
     sdk: {}
   },
-  setup(B) {
-    const w = B, { locale: C, t: e } = Pe(), A = Ae(), se = Ue(), { run: j } = Ee(), S = Re(w.sdk.scheduler.list), k = x(
-      () => S.value.status === "ready" ? S.value.value : null
-    ), oe = x(() => {
+  setup(N) {
+    const w = N, { locale: C, t: e } = Ie(), A = Ne(), re = Me(), { run: G } = Re(), P = Ge(w.sdk.scheduler.list), _ = x(
+      () => P.value.status === "ready" ? P.value.value : null
+    ), ce = x(() => {
       var a;
-      return ((a = k.value) == null ? void 0 : a.query) ?? "";
-    }), ne = x(() => {
+      return ((a = _.value) == null ? void 0 : a.query) ?? "";
+    }), { breakpoints: me } = De(), z = x(() => me.value.xs), pe = x(() => {
       var a;
-      return [...((a = k.value) == null ? void 0 : a.rows) ?? []];
-    }), V = Z(!1), M = Z(!1), u = ee(
+      return [...((a = _.value) == null ? void 0 : a.rows) ?? []];
+    }), L = se(!1), I = se(!1), u = oe(
       w.sdk.scheduler.editor()
-    ), P = ee(
+    ), U = oe(
       u.value.get()
     );
-    let R = u.value.subscribe(
+    let B = u.value.subscribe(
       (a) => {
-        P.value = a;
+        U.value = a;
       }
     );
-    const o = x(
-      () => P.value.status === "ready" ? P.value.value : null
-    ), D = Ie(() => u.value), N = x(
-      () => o.value ? D.issue(o.value.fieldIssues, "name") ?? o.value.nameIssue : null
-    ), G = x(
-      () => o.value ? D.issue(o.value.fieldIssues, "periods") ?? o.value.periodIssue : null
-    ), ue = (a) => z(
+    const n = x(
+      () => U.value.status === "ready" ? U.value.value : null
+    ), M = je(() => u.value), O = x(
+      () => n.value ? M.issue(n.value.fieldIssues, "name") ?? n.value.nameIssue : null
+    ), H = x(
+      () => n.value ? M.issue(n.value.fieldIssues, "periods") ?? n.value.periodIssue : null
+    ), ve = (a) => j(
       "div",
       { class: "relative -top-[2px] fm-typo-en-body-lg-400 tracking-normal" },
-      z("span", a.message)
-    ), re = [
+      j("span", a.message)
+    ), be = [
       "monday",
       "tuesday",
       "wednesday",
@@ -76,7 +82,7 @@ const Be = {
       "saturday",
       "sunday"
     ];
-    function U(a) {
+    function $(a) {
       return {
         monday: e("menu.scheduler.days.monday"),
         tuesday: e("menu.scheduler.days.tuesday"),
@@ -87,34 +93,34 @@ const Be = {
         sunday: e("menu.scheduler.days.sunday")
       }[a];
     }
-    function O(a) {
-      R(), u.value.dispose(), u.value = w.sdk.scheduler.editor(a), P.value = u.value.get(), R = u.value.subscribe(
+    function K(a) {
+      B(), u.value.dispose(), u.value = w.sdk.scheduler.editor(a), U.value = u.value.get(), B = u.value.subscribe(
         (t) => {
-          P.value = t;
+          U.value = t;
         }
       );
     }
-    function H() {
+    function R() {
       var a;
-      ((a = k.value) == null ? void 0 : a.create.state) === "allowed" && (O(), V.value = !0);
+      ((a = _.value) == null ? void 0 : a.create.state) === "allowed" && (K(), L.value = !0);
     }
-    function de(a) {
-      O(a.id), V.value = !0;
+    function q(a) {
+      K(a.id), L.value = !0;
     }
-    function ie(a) {
+    function Q(a) {
       return a.periods.length ? a.periods.map(
         (t) => e("menu.scheduler.table.period_range", {
-          start: le(
+          start: ue(
             t.start,
             C.value
           ).toLocaleLowerCase(C.value),
-          end: le(t.end, C.value).toLocaleLowerCase(
+          end: ue(t.end, C.value).toLocaleLowerCase(
             C.value
           )
         })
       ).join(e("menu.scheduler.table.list_separator")) : e("menu.scheduler.dialog.sections.period.all_day");
     }
-    function ce(a) {
+    function W(a) {
       const t = a.repeatPresentation;
       switch (t.kind) {
         case "daily":
@@ -125,39 +131,39 @@ const Be = {
           return e("menu.scheduler.repeat.weekends");
         case "except":
           return e("menu.scheduler.repeat.except", {
-            day: U(t.day)
+            day: $(t.day)
           });
         case "range":
           return e("menu.scheduler.repeat.range", {
-            start: U(t.start),
-            end: U(t.end)
+            start: $(t.start),
+            end: $(t.end)
           });
         case "days":
-          return t.days.map(U).join(e("menu.scheduler.repeat.list_separator"));
+          return t.days.map($).join(e("menu.scheduler.repeat.list_separator"));
       }
     }
-    function me(a) {
-      u.value.setLinkedProductIds(a), M.value = !1;
+    function ye(a) {
+      u.value.setLinkedProductIds(a), I.value = !1;
     }
-    async function pe() {
+    async function he() {
       var t;
-      (await j(
-        () => D.submit(() => u.value.submit()),
+      (await G(
+        () => M.submit(() => u.value.submit()),
         {
           showLoading: () => {
-            var h;
-            return ((h = o.value) == null ? void 0 : h.status) === "submitting";
+            var k;
+            return ((k = n.value) == null ? void 0 : k.status) === "submitting";
           },
           successMessage: e("menu.scheduler.actions.saved", {
-            name: ((t = o.value) == null ? void 0 : t.name.trim()) ?? ""
+            name: ((t = n.value) == null ? void 0 : t.name.trim()) ?? ""
           })
         }
-      )).kind === "success" && (V.value = !1);
+      )).kind === "success" && (L.value = !1);
     }
-    function ve(a) {
-      a.remove.state === "allowed" && se.open({
+    function J(a) {
+      a.remove.state === "allowed" && re.open({
         title: e("menu.scheduler.dialogs.remove.title"),
-        contentComponent: ue,
+        contentComponent: ve,
         contentComponentProps: {
           message: e("menu.scheduler.dialogs.remove.message", {
             name: a.name
@@ -168,21 +174,21 @@ const Be = {
         primaryActions: {
           text: e("menu.common.actions.remove"),
           close: !0,
-          variant: Te.Destructive
+          variant: Ee.Destructive
         },
         secondaryActions: {
           text: e("menu.common.actions.cancel"),
           close: !0
         }
       }).onPrimary(async () => {
-        await j(() => w.sdk.scheduler.remove(a.id), {
+        await G(() => w.sdk.scheduler.remove(a.id), {
           successMessage: e("menu.scheduler.actions.removed", {
             name: a.name
           })
         });
       });
     }
-    const ye = x(() => [
+    const ke = x(() => [
       {
         accessorKey: "name",
         header: () => e("menu.scheduler.table.columns.name"),
@@ -191,13 +197,13 @@ const Be = {
       {
         id: "repeat",
         header: () => e("menu.scheduler.table.columns.repeat"),
-        cell: (a) => ce(a.row.original),
+        cell: (a) => W(a.row.original),
         enableSorting: !1
       },
       {
         id: "period",
         header: () => e("menu.scheduler.table.columns.period"),
-        cell: (a) => ie(a.row.original),
+        cell: (a) => Q(a.row.original),
         enableSorting: !1
       },
       {
@@ -213,7 +219,7 @@ const Be = {
         id: "actions",
         size: 52,
         header: "",
-        cell: (a) => z(ae.FmButton, {
+        cell: (a) => j(de.FmButton, {
           icon: "delete",
           variant: "tertiary",
           textColor: "neutral-gray-400",
@@ -221,250 +227,304 @@ const Be = {
           "aria-label": e("menu.scheduler.table.delete.accessibility_label", {
             name: a.row.original.name
           }),
-          onClick: xe(
-            () => ve(a.row.original),
+          onClick: ne(
+            () => J(a.row.original),
             ["stop", "prevent"]
           )
         })
       }
     ]);
-    return Ve(() => {
-      R(), u.value.dispose(), w.sdk.scheduler.search("");
+    return Ue(() => {
+      B(), u.value.dispose(), w.sdk.scheduler.search("");
     }), (a, t) => {
-      const h = v("FmButton"), be = v("FmCircularProgress"), he = v("FmSearch"), ge = v("FmTable"), K = v("FmTextField"), E = v("FmRadio"), q = v("FmRadioGroup"), ke = v("FmCheckbox"), fe = v("FmHelperText"), Q = v("FmTimePicker"), _e = v("FmSwitch"), Fe = v("FmIcon"), we = v("FmTooltip"), W = v("FmSelect"), Ce = v("FmSideSheet");
-      return n(), F(De, {
+      const k = b("FmButton"), _e = b("FmCircularProgress"), fe = b("FmSearch"), ge = b("FmTable"), Fe = b("FmListItem"), we = b("FmList"), X = b("FmTextField"), D = b("FmRadio"), Y = b("FmRadioGroup"), xe = b("FmCheckbox"), Ce = b("FmHelperText"), Z = b("FmTimePicker"), Ve = b("FmSwitch"), Le = b("FmIcon"), Se = b("FmTooltip"), ee = b("FmSelect"), Pe = b("FmSideSheet");
+      return s(), g(Be, {
         "data-visual-root": "scheduler",
         heading: l(e)("menu.scheduler.title")
       }, {
-        "append-heading": y(() => [
-          k.value ? (n(), c("div", Be, [
-            k.value.totalCount > 0 ? (n(), F(h, {
+        "append-heading": h(() => [
+          _.value ? (s(), c("div", He, [
+            _.value.totalCount > 0 && !z.value ? (s(), g(k, {
               key: 0,
-              disabled: k.value.create.state !== "allowed",
+              disabled: _.value.create.state !== "allowed",
               label: l(e)("menu.scheduler.empty.action"),
               "prepend-icon": "add",
-              onClick: H
-            }, null, 8, ["disabled", "label"])) : _("", !0)
-          ])) : _("", !0)
+              onClick: R
+            }, null, 8, ["disabled", "label"])) : F("", !0)
+          ])) : F("", !0)
         ]),
-        default: y(() => {
-          var J, X, Y;
+        default: h(() => {
+          var le, ae, te;
           return [
-            l(S).status === "error" ? (n(), c("p", je, f(l(A)(l(S).error.message)), 1)) : l(S).status === "loading" ? (n(), F(be, { key: 1 })) : k.value && k.value.totalCount === 0 ? (n(), F(l($e), {
+            l(P).status === "error" ? (s(), c("p", Ke, f(l(A)(l(P).error.message)), 1)) : l(P).status === "loading" ? (s(), g(_e, { key: 1 })) : _.value && _.value.totalCount === 0 ? (s(), g(l(Ae), {
               key: 2,
-              action: { text: l(e)("menu.scheduler.empty.action"), callback: H },
+              action: { text: l(e)("menu.scheduler.empty.action"), callback: R },
               title: l(e)("menu.scheduler.empty.title"),
               subtitle: l(e)("menu.scheduler.empty.subtitle")
-            }, null, 8, ["action", "title", "subtitle"])) : k.value ? (n(), c(L, { key: 3 }, [
-              b("div", Ne, [
-                b("div", Ge, [
-                  s(he, {
+            }, null, 8, ["action", "title", "subtitle"])) : _.value ? (s(), c(V, { key: 3 }, [
+              p("div", qe, [
+                p("div", Qe, [
+                  o(fe, {
                     autofocus: "",
                     "aria-label": l(e)("menu.scheduler.accessibility.search"),
                     class: "mb-8",
-                    "model-value": oe.value,
+                    "model-value": ce.value,
                     placeholder: l(e)("menu.scheduler.table.search.placeholder"),
                     "onUpdate:modelValue": w.sdk.scheduler.search
                   }, null, 8, ["aria-label", "model-value", "placeholder", "onUpdate:modelValue"])
                 ])
               ]),
-              s(ge, {
-                "column-defs": ye.value,
+              z.value ? (s(), g(we, {
+                key: 1,
+                class: "w-full px-16 flex-1 min-h-0 overflow-scroll pb-64",
+                separator: ""
+              }, {
+                default: h(() => [
+                  (s(!0), c(V, null, S(_.value.rows, (i) => (s(), g(Fe, {
+                    key: i.id,
+                    class: "!py-12 !px-0",
+                    onClick: (m) => q(i)
+                  }, {
+                    default: h(() => [
+                      p("div", We, [
+                        p("div", Je, f(i.name), 1),
+                        p("div", null, [
+                          p("div", Xe, f(l(e)("menu.common.labels.products_linked", {
+                            count: i.linkedProductCount
+                          })), 1),
+                          p("div", Ye, f(l(e)("menu.common.labels.a11y_labelled_name", {
+                            label: l(e)("menu.scheduler.table.columns.repeat"),
+                            name: W(i)
+                          })), 1),
+                          i.periods.length > 0 ? (s(), c("div", Ze, f(l(e)("menu.common.labels.a11y_labelled_name", {
+                            label: l(e)("menu.scheduler.table.columns.period"),
+                            name: Q(i)
+                          })), 1)) : F("", !0)
+                        ])
+                      ]),
+                      o(k, {
+                        class: "shrink-0",
+                        "aria-label": l(e)("menu.scheduler.table.delete.accessibility_label", {
+                          name: i.name
+                        }),
+                        disabled: i.remove.state !== "allowed",
+                        icon: "delete",
+                        "text-color": "neutral-gray-400",
+                        variant: "tertiary",
+                        onClick: ne((m) => J(i), ["stop"])
+                      }, null, 8, ["aria-label", "disabled", "onClick"])
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"]))), 128))
+                ]),
+                _: 1
+              })) : (s(), g(ge, {
+                key: 0,
+                "column-defs": ke.value,
                 "hide-footer": "",
-                "page-size": Math.max(k.value.rows.length, 1),
+                "page-size": Math.max(_.value.rows.length, 1),
                 "pin-header-row": "",
-                "row-data": ne.value,
+                "row-data": pe.value,
                 "shrink-at": !1,
-                onRowClick: t[0] || (t[0] = (g) => de(g.original))
-              }, null, 8, ["column-defs", "page-size", "row-data"])
-            ], 64)) : _("", !0),
-            s(Ce, {
-              modelValue: V.value,
-              "onUpdate:modelValue": t[9] || (t[9] = (g) => V.value = g),
-              header: ((J = o.value) == null ? void 0 : J.mode) === "update" ? l(e)("menu.scheduler.dialog.update.title") : l(e)("menu.scheduler.dialog.add.title"),
-              "is-container": l(ae).FmForm,
-              "is-container-props": { onValidationSuccess: pe },
+                onRowClick: t[0] || (t[0] = (i) => q(i.original))
+              }, null, 8, ["column-defs", "page-size", "row-data"])),
+              _.value.totalCount > 0 && z.value ? (s(), c("div", el, [
+                o(k, {
+                  disabled: _.value.create.state !== "allowed",
+                  label: l(e)("menu.scheduler.empty.action"),
+                  "prepend-icon": "add",
+                  variant: "fab",
+                  onClick: R
+                }, null, 8, ["disabled", "label"])
+              ])) : F("", !0)
+            ], 64)) : F("", !0),
+            o(Pe, {
+              modelValue: L.value,
+              "onUpdate:modelValue": t[9] || (t[9] = (i) => L.value = i),
+              header: ((le = n.value) == null ? void 0 : le.mode) === "update" ? l(e)("menu.scheduler.dialog.update.title") : l(e)("menu.scheduler.dialog.add.title"),
+              "is-container": l(de).FmForm,
+              "is-container-props": { onValidationSuccess: he },
               "max-width": 560
             }, {
-              "side-sheet-footer": y(() => {
-                var g, i;
+              "side-sheet-footer": h(() => {
+                var i, m;
                 return [
-                  b("div", ll, [
-                    s(h, {
-                      disabled: ((g = o.value) == null ? void 0 : g.submit.state) !== "allowed",
-                      label: ((i = o.value) == null ? void 0 : i.mode) === "update" ? l(e)("menu.scheduler.dialog.update.action") : l(e)("menu.scheduler.dialog.add.action"),
+                  p("div", ml, [
+                    o(k, {
+                      disabled: ((i = n.value) == null ? void 0 : i.submit.state) !== "allowed",
+                      label: ((m = n.value) == null ? void 0 : m.mode) === "update" ? l(e)("menu.scheduler.dialog.update.action") : l(e)("menu.scheduler.dialog.add.action"),
                       size: "lg",
                       type: "submit",
                       variant: "primary"
                     }, null, 8, ["disabled", "label"]),
-                    s(h, {
+                    o(k, {
                       label: l(e)("menu.scheduler.dialog.actions.cancel"),
                       size: "lg",
                       variant: "tertiary",
-                      onClick: t[8] || (t[8] = (m) => V.value = !1)
+                      onClick: t[8] || (t[8] = (v) => L.value = !1)
                     }, null, 8, ["label"])
                   ])
                 ];
               }),
-              default: y(() => {
-                var g;
+              default: h(() => {
+                var i;
                 return [
-                  b("div", Oe, [
-                    s($, {
+                  p("div", ll, [
+                    o(T, {
                       title: l(e)("menu.scheduler.dialog.sections.detail.title")
                     }, {
-                      default: y(() => {
-                        var i;
+                      default: h(() => {
+                        var m;
                         return [
-                          s(K, Le({
-                            "error-messages": N.value ? [l(A)(N.value)] : [],
+                          o(X, $e({
+                            "error-messages": O.value ? [l(A)(O.value)] : [],
                             label: l(e)("menu.scheduler.dialog.sections.detail.name.label"),
-                            "model-value": ((i = o.value) == null ? void 0 : i.name) ?? "",
+                            "model-value": ((m = n.value) == null ? void 0 : m.name) ?? "",
                             placeholder: l(e)("menu.scheduler.dialog.sections.detail.name.placeholder")
-                          }, l(D).field("name", u.value.setName)), null, 16, ["error-messages", "label", "model-value", "placeholder"])
+                          }, l(M).field("name", u.value.setName)), null, 16, ["error-messages", "label", "model-value", "placeholder"])
                         ];
                       }),
                       _: 1
                     }, 8, ["title"]),
-                    s($, {
+                    o(T, {
                       class: "mb-8",
                       title: l(e)("menu.scheduler.dialog.sections.availability.title")
                     }, {
-                      default: y(() => {
-                        var i, m;
+                      default: h(() => {
+                        var m, v;
                         return [
-                          b("div", null, [
-                            s(q, {
-                              "model-value": ((i = o.value) == null ? void 0 : i.repeat) ?? "daily",
-                              "onUpdate:modelValue": t[1] || (t[1] = (r) => u.value.setRepeat(r))
+                          p("div", null, [
+                            o(Y, {
+                              "model-value": ((m = n.value) == null ? void 0 : m.repeat) ?? "daily",
+                              "onUpdate:modelValue": t[1] || (t[1] = (d) => u.value.setRepeat(d))
                             }, {
-                              default: y(() => [
-                                s(E, {
+                              default: h(() => [
+                                o(D, {
                                   value: "daily",
                                   label: l(e)("menu.scheduler.dialog.sections.availability.daily")
                                 }, null, 8, ["label"]),
-                                s(E, {
+                                o(D, {
                                   value: "weekly",
                                   label: l(e)("menu.scheduler.dialog.sections.availability.weekly")
                                 }, null, 8, ["label"])
                               ]),
                               _: 1
                             }, 8, ["model-value"]),
-                            ((m = o.value) == null ? void 0 : m.repeat) === "weekly" ? (n(), c("div", He, [
-                              (n(), c(L, null, T(re, (r) => {
-                                var p;
-                                return s(ke, {
-                                  key: r,
-                                  "model-value": [...((p = o.value) == null ? void 0 : p.weekDays) ?? []],
-                                  value: r,
-                                  label: U(r),
-                                  "onUpdate:modelValue": t[2] || (t[2] = (d) => u.value.setWeekDays(d))
+                            ((v = n.value) == null ? void 0 : v.repeat) === "weekly" ? (s(), c("div", al, [
+                              (s(), c(V, null, S(be, (d) => {
+                                var y;
+                                return o(xe, {
+                                  key: d,
+                                  "model-value": [...((y = n.value) == null ? void 0 : y.weekDays) ?? []],
+                                  value: d,
+                                  label: $(d),
+                                  "onUpdate:modelValue": t[2] || (t[2] = (r) => u.value.setWeekDays(r))
                                 }, null, 8, ["model-value", "value", "label"]);
                               }), 64))
-                            ])) : _("", !0)
+                            ])) : F("", !0)
                           ])
                         ];
                       }),
                       _: 1
                     }, 8, ["title"]),
-                    s($, {
+                    o(T, {
                       class: "-mt-4",
                       title: l(e)("menu.scheduler.dialog.sections.period.title")
                     }, {
-                      default: y(() => {
-                        var i, m, r;
+                      default: h(() => {
+                        var m, v, d;
                         return [
-                          s(q, {
-                            "model-value": ((i = o.value) == null ? void 0 : i.periodMode) ?? "all",
-                            "onUpdate:modelValue": t[3] || (t[3] = (p) => u.value.setPeriodMode(p))
+                          o(Y, {
+                            "model-value": ((m = n.value) == null ? void 0 : m.periodMode) ?? "all",
+                            "onUpdate:modelValue": t[3] || (t[3] = (y) => u.value.setPeriodMode(y))
                           }, {
-                            default: y(() => [
-                              s(E, {
+                            default: h(() => [
+                              o(D, {
                                 label: l(e)("menu.scheduler.dialog.sections.period.all_day"),
                                 value: "all"
                               }, null, 8, ["label"]),
-                              s(E, {
+                              o(D, {
                                 label: l(e)("menu.scheduler.dialog.sections.period.custom"),
                                 value: "custom"
                               }, null, 8, ["label"])
                             ]),
                             _: 1
                           }, 8, ["model-value"]),
-                          ((m = o.value) == null ? void 0 : m.periodMode) === "custom" ? (n(), c("div", Ke, [
-                            G.value ? (n(), F(fe, {
+                          ((v = n.value) == null ? void 0 : v.periodMode) === "custom" ? (s(), c("div", tl, [
+                            H.value ? (s(), g(Ce, {
                               key: 0,
                               class: "text-red-500 text-sm leading-5 tracking-normal",
                               role: "alert",
                               state: "none",
-                              text: l(A)(G.value)
-                            }, null, 8, ["text"])) : _("", !0),
-                            (n(!0), c(L, null, T(((r = o.value) == null ? void 0 : r.periods) ?? [], (p, d) => (n(), c("div", {
-                              key: d,
+                              text: l(A)(H.value)
+                            }, null, 8, ["text"])) : F("", !0),
+                            (s(!0), c(V, null, S(((d = n.value) == null ? void 0 : d.periods) ?? [], (y, r) => (s(), c("div", {
+                              key: r,
                               class: "flex w-full items-center gap-8"
                             }, [
-                              s(Q, {
+                              o(Z, {
                                 class: "flex-1",
                                 "aria-label": l(e)("menu.scheduler.accessibility.period_start", {
-                                  number: d + 1
+                                  number: r + 1
                                 }),
                                 locale: l(C),
-                                "model-value": p.start,
-                                "onUpdate:modelValue": (I) => u.value.updatePeriod(d, "start", I)
+                                "model-value": y.start,
+                                "onUpdate:modelValue": (E) => u.value.updatePeriod(r, "start", E)
                               }, null, 8, ["aria-label", "locale", "model-value", "onUpdate:modelValue"]),
-                              b("span", null, f(l(e)("menu.scheduler.dialog.sections.period.separator")), 1),
-                              s(Q, {
+                              p("span", null, f(l(e)("menu.scheduler.dialog.sections.period.separator")), 1),
+                              o(Z, {
                                 class: "flex-1",
                                 "aria-label": l(e)("menu.scheduler.accessibility.period_end", {
-                                  number: d + 1
+                                  number: r + 1
                                 }),
                                 locale: l(C),
-                                "model-value": p.end,
-                                "onUpdate:modelValue": (I) => u.value.updatePeriod(d, "end", I)
+                                "model-value": y.end,
+                                "onUpdate:modelValue": (E) => u.value.updatePeriod(r, "end", E)
                               }, null, 8, ["aria-label", "locale", "model-value", "onUpdate:modelValue"]),
-                              s(h, {
+                              o(k, {
                                 "aria-label": l(e)("menu.scheduler.accessibility.remove_period", {
-                                  number: d + 1
+                                  number: r + 1
                                 }),
                                 icon: "close",
                                 variant: "tertiary",
-                                onClick: (I) => u.value.removePeriod(d)
+                                onClick: (E) => u.value.removePeriod(r)
                               }, null, 8, ["aria-label", "onClick"])
                             ]))), 128)),
-                            s(h, {
+                            o(k, {
                               label: l(e)("menu.scheduler.dialog.sections.period.add"),
                               "prepend-icon": "add",
                               variant: "secondary",
-                              onClick: t[4] || (t[4] = (p) => u.value.addPeriod())
+                              onClick: t[4] || (t[4] = (y) => u.value.addPeriod())
                             }, null, 8, ["label"])
-                          ])) : _("", !0)
+                          ])) : F("", !0)
                         ];
                       }),
                       _: 1
                     }, 8, ["title"]),
-                    ((g = o.value) == null ? void 0 : g.autoLink.state) === "allowed" ? (n(), F($, {
+                    ((i = n.value) == null ? void 0 : i.autoLink.state) === "allowed" ? (s(), g(T, {
                       key: 0,
                       title: l(e)("menu.scheduler.dialog.sections.autolink.title")
                     }, {
-                      default: y(() => {
-                        var i;
+                      default: h(() => {
+                        var m;
                         return [
-                          s(_e, {
+                          o(Ve, {
                             label: l(e)("menu.scheduler.dialog.sections.autolink.label"),
                             "label-placement": "right",
-                            "model-value": o.value.autoLinkEnabled,
+                            "model-value": n.value.autoLinkEnabled,
                             sublabel: l(e)("menu.scheduler.dialog.sections.autolink.sublabel"),
-                            "onUpdate:modelValue": t[5] || (t[5] = (m) => u.value.setAutoLinkEnabled(m))
+                            "onUpdate:modelValue": t[5] || (t[5] = (v) => u.value.setAutoLinkEnabled(v))
                           }, null, 8, ["label", "model-value", "sublabel"]),
-                          o.value.autoLinkEnabled ? (n(), c("div", qe, [
-                            (i = o.value.autoLinkFilters) != null && i.length ? (n(), c("div", Qe, [
-                              b("span", null, f(l(e)("menu.scheduler.dialog.sections.autolink.filter_message")), 1),
-                              s(we, {
+                          n.value.autoLinkEnabled ? (s(), c("div", sl, [
+                            (m = n.value.autoLinkFilters) != null && m.length ? (s(), c("div", ol, [
+                              p("span", null, f(l(e)("menu.scheduler.dialog.sections.autolink.filter_message")), 1),
+                              o(Se, {
                                 content: l(e)("menu.scheduler.dialog.sections.autolink.tooltip"),
                                 variant: "plain",
                                 "z-index": 999
                               }, {
-                                default: y(() => [
-                                  s(Fe, {
+                                default: h(() => [
+                                  o(Le, {
                                     name: "help",
                                     outline: "",
                                     class: "ml-4"
@@ -472,17 +532,17 @@ const Be = {
                                 ]),
                                 _: 1
                               }, 8, ["content"])
-                            ])) : (n(), c("p", We, f(l(e)("menu.scheduler.dialog.sections.autolink.all_items")), 1)),
-                            (n(!0), c(L, null, T(o.value.autoLinkFilters ?? [], (m, r) => {
-                              var p;
-                              return n(), c("div", {
-                                key: r,
+                            ])) : (s(), c("p", nl, f(l(e)("menu.scheduler.dialog.sections.autolink.all_items")), 1)),
+                            (s(!0), c(V, null, S(n.value.autoLinkFilters ?? [], (v, d) => {
+                              var y;
+                              return s(), c("div", {
+                                key: d,
                                 class: "flex w-full items-center gap-8"
                               }, [
-                                b("div", Je, [
-                                  s(W, {
+                                p("div", ul, [
+                                  o(ee, {
                                     "aria-label": l(e)("menu.scheduler.accessibility.filter_type", {
-                                      number: r + 1
+                                      number: d + 1
                                     }),
                                     items: [
                                       {
@@ -498,109 +558,109 @@ const Be = {
                                         value: "category"
                                       }
                                     ],
-                                    "model-value": m.type,
-                                    "onUpdate:modelValue": (d) => u.value.setAutoLinkFilterType(
-                                      r,
-                                      d
+                                    "model-value": v.type,
+                                    "onUpdate:modelValue": (r) => u.value.setAutoLinkFilterType(
+                                      d,
+                                      r
                                     )
                                   }, null, 8, ["aria-label", "items", "model-value", "onUpdate:modelValue"]),
-                                  b("span", null, f(l(e)("menu.scheduler.dialog.sections.filter.matches")), 1),
-                                  m.type === "category" ? (n(), F(W, {
+                                  p("span", null, f(l(e)("menu.scheduler.dialog.sections.filter.matches")), 1),
+                                  v.type === "category" ? (s(), g(ee, {
                                     key: 0,
                                     "aria-label": l(e)("menu.scheduler.accessibility.filter_category", {
-                                      number: r + 1
+                                      number: d + 1
                                     }),
-                                    items: (((p = o.value) == null ? void 0 : p.autoLinkCategoryOptions) ?? []).map(
-                                      (d) => ({
-                                        label: d.kind === "addon" ? l(e)("menu.tree_editor.labels.addon") : d.name,
-                                        value: d.id
+                                    items: (((y = n.value) == null ? void 0 : y.autoLinkCategoryOptions) ?? []).map(
+                                      (r) => ({
+                                        label: r.kind === "addon" ? l(e)("menu.tree_editor.labels.addon") : r.name,
+                                        value: r.id
                                       })
                                     ),
-                                    "model-value": [...m.values],
+                                    "model-value": [...v.values],
                                     multiselect: "",
                                     placeholder: l(e)(
                                       "menu.scheduler.dialog.sections.filter.placeholder.category"
                                     ),
-                                    "onUpdate:modelValue": (d) => u.value.setAutoLinkFilterValues(
-                                      r,
-                                      d ?? []
+                                    "onUpdate:modelValue": (r) => u.value.setAutoLinkFilterValues(
+                                      d,
+                                      r ?? []
                                     )
-                                  }, null, 8, ["aria-label", "items", "model-value", "placeholder", "onUpdate:modelValue"])) : (n(), F(K, {
+                                  }, null, 8, ["aria-label", "items", "model-value", "placeholder", "onUpdate:modelValue"])) : (s(), g(X, {
                                     key: 1,
                                     class: "flex-1",
-                                    "model-value": m.values.join(", "),
-                                    "onUpdate:modelValue": (d) => u.value.setAutoLinkCodeFilterInput(r, d)
+                                    "model-value": v.values.join(", "),
+                                    "onUpdate:modelValue": (r) => u.value.setAutoLinkCodeFilterInput(d, r)
                                   }, {
-                                    label: y(() => [
-                                      Se(f(l(e)("menu.scheduler.dialog.sections.filter.types.code")) + " ", 1),
-                                      b("span", Xe, f(l(e)("menu.scheduler.accessibility.filter_code", {
-                                        number: r + 1
+                                    label: h(() => [
+                                      Te(f(l(e)("menu.scheduler.dialog.sections.filter.types.code")) + " ", 1),
+                                      p("span", dl, f(l(e)("menu.scheduler.accessibility.filter_code", {
+                                        number: d + 1
                                       })), 1)
                                     ]),
                                     _: 2
                                   }, 1032, ["model-value", "onUpdate:modelValue"]))
                                 ]),
-                                s(h, {
+                                o(k, {
                                   "aria-label": l(e)("menu.scheduler.accessibility.remove_filter", {
-                                    number: r + 1
+                                    number: d + 1
                                   }),
                                   icon: "delete",
                                   variant: "secondary",
-                                  onClick: (d) => u.value.removeAutoLinkFilter(r)
+                                  onClick: (r) => u.value.removeAutoLinkFilter(d)
                                 }, null, 8, ["aria-label", "onClick"])
                               ]);
                             }), 128)),
-                            s(h, {
+                            o(k, {
                               label: l(e)("menu.scheduler.dialog.sections.filter.add"),
                               "prepend-icon": "add",
                               variant: "secondary",
-                              onClick: t[6] || (t[6] = (m) => u.value.addAutoLinkFilter())
+                              onClick: t[6] || (t[6] = (v) => u.value.addAutoLinkFilter())
                             }, null, 8, ["label"])
-                          ])) : _("", !0)
+                          ])) : F("", !0)
                         ];
                       }),
                       _: 1
-                    }, 8, ["title"])) : _("", !0),
-                    b("div", Ye, [
-                      s($, {
+                    }, 8, ["title"])) : F("", !0),
+                    p("div", il, [
+                      o(T, {
                         title: l(e)("menu.scheduler.dialog.sections.products.title")
                       }, {
-                        "append-title": y(() => [
-                          s(h, {
+                        "append-title": h(() => [
+                          o(k, {
                             "border-color": "primary",
                             label: l(e)("menu.scheduler.dialog.sections.products.link"),
                             "prepend-icon": "link",
                             size: "md",
                             "text-color": "primary",
                             variant: "secondary",
-                            onClick: t[7] || (t[7] = (i) => M.value = !0)
+                            onClick: t[7] || (t[7] = (m) => I.value = !0)
                           }, null, 8, ["label"])
                         ]),
-                        default: y(() => {
-                          var i, m;
+                        default: h(() => {
+                          var m, v;
                           return [
-                            (i = o.value) != null && i.linkedProductGroups.length ? (n(), c("div", Ze, [
-                              (n(!0), c(L, null, T(((m = o.value) == null ? void 0 : m.linkedProductGroups) ?? [], (r) => (n(), c("div", {
-                                key: r.id ?? "uncategorised"
+                            (m = n.value) != null && m.linkedProductGroups.length ? (s(), c("div", rl, [
+                              (s(!0), c(V, null, S(((v = n.value) == null ? void 0 : v.linkedProductGroups) ?? [], (d) => (s(), c("div", {
+                                key: d.id ?? "uncategorised"
                               }, [
-                                b("p", el, f(r.isSynthetic ? l(e)("menu.tree_editor.labels.addon") : r.name), 1),
-                                (n(!0), c(L, null, T(r.products, (p) => (n(), c("div", {
-                                  key: p.id,
+                                p("p", cl, f(d.isSynthetic ? l(e)("menu.tree_editor.labels.addon") : d.name), 1),
+                                (s(!0), c(V, null, S(d.products, (y) => (s(), c("div", {
+                                  key: y.id,
                                   class: "flex items-center justify-between border-b border-fm-color-neutral-gray-200 px-16 py-12"
                                 }, [
-                                  b("span", null, f(p.name), 1),
-                                  s(h, {
+                                  p("span", null, f(y.name), 1),
+                                  o(k, {
                                     "aria-label": l(e)("menu.scheduler.accessibility.remove_product", {
-                                      name: p.name
+                                      name: y.name
                                     }),
                                     icon: "delete",
                                     "text-color": "neutral-gray-400",
                                     variant: "tertiary",
-                                    onClick: (d) => u.value.unlinkProduct(p.id)
+                                    onClick: (r) => u.value.unlinkProduct(y.id)
                                   }, null, 8, ["aria-label", "onClick"])
                                 ]))), 128))
                               ]))), 128))
-                            ])) : _("", !0)
+                            ])) : F("", !0)
                           ];
                         }),
                         _: 1
@@ -611,13 +671,13 @@ const Be = {
               }),
               _: 1
             }, 8, ["modelValue", "header", "is-container", "is-container-props"]),
-            s(Me, {
-              modelValue: M.value,
-              "onUpdate:modelValue": t[10] || (t[10] = (g) => M.value = g),
-              catalogue: ((X = o.value) == null ? void 0 : X.productCatalogue) ?? null,
-              "selected-product-ids": ((Y = o.value) == null ? void 0 : Y.linkedProductIds) ?? [],
+            o(ze, {
+              modelValue: I.value,
+              "onUpdate:modelValue": t[10] || (t[10] = (i) => I.value = i),
+              catalogue: ((ae = n.value) == null ? void 0 : ae.productCatalogue) ?? null,
+              "selected-product-ids": ((te = n.value) == null ? void 0 : te.linkedProductIds) ?? [],
               title: l(e)("menu.scheduler.dialog.sections.products.link"),
-              onSubmit: me
+              onSubmit: ye
             }, null, 8, ["modelValue", "catalogue", "selected-product-ids", "title"])
           ];
         }),
@@ -625,13 +685,13 @@ const Be = {
       }, 8, ["heading"]);
     };
   }
-}), pl = /* @__PURE__ */ te({
+}), xl = /* @__PURE__ */ ie({
   __name: "Scheduler",
-  setup(B) {
-    const w = ze();
-    return (C, e) => (n(), F(al, { sdk: l(w) }, null, 8, ["sdk"]));
+  setup(N) {
+    const w = Oe();
+    return (C, e) => (s(), g(pl, { sdk: l(w) }, null, 8, ["sdk"]));
   }
 });
 export {
-  pl as default
+  xl as default
 };