@kong/kongponents 9.56.2 → 9.56.3-pr.3225.360dfd9.0

package/dist/kongponents.es250.js

@@ -0,0 +1,25 @@
+import { watch as n, getCurrentScope as r, onScopeDispose as i } from "vue";
+function s(t, e) {
+  return r() ? (i(t, e), !0) : !1;
+}
+const f = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const c = Object.prototype.toString, u = (t) => c.call(t) === "[object Object]", a = () => {
+};
+function d(t) {
+  return Array.isArray(t) ? t : [t];
+}
+function l(t, e, o) {
+  return n(t, e, {
+    ...o,
+    immediate: !0
+  });
+}
+export {
+  f as isClient,
+  u as isObject,
+  a as noop,
+  d as toArray,
+  s as tryOnScopeDispose,
+  l as watchImmediate
+};

package/dist/kongponents.es251.js

@@ -1,47 +1,59 @@
-import { defineComponent as r, openBlock as c, createElementBlock as u, createElementVNode as l, withKeys as s, withModifiers as n, normalizeClass as v, renderSlot as w, createTextVNode as b, toDisplayString as f } from "vue";
-const k = ["aria-selected", "data-testid"], y = { class: "select-item-container" }, $ = ["disabled", "value"], h = { class: "select-item-label" }, K = /* @__PURE__ */ r({
-  __name: "KSelectItem",
+import { defineComponent as m, computed as u, openBlock as a, createElementBlock as o, createElementVNode as i, normalizeClass as d, createBlock as l, unref as t, toDisplayString as s, createCommentVNode as f, normalizeStyle as k } from "vue";
+import z from "./kongponents.es261.js";
+import v from "./kongponents.es184.js";
+import b from "./kongponents.es187.js";
+import { KUI_ICON_SIZE_40 as r, KUI_COLOR_TEXT_INVERSE as c, KUI_COLOR_TEXT_PRIMARY as p } from "./kongponents.es177.js";
+import { normalizeSize as y } from "./kongponents.es178.js";
+const E = ["aria-current", "data-testid"], $ = { class: "step-circle" }, h = {
+  key: 3,
+  class: "step-number"
+}, x = ["title"], L = /* @__PURE__ */ m({
+  __name: "KStep",
   props: {
-    item: {}
+    label: {},
+    state: { default: "default" },
+    maxLabelWidth: {},
+    stepNumber: {}
   },
-  emits: ["selected", "arrow-down", "arrow-up"],
-  setup(e, { emit: o }) {
-    const a = o, d = (t) => {
-      if (e.item.disabled) {
-        t.stopPropagation();
-        return;
-      }
-      a("selected", e.item);
-    };
-    return (t, i) => (c(), u("div", {
-      key: e.item.key,
-      "aria-selected": e.item.selected,
-      class: "select-item",
-      "data-testid": `select-item-${e.item.value}`,
-      role: "option"
+  setup(e) {
+    const n = u(() => ({
+      maxWidth: y(e.maxLabelWidth)
+    }));
+    return (C, I) => (a(), o("li", {
+      "aria-current": e.state === "active" ? "step" : "false",
+      class: "step",
+      "data-testid": `step-${e.state}`
     }, [
-      l("div", y, [
-        l("button", {
-          class: v({ selected: e.item.selected }),
-          disabled: e.item.disabled === !0 ? !0 : void 0,
-          type: "button",
-          value: e.item.value,
-          onClick: d,
-          onKeydown: [
-            i[0] || (i[0] = s(n((m) => t.$emit("arrow-down"), ["prevent"]), ["down"])),
-            i[1] || (i[1] = s(n((m) => t.$emit("arrow-up"), ["prevent"]), ["up"]))
-          ]
-        }, [
-          l("span", h, [
-            w(t.$slots, "content", {}, () => [
-              b(f(e.item.label), 1)
-            ], !0)
-          ])
-        ], 42, $)
-      ])
-    ], 8, k));
+      i("div", {
+        class: d(["step-container", `${e.state}`])
+      }, [
+        i("div", $, [
+          e.state === "completed" ? (a(), l(t(z), {
+            key: 0,
+            color: `var(--kui-color-text-inverse, ${t(c)})`,
+            size: `var(--kui-icon-size-40, ${t(r)})`,
+            title: "Completed"
+          }, null, 8, ["color", "size"])) : e.state === "pending" ? (a(), l(t(b), {
+            key: 1,
+            color: `var(--kui-color-text-primary, ${t(p)})`,
+            size: `var(--kui-icon-size-40, ${t(r)})`,
+            title: "Pending"
+          }, null, 8, ["color", "size"])) : e.state === "error" ? (a(), l(t(v), {
+            key: 2,
+            color: `var(--kui-color-text-inverse, ${t(c)})`,
+            size: `var(--kui-icon-size-40, ${t(r)})`,
+            title: "Error"
+          }, null, 8, ["color", "size"])) : e.stepNumber ? (a(), o("span", h, s(e.stepNumber), 1)) : f("", !0)
+        ]),
+        i("span", {
+          class: "step-label",
+          style: k(n.value),
+          title: e.label
+        }, s(e.label), 13, x)
+      ], 2)
+    ], 8, E));
   }
 });
 export {
-  K as default
+  L as default
 };

package/dist/kongponents.es253.js

@@ -1,177 +1,136 @@
-import { defineComponent as J, useModel as I, ref as M, useId as K, computed as k, onMounted as L, watch as V, openBlock as u, createElementBlock as v, createBlock as P, unref as c, mergeProps as B, createElementVNode as d, toDisplayString as R, createCommentVNode as g, withDirectives as A, normalizeClass as S, vModelText as U, Fragment as Q, createVNode as X, Transition as Z, withCtx as _, mergeModels as ee, nextTick as te } from "vue";
-import { DatePicker as Y } from "./kongponents.es449.js";
-import ae from "./kongponents.es294.js";
-import ne from "./kongponents.es299.js";
-import G from "./kongponents.es199.js";
-import le from "./kongponents.es297.js";
-const ie = { class: "calendar-wrapper" }, re = {
-  key: 2,
-  class: "time-wrapper"
-}, ue = { class: "time-inputs-container" }, se = { class: "time-input-column" }, oe = ["for"], de = { key: 0 }, me = { key: 1 }, ve = ["id", "step"], ce = { class: "time-input-column" }, fe = ["for"], ye = { key: 0 }, ge = ["id", "step"], De = {
-  key: 0,
-  class: "help-text"
-}, be = /* @__PURE__ */ J({
-  __name: "CalendarWrapper",
-  props: /* @__PURE__ */ ee({
-    isRange: { type: Boolean },
-    kDatePickerMode: {},
-    maxDate: { default: () => {
-    } },
-    minDate: { default: () => {
-    } },
-    errorMessage: { default: () => {
-    } },
-    timeGranularity: { default: "minutely" },
-    sameDayFullRange: { type: Boolean, default: !1 },
-    customRangeValidation: { type: Function, default: void 0 }
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {},
-    error: { type: Boolean, default: !1 },
-    errorModifiers: {}
-  }),
-  emits: ["update:modelValue", "update:error"],
-  setup(t, { expose: $ }) {
-    const l = (n, a) => a === "secondly" ? G(n, "HH:mm:ss") : G(n, "HH:mm"), e = I(t, "modelValue"), f = I(t, "error"), r = M(l(/* @__PURE__ */ new Date(), t.timeGranularity)), s = M(l(/* @__PURE__ */ new Date(), t.timeGranularity)), D = M(!1), m = M({
-      start: l(/* @__PURE__ */ new Date(), t.timeGranularity),
-      end: l(/* @__PURE__ */ new Date(), t.timeGranularity)
-    }), h = K(), N = k(() => t.isRange && o(e.value) ? { year: e.value.start.getFullYear(), month: e.value.start.getMonth() + 1 } : e.value instanceof Date ? { year: e.value.getFullYear(), month: e.value.getMonth() + 1 } : t.maxDate && ae(t.maxDate, ne()) ? { year: t.maxDate.getFullYear(), month: t.maxDate.getMonth() + 1 } : { year: (/* @__PURE__ */ new Date()).getFullYear(), month: (/* @__PURE__ */ new Date()).getMonth() + 1 }), w = k(() => ({
-      borderless: !0,
-      color: "blue",
-      dragAttribute: j,
-      expanded: !0,
-      initialPage: N.value,
-      maxDate: t.maxDate,
-      minDate: t.minDate,
-      mode: "date",
-      modelConfig: W,
-      selectAttribute: q,
-      transparent: !0,
-      trimWeeks: !0
-    })), x = k(() => ["time", "dateTime", "relativeDateTime"].includes(t.kDatePickerMode)), C = k(() => {
-      switch (t.timeGranularity) {
-        case "minutely":
-          return 60;
-        case "secondly":
-          return 1;
-        default:
-          return 60;
-      }
-    }), b = (n, a) => n > a ? !0 : t.customRangeValidation ? t.customRangeValidation(n, a) : !1, o = (n) => !n || typeof n != "object" || !("start" in n) || !("end" in n) ? !1 : n.start instanceof Date && n.end instanceof Date, p = async () => !t.sameDayFullRange || !t.isRange || !o(e.value) || !le(e.value.start, e.value.end) ? !1 : (D.value = !0, r.value = "00:00", s.value = "23:59", e.value.start.setHours(0, 0, 0, 0), e.value.end.setHours(23, 59, 59, 999), await te(), D.value = !1, !0), T = () => {
-      x.value && (t.isRange && o(e.value) ? (r.value = l(e.value.start, t.timeGranularity), s.value = l(e.value.end, t.timeGranularity)) : e.value instanceof Date ? r.value = l(e.value, t.timeGranularity) : r.value = l(/* @__PURE__ */ new Date(), t.timeGranularity));
-    }, F = (n) => {
-      const a = n.split(":"), i = parseInt(a[0] ?? "0", 10), y = parseInt(a[1] ?? "0", 10), O = t.timeGranularity === "secondly" && a[2] ? parseInt(a[2], 10) : 0;
-      return { hours: i, minutes: y, seconds: O };
-    };
-    L(() => {
-      T(), m.value.start = r.value, m.value.end = s.value;
-    });
-    const W = { type: "number" }, j = {
-      key: "select-drag",
-      highlight: {
-        start: { contentClass: "vcal-day-drag-start" },
-        base: { contentClass: "vcal-day-drag-base" },
-        end: { contentClass: "vcal-day-drag-end" }
-      }
-    }, q = {
-      key: "select-calendar",
-      highlight: {
-        start: { contentClass: "vcal-day-start" },
-        base: { contentClass: "vcal-day-base" },
-        end: { contentClass: "vcal-day-end" }
-      }
-    };
-    V(() => r.value, (n) => {
-      if (!n || D.value)
-        return;
-      const { hours: a, minutes: i, seconds: y } = F(n);
-      t.isRange && o(e.value) ? (e.value.start.setHours(a, i, y, 0), f.value = b(e.value.start, e.value.end)) : e.value instanceof Date && e.value.setHours(a, i, y, 0);
-    }), V(() => s.value, (n) => {
-      if (!n || D.value)
-        return;
-      const { hours: a, minutes: i, seconds: y } = F(n);
-      t.isRange && o(e.value) && (e.value.end.setHours(a, i, y, 0), f.value = b(e.value.start, e.value.end));
-    }), V(() => e.value, () => {
-      t.isRange && o(e.value) ? (p() || (r.value = l(e.value.start, t.timeGranularity), s.value = l(e.value.end, t.timeGranularity)), f.value = b(e.value.start, e.value.end)) : e.value instanceof Date && (r.value = l(e.value, t.timeGranularity));
-    }, { immediate: !0, deep: !0 }), V(() => t.timeGranularity, () => {
-      t.isRange && o(e.value) ? (m.value.start = l(e.value.start, t.timeGranularity), m.value.end = l(e.value.end, t.timeGranularity)) : e.value instanceof Date && (m.value.start = l(e.value, t.timeGranularity));
-    });
-    const E = () => t.isRange && o(e.value), z = () => {
-      r.value = m.value.start, s.value = m.value.end;
-    }, H = (n) => {
-      try {
-        return G(n, "EEE MMM d yyyy");
-      } catch (a) {
-        console.warn("Error formatting date:", a);
-      }
-    };
-    return $({
-      resetTime: z,
-      initTimeInputs: T
-    }), (n, a) => (u(), v("div", ie, [
-      t.isRange ? (u(), P(c(Y), B({ key: 0 }, w.value, {
-        modelValue: e.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (i) => e.value = i),
-        modelModifiers: { range: !0 }
-      }), null, 16, ["modelValue"])) : (u(), P(c(Y), B({ key: 1 }, w.value, {
-        modelValue: e.value,
-        "onUpdate:modelValue": a[1] || (a[1] = (i) => e.value = i)
-      }), null, 16, ["modelValue"])),
-      x.value ? (u(), v("div", re, [
-        d("div", ue, [
-          d("div", se, [
-            d("label", {
-              class: "time-input-label",
-              for: `time-input-start-${c(h)}`
-            }, [
-              E() ? (u(), v("span", de, R(H(e.value.start)), 1)) : e.value && e.value instanceof Date ? (u(), v("span", me, R(H(e.value)), 1)) : g("", !0)
-            ], 8, oe),
-            A(d("input", {
-              id: `time-input-start-${c(h)}`,
-              "onUpdate:modelValue": a[2] || (a[2] = (i) => r.value = i),
-              class: S(["time-input-start", { "input-error": f.value }]),
-              "data-testid": "time-input-start",
-              step: C.value,
-              type: "time"
-            }, null, 10, ve), [
-              [U, r.value]
-            ])
-          ]),
-          t.isRange ? (u(), v(Q, { key: 0 }, [
-            a[4] || (a[4] = d("div", { class: "time-input-separator" }, " - ", -1)),
-            d("div", ce, [
-              d("label", {
-                class: "time-input-label",
-                for: `time-input-end-${c(h)}`
-              }, [
-                E() ? (u(), v("span", ye, R(c(G)(e.value.end, "EEE MMM d yyyy")), 1)) : g("", !0)
-              ], 8, fe),
-              A(d("input", {
-                id: `time-input-end-${c(h)}`,
-                "onUpdate:modelValue": a[3] || (a[3] = (i) => s.value = i),
-                class: S(["time-input-end", { "input-error": f.value }]),
-                "data-testid": "time-input-end",
-                step: C.value,
-                type: "time"
-              }, null, 10, ge), [
-                [U, s.value]
-              ])
-            ])
-          ], 64)) : g("", !0)
-        ]),
-        X(Z, {
-          mode: "out-in",
-          name: "kongponents-fade-transition"
-        }, {
-          default: _(() => [
-            f.value && t.errorMessage ? (u(), v("div", De, R(t.errorMessage), 1)) : g("", !0)
-          ]),
-          _: 1
-        })
-      ])) : g("", !0)
-    ]));
+function u() {
+  return typeof window < "u";
+}
+function a(t) {
+  return m(t) ? (t.nodeName || "").toLowerCase() : "#document";
+}
+function i(t) {
+  var n;
+  return (t == null || (n = t.ownerDocument) == null ? void 0 : n.defaultView) || window;
+}
+function L(t) {
+  var n;
+  return (n = (m(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : n.documentElement;
+}
+function m(t) {
+  return u() ? t instanceof Node || t instanceof i(t).Node : !1;
+}
+function h(t) {
+  return u() ? t instanceof Element || t instanceof i(t).Element : !1;
+}
+function g(t) {
+  return u() ? t instanceof HTMLElement || t instanceof i(t).HTMLElement : !1;
+}
+function p(t) {
+  return !u() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof i(t).ShadowRoot;
+}
+function y(t) {
+  const {
+    overflow: n,
+    overflowX: r,
+    overflowY: c,
+    display: e
+  } = b(t);
+  return /auto|scroll|overlay|hidden|clip/.test(n + c + r) && e !== "inline" && e !== "contents";
+}
+function _(t) {
+  return /^(table|td|th)$/.test(a(t));
+}
+function T(t) {
+  try {
+    if (t.matches(":popover-open"))
+      return !0;
+  } catch {
   }
-});
+  try {
+    return t.matches(":modal");
+  } catch {
+    return !1;
+  }
+}
+const v = /transform|translate|scale|rotate|perspective|filter/, C = /paint|layout|strict|content/, o = (t) => !!t && t !== "none";
+let s;
+function D(t) {
+  const n = h(t) ? b(t) : t;
+  return o(n.transform) || o(n.translate) || o(n.scale) || o(n.rotate) || o(n.perspective) || !R() && (o(n.backdropFilter) || o(n.filter)) || v.test(n.willChange || "") || C.test(n.contain || "");
+}
+function W(t) {
+  let n = f(t);
+  for (; g(n) && !N(n); ) {
+    if (D(n))
+      return n;
+    if (T(n))
+      return null;
+    n = f(n);
+  }
+  return null;
+}
+function R() {
+  return s == null && (s = typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none")), s;
+}
+function N(t) {
+  return /^(html|body|#document)$/.test(a(t));
+}
+function b(t) {
+  return i(t).getComputedStyle(t);
+}
+function $(t) {
+  return h(t) ? {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  } : {
+    scrollLeft: t.scrollX,
+    scrollTop: t.scrollY
+  };
+}
+function f(t) {
+  if (a(t) === "html")
+    return t;
+  const n = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    t.assignedSlot || // DOM Element detected.
+    t.parentNode || // ShadowRoot detected.
+    p(t) && t.host || // Fallback.
+    L(t)
+  );
+  return p(n) ? n.host : n;
+}
+function S(t) {
+  const n = f(t);
+  return N(n) ? t.ownerDocument ? t.ownerDocument.body : t.body : g(n) && y(n) ? n : S(n);
+}
+function w(t, n, r) {
+  var c;
+  n === void 0 && (n = []), r === void 0 && (r = !0);
+  const e = S(t), E = e === ((c = t.ownerDocument) == null ? void 0 : c.body), l = i(e);
+  if (E) {
+    const d = k(l);
+    return n.concat(l, l.visualViewport || [], y(e) ? e : [], d && r ? w(d) : []);
+  } else
+    return n.concat(e, w(e, [], r));
+}
+function k(t) {
+  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
+}
 export {
-  be as default
+  b as getComputedStyle,
+  W as getContainingBlock,
+  L as getDocumentElement,
+  k as getFrameElement,
+  S as getNearestOverflowAncestor,
+  a as getNodeName,
+  $ as getNodeScroll,
+  w as getOverflowAncestors,
+  f as getParentNode,
+  i as getWindow,
+  D as isContainingBlock,
+  h as isElement,
+  g as isHTMLElement,
+  N as isLastTraversableNode,
+  m as isNode,
+  y as isOverflowElement,
+  p as isShadowRoot,
+  _ as isTableElement,
+  T as isTopLayer,
+  R as isWebKit
 };

package/dist/kongponents.es254.js

@@ -0,0 +1,4 @@
+import f from "./kongponents.es210.js";
+export {
+  f as default
+};

package/dist/kongponents.es255.js

@@ -1,58 +1,87 @@
-import { defineComponent as f, openBlock as p, createElementBlock as u, createVNode as e, withModifiers as i, withCtx as n, unref as s } from "vue";
-import b from "./kongponents.es228.js";
-import m from "./kongponents.es229.js";
-import r from "./kongponents.es32.js";
-const c = { class: "pagination-offset-button-container" }, O = /* @__PURE__ */ f({
-  __name: "PaginationOffset",
+import { defineComponent as K, useTemplateRef as $, openBlock as o, createElementBlock as r, Fragment as c, renderList as C, createBlock as m, withCtx as u, renderSlot as E, createElementVNode as f, toDisplayString as g, createTextVNode as h, createCommentVNode as x } from "vue";
+import p from "./kongponents.es194.js";
+const T = {
+  ref: "itemsContainer",
+  "aria-live": "polite",
+  class: "multiselect-items-container"
+}, V = {
+  key: 1,
+  class: "multiselect-group"
+}, _ = { class: "multiselect-group-title" }, L = { class: "select-item-description" }, A = ".multiselect-item button:not(:disabled)", M = /* @__PURE__ */ K({
+  __name: "KMultiselectItems",
   props: {
-    previousButtonDisabled: {
-      type: Boolean,
-      default: !1
-    },
-    nextButtonDisabled: {
-      type: Boolean,
-      default: !1
-    }
+    items: { default: () => [] },
+    itemCreationEnabled: { type: Boolean },
+    filterString: { default: "" },
+    itemCreationValid: { type: Boolean, default: !0 }
   },
-  emits: ["getPreviousOffset", "getNextOffset"],
-  setup(o, { emit: l }) {
-    const a = l;
-    return (v, t) => (p(), u("div", c, [
-      e(r, {
-        appearance: "tertiary",
-        "aria-label": "Go to the previous page",
-        class: "pagination-button",
-        "data-testid": "previous-button",
-        disabled: o.previousButtonDisabled,
-        icon: "",
-        size: "small",
-        type: "button",
-        onClick: t[0] || (t[0] = i((d) => a("getPreviousOffset"), ["prevent"]))
+  emits: ["selected", "add-item"],
+  setup(s, { expose: k, emit: b }) {
+    const y = b, v = (t) => "items" in t && Array.isArray(t.items), w = (t) => y("selected", t), S = $("itemsContainer"), I = (t) => {
+      var i;
+      const n = S.value;
+      if (!n)
+        return;
+      const e = n.querySelectorAll(A);
+      (i = e[t === "down" ? 0 : e.length - 1]) == null || i.focus();
+    }, a = ({ target: t, key: n }) => {
+      var e;
+      if (n === "ArrowDown" || n === "ArrowUp") {
+        const i = (e = S.value) == null ? void 0 : e.querySelectorAll(A);
+        if (i != null && i.length) {
+          const l = [...i].indexOf(t), B = n === "ArrowDown" ? l + 1 : l - 1, d = i[B];
+          d == null || d.focus();
+        }
+      }
+    };
+    return k({ setFocus: I }), (t, n) => (o(), r("div", T, [
+      (o(!0), r(c, null, C(s.items, (e, i) => (o(), r(c, {
+        key: v(e) ? `${e.key || e.label}-group` : e.key || e.value || i
+      }, [
+        v(e) ? (o(), r("div", V, [
+          f("span", _, g(e.label), 1),
+          (o(!0), r(c, null, C(e.items, (l) => (o(), m(p, {
+            key: l.key,
+            item: l,
+            onKeydown: a,
+            onSelected: w
+          }, {
+            content: u(() => [
+              E(t.$slots, "content", { item: l }, void 0, !0)
+            ]),
+            _: 2
+          }, 1032, ["item"]))), 128))
+        ])) : (o(), m(p, {
+          key: 0,
+          item: e,
+          onKeydown: a,
+          onSelected: w
+        }, {
+          content: u(() => [
+            E(t.$slots, "content", { item: e }, void 0, !0)
+          ]),
+          _: 2
+        }, 1032, ["item"]))
+      ], 64))), 128)),
+      s.itemCreationEnabled ? (o(), m(p, {
+        key: "multiselect-add-item",
+        class: "multiselect-add-item",
+        "data-testid": "multiselect-add-item",
+        item: { label: `${s.filterString} (Add new value)`, value: "add_item", disabled: !s.itemCreationValid },
+        onKeydown: a,
+        onSelected: n[0] || (n[0] = (e) => t.$emit("add-item"))
       }, {
-        default: n(() => [
-          e(s(b), { decorative: "" })
+        content: u(() => [
+          f("div", L, [
+            h(g(s.filterString) + " ", 1),
+            n[1] || (n[1] = f("span", { class: "select-item-new-indicator" }, "(Add new value)", -1))
+          ])
         ]),
         _: 1
-      }, 8, ["disabled"]),
-      e(r, {
-        appearance: "tertiary",
-        "aria-label": "Go to the next page",
-        class: "pagination-button",
-        "data-testid": "next-button",
-        disabled: o.nextButtonDisabled,
-        icon: "",
-        size: "small",
-        type: "button",
-        onClick: t[1] || (t[1] = i((d) => a("getNextOffset"), ["prevent"]))
-      }, {
-        default: n(() => [
-          e(s(m), { decorative: "" })
-        ]),
-        _: 1
-      }, 8, ["disabled"])
-    ]));
+      }, 8, ["item"])) : x("", !0)
+    ], 512));
   }
 });
 export {
-  O as default
+  M as default
 };