@fewangsit/wangsvue 1.5.219-alpha.1 → 1.5.219-alpha.2

package/mentionlist/index.es.js

@@ -1,58 +1,91 @@
-import { defineComponent as g, shallowRef as v, watch as y, createElementBlock as l, openBlock as s, Fragment as k, renderList as w, normalizeClass as x, createVNode as b, createElementVNode as a, toDisplayString as u } from "vue";
-import { _ as C } from "../username/index.es.js";
-const N = { class: "bg-white border border-gray-200 rounded-lg shadow-md flex flex-col max-h-72 overflow-y-scroll w-fit gap-1 p-2 relative" }, D = ["onClick"], E = { class: "flex flex-col gap-[1px]" }, H = { class: "!text-[10px] !font-light" }, P = {
+import { defineComponent, shallowRef, watch, createElementBlock, openBlock, Fragment, renderList, normalizeClass, createVNode, createElementVNode, toDisplayString } from "vue";
+import { _ as _sfc_main$1 } from "../username/index.es.js";
+const _hoisted_1 = { class: "bg-white border border-gray-200 rounded-lg shadow-md flex flex-col max-h-72 overflow-y-scroll w-fit gap-1 p-2 relative" };
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = { class: "flex flex-col gap-[1px]" };
+const _hoisted_4 = { class: "!text-[10px] !font-light" };
+const _hoisted_5 = {
   key: 1,
   class: "text-xs font-semibold"
-}, I = /* @__PURE__ */ g({
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MentionList",
   props: {
     items: {},
     command: { type: Function }
   },
-  setup(d, { expose: m }) {
-    const o = d, t = v(0), p = (e) => e.key === "ArrowUp" ? (f(), !0) : e.key === "ArrowDown" ? (_(), !0) : e.key === "Enter" ? (h(), !0) : !1, f = () => {
-      t.value = (t.value + o.items.length - 1) % o.items.length;
-    }, _ = () => {
-      t.value = (t.value + 1) % o.items.length;
-    }, h = () => {
-      c(t.value);
-    }, c = (e) => {
-      const r = o.items[e];
-      r && o.command({
-        id: r.id,
-        label: r.label
-      });
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const selectedIndex = shallowRef(0);
+    const onKeyDown = (event) => {
+      if (event.key === "ArrowUp") {
+        upHandler();
+        return true;
+      }
+      if (event.key === "ArrowDown") {
+        downHandler();
+        return true;
+      }
+      if (event.key === "Enter") {
+        enterHandler();
+        return true;
+      }
+      return false;
+    };
+    const upHandler = () => {
+      selectedIndex.value = (selectedIndex.value + props.items.length - 1) % props.items.length;
     };
-    return m({
-      onKeyDown: p
-    }), y(
-      () => o.items,
+    const downHandler = () => {
+      selectedIndex.value = (selectedIndex.value + 1) % props.items.length;
+    };
+    const enterHandler = () => {
+      selectItem(selectedIndex.value);
+    };
+    const selectItem = (index) => {
+      const item = props.items[index];
+      if (item) {
+        props.command({
+          id: item.id,
+          label: item.label
+        });
+      }
+    };
+    __expose({
+      onKeyDown
+    });
+    watch(
+      () => props.items,
       () => {
-        t.value = 0;
+        selectedIndex.value = 0;
       }
-    ), (e, r) => (s(), l("div", N, [
-      e.items.length ? (s(!0), l(k, { key: 0 }, w(e.items, (n, i) => (s(), l("div", {
-        key: i,
-        class: x({
-          "hover:bg-gray-100 flex": !0,
-          "!bg-gray-100 ": i === t.value
-        }),
-        onClick: (A) => c(i)
-      }, [
-        b(C, {
-          user: {
-            profilePicture: n.profilePicture
-          },
-          "profile-picture-field": "profilePicture"
-        }, null, 8, ["user"]),
-        a("div", E, [
-          a("p", null, u(n.label), 1),
-          a("p", H, u(n.nickName), 1)
-        ])
-      ], 10, D))), 128)) : (s(), l("div", P, "No result"))
-    ]));
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _ctx.items.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.items, (item, index) => {
+          return openBlock(), createElementBlock("div", {
+            key: index,
+            class: normalizeClass({
+              "hover:bg-gray-100 flex": true,
+              "!bg-gray-100 ": index === selectedIndex.value
+            }),
+            onClick: ($event) => selectItem(index)
+          }, [
+            createVNode(_sfc_main$1, {
+              user: {
+                profilePicture: item.profilePicture
+              },
+              "profile-picture-field": "profilePicture"
+            }, null, 8, ["user"]),
+            createElementVNode("div", _hoisted_3, [
+              createElementVNode("p", null, toDisplayString(item.label), 1),
+              createElementVNode("p", _hoisted_4, toDisplayString(item.nickName), 1)
+            ])
+          ], 10, _hoisted_2);
+        }), 128)) : (openBlock(), createElementBlock("div", _hoisted_5, "No result"))
+      ]);
+    };
   }
 });
 export {
-  I as _
+  _sfc_main as _
 };

