@feedmepos/mf-menu-portal 1.0.4-dev.4 → 1.0.5-dev.1

package/dist/{Scheduler-CST5L_cw.js → Scheduler-wKG3_D1f.js}

@@ -1,29 +1,27 @@
-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 { defineComponent as re, 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 y, createElementBlock as m, 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-CnI80Ojd.js";
+import { _ as Ae } from "./PhoneFab.vue_vue_type_script_setup_true_lang-CipbTqbp.js";
+import { _ as Be } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
+import { _ as Re } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-Cb6nO43H.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-Dm2HDa_2.js";
-import { u as je } from "./useEditorValidation-Ctef5Bxt.js";
-import { b as Ne, u as Ge, a as Oe } from "./provide-CDmXzkhz.js";
-const He = {
+import { _ as ze } from "./PageLayout.vue_vue_type_script_setup_true_lang-DrhsROXo.js";
+import { u as je } from "./useActionFeedback-CElXij1W.js";
+import { u as Ne } from "./useEditorValidation-Ctef5Bxt.js";
+import { b as Ge, u as Oe, a as He } from "./provide-BGLSDsuJ.js";
+const Ke = {
   key: 0,
   class: "flex flex-1 justify-end"
-}, Ke = {
+}, qe = {
   key: 0,
   role: "alert",
   class: "text-fm-color-typo-secondary"
-}, 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 = {
+}, Qe = { class: "flex justify-end" }, We = { class: "w-[320px] xs:w-full xs:px-16 xs:mt-8" }, Je = { class: "min-w-0 grow space-y-4" }, Xe = { class: "fm-typo-en-body-lg-600 break-words" }, Ye = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary break-words" }, Ze = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary break-words" }, el = {
   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"
+  class: "flex flex-wrap gap-8 pl-32 pt-4"
 }, tl = {
   key: 0,
   class: "flex flex-col items-start gap-16 pl-32 pt-12"
@@ -36,21 +34,21 @@ const He = {
 }, nl = {
   key: 1,
   class: "text-fm-color-typo-secondary"
-}, ul = { class: "flex flex-1 flex-wrap items-center gap-4" }, dl = { class: "sr-only" }, il = { class: "-mt-14" }, rl = {
+}, ul = { class: "flex flex-1 flex-wrap items-center gap-4" }, dl = { class: "sr-only" }, rl = { class: "-mt-14" }, il = {
   key: 0,
   class: "space-y-8"
-}, cl = { class: "bg-fm-color-neutral-gray-100 px-16 py-8" }, ml = { class: "flex gap-8" }, pl = /* @__PURE__ */ ie({
+}, cl = { class: "bg-fm-color-neutral-gray-100 px-16 py-8" }, ml = { class: "flex gap-8" }, pl = /* @__PURE__ */ re({
   __name: "SchedulerList",
   props: {
     sdk: {}
   },
   setup(N) {
-    const w = N, { locale: C, t: e } = Ie(), A = Ne(), re = Me(), { run: G } = Re(), P = Ge(w.sdk.scheduler.list), _ = x(
+    const w = N, { locale: C, t: e } = Ie(), A = Ge(), ie = Me(), { run: G } = je(), P = Oe(w.sdk.scheduler.list), _ = x(
       () => P.value.status === "ready" ? P.value.value : null
     ), ce = x(() => {
       var a;
       return ((a = _.value) == null ? void 0 : a.query) ?? "";
-    }), { breakpoints: me } = De(), z = x(() => me.value.xs), pe = x(() => {
+    }), { breakpoints: me } = De(), B = x(() => me.value.xs), pe = x(() => {
       var a;
       return [...((a = _.value) == null ? void 0 : a.rows) ?? []];
     }), L = se(!1), I = se(!1), u = oe(
@@ -58,14 +56,14 @@ const He = {
     ), U = oe(
       u.value.get()
     );
-    let B = u.value.subscribe(
+    let R = u.value.subscribe(
       (a) => {
         U.value = a;
       }
     );
     const n = x(
       () => U.value.status === "ready" ? U.value.value : null
-    ), M = je(() => u.value), O = x(
+    ), M = Ne(() => 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
@@ -94,13 +92,13 @@ const He = {
       }[a];
     }
     function K(a) {
-      B(), u.value.dispose(), u.value = w.sdk.scheduler.editor(a), U.value = u.value.get(), B = u.value.subscribe(
+      R(), u.value.dispose(), u.value = w.sdk.scheduler.editor(a), U.value = u.value.get(), R = u.value.subscribe(
         (t) => {
           U.value = t;
         }
       );
     }
-    function R() {
+    function z() {
       var a;
       ((a = _.value) == null ? void 0 : a.create.state) === "allowed" && (K(), L.value = !0);
     }
@@ -161,7 +159,7 @@ const He = {
       )).kind === "success" && (L.value = !1);
     }
     function J(a) {
-      a.remove.state === "allowed" && re.open({
+      a.remove.state === "allowed" && ie.open({
         title: e("menu.scheduler.dialogs.remove.title"),
         contentComponent: ve,
         contentComponentProps: {
@@ -235,35 +233,35 @@ const He = {
       }
     ]);
     return Ue(() => {
-      B(), u.value.dispose(), w.sdk.scheduler.search("");
+      R(), u.value.dispose(), w.sdk.scheduler.search("");
     }), (a, t) => {
       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, {
+      return s(), g(ze, {
         "data-visual-root": "scheduler",
         heading: l(e)("menu.scheduler.title")
       }, {
-        "append-heading": h(() => [
-          _.value ? (s(), c("div", He, [
-            _.value.totalCount > 0 && !z.value ? (s(), g(k, {
+        "append-heading": y(() => [
+          _.value ? (s(), m("div", Ke, [
+            _.value.totalCount > 0 && !B.value ? (s(), g(k, {
               key: 0,
               disabled: _.value.create.state !== "allowed",
               label: l(e)("menu.scheduler.empty.action"),
               "prepend-icon": "add",
-              onClick: R
+              onClick: z
             }, null, 8, ["disabled", "label"])) : F("", !0)
           ])) : F("", !0)
         ]),
-        default: h(() => {
+        default: y(() => {
           var le, ae, te;
           return [
-            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), {
+            l(P).status === "error" ? (s(), m("p", qe, f(l(A)(l(P).error.message)), 1)) : l(P).status === "loading" ? (s(), g(_e, { key: 1 })) : _.value && _.value.totalCount === 0 ? (s(), g(l(Be), {
               key: 2,
-              action: { text: l(e)("menu.scheduler.empty.action"), callback: R },
+              action: { text: l(e)("menu.scheduler.empty.action"), callback: z },
               title: l(e)("menu.scheduler.empty.title"),
               subtitle: l(e)("menu.scheduler.empty.subtitle")
-            }, null, 8, ["action", "title", "subtitle"])) : _.value ? (s(), c(V, { key: 3 }, [
-              p("div", qe, [
-                p("div", Qe, [
+            }, null, 8, ["action", "title", "subtitle"])) : _.value ? (s(), m(V, { key: 3 }, [
+              p("div", Qe, [
+                p("div", We, [
                   o(fe, {
                     autofocus: "",
                     "aria-label": l(e)("menu.scheduler.accessibility.search"),
@@ -274,44 +272,44 @@ const He = {
                   }, null, 8, ["aria-label", "model-value", "placeholder", "onUpdate:modelValue"])
                 ])
               ]),
-              z.value ? (s(), g(we, {
+              B.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,
+                default: y(() => [
+                  (s(!0), m(V, null, S(_.value.rows, (r) => (s(), g(Fe, {
+                    key: r.id,
                     class: "!py-12 !px-0",
-                    onClick: (m) => q(i)
+                    onClick: (c) => q(r)
                   }, {
-                    default: h(() => [
-                      p("div", We, [
-                        p("div", Je, f(i.name), 1),
+                    default: y(() => [
+                      p("div", Je, [
+                        p("div", Xe, f(r.name), 1),
                         p("div", null, [
-                          p("div", Xe, f(l(e)("menu.common.labels.products_linked", {
-                            count: i.linkedProductCount
+                          p("div", Ye, f(l(e)("menu.common.labels.products_linked", {
+                            count: r.linkedProductCount
                           })), 1),
-                          p("div", Ye, f(l(e)("menu.common.labels.a11y_labelled_name", {
+                          p("div", Ze, f(l(e)("menu.common.labels.a11y_labelled_name", {
                             label: l(e)("menu.scheduler.table.columns.repeat"),
-                            name: W(i)
+                            name: W(r)
                           })), 1),
-                          i.periods.length > 0 ? (s(), c("div", Ze, f(l(e)("menu.common.labels.a11y_labelled_name", {
+                          r.periods.length > 0 ? (s(), m("div", el, f(l(e)("menu.common.labels.a11y_labelled_name", {
                             label: l(e)("menu.scheduler.table.columns.period"),
-                            name: Q(i)
+                            name: Q(r)
                           })), 1)) : F("", !0)
                         ])
                       ]),
                       o(k, {
                         class: "shrink-0",
                         "aria-label": l(e)("menu.scheduler.table.delete.accessibility_label", {
-                          name: i.name
+                          name: r.name
                         }),
-                        disabled: i.remove.state !== "allowed",
+                        disabled: r.remove.state !== "allowed",
                         icon: "delete",
                         "text-color": "neutral-gray-400",
                         variant: "tertiary",
-                        onClick: ne((m) => J(i), ["stop"])
+                        onClick: ne((c) => J(r), ["stop"])
                       }, null, 8, ["aria-label", "disabled", "onClick"])
                     ]),
                     _: 2
@@ -326,33 +324,36 @@ const He = {
                 "pin-header-row": "",
                 "row-data": pe.value,
                 "shrink-at": !1,
-                onRowClick: t[0] || (t[0] = (i) => q(i.original))
+                onRowClick: t[0] || (t[0] = (r) => q(r.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)
+              _.value.totalCount > 0 && B.value ? (s(), g(Ae, { key: 2 }, {
+                default: y(() => [
+                  o(k, {
+                    disabled: _.value.create.state !== "allowed",
+                    label: l(e)("menu.scheduler.empty.action"),
+                    "prepend-icon": "add",
+                    variant: "fab",
+                    onClick: z
+                  }, null, 8, ["disabled", "label"])
+                ]),
+                _: 1
+              })) : F("", !0)
             ], 64)) : F("", !0),
             o(Pe, {
               modelValue: L.value,
-              "onUpdate:modelValue": t[9] || (t[9] = (i) => L.value = i),
+              "onUpdate:modelValue": t[9] || (t[9] = (r) => L.value = r),
               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": h(() => {
-                var i, m;
+              "side-sheet-footer": y(() => {
+                var r, c;
                 return [
                   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"),
+                      disabled: ((r = n.value) == null ? void 0 : r.submit.state) !== "allowed",
+                      label: ((c = n.value) == null ? void 0 : c.mode) === "update" ? l(e)("menu.scheduler.dialog.update.action") : l(e)("menu.scheduler.dialog.add.action"),
                       size: "lg",
                       type: "submit",
                       variant: "primary"
@@ -366,20 +367,20 @@ const He = {
                   ])
                 ];
               }),
-              default: h(() => {
-                var i;
+              default: y(() => {
+                var r;
                 return [
                   p("div", ll, [
                     o(T, {
                       title: l(e)("menu.scheduler.dialog.sections.detail.title")
                     }, {
-                      default: h(() => {
-                        var m;
+                      default: y(() => {
+                        var c;
                         return [
                           o(X, $e({
                             "error-messages": O.value ? [l(A)(O.value)] : [],
                             label: l(e)("menu.scheduler.dialog.sections.detail.name.label"),
-                            "model-value": ((m = n.value) == null ? void 0 : m.name) ?? "",
+                            "model-value": ((c = n.value) == null ? void 0 : c.name) ?? "",
                             placeholder: l(e)("menu.scheduler.dialog.sections.detail.name.placeholder")
                           }, l(M).field("name", u.value.setName)), null, 16, ["error-messages", "label", "model-value", "placeholder"])
                         ];
@@ -390,15 +391,15 @@ const He = {
                       class: "mb-8",
                       title: l(e)("menu.scheduler.dialog.sections.availability.title")
                     }, {
-                      default: h(() => {
-                        var m, v;
+                      default: y(() => {
+                        var c, v;
                         return [
                           p("div", null, [
                             o(Y, {
-                              "model-value": ((m = n.value) == null ? void 0 : m.repeat) ?? "daily",
+                              "model-value": ((c = n.value) == null ? void 0 : c.repeat) ?? "daily",
                               "onUpdate:modelValue": t[1] || (t[1] = (d) => u.value.setRepeat(d))
                             }, {
-                              default: h(() => [
+                              default: y(() => [
                                 o(D, {
                                   value: "daily",
                                   label: l(e)("menu.scheduler.dialog.sections.availability.daily")
@@ -410,15 +411,15 @@ const He = {
                               ]),
                               _: 1
                             }, 8, ["model-value"]),
-                            ((v = n.value) == null ? void 0 : v.repeat) === "weekly" ? (s(), c("div", al, [
-                              (s(), c(V, null, S(be, (d) => {
-                                var y;
+                            ((v = n.value) == null ? void 0 : v.repeat) === "weekly" ? (s(), m("div", al, [
+                              (s(), m(V, null, S(be, (d) => {
+                                var h;
                                 return o(xe, {
                                   key: d,
-                                  "model-value": [...((y = n.value) == null ? void 0 : y.weekDays) ?? []],
+                                  "model-value": [...((h = n.value) == null ? void 0 : h.weekDays) ?? []],
                                   value: d,
                                   label: $(d),
-                                  "onUpdate:modelValue": t[2] || (t[2] = (r) => u.value.setWeekDays(r))
+                                  "onUpdate:modelValue": t[2] || (t[2] = (i) => u.value.setWeekDays(i))
                                 }, null, 8, ["model-value", "value", "label"]);
                               }), 64))
                             ])) : F("", !0)
@@ -431,14 +432,14 @@ const He = {
                       class: "-mt-4",
                       title: l(e)("menu.scheduler.dialog.sections.period.title")
                     }, {
-                      default: h(() => {
-                        var m, v, d;
+                      default: y(() => {
+                        var c, v, d;
                         return [
                           o(Y, {
-                            "model-value": ((m = n.value) == null ? void 0 : m.periodMode) ?? "all",
-                            "onUpdate:modelValue": t[3] || (t[3] = (y) => u.value.setPeriodMode(y))
+                            "model-value": ((c = n.value) == null ? void 0 : c.periodMode) ?? "all",
+                            "onUpdate:modelValue": t[3] || (t[3] = (h) => u.value.setPeriodMode(h))
                           }, {
-                            default: h(() => [
+                            default: y(() => [
                               o(D, {
                                 label: l(e)("menu.scheduler.dialog.sections.period.all_day"),
                                 value: "all"
@@ -450,7 +451,7 @@ const He = {
                             ]),
                             _: 1
                           }, 8, ["model-value"]),
-                          ((v = n.value) == null ? void 0 : v.periodMode) === "custom" ? (s(), c("div", tl, [
+                          ((v = n.value) == null ? void 0 : v.periodMode) === "custom" ? (s(), m("div", tl, [
                             H.value ? (s(), g(Ce, {
                               key: 0,
                               class: "text-red-500 text-sm leading-5 tracking-normal",
@@ -458,55 +459,55 @@ const He = {
                               state: "none",
                               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,
+                            (s(!0), m(V, null, S(((d = n.value) == null ? void 0 : d.periods) ?? [], (h, i) => (s(), m("div", {
+                              key: i,
                               class: "flex w-full items-center gap-8"
                             }, [
                               o(Z, {
                                 class: "flex-1",
                                 "aria-label": l(e)("menu.scheduler.accessibility.period_start", {
-                                  number: r + 1
+                                  number: i + 1
                                 }),
                                 locale: l(C),
-                                "model-value": y.start,
-                                "onUpdate:modelValue": (E) => u.value.updatePeriod(r, "start", E)
+                                "model-value": h.start,
+                                "onUpdate:modelValue": (E) => u.value.updatePeriod(i, "start", E)
                               }, null, 8, ["aria-label", "locale", "model-value", "onUpdate:modelValue"]),
                               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: r + 1
+                                  number: i + 1
                                 }),
                                 locale: l(C),
-                                "model-value": y.end,
-                                "onUpdate:modelValue": (E) => u.value.updatePeriod(r, "end", E)
+                                "model-value": h.end,
+                                "onUpdate:modelValue": (E) => u.value.updatePeriod(i, "end", E)
                               }, null, 8, ["aria-label", "locale", "model-value", "onUpdate:modelValue"]),
                               o(k, {
                                 "aria-label": l(e)("menu.scheduler.accessibility.remove_period", {
-                                  number: r + 1
+                                  number: i + 1
                                 }),
                                 icon: "close",
                                 variant: "tertiary",
-                                onClick: (E) => u.value.removePeriod(r)
+                                onClick: (E) => u.value.removePeriod(i)
                               }, null, 8, ["aria-label", "onClick"])
                             ]))), 128)),
                             o(k, {
                               label: l(e)("menu.scheduler.dialog.sections.period.add"),
                               "prepend-icon": "add",
                               variant: "secondary",
-                              onClick: t[4] || (t[4] = (y) => u.value.addPeriod())
+                              onClick: t[4] || (t[4] = (h) => u.value.addPeriod())
                             }, null, 8, ["label"])
                           ])) : F("", !0)
                         ];
                       }),
                       _: 1
                     }, 8, ["title"]),
-                    ((i = n.value) == null ? void 0 : i.autoLink.state) === "allowed" ? (s(), g(T, {
+                    ((r = n.value) == null ? void 0 : r.autoLink.state) === "allowed" ? (s(), g(T, {
                       key: 0,
                       title: l(e)("menu.scheduler.dialog.sections.autolink.title")
                     }, {
-                      default: h(() => {
-                        var m;
+                      default: y(() => {
+                        var c;
                         return [
                           o(Ve, {
                             label: l(e)("menu.scheduler.dialog.sections.autolink.label"),
@@ -515,15 +516,15 @@ const He = {
                             sublabel: l(e)("menu.scheduler.dialog.sections.autolink.sublabel"),
                             "onUpdate:modelValue": t[5] || (t[5] = (v) => u.value.setAutoLinkEnabled(v))
                           }, null, 8, ["label", "model-value", "sublabel"]),
-                          n.value.autoLinkEnabled ? (s(), c("div", sl, [
-                            (m = n.value.autoLinkFilters) != null && m.length ? (s(), c("div", ol, [
+                          n.value.autoLinkEnabled ? (s(), m("div", sl, [
+                            (c = n.value.autoLinkFilters) != null && c.length ? (s(), m("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: h(() => [
+                                default: y(() => [
                                   o(Le, {
                                     name: "help",
                                     outline: "",
@@ -532,10 +533,10 @@ const He = {
                                 ]),
                                 _: 1
                               }, 8, ["content"])
-                            ])) : (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", {
+                            ])) : (s(), m("p", nl, f(l(e)("menu.scheduler.dialog.sections.autolink.all_items")), 1)),
+                            (s(!0), m(V, null, S(n.value.autoLinkFilters ?? [], (v, d) => {
+                              var h;
+                              return s(), m("div", {
                                 key: d,
                                 class: "flex w-full items-center gap-8"
                               }, [
@@ -559,9 +560,9 @@ const He = {
                                       }
                                     ],
                                     "model-value": v.type,
-                                    "onUpdate:modelValue": (r) => u.value.setAutoLinkFilterType(
+                                    "onUpdate:modelValue": (i) => u.value.setAutoLinkFilterType(
                                       d,
-                                      r
+                                      i
                                     )
                                   }, null, 8, ["aria-label", "items", "model-value", "onUpdate:modelValue"]),
                                   p("span", null, f(l(e)("menu.scheduler.dialog.sections.filter.matches")), 1),
@@ -570,10 +571,10 @@ const He = {
                                     "aria-label": l(e)("menu.scheduler.accessibility.filter_category", {
                                       number: d + 1
                                     }),
-                                    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
+                                    items: (((h = n.value) == null ? void 0 : h.autoLinkCategoryOptions) ?? []).map(
+                                      (i) => ({
+                                        label: i.kind === "addon" ? l(e)("menu.tree_editor.labels.addon") : i.name,
+                                        value: i.id
                                       })
                                     ),
                                     "model-value": [...v.values],
@@ -581,17 +582,17 @@ const He = {
                                     placeholder: l(e)(
                                       "menu.scheduler.dialog.sections.filter.placeholder.category"
                                     ),
-                                    "onUpdate:modelValue": (r) => u.value.setAutoLinkFilterValues(
+                                    "onUpdate:modelValue": (i) => u.value.setAutoLinkFilterValues(
                                       d,
-                                      r ?? []
+                                      i ?? []
                                     )
                                   }, null, 8, ["aria-label", "items", "model-value", "placeholder", "onUpdate:modelValue"])) : (s(), g(X, {
                                     key: 1,
                                     class: "flex-1",
                                     "model-value": v.values.join(", "),
-                                    "onUpdate:modelValue": (r) => u.value.setAutoLinkCodeFilterInput(d, r)
+                                    "onUpdate:modelValue": (i) => u.value.setAutoLinkCodeFilterInput(d, i)
                                   }, {
-                                    label: h(() => [
+                                    label: y(() => [
                                       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
@@ -606,7 +607,7 @@ const He = {
                                   }),
                                   icon: "delete",
                                   variant: "secondary",
-                                  onClick: (r) => u.value.removeAutoLinkFilter(d)
+                                  onClick: (i) => u.value.removeAutoLinkFilter(d)
                                 }, null, 8, ["aria-label", "onClick"])
                               ]);
                             }), 128)),
@@ -621,11 +622,11 @@ const He = {
                       }),
                       _: 1
                     }, 8, ["title"])) : F("", !0),
-                    p("div", il, [
+                    p("div", rl, [
                       o(T, {
                         title: l(e)("menu.scheduler.dialog.sections.products.title")
                       }, {
-                        "append-title": h(() => [
+                        "append-title": y(() => [
                           o(k, {
                             "border-color": "primary",
                             label: l(e)("menu.scheduler.dialog.sections.products.link"),
@@ -633,30 +634,30 @@ const He = {
                             size: "md",
                             "text-color": "primary",
                             variant: "secondary",
-                            onClick: t[7] || (t[7] = (m) => I.value = !0)
+                            onClick: t[7] || (t[7] = (c) => I.value = !0)
                           }, null, 8, ["label"])
                         ]),
-                        default: h(() => {
-                          var m, v;
+                        default: y(() => {
+                          var c, v;
                           return [
-                            (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", {
+                            (c = n.value) != null && c.linkedProductGroups.length ? (s(), m("div", il, [
+                              (s(!0), m(V, null, S(((v = n.value) == null ? void 0 : v.linkedProductGroups) ?? [], (d) => (s(), m("div", {
                                 key: d.id ?? "uncategorised"
                               }, [
                                 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,
+                                (s(!0), m(V, null, S(d.products, (h) => (s(), m("div", {
+                                  key: h.id,
                                   class: "flex items-center justify-between border-b border-fm-color-neutral-gray-200 px-16 py-12"
                                 }, [
-                                  p("span", null, f(y.name), 1),
+                                  p("span", null, f(h.name), 1),
                                   o(k, {
                                     "aria-label": l(e)("menu.scheduler.accessibility.remove_product", {
-                                      name: y.name
+                                      name: h.name
                                     }),
                                     icon: "delete",
                                     "text-color": "neutral-gray-400",
                                     variant: "tertiary",
-                                    onClick: (r) => u.value.unlinkProduct(y.id)
+                                    onClick: (i) => u.value.unlinkProduct(h.id)
                                   }, null, 8, ["aria-label", "onClick"])
                                 ]))), 128))
                               ]))), 128))
@@ -671,9 +672,9 @@ const He = {
               }),
               _: 1
             }, 8, ["modelValue", "header", "is-container", "is-container-props"]),
-            o(ze, {
+            o(Re, {
               modelValue: I.value,
-              "onUpdate:modelValue": t[10] || (t[10] = (i) => I.value = i),
+              "onUpdate:modelValue": t[10] || (t[10] = (r) => I.value = r),
               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"),
@@ -685,13 +686,13 @@ const He = {
       }, 8, ["heading"]);
     };
   }
-}), xl = /* @__PURE__ */ ie({
+}), Cl = /* @__PURE__ */ re({
   __name: "Scheduler",
   setup(N) {
-    const w = Oe();
+    const w = He();
     return (C, e) => (s(), g(pl, { sdk: l(w) }, null, 8, ["sdk"]));
   }
 });
 export {
-  xl as default
+  Cl as default
 };