@elmethis/vue 0.4.1 → 0.5.0

package/dist/components/code/ElmKatex.vue2.mjs

@@ -1,68 +0,0 @@
-import { defineComponent, ref, onMounted, onUpdated, onServerPrefetch, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createCommentVNode } from "vue";
-import textStyle from "../../styles/text.module.scss.mjs";
-const _hoisted_1 = ["innerHTML"];
-const _hoisted_2 = ["innerHTML"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ElmKatex",
-  props: {
-    expression: {},
-    block: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    const props = __props;
-    const html = ref();
-    let katexRenderToString = null;
-    const loadKatex = async () => {
-      if (!katexRenderToString) {
-        const { renderToString } = await import("katex");
-        katexRenderToString = renderToString;
-      }
-    };
-    const render = async () => {
-      await loadKatex();
-      if (html.value == null && katexRenderToString) {
-        try {
-          html.value = katexRenderToString(props.expression, {
-            displayMode: props.block,
-            output: "mathml"
-          });
-        } catch (err) {
-          console.error("KaTeX rendering error:", err);
-        }
-      }
-    };
-    onMounted(render);
-    onUpdated(render);
-    onServerPrefetch(render);
-    return (_ctx, _cache) => {
-      return props.block ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        ref: "targetRef",
-        class: normalizeClass([_ctx.$style.katex, unref(textStyle).text]),
-        style: normalizeStyle({
-          "--margin-block": props.block ? "3rem" : void 0
-        })
-      }, [
-        html.value ? (openBlock(), createElementBlock("span", {
-          key: 0,
-          innerHTML: html.value
-        }, null, 8, _hoisted_1)) : createCommentVNode("", true)
-      ], 6)) : (openBlock(), createElementBlock("span", {
-        key: 1,
-        ref: "targetRef",
-        class: normalizeClass([_ctx.$style.katex, unref(textStyle).text]),
-        style: normalizeStyle({
-          "--margin-block": props.block ? "3rem" : void 0
-        })
-      }, [
-        html.value ? (openBlock(), createElementBlock("span", {
-          key: 0,
-          innerHTML: html.value
-        }, null, 8, _hoisted_2)) : createCommentVNode("", true)
-      ], 6));
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/components/code/ElmKatex.vue3.mjs

@@ -1,20 +0,0 @@
-(function() {
-  "use strict";
-  try {
-    if (typeof document != "undefined") {
-      var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode("._katex_o1ipu_1{margin-block:var(--margin-block)}"));
-      document.head.appendChild(elementStyle);
-    }
-  } catch (e) {
-    console.error("vite-plugin-css-injected-by-js", e);
-  }
-})();
-const katex = "_katex_o1ipu_1";
-const style0 = {
-  katex
-};
-export {
-  style0 as default,
-  katex
-};

package/dist/components/code/ElmMermaid.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/vue3-vite';
-import { default as ElmMermaid } from './ElmMermaid.vue';
-declare const meta: Meta<typeof ElmMermaid>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Flowchart: Story;
-export declare const SequenceDiagram: Story;

package/dist/components/code/ElmMermaid.vue.d.ts

@@ -1,7 +0,0 @@
-export interface ElmMermaidProps {
-    code: string;
-}
-declare const _default: import('vue').DefineComponent<ElmMermaidProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmMermaidProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    svgRef: HTMLDivElement;
-}, HTMLDivElement>;
-export default _default;

package/dist/components/code/ElmMermaid.vue.mjs

@@ -1,10 +0,0 @@
-import _sfc_main from "./ElmMermaid.vue2.mjs";
-import style0 from "./ElmMermaid.vue3.mjs";
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const cssModules = {
-  "$style": style0
-};
-const ElmMermaid = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
-export {
-  ElmMermaid as default
-};

package/dist/components/code/ElmMermaid.vue2.mjs

