tuikit-atomicx-vue3 3.3.4 → 3.4.1

package/.eslintrc.cjs

@@ -0,0 +1,33 @@
+module.exports = {
+  root: true,
+  extends: ['@tencentcloud/eslint-config-hybrid/vue3'],
+  parser: 'vue-eslint-parser',
+  parserOptions: {
+    parser: '@typescript-eslint/parser',
+    ecmaVersion: 2020,
+    sourceType: 'module',
+    project: [
+      './tsconfig.json',
+    ],
+    tsconfigRootDir: __dirname,
+  },
+  rules: {
+    'vue/multi-word-component-names': 'off',
+    'vue/attribute-hyphenation': 'off',
+    'vue/no-dupe-keys': 'off',
+    'import/extensions': [
+      'error',
+      'ignorePackages',
+      {
+        js: 'never',
+        jsx: 'never',
+        ts: 'never',
+        tsx: 'never',
+        vue: 'always',
+      },
+    ],
+    'no-unused-vars': 'off',
+    '@typescript-eslint/no-unused-vars': 'error',
+  },
+  ignorePatterns: ['node_modules', 'public', 'dist', '*.d.ts', '!.*.cjs', '!.storybook', '*.cjs'],
+};

package/dist/AudioRequestDialog.vue_vue_type_script_setup_true_lang-DESfuJPj.js

@@ -0,0 +1,89 @@
+import { defineComponent as y, ref as i, onUnmounted as U, createBlock as w, openBlock as k, unref as t, withCtx as r, createElementVNode as V, toDisplayString as m, createVNode as I, createTextVNode as h } from "vue";
+import b, { TUIRoomEvents as l, TUIRequestAction as x, TUIRole as A } from "@tencentcloud/tuiroom-engine-js";
+import { TUIButton as g } from "@tencentcloud/uikit-base-component-vue3";
+import E from "./baseComp/Dialog/DialogPC.js";
+import { useI18n as O } from "./locales/index.js";
+import { useRoomEngine as D } from "./hooks/useRoomEngine.js";
+import { useUserState as B } from "./states/UserState/index.js";
+const G = /* @__PURE__ */ y({
+  __name: "AudioRequestDialog",
+  setup(M) {
+    const s = D(), { t: n } = O(), d = i(""), { getUserInfo: C } = B(), a = i(!1), u = i("");
+    async function f(e) {
+      var v;
+      const { userId: o, requestAction: c, requestId: T } = e.request;
+      if (c === x.kRequestToOpenRemoteMicrophone) {
+        const _ = ((v = C({ userId: o })) == null ? void 0 : v.userRole) === A.kRoomOwner ? n("RoomOwner") : n("Admin");
+        d.value = n("Sb invites you to turn on the microphone", {
+          role: _
+        }), u.value = T, a.value = !0;
+      }
+    }
+    async function p() {
+      var e;
+      await ((e = s.instance) == null ? void 0 : e.responseRemoteRequest({
+        requestId: u.value,
+        agree: !0
+      })), u.value = "", a.value = !1;
+    }
+    async function R() {
+      var e;
+      await ((e = s.instance) == null ? void 0 : e.responseRemoteRequest({
+        requestId: u.value,
+        agree: !1
+      })), u.value = "", a.value = !1;
+    }
+    async function q(e) {
+      const { requestId: o } = e;
+      u.value === o && (a.value = !1);
+    }
+    return b.once("ready", () => {
+      var e, o;
+      (e = s.instance) == null || e.on(l.onRequestReceived, f), (o = s.instance) == null || o.on(l.onRequestCancelled, q);
+    }), U(() => {
+      var e, o;
+      (e = s.instance) == null || e.off(l.onRequestReceived, f), (o = s.instance) == null || o.off(
+        l.onRequestCancelled,
+        q
+      );
+    }), (e, o) => (k(), w(t(E), {
+      modelValue: a.value,
+      "onUpdate:modelValue": o[0] || (o[0] = (c) => a.value = c),
+      title: t(n)("Tips"),
+      modal: !0,
+      "show-close": !1,
+      "close-on-click-modal": !1,
+      width: "500px",
+      "append-to-room-container": !0,
+      "confirm-button": t(n)("Turn on the microphone"),
+      "cancel-button": t(n)("Keep it closed"),
+      onConfirm: p,
+      onCancel: R
+    }, {
+      footer: r(() => [
+        I(t(g), {
+          onClick: p,
+          type: "primary"
+        }, {
+          default: r(() => [
+            h(m(t(n)("Turn on the microphone")), 1)
+          ]),
+          _: 1
+        }),
+        I(t(g), { onClick: R }, {
+          default: r(() => [
+            h(m(t(n)("Keep it closed")), 1)
+          ]),
+          _: 1
+        })
+      ]),
+      default: r(() => [
+        V("span", null, m(d.value), 1)
+      ]),
+      _: 1
+    }, 8, ["modelValue", "title", "confirm-button", "cancel-button"]));
+  }
+});
+export {
+  G as _
+};