package/mentionsection/index.es.js

@@ -1,52 +1,62 @@
-import { defineComponent as m, onMounted as x, shallowRef as b, ref as i, watch as d, createBlock as v, openBlock as p, unref as f, withCtx as y, createElementVNode as a, createElementBlock as _, createCommentVNode as g, createTextVNode as T, toDisplayString as u, normalizeClass as w } from "vue";
-import { n as V, N as k } from "../vendor/@tiptap/vue-3/dist/index.es.js";
-const N = { class: "flex flex-col gap-1 border-primary-400 border-[2px] rounded-md relative my-4" }, B = { class: "!font-semibold !text-sm absolute -top-[10px] ml-2 bg-white border-primary-400 border-[2px] px-4 rounded-md" }, C = {
+import { defineComponent, onMounted, shallowRef, ref, watch, createBlock, openBlock, unref, withCtx, createElementVNode, createElementBlock, createCommentVNode, createTextVNode, toDisplayString, normalizeClass } from "vue";
+import { n as nodeViewProps, N as NodeViewWrapper } from "../vendor/@tiptap/vue-3/dist/index.es.js";
+const _hoisted_1 = { class: "flex flex-col gap-1 border-primary-400 border-[2px] rounded-md relative my-4" };
+const _hoisted_2 = { class: "!font-semibold !text-sm absolute -top-[10px] ml-2 bg-white border-primary-400 border-[2px] px-4 rounded-md" };
+const _hoisted_3 = {
   key: 0,
   class: "absolute top-[45%] px-4 text-gray-400"
-}, E = ["contenteditable"], P = /* @__PURE__ */ m({
+};
+const _hoisted_4 = ["contenteditable"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MentionSection",
-  props: V,
-  setup(c) {
-    const o = c;
-    x(() => {
-      r.value = o.editor.isEditable;
+  props: nodeViewProps,
+  setup(__props) {
+    const props = __props;
+    onMounted(() => {
+      isPlacholderVisible.value = props.editor.isEditable;
+    });
+    const title = ref(props.node.attrs.title);
+    const bodyText = ref(props.node.attrs.bodyText);
+    const isPlacholderVisible = shallowRef(true);
+    watch(title, () => {
+      props.updateAttributes({ title: title.value });
+    });
+    watch(bodyText, () => {
+      props.updateAttributes({ bodyText: bodyText.value });
     });
-    const l = i(o.node.attrs.title), s = i(o.node.attrs.bodyText), r = b(!0);
-    return d(l, () => {
-      o.updateAttributes({ title: l.value });
-    }), d(s, () => {
-      o.updateAttributes({ bodyText: s.value });
-    }), (h, e) => (p(), v(f(k), null, {
-      default: y(() => [
-        a("div", N, [
-          a("p", B, [
-            e[3] || (e[3] = a("span", { class: "text-xs" }, "#", -1)),
-            T(u(l.value), 1)
-          ]),
-          r.value ? (p(), _("span", C, " Tuliskan sebuah pesan ")) : g("", !0),
-          a("span", {
-            class: w([
-              "p-4 pt-6 caret-primary-500 focus:caret-primary-500 relative "
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NodeViewWrapper), null, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("p", _hoisted_2, [
+              _cache[3] || (_cache[3] = createElementVNode("span", { class: "text-xs" }, "#", -1)),
+              createTextVNode(toDisplayString(title.value), 1)
             ]),
-            contenteditable: o.editor.isEditable,
-            onBlur: e[0] || (e[0] = (n) => {
-              const t = n.target.innerText;
-              s.value = t, r.value = t === "" || t === `
-`;
-            }),
-            onFocus: e[1] || (e[1] = (n) => r.value = !1),
-            onKeyup: e[2] || (e[2] = (n) => {
-              const t = n.target.innerText;
-              console.log(t), r.value = t === "" || t === `
-`;
-            })
-          }, u(s.value), 41, E)
-        ])
-      ]),
-      _: 1
-    }));
+            isPlacholderVisible.value ? (openBlock(), createElementBlock("span", _hoisted_3, " Tuliskan sebuah pesan ")) : createCommentVNode("", true),
+            createElementVNode("span", {
+              class: normalizeClass([
+                "p-4 pt-6 caret-primary-500 focus:caret-primary-500 relative "
+              ]),
+              contenteditable: props.editor.isEditable,
+              onBlur: _cache[0] || (_cache[0] = (e) => {
+                const text = e.target.innerText;
+                bodyText.value = text;
+                isPlacholderVisible.value = text === "" || text === "\n";
+              }),
+              onFocus: _cache[1] || (_cache[1] = ($event) => isPlacholderVisible.value = false),
+              onKeyup: _cache[2] || (_cache[2] = (e) => {
+                const text = e.target.innerText;
+                console.log(text);
+                isPlacholderVisible.value = text === "" || text === "\n";
+              })
+            }, toDisplayString(bodyText.value), 41, _hoisted_4)
+          ])
+        ]),
+        _: 1
+      });
+    };
   }
 });
 export {
-  P as _
+  _sfc_main as _
 };