@@ -1,95 +0,0 @@
-import { defineComponent, ref, useTemplateRef, watch, onMounted, onUnmounted, createElementBlock, openBlock, normalizeClass } from "vue";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ElmMermaid",
-  props: {
-    code: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const isRendered = ref(false);
-    const elementRef = useTemplateRef("svgRef");
-    const componentId = `mermaid-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
-    let renderCount = 0;
-    const globalMermaidCache = {
-      instance: null,
-      svgCache: /* @__PURE__ */ new Map()
-      // Cache rendered SVGs by code hash
-    };
-    const getCacheKey = (code) => {
-      let hash = 0;
-      for (let i = 0; i < code.length; i++) {
-        const char = code.charCodeAt(i);
-        hash = (hash << 5) - hash + char;
-        hash = hash & hash;
-      }
-      return `mermaid-${hash}`;
-    };
-    const renderMermaid = async () => {
-      if (!elementRef.value) return;
-      isRendered.value = false;
-      try {
-        const cacheKey = getCacheKey(props.code);
-        if (globalMermaidCache.svgCache.has(cacheKey)) {
-          console.log("Using cached SVG for:", cacheKey);
-          elementRef.value.innerHTML = globalMermaidCache.svgCache.get(cacheKey);
-          isRendered.value = true;
-          return;
-        }
-        if (!globalMermaidCache.instance) {
-          console.log("Initializing mermaid for the first time");
-          const { default: mermaid } = await import("mermaid");
-          mermaid.initialize({
-            startOnLoad: false,
-            theme: "base",
-            themeVariables: {
-              mainBkg: "#fbfcff",
-              lineColor: "#606875",
-              primaryColor: "#6c7483",
-              secondaryColor: "#e9dec5",
-              tertiaryColor: "#f5f6f8",
-              tertiaryBorderColor: "#e2d4b2",
-              tertiaryTextColor: "#b69545",
-              signalColor: "#949ba7"
-            }
-          });
-          globalMermaidCache.instance = mermaid;
-        }
-        const renderId = `${componentId}-${renderCount++}`;
-        const { svg } = await globalMermaidCache.instance.render(
-          renderId,
-          props.code
-        );
-        globalMermaidCache.svgCache.set(cacheKey, svg);
-        console.log("Cached new SVG for:", cacheKey);
-        elementRef.value.innerHTML = svg;
-        isRendered.value = true;
-      } catch (error) {
-        console.error("Mermaid render error:", error);
-        elementRef.value.innerHTML = `<pre>${props.code}</pre>`;
-        isRendered.value = true;
-      }
-    };
-    watch(() => props.code, renderMermaid);
-    onMounted(renderMermaid);
-    onUnmounted(() => {
-      if (elementRef.value) {
-        elementRef.value.innerHTML = "";
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref: "svgRef",
-        class: normalizeClass([
-          _ctx.$style.mermaid,
-          {
-            [_ctx.$style.raw]: !isRendered.value,
-            [_ctx.$style.rendered]: isRendered.value
-          }
-        ])
-      }, null, 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/components/code/ElmMermaid.vue3.mjs

@@ -1,26 +0,0 @@
-(function() {
-  "use strict";
-  try {
-    if (typeof document != "undefined") {
-      var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode("._mermaid_36rwq_1{display:block}._mermaid_36rwq_1::-moz-selection{color:#cccfd5;background-color:#494f59}._mermaid_36rwq_1::selection{color:#cccfd5;background-color:#494f59}._raw_36rwq_9{opacity:0}._rendered_36rwq_13{opacity:1;transition:opacity .2s ease-in-out}"));
-      document.head.appendChild(elementStyle);
-    }
-  } catch (e) {
-    console.error("vite-plugin-css-injected-by-js", e);
-  }
-})();
-const mermaid = "_mermaid_36rwq_1";
-const raw = "_raw_36rwq_9";
-const rendered = "_rendered_36rwq_13";
-const style0 = {
-  mermaid,
-  raw,
-  rendered
-};
-export {
-  style0 as default,
-  mermaid,
-  raw,
-  rendered
-};

package/dist/components/code/ElmShikiHighlighter.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/vue3-vite';
-import { default as ElmShikiHighlighter } from './ElmShikiHighlighter.vue';
-declare const meta: Meta<typeof ElmShikiHighlighter>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Primary: Story;

package/dist/components/code/ElmShikiHighlighter.vue.d.ts

@@ -1,22 +0,0 @@
-export interface ElmShikiHighlighterProps {
-    /**
-     * The code to display.
-     */
-    code: string;
-    /**
-     * The language of the code.
-     */
-    language?: string;
-}
-type __VLS_Props = ElmShikiHighlighterProps;
-type __VLS_PublicProps = {
-    modelValue?: boolean;
-} & __VLS_Props;
-declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {
-    language: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;

package/dist/components/code/ElmShikiHighlighter.vue.mjs

@@ -1,23 +0,0 @@
-(function() {
-  "use strict";
-  try {
-    if (typeof document != "undefined") {
-      var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode(".shiki,.shiki span{font-family:Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace!important}.shiki *::-moz-selection,.shiki span *::-moz-selection{background-color:#0000001a}.shiki *::selection,.shiki span *::selection{background-color:#0000001a}[data-theme=dark] .shiki *::-moz-selection,[data-theme=dark] .shiki span *::-moz-selection{background-color:#ffffff26}[data-theme=dark] .shiki *::selection,[data-theme=dark] .shiki span *::selection{background-color:#ffffff26}[data-theme=dark] .shiki,[data-theme=dark] .shiki span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important}"));
-      document.head.appendChild(elementStyle);
-    }
-  } catch (e) {
-    console.error("vite-plugin-css-injected-by-js", e);
-  }
-})();
-import _sfc_main from "./ElmShikiHighlighter.vue2.mjs";
-import style0 from "./ElmShikiHighlighter.vue3.mjs";
-
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const cssModules = {
-  "$style": style0
-};
-const ElmShikiHighlighter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
-export {
-  ElmShikiHighlighter as default
-};

package/dist/components/code/ElmShikiHighlighter.vue2.mjs

@@ -1,55 +0,0 @@
-import { defineComponent, mergeModels, useModel, ref, onMounted, onServerPrefetch, createElementBlock, openBlock, normalizeClass, createElementVNode } from "vue";
-import { getHighlighterSingleton } from "./shikiInstance.mjs";
-const _hoisted_1 = ["innerHTML"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ElmShikiHighlighter",
-  props: /* @__PURE__ */ mergeModels({
-    code: {},
-    language: { default: "txt" }
-  }, {
-    "modelValue": { type: Boolean, ...{ default: false } },
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const props = __props;
-    const isRendered = useModel(__props, "modelValue");
-    const html = ref(`<pre>${props.code}</pre>`);
-    const render = async () => {
-      if (!isRendered.value) {
-        const highlighter = await getHighlighterSingleton();
-        try {
-          html.value = highlighter.codeToHtml(props.code, {
-            lang: props.language,
-            themes: {
-              dark: "vitesse-dark",
-              light: "vitesse-light"
-            },
-            colorReplacements: {
-              "#ffffff": "transparent",
-              "#121212": "transparent"
-            }
-          });
-        } catch {
-        } finally {
-          isRendered.value = true;
-        }
-      }
-    };
-    onMounted(render);
-    onServerPrefetch(render);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(_ctx.$style.code)
-      }, [
-        createElementVNode("div", {
-          class: "shiki",
-          innerHTML: html.value
-        }, null, 8, _hoisted_1)
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/components/code/ElmShikiHighlighter.vue3.mjs

@@ -1,20 +0,0 @@
-(function() {
-  "use strict";
-  try {
-    if (typeof document != "undefined") {
-      var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode("._code_1pggw_1{font-size:16px;line-height:24px}"));
-      document.head.appendChild(elementStyle);
-    }
-  } catch (e) {
-    console.error("vite-plugin-css-injected-by-js", e);
-  }
-})();
-const code = "_code_1pggw_1";
-const style0 = {
-  code
-};
-export {
-  code,
-  style0 as default
-};

package/dist/components/code/shikiInstance.d.ts

@@ -1,2 +0,0 @@
-import { Highlighter } from 'shiki';
-export declare function getHighlighterSingleton(): Promise<Highlighter>;

package/dist/components/code/shikiInstance.mjs

@@ -1,76 +0,0 @@
-import { createHighlighter } from "shiki";
-let highlighterPromise = null;
-function getHighlighterSingleton() {
-  if (!highlighterPromise) {
-    highlighterPromise = createHighlighter({
-      langs: [
-        "abap",
-        "bash",
-        "c",
-        "clojure",
-        "coffeescript",
-        "c++",
-        "c#",
-        "css",
-        "dart",
-        "diff",
-        "docker",
-        "elixir",
-        "elm",
-        "erlang",
-        "f#",
-        "gherkin",
-        "glsl",
-        "go",
-        "graphql",
-        "groovy",
-        "haskell",
-        "html",
-        "java",
-        "javascript",
-        "json",
-        "julia",
-        "kotlin",
-        "latex",
-        "less",
-        "lisp",
-        "lua",
-        "makefile",
-        "markdown",
-        "matlab",
-        "mermaid",
-        "nix",
-        "objective-c",
-        "ocaml",
-        "pascal",
-        "perl",
-        "php",
-        "plaintext",
-        "powershell",
-        "prolog",
-        "protobuf",
-        "python",
-        "r",
-        "ruby",
-        "rust",
-        "sass",
-        "scala",
-        "scheme",
-        "scss",
-        "shell",
-        "sql",
-        "swift",
-        "toml",
-        "typescript",
-        "wasm",
-        "xml",
-        "yaml"
-      ],
-      themes: ["vitesse-light", "vitesse-dark"]
-    });
-  }
-  return highlighterPromise;
-}
-export {
-  getHighlighterSingleton
-};

package/dist/components/containments/ElmColumn.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/vue3-vite';
-import { default as ElmColumnList } from './ElmColumnList.vue';
-declare const meta: Meta<typeof ElmColumnList>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Primary: Story;

package/dist/components/containments/ElmColumn.vue.d.ts

@@ -1,19 +0,0 @@
-export interface ElmColumnProps {
-}
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<ElmColumnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmColumnProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/containments/ElmColumnList.vue.d.ts

@@ -1,19 +0,0 @@
-export interface ElmColumnListProps {
-}
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<ElmColumnListProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmColumnListProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/containments/ElmConfirmModal.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/vue3-vite';
-import { default as ElmConfirmModal } from './ElmConfirmModal.vue';
-declare const meta: Meta<typeof ElmConfirmModal>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Primary: Story;

package/dist/components/containments/ElmConfirmModal.vue.d.ts

@@ -1,37 +0,0 @@
-import { VNode } from 'vue';
-export interface ElmConfirmModalProps {
-    title: string;
-    closeOnClickOutside?: boolean;
-    onConfirm: () => void | Promise<void>;
-    onSuccess?: () => void;
-    onError?: (error: unknown) => void;
-}
-type __VLS_Props = ElmConfirmModalProps;
-type __VLS_PublicProps = {
-    modelValue?: boolean;
-} & __VLS_Props;
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        default?: () => VNode;
-    }> & {
-        default?: () => VNode;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {
-    closeOnClickOutside: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/containments/ElmConfirmModal.vue.mjs

@@ -1,10 +0,0 @@
-import _sfc_main from "./ElmConfirmModal.vue2.mjs";
-import style0 from "./ElmConfirmModal.vue3.mjs";
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const cssModules = {
-  "$style": style0
-};
-const ElmConfirmModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
-export {
-  ElmConfirmModal as default
-};

package/dist/components/containments/ElmConfirmModal.vue2.mjs

@@ -1,98 +0,0 @@
-import { defineComponent, mergeModels, useModel, ref, createBlock, openBlock, withCtx, createElementVNode, createVNode, createTextVNode, toDisplayString, normalizeClass, renderSlot, unref } from "vue";
-import ElmButton from "../form/ElmButton.vue.mjs";
-import ElmMdiIcon from "../icon/ElmMdiIcon.vue.mjs";
-import { mdiArrowLeft, mdiCheckCircle } from "@mdi/js";
-import ElmHeading from "../typography/ElmHeading.vue.mjs";
-import ElmModal from "./ElmModal.vue.mjs";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ElmConfirmModal",
-  props: /* @__PURE__ */ mergeModels({
-    title: {},
-    closeOnClickOutside: { type: Boolean, default: true },
-    onConfirm: {},
-    onSuccess: {},
-    onError: {}
-  }, {
-    "modelValue": { type: Boolean, ...{ default: false } },
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const props = __props;
-    const isOpen = useModel(__props, "modelValue");
-    const loading = ref(false);
-    const handleConfirm = async () => {
-      loading.value = true;
-      try {
-        await props.onConfirm();
-        loading.value = false;
-        isOpen.value = false;
-        if (props.onSuccess) props.onSuccess();
-      } catch (e) {
-        if (props.onError) props.onError(e);
-        loading.value = false;
-        isOpen.value = false;
-      }
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(ElmModal, {
-        modelValue: isOpen.value,
-        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isOpen.value = $event),
-        "close-on-click-outside": __props.closeOnClickOutside
-      }, {
-        default: withCtx(() => [
-          createElementVNode("div", null, [
-            createVNode(ElmHeading, {
-              level: 2,
-              "disable-fragment-identifier": ""
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(__props.title), 1)
-              ]),
-              _: 1
-            }),
-            createElementVNode("div", {
-              class: normalizeClass(_ctx.$style.body)
-            }, [
-              renderSlot(_ctx.$slots, "default")
-            ], 2),
-            createElementVNode("div", {
-              class: normalizeClass(_ctx.$style.button)
-            }, [
-              createVNode(ElmButton, {
-                block: "",
-                onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = false),
-                loading: loading.value
-              }, {
-                default: withCtx(() => [
-                  createVNode(ElmMdiIcon, { d: unref(mdiArrowLeft) }, null, 8, ["d"]),
-                  _cache[2] || (_cache[2] = createElementVNode("span", null, "Cancel", -1))
-                ]),
-                _: 1
-              }, 8, ["loading"]),
-              createVNode(ElmButton, {
-                block: "",
-                onClick: handleConfirm,
-                primary: "",
-                loading: loading.value
-              }, {
-                default: withCtx(() => [
-                  createVNode(ElmMdiIcon, {
-                    d: unref(mdiCheckCircle),
-                    color: "currentColor"
-                  }, null, 8, ["d"]),
-                  _cache[3] || (_cache[3] = createElementVNode("span", null, " Confirm ", -1))
-                ]),
-                _: 1
-              }, 8, ["loading"])
-            ], 2)
-          ])
-        ]),
-        _: 3
-      }, 8, ["modelValue", "close-on-click-outside"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};