package/dist/DialogPortal-CvJcEAsn.js

@@ -0,0 +1,417 @@
+import { u as M, c as h, a as D, g as I, F as $, D as T, f as b, d as R, P as w, b as k, e as N, T as S } from "./Teleport-CSEuZbpM.js";
+import { u as B } from "./useId-CtirfF0W.js";
+import { g as L } from "./utils-DaB7eSu5.js";
+import { defineComponent as m, ref as C, toRefs as K, renderSlot as _, unref as t, onMounted as A, createBlock as v, openBlock as g, withCtx as c, createVNode as F, mergeProps as y, createCommentVNode as V, normalizeProps as U, guardReactiveProps as W } from "vue";
+const [O, G] = h("DialogRoot");
+var H = /* @__PURE__ */ m({
+  inheritAttrs: !1,
+  __name: "DialogRoot",
+  props: {
+    open: {
+      type: Boolean,
+      required: !1,
+      default: void 0
+    },
+    defaultOpen: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    modal: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    }
+  },
+  emits: ["update:open"],
+  setup(u, { emit: i }) {
+    const a = u, e = M(a, "open", i, {
+      defaultValue: a.defaultOpen,
+      passive: a.open === void 0
+    }), d = C(), p = C(), { modal: n } = K(a);
+    return G({
+      open: e,
+      modal: n,
+      openModal: () => {
+        e.value = !0;
+      },
+      onOpenChange: (s) => {
+        e.value = s;
+      },
+      onOpenToggle: () => {
+        e.value = !e.value;
+      },
+      contentId: "",
+      titleId: "",
+      descriptionId: "",
+      triggerElement: d,
+      contentElement: p
+    }), (s, o) => _(s.$slots, "default", {
+      open: t(e),
+      close: () => e.value = !1
+    });
+  }
+}), ue = H;
+const j = "DialogTitle", z = "DialogContent";
+function J({ titleName: u = j, contentName: i = z, componentLink: a = "dialog.html#title", titleId: r, descriptionId: e, contentElement: d }) {
+  const p = `Warning: \`${i}\` requires a \`${u}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${u}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://www.reka-ui.com/docs/components/${a}`, n = `Warning: Missing \`Description\` or \`aria-describedby="undefined"\` for ${i}.`;
+  A(() => {
+    var l;
+    document.getElementById(r) || console.warn(p);
+    const o = (l = d.value) == null ? void 0 : l.getAttribute("aria-describedby");
+    e && o && (document.getElementById(e) || console.warn(n));
+  });
+}
+var Q = /* @__PURE__ */ m({
+  __name: "DialogContentImpl",
+  props: {
+    forceMount: {
+      type: Boolean,
+      required: !1
+    },
+    trapFocus: {
+      type: Boolean,
+      required: !1
+    },
+    disableOutsidePointerEvents: {
+      type: Boolean,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  emits: [
+    "escapeKeyDown",
+    "pointerDownOutside",
+    "focusOutside",
+    "interactOutside",
+    "openAutoFocus",
+    "closeAutoFocus"
+  ],
+  setup(u, { emit: i }) {
+    const a = u, r = i, e = O(), { forwardRef: d, currentElement: p } = D();
+    return e.titleId || (e.titleId = B(void 0, "reka-dialog-title")), e.descriptionId || (e.descriptionId = B(void 0, "reka-dialog-description")), A(() => {
+      e.contentElement = p, I() !== document.body && (e.triggerElement.value = I());
+    }), process.env.NODE_ENV !== "production" && J({
+      titleName: "DialogTitle",
+      contentName: "DialogContent",
+      componentLink: "dialog.html#title",
+      titleId: e.titleId,
+      descriptionId: e.descriptionId,
+      contentElement: p
+    }), (n, s) => (g(), v(t($), {
+      "as-child": "",
+      loop: "",
+      trapped: a.trapFocus,
+      onMountAutoFocus: s[5] || (s[5] = (o) => r("openAutoFocus", o)),
+      onUnmountAutoFocus: s[6] || (s[6] = (o) => r("closeAutoFocus", o))
+    }, {
+      default: c(() => [F(t(T), y({
+        id: t(e).contentId,
+        ref: t(d),
+        as: n.as,
+        "as-child": n.asChild,
+        "disable-outside-pointer-events": n.disableOutsidePointerEvents,
+        role: "dialog",
+        "aria-describedby": t(e).descriptionId,
+        "aria-labelledby": t(e).titleId,
+        "data-state": t(L)(t(e).open.value)
+      }, n.$attrs, {
+        onDismiss: s[0] || (s[0] = (o) => t(e).onOpenChange(!1)),
+        onEscapeKeyDown: s[1] || (s[1] = (o) => r("escapeKeyDown", o)),
+        onFocusOutside: s[2] || (s[2] = (o) => r("focusOutside", o)),
+        onInteractOutside: s[3] || (s[3] = (o) => r("interactOutside", o)),
+        onPointerDownOutside: s[4] || (s[4] = (o) => r("pointerDownOutside", o))
+      }), {
+        default: c(() => [_(n.$slots, "default")]),
+        _: 3
+      }, 16, [
+        "id",
+        "as",
+        "as-child",
+        "disable-outside-pointer-events",
+        "aria-describedby",
+        "aria-labelledby",
+        "data-state"
+      ])]),
+      _: 3
+    }, 8, ["trapped"]));
+  }
+}), P = Q, X = /* @__PURE__ */ m({
+  __name: "DialogContentModal",
+  props: {
+    forceMount: {
+      type: Boolean,
+      required: !1
+    },
+    trapFocus: {
+      type: Boolean,
+      required: !1
+    },
+    disableOutsidePointerEvents: {
+      type: Boolean,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  emits: [
+    "escapeKeyDown",
+    "pointerDownOutside",
+    "focusOutside",
+    "interactOutside",
+    "openAutoFocus",
+    "closeAutoFocus"
+  ],
+  setup(u, { emit: i }) {
+    const a = u, r = i, e = O(), d = b(r), { forwardRef: p, currentElement: n } = D();
+    return R(n), (s, o) => (g(), v(P, y({
+      ...a,
+      ...t(d)
+    }, {
+      ref: t(p),
+      "trap-focus": t(e).open.value,
+      "disable-outside-pointer-events": !0,
+      onCloseAutoFocus: o[0] || (o[0] = (l) => {
+        var f;
+        l.defaultPrevented || (l.preventDefault(), (f = t(e).triggerElement.value) == null || f.focus());
+      }),
+      onPointerDownOutside: o[1] || (o[1] = (l) => {
+        const f = l.detail.originalEvent, q = f.button === 0 && f.ctrlKey === !0;
+        (f.button === 2 || q) && l.preventDefault();
+      }),
+      onFocusOutside: o[2] || (o[2] = (l) => {
+        l.preventDefault();
+      })
+    }), {
+      default: c(() => [_(s.$slots, "default")]),
+      _: 3
+    }, 16, ["trap-focus"]));
+  }
+}), Y = X, Z = /* @__PURE__ */ m({
+  __name: "DialogContentNonModal",
+  props: {
+    forceMount: {
+      type: Boolean,
+      required: !1
+    },
+    trapFocus: {
+      type: Boolean,
+      required: !1
+    },
+    disableOutsidePointerEvents: {
+      type: Boolean,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  emits: [
+    "escapeKeyDown",
+    "pointerDownOutside",
+    "focusOutside",
+    "interactOutside",
+    "openAutoFocus",
+    "closeAutoFocus"
+  ],
+  setup(u, { emit: i }) {
+    const a = u, e = b(i);
+    D();
+    const d = O(), p = C(!1), n = C(!1);
+    return (s, o) => (g(), v(P, y({
+      ...a,
+      ...t(e)
+    }, {
+      "trap-focus": !1,
+      "disable-outside-pointer-events": !1,
+      onCloseAutoFocus: o[0] || (o[0] = (l) => {
+        var f;
+        l.defaultPrevented || (p.value || (f = t(d).triggerElement.value) == null || f.focus(), l.preventDefault()), p.value = !1, n.value = !1;
+      }),
+      onInteractOutside: o[1] || (o[1] = (l) => {
+        var E;
+        l.defaultPrevented || (p.value = !0, l.detail.originalEvent.type === "pointerdown" && (n.value = !0));
+        const f = l.target;
+        ((E = t(d).triggerElement.value) == null ? void 0 : E.contains(f)) && l.preventDefault(), l.detail.originalEvent.type === "focusin" && n.value && l.preventDefault();
+      })
+    }), {
+      default: c(() => [_(s.$slots, "default")]),
+      _: 3
+    }, 16));
+  }
+}), x = Z, ee = /* @__PURE__ */ m({
+  __name: "DialogContent",
+  props: {
+    forceMount: {
+      type: Boolean,
+      required: !1
+    },
+    disableOutsidePointerEvents: {
+      type: Boolean,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  emits: [
+    "escapeKeyDown",
+    "pointerDownOutside",
+    "focusOutside",
+    "interactOutside",
+    "openAutoFocus",
+    "closeAutoFocus"
+  ],
+  setup(u, { emit: i }) {
+    const a = u, r = i, e = O(), d = b(r), { forwardRef: p } = D();
+    return (n, s) => (g(), v(t(w), { present: n.forceMount || t(e).open.value }, {
+      default: c(() => [t(e).modal.value ? (g(), v(Y, y({
+        key: 0,
+        ref: t(p)
+      }, {
+        ...a,
+        ...t(d),
+        ...n.$attrs
+      }), {
+        default: c(() => [_(n.$slots, "default")]),
+        _: 3
+      }, 16)) : (g(), v(x, y({
+        key: 1,
+        ref: t(p)
+      }, {
+        ...a,
+        ...t(d),
+        ...n.$attrs
+      }), {
+        default: c(() => [_(n.$slots, "default")]),
+        _: 3
+      }, 16))]),
+      _: 3
+    }, 8, ["present"]));
+  }
+}), de = ee, te = /* @__PURE__ */ m({
+  __name: "DialogOverlayImpl",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(u) {
+    const i = O();
+    return k(!0), D(), (a, r) => (g(), v(t(N), {
+      as: a.as,
+      "as-child": a.asChild,
+      "data-state": t(i).open.value ? "open" : "closed",
+      style: { "pointer-events": "auto" }
+    }, {
+      default: c(() => [_(a.$slots, "default")]),
+      _: 3
+    }, 8, [
+      "as",
+      "as-child",
+      "data-state"
+    ]));
+  }
+}), oe = te, se = /* @__PURE__ */ m({
+  __name: "DialogOverlay",
+  props: {
+    forceMount: {
+      type: Boolean,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(u) {
+    const i = O(), { forwardRef: a } = D();
+    return (r, e) => {
+      var d;
+      return (d = t(i)) != null && d.modal.value ? (g(), v(t(w), {
+        key: 0,
+        present: r.forceMount || t(i).open.value
+      }, {
+        default: c(() => [F(oe, y(r.$attrs, {
+          ref: t(a),
+          as: r.as,
+          "as-child": r.asChild
+        }), {
+          default: c(() => [_(r.$slots, "default")]),
+          _: 3
+        }, 16, ["as", "as-child"])]),
+        _: 3
+      }, 8, ["present"])) : V("v-if", !0);
+    };
+  }
+}), pe = se, ae = /* @__PURE__ */ m({
+  __name: "DialogPortal",
+  props: {
+    to: {
+      type: null,
+      required: !1
+    },
+    disabled: {
+      type: Boolean,
+      required: !1
+    },
+    defer: {
+      type: Boolean,
+      required: !1
+    },
+    forceMount: {
+      type: Boolean,
+      required: !1
+    }
+  },
+  setup(u) {
+    const i = u;
+    return (a, r) => (g(), v(t(S), U(W(i)), {
+      default: c(() => [_(a.$slots, "default")]),
+      _: 3
+    }, 16));
+  }
+}), fe = ae;
+export {
+  ue as D,
+  fe as a,
+  pe as b,
+  de as c,
+  O as i
+};

package/dist/MaterialRenameDialog.vue_vue_type_script_setup_true_lang-C8oUv-KF.js

@@ -0,0 +1,36 @@
+import { defineComponent as c, ref as u, createBlock as p, openBlock as f, unref as e, withCtx as d, createVNode as C } from "vue";
+import { useUIKit as _, TUIDialog as v, TUIInput as x } from "@tencentcloud/uikit-base-component-vue3";
+const U = /* @__PURE__ */ c({
+  __name: "MaterialRenameDialog",
+  props: {
+    material: {}
+  },
+  emits: ["close", "rename"],
+  setup(m, { emit: r }) {
+    const { t } = _(), a = u(m.material.name), o = r, i = () => {
+      o("rename", a.value);
+    }, n = () => {
+      o("close");
+    };
+    return (I, l) => (f(), p(e(v), {
+      visible: !0,
+      title: e(t)("Rename"),
+      confirmText: e(t)("Save as new name"),
+      onConfirm: i,
+      onClose: n,
+      onCancel: n,
+      customClasses: ["material-rename-dialog"]
+    }, {
+      default: d(() => [
+        C(e(x), {
+          modelValue: a.value,
+          "onUpdate:modelValue": l[0] || (l[0] = (s) => a.value = s)
+        }, null, 8, ["modelValue"])
+      ]),
+      _: 1
+    }, 8, ["title", "confirmText"]));
+  }
+});
+export {
+  U as _
+};

package/dist/MessageInput.vue_vue_type_script_setup_true_lang-D1G-LitO.js

@@ -0,0 +1,116 @@
+import { defineComponent as B, computed as E, createElementBlock as f, openBlock as r, normalizeClass as s, unref as o, renderSlot as i, createElementVNode as m, Fragment as F, renderList as V, createBlock as d, resolveDynamicComponent as A, mergeProps as M, createVNode as T, withCtx as g, createCommentVNode as j } from "vue";
+import { AttachmentPicker as k } from "./components/MessageInput/AttachmentPicker/index.js";
+import N from "./components/MessageInput/AttachmentPicker/FilePicker.js";
+import L from "./components/MessageInput/AttachmentPicker/ImagePicker.js";
+import O from "./components/MessageInput/AttachmentPicker/VideoPicker.js";
+import x from "./components/MessageInput/AudioCallPicker/AudioCallPicker.js";
+import z from "./components/MessageInput/EmojiPicker/EmojiPicker.js";
+import { QuotedMessagePreview as D } from "./components/MessageInput/QuotedMessagePreview/index.js";
+import { SendButton as K } from "./components/MessageInput/SendButton/index.js";
+import { TextEditor as Q } from "./components/MessageInput/TextEditor/index.js";
+import R from "./components/MessageInput/VideoCallPicker/VideoCallPicker.js";
+import { useMessageInputState as U } from "./states/MessageInputState/MessageInputState.js";
+const a = {
+  "message-input": "_message-input_clemw_1",
+  "message-input__toolbar": "_message-input__toolbar_clemw_11",
+  "message-input__wrapper": "_message-input__wrapper_clemw_18",
+  "message-input__leftInline": "_message-input__leftInline_clemw_23",
+  "message-input__rightInline": "_message-input__rightInline_clemw_23",
+  "message-input__actions": "_message-input__actions_clemw_27",
+  "message-input__footerToolbar": "_message-input__footerToolbar_clemw_33"
+}, se = /* @__PURE__ */ B({
+  __name: "MessageInput",
+  props: {
+    autoFocus: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: !1 },
+    hideSendButton: { type: Boolean, default: !1 },
+    placeholder: { default: "" },
+    attachmentPickerMode: { default: "collapsed" },
+    actions: { default: () => ["EmojiPicker", "ImagePicker", "FilePicker", "VideoPicker"] },
+    slots: {}
+  },
+  setup(n) {
+    const u = [
+      { key: "EmojiPicker", component: z },
+      { key: "AttachmentPicker", component: k },
+      { key: "FilePicker", component: N },
+      { key: "ImagePicker", component: L },
+      { key: "VideoPicker", component: O },
+      { key: "AudioCallPicker", component: x },
+      { key: "VideoCallPicker", component: R }
+    ], c = n, { inputRawValue: P, setContent: b, sendMessage: C } = U(), h = (e, l) => Object.fromEntries(
+      l.map((t) => [t, e[t]]).filter(([, t]) => t !== void 0)
+    ), y = (e) => {
+      const { component: l = () => null } = u.find(({ key: t }) => t === e) ?? {};
+      return { Component: l, props: { disabled: c.disabled } };
+    }, I = (e) => {
+      var _;
+      const { key: l, component: t, ...p } = e, $ = ((_ = u.find(({ key: S }) => S === l)) == null ? void 0 : _.component) ?? (() => null);
+      return {
+        Component: t ?? $,
+        props: h(p, ["label", "className", "style", "iconSize"])
+      };
+    }, v = E(
+      () => c.actions.map((e) => typeof e == "string" ? y(e) : I(e)).filter(({ Component: e }) => e !== null)
+    ), w = () => {
+      P.value && (C(), b(""));
+    };
+    return (e, l) => (r(), f("div", {
+      class: s([o(a)["message-input"]])
+    }, [
+      i(e.$slots, "headerToolbar", {}, () => [
+        m("div", {
+          class: s(o(a)["message-input__toolbar"])
+        }, [
+          (r(!0), f(F, null, V(v.value, (t, p) => (r(), d(A(t.Component), M({ key: p }, { ref_for: !0 }, { ...t.props, ...t.Component === o(k) ? { attachmentPickerMode: n.attachmentPickerMode } : {} }), null, 16))), 128))
+        ], 2)
+      ]),
+      m("div", {
+        class: s(o(a)["message-input__wrapper"])
+      }, [
+        T(o(D)),
+        m("div", {
+          class: s(o(a)["message-input__leftInline"])
+        }, [
+          i(e.$slots, "leftInline")
+        ], 2),
+        i(e.$slots, "textEditor", {}, () => [
+          (r(), d(o(Q), {
+            key: n.disabled ? "disabled-editor" : "enabled-editor",
+            autoFocus: n.autoFocus,
+            disabled: n.disabled,
+            placeholder: n.placeholder
+          }, {
+            inputPrefix: g(() => [
+              i(e.$slots, "inputPrefix")
+            ]),
+            inputSuffix: g(() => [
+              i(e.$slots, "inputSuffix")
+            ]),
+            _: 3
+          }, 8, ["autoFocus", "disabled", "placeholder"]))
+        ]),
+        m("div", {
+          class: s(o(a)["message-input__rightInline"])
+        }, [
+          i(e.$slots, "rightInline")
+        ], 2)
+      ], 2),
+      i(e.$slots, "footerToolbar", {}, () => [
+        m("div", {
+          class: s(o(a)["message-input__footerToolbar"])
+        }, [
+          n.hideSendButton ? j("", !0) : (r(), d(o(K), {
+            key: 0,
+            class: s(o(a)["message-input__send-button"]),
+            disabled: c.disabled,
+            onClick: w
+          }, null, 8, ["class", "disabled"]))
+        ], 2)
+      ])
+    ], 2));
+  }
+});
+export {
+  se as _
+};