package/menu/index.es.js

@@ -1,14 +1,14 @@
-import { defineComponent as b, ref as w, createBlock as B, openBlock as g, unref as s, mergeProps as x, createSlots as M, withCtx as p, createVNode as $, renderSlot as k } from "vue";
-import { e as n } from "../event-bus/index.es.js";
-import { u as I } from "../plugins/WangsVue.es.js";
-import { f as C } from "../buttonbulkaction/index.es.js";
-import { s as L } from "../vendor/primevue/menu/menu.esm.es.js";
-import { _ as S } from "../menuitem/index.es.js";
-const N = /* @__PURE__ */ b({
+import { defineComponent, ref, createBlock, openBlock, unref, mergeProps, createSlots, withCtx, createVNode, renderSlot } from "vue";
+import { e as eventBus } from "../event-bus/index.es.js";
+import { u as useWangsVueConfig } from "../plugins/WangsVue.es.js";
+import { f as filterVisibleMenu } from "../buttonbulkaction/index.es.js";
+import { s as script } from "../vendor/primevue/menu/menu.esm.es.js";
+import { _ as _sfc_main$1 } from "../menuitem/index.es.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Menu",
   props: {
     model: { default: () => [] },
-    popup: { type: Boolean, default: !0 },
+    popup: { type: Boolean, default: true },
     appendTo: {},
     autoZIndex: { type: Boolean },
     baseZIndex: {},
@@ -21,53 +21,67 @@ const N = /* @__PURE__ */ b({
     unstyled: { type: Boolean }
   },
   emits: ["focus", "blur"],
-  setup(V, { expose: u, emit: i }) {
-    const a = i, { locale: m } = I("Menu"), l = +/* @__PURE__ */ new Date(), t = w(), f = (e) => {
-      var o;
-      (o = t.value) == null || o.toggle(e);
-    }, c = (e) => {
-      var o;
-      (o = t.value) == null || o.show(e);
-    }, r = (e) => {
-      var o;
-      t.value && e.overlayId !== l && ((o = t.value) == null || o.hide());
-    }, d = (e) => {
-      a("blur", e), setTimeout(() => {
-        n.off("overlay:show", r);
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emit = __emit;
+    const { locale } = useWangsVueConfig("Menu");
+    const overlayId = +/* @__PURE__ */ new Date();
+    const menu = ref();
+    const toggle = (e) => {
+      var _a;
+      (_a = menu.value) == null ? void 0 : _a.toggle(e);
+    };
+    const show = (e) => {
+      var _a;
+      (_a = menu.value) == null ? void 0 : _a.show(e);
+    };
+    const hide = (event) => {
+      var _a;
+      if (menu.value && event.overlayId !== overlayId) (_a = menu.value) == null ? void 0 : _a.hide();
+    };
+    const onHideMenu = (e) => {
+      emit("blur", e);
+      setTimeout(() => {
+        eventBus.off("overlay:show", hide);
       }, 1e3);
-    }, y = (e) => {
-      n.on("overlay:show", r), n.emit("overlay:show", { overlayId: l }), a("focus", e);
     };
-    return u({
-      toggle: f,
-      show: c,
-      hide: r
-    }), (e, o) => (g(), B(s(L), x(e.$props, {
-      ref_key: "menu",
-      ref: t,
-      model: s(C)(e.$props.model, s(m).noOptionLabel),
-      onBlur: d,
-      onFocus: y
-    }), M({
-      item: p(({ item: v, props: h, index: _ }) => [
-        $(S, {
-          index: _,
-          item: v,
-          "router-props": h
-        }, null, 8, ["index", "item", "router-props"])
-      ]),
-      _: 2
-    }, [
-      e.$slots.start ? {
-        name: "start",
-        fn: p(() => [
-          k(e.$slots, "start")
+    const onShowMenu = (e) => {
+      eventBus.on("overlay:show", hide);
+      eventBus.emit("overlay:show", { overlayId });
+      emit("focus", e);
+    };
+    __expose({
+      toggle,
+      show,
+      hide
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(script), mergeProps(_ctx.$props, {
+        ref_key: "menu",
+        ref: menu,
+        model: unref(filterVisibleMenu)(_ctx.$props.model, unref(locale).noOptionLabel),
+        onBlur: onHideMenu,
+        onFocus: onShowMenu
+      }), createSlots({
+        item: withCtx(({ item, props, index }) => [
+          createVNode(_sfc_main$1, {
+            index,
+            item,
+            "router-props": props
+          }, null, 8, ["index", "item", "router-props"])
         ]),
-        key: "0"
-      } : void 0
-    ]), 1040, ["model"]));
+        _: 2
+      }, [
+        _ctx.$slots["start"] ? {
+          name: "start",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "start")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["model"]);
+    };
   }
 });
 export {
-  N as _
+  _sfc_main as _
 };

package/menuitem/index.es.js

@@ -1,65 +1,67 @@
-import { defineComponent as E, resolveComponent as M, createBlock as i, createElementBlock as b, openBlock as r, withCtx as N, createElementVNode as n, mergeProps as t, createCommentVNode as a, normalizeProps as h, guardReactiveProps as C, toDisplayString as s, withModifiers as V } from "vue";
-import { _ as l } from "../icon/index.es.js";
-const $ = ["href", "onClick"], z = ["href", "target"], R = /* @__PURE__ */ E({
+import { defineComponent, resolveComponent, createBlock, createElementBlock, openBlock, withCtx, createElementVNode, mergeProps, createCommentVNode, normalizeProps, guardReactiveProps, toDisplayString, withModifiers } from "vue";
+import { _ as _sfc_main$1 } from "../icon/index.es.js";
+const _hoisted_1 = ["href", "onClick"];
+const _hoisted_2 = ["href", "target"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MenuItem",
   props: {
     item: {},
     routerProps: {}
   },
-  setup(_) {
-    const e = _;
-    return (o, m) => {
-      var p, c, u, d, k, P;
-      const v = M("router-link");
-      return e.item.route ? (r(), i(v, {
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d, _e, _f;
+      const _component_router_link = resolveComponent("router-link");
+      return props.item.route ? (openBlock(), createBlock(_component_router_link, {
         key: 0,
-        to: e.item.route,
+        to: props.item.route,
         custom: ""
       }, {
-        default: N(({ href: B, navigate: w }) => {
-          var f, g, y;
+        default: withCtx(({ href, navigate }) => {
+          var _a2, _b2, _c2;
           return [
-            n("a", t({ href: B }, (f = o.routerProps) == null ? void 0 : f.action, { onClick: w }), [
-              e.item.icon ? (r(), i(l, t({ key: 0 }, (g = o.routerProps) == null ? void 0 : g.icon, {
-                icon: e.item.icon
-              }), null, 16, ["icon"])) : a("", !0),
-              n("span", h(C((y = o.routerProps) == null ? void 0 : y.label)), s(e.item.label), 17)
-            ], 16, $)
+            createElementVNode("a", mergeProps({ href }, (_a2 = _ctx.routerProps) == null ? void 0 : _a2.action, { onClick: navigate }), [
+              props.item.icon ? (openBlock(), createBlock(_sfc_main$1, mergeProps({ key: 0 }, (_b2 = _ctx.routerProps) == null ? void 0 : _b2.icon, {
+                icon: props.item.icon
+              }), null, 16, ["icon"])) : createCommentVNode("", true),
+              createElementVNode("span", normalizeProps(guardReactiveProps((_c2 = _ctx.routerProps) == null ? void 0 : _c2.label)), toDisplayString(props.item.label), 17)
+            ], 16, _hoisted_1)
           ];
         }),
         _: 1
-      }, 8, ["to"])) : e.item.url ? (r(), b("a", t({
+      }, 8, ["to"])) : props.item.url ? (openBlock(), createElementBlock("a", mergeProps({
         key: 1,
-        href: e.item.url,
-        target: e.item.target
-      }, (p = o.routerProps) == null ? void 0 : p.action, {
-        onClick: m[0] || (m[0] = V(() => {
+        href: props.item.url,
+        target: props.item.target
+      }, (_a = _ctx.routerProps) == null ? void 0 : _a.action, {
+        onClick: _cache[0] || (_cache[0] = withModifiers(() => {
         }, ["stop"]))
       }), [
-        e.item.icon ? (r(), i(l, t({ key: 0 }, (c = o.routerProps) == null ? void 0 : c.icon, {
-          icon: e.item.icon
-        }), null, 16, ["icon"])) : a("", !0),
-        n("span", h(C((u = o.routerProps) == null ? void 0 : u.label)), s(e.item.label), 17)
-      ], 16, z)) : (r(), b("a", t({ key: 2 }, (d = o.routerProps) == null ? void 0 : d.action, {
+        props.item.icon ? (openBlock(), createBlock(_sfc_main$1, mergeProps({ key: 0 }, (_b = _ctx.routerProps) == null ? void 0 : _b.icon, {
+          icon: props.item.icon
+        }), null, 16, ["icon"])) : createCommentVNode("", true),
+        createElementVNode("span", normalizeProps(guardReactiveProps((_c = _ctx.routerProps) == null ? void 0 : _c.label)), toDisplayString(props.item.label), 17)
+      ], 16, _hoisted_2)) : (openBlock(), createElementBlock("a", mergeProps({ key: 2 }, (_d = _ctx.routerProps) == null ? void 0 : _d.action, {
         "aria-hidden": "true",
         "data-pc-section": "action",
         tabindex: "-1"
       }), [
-        e.item.icon ? (r(), i(l, t({
+        props.item.icon ? (openBlock(), createBlock(_sfc_main$1, mergeProps({
           key: 0,
-          icon: e.item.icon,
-          severity: e.item.danger ? "danger" : void 0
-        }, (k = o.routerProps) == null ? void 0 : k.icon), null, 16, ["icon", "severity"])) : a("", !0),
-        n("span", t(
-          (P = o.$preset.menu) == null ? void 0 : P.label({
-            props: { danger: e.item.danger }
+          icon: props.item.icon,
+          severity: props.item.danger ? "danger" : void 0
+        }, (_e = _ctx.routerProps) == null ? void 0 : _e.icon), null, 16, ["icon", "severity"])) : createCommentVNode("", true),
+        createElementVNode("span", mergeProps(
+          (_f = _ctx.$preset.menu) == null ? void 0 : _f.label({
+            props: { danger: props.item.danger }
           }),
           { "data-pc-section": "label" }
-        ), s(e.item.label), 17)
+        ), toDisplayString(props.item.label), 17)
       ], 16));
     };
   }
 });
 export {
-  R as _
+  _sfc_main as _
 };

package/multirow/index.es.js

@@ -1,45 +1,46 @@
-import { defineComponent as C, inject as f, createElementBlock as n, openBlock as o, normalizeProps as k, guardReactiveProps as v, unref as m, Fragment as t, renderList as _, mergeProps as a, createBlock as V, resolveDynamicComponent as b, toHandlers as g, withModifiers as w, createTextVNode as P, toDisplayString as x } from "vue";
-const D = /* @__PURE__ */ C({
+import { defineComponent, inject, createElementBlock, openBlock, normalizeProps, guardReactiveProps, unref, Fragment, renderList, mergeProps, createBlock, resolveDynamicComponent, toHandlers, withModifiers, createTextVNode, toDisplayString } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MultiRow",
   props: {
     attributes: {}
   },
-  setup(c) {
-    const i = c, s = f("preset", {}).datatable;
-    return (y, l) => {
-      var r;
-      return o(), n("div", k(v((r = m(s)) == null ? void 0 : r.multirowcontainer({ props: i }))), [
-        (o(!0), n(t, null, _(y.attributes, (e, d) => {
-          var p;
-          return o(), n("span", a(
+  setup(__props) {
+    const props = __props;
+    const Preset = inject("preset", {}).datatable;
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps((_a = unref(Preset)) == null ? void 0 : _a.multirowcontainer({ props }))), [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.attributes, (attribute, index) => {
+          var _a2;
+          return openBlock(), createElementBlock("span", mergeProps(
             {
-              key: d,
-              ref_for: !0
+              key: index,
+              ref_for: true
             },
-            (p = m(s)) == null ? void 0 : p.multirow({
+            (_a2 = unref(Preset)) == null ? void 0 : _a2.multirow({
               context: {
-                firstIndex: d === 0
+                firstIndex: index === 0
               }
             }),
             {
-              class: e.class
+              class: attribute.class
             }
           ), [
-            e.bodyComponent ? (o(), V(b(e.bodyComponent.component), a({
+            attribute.bodyComponent ? (openBlock(), createBlock(resolveDynamicComponent(attribute.bodyComponent.component), mergeProps({
               key: 0,
-              modelValue: e.bodyComponent.model,
-              "onUpdate:modelValue": (u) => e.bodyComponent.model = u,
-              ref_for: !0
-            }, e.bodyComponent.props, {
-              class: e.class,
-              disabled: e.bodyComponent.disabled
-            }, g(
-              e.bodyComponent.events ? e.bodyComponent.events : {}
+              modelValue: attribute.bodyComponent.model,
+              "onUpdate:modelValue": ($event) => attribute.bodyComponent.model = $event,
+              ref_for: true
+            }, attribute.bodyComponent.props, {
+              class: attribute.class,
+              disabled: attribute.bodyComponent.disabled
+            }, toHandlers(
+              attribute.bodyComponent.events ? attribute.bodyComponent.events : {}
             ), {
-              onClick: l[0] || (l[0] = w(() => {
+              onClick: _cache[0] || (_cache[0] = withModifiers(() => {
               }, ["stop"]))
-            }), null, 16, ["modelValue", "onUpdate:modelValue", "class", "disabled"])) : (o(), n(t, { key: 1 }, [
-              P(x(e.value), 1)
+            }), null, 16, ["modelValue", "onUpdate:modelValue", "class", "disabled"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createTextVNode(toDisplayString(attribute.value), 1)
             ], 64))
           ], 16);
         }), 128))
@@ -48,5 +49,5 @@ const D = /* @__PURE__ */ C({
   }
 });
 export {
-  D as _
+  _sfc_main as _
 };