@elmethis/vue 0.1.0

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

@@ -0,0 +1,56 @@
+import { defineComponent, ref, createElementBlock, openBlock, normalizeClass, renderSlot, createVNode, Transition, withCtx, createCommentVNode, normalizeStyle, unref } from "vue";
+import { useElementBounding, useWindowSize } from "@vueuse/core";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmTooltip",
+  setup(__props) {
+    const el = ref(null);
+    const { x, y, width, height } = useElementBounding(el);
+    const windowSize = useWindowSize();
+    const isHover = ref(false);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        ref_key: "el",
+        ref: el,
+        class: normalizeClass(_ctx.$style.original),
+        onMouseover: _cache[0] || (_cache[0] = () => {
+          isHover.value = true;
+        }),
+        onMouseleave: _cache[1] || (_cache[1] = () => {
+          isHover.value = false;
+        })
+      }, [
+        renderSlot(_ctx.$slots, "original"),
+        createVNode(Transition, {
+          "leave-from-class": _ctx.$style["v-leave-from"],
+          "enter-to-class": _ctx.$style["v-enter-to"],
+          "enter-active-class": _ctx.$style["v-enter-active"],
+          "leave-active-class": _ctx.$style["v-leave-active"],
+          "enter-from-class": _ctx.$style["v-enter-from"],
+          "leave-to-class": _ctx.$style["v-leave-to"]
+        }, {
+          default: withCtx(() => [
+            isHover.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(_ctx.$style.tooltip),
+              style: normalizeStyle(
+                unref(x) > unref(windowSize).width.value / 2 ? {
+                  top: `${unref(y) + unref(height)}px`,
+                  right: `${unref(windowSize).width.value - unref(x) - unref(width)}px`
+                } : {
+                  top: `${unref(y) + unref(height)}px`,
+                  left: `${unref(x)}px`
+                }
+              )
+            }, [
+              renderSlot(_ctx.$slots, "tooltip")
+            ], 6)) : createCommentVNode("", true)
+          ]),
+          _: 3
+        }, 8, ["leave-from-class", "enter-to-class", "enter-active-class", "leave-active-class", "enter-from-class", "leave-to-class"])
+      ], 34);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/containments/ElmTooltip.vue3.mjs

@@ -0,0 +1,26 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._tooltip_119fm_1{box-sizing:border-box;position:fixed;z-index:1000;max-width:min(32rem,100vw - 2rem);padding:.5rem 0}._v-enter-to_119fm_9,._v-leave-from_119fm_10{transform:scale(1);opacity:1}._v-enter-active_119fm_15,._v-leave-active_119fm_16{transition:opacity .2s,transform .2s}._v-enter-from_119fm_20,._v-leave-to_119fm_21{transform:scale(.95);opacity:0}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const tooltip = "_tooltip_119fm_1";
+const style0 = {
+  tooltip,
+  "v-enter-to": "_v-enter-to_119fm_9",
+  "v-leave-from": "_v-leave-from_119fm_10",
+  "v-enter-active": "_v-enter-active_119fm_15",
+  "v-leave-active": "_v-leave-active_119fm_16",
+  "v-enter-from": "_v-enter-from_119fm_20",
+  "v-leave-to": "_v-leave-to_119fm_21"
+};
+export {
+  style0 as default,
+  tooltip
+};

package/dist/components/containments/useSnackbarState.d.ts

@@ -0,0 +1,28 @@
+import { VNode } from 'vue';
+export declare function useSnackbarState(): {
+    snackbars: import('vue').Ref<{
+        id: string;
+        label?: string | undefined;
+        timeout: number;
+        children?: VNode | undefined;
+        close: () => void;
+    }[], {
+        id: string;
+        label?: string;
+        timeout: number;
+        children?: VNode;
+        close: () => void;
+    }[] | {
+        id: string;
+        label?: string | undefined;
+        timeout: number;
+        children?: VNode | undefined;
+        close: () => void;
+    }[]>;
+    push: ({ label, timeout, children, }: {
+        label?: string;
+        timeout?: number;
+        children?: VNode;
+    }) => string;
+    remove: (id: string) => void;
+};

package/dist/components/data/ElmMultiProgress.stories.d.ts

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

package/dist/components/data/ElmMultiProgress.vue.d.ts

@@ -0,0 +1,30 @@
+import { Property } from 'csstype';
+export interface ElmMultiProgressProps {
+    progress: Array<{
+        /**
+         * The current value of the progress.
+         */
+        value: number;
+        /**
+         * The buffer value of the progress.
+         */
+        buffer?: number;
+        /**
+         * The color of the progress.
+         */
+        color: string;
+    }>;
+    /**
+     * The weight of the progress.
+     */
+    weight?: Property.Height<string | number>;
+    /**
+     * Whether the progress should be round.
+     */
+    round?: boolean;
+}
+declare const _default: import('vue').DefineComponent<ElmMultiProgressProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmMultiProgressProps> & Readonly<{}>, {
+    weight: Property.Height<string | number>;
+    round: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/data/ElmMultiProgress.vue.mjs

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

package/dist/components/data/ElmMultiProgress.vue2.mjs

@@ -0,0 +1,45 @@
+import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, Fragment, renderList } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmMultiProgress",
+  props: {
+    progress: {},
+    weight: { default: "4px" },
+    round: { type: Boolean, default: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const max = computed(() => props.progress.reduce((p, n) => p + n.value, 0));
+    const computedProgress = computed(() => {
+      let cumulative = 0;
+      return props.progress.map((p) => {
+        const scale = p.value / max.value * 100;
+        const start = cumulative;
+        cumulative += scale;
+        return { ...p, scale: scale / 100, start };
+      });
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.container),
+        style: normalizeStyle({
+          "--weight": __props.weight,
+          "--border-radius": __props.round ? "calc(var(--weight) / 2)" : void 0
+        })
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(computedProgress.value, (p) => {
+          return openBlock(), createElementBlock("div", {
+            key: _ctx.index,
+            class: normalizeClass(_ctx.$style.bar),
+            style: normalizeStyle({
+              "--transform": `translateX(${p.start}%) scaleX(${p.scale})`,
+              "--color": p.color
+            })
+          }, null, 6);
+        }), 128))
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/data/ElmMultiProgress.vue3.mjs

@@ -0,0 +1,23 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode('._container_1xl4h_1{width:100%;height:var(--weight);position:relative;border-radius:var(--border-radius);overflow:hidden;background-color:#0000001a}[data-theme=dark] ._container_1xl4h_1{background-color:#ffffff1a}._bar_1xl4h_13{position:absolute;content:"";width:100%;height:100%;transition:transform .8s;transform:scaleX(0);transform:var(--transform, scaleX(0));transform-origin:left;background-color:red;background-color:var(--color, red)}'));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const container = "_container_1xl4h_1";
+const bar = "_bar_1xl4h_13";
+const style0 = {
+  container,
+  bar
+};
+export {
+  bar,
+  container,
+  style0 as default
+};

package/dist/components/data/ElmProgress.stories.d.ts

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

package/dist/components/data/ElmProgress.vue.d.ts

@@ -0,0 +1,38 @@
+import { Property } from 'csstype';
+export interface ElmProgressProps {
+    /**
+     * The current value of the progress.
+     */
+    value: number;
+    /**
+     * The buffer value of the progress.
+     */
+    buffer?: number;
+    /**
+     * The maximum value of the progress.
+     */
+    max?: number;
+    /**
+     * The weight of the progress.
+     */
+    weight?: Property.Height<string | number>;
+    /**
+     * Whether the progress should be round.
+     */
+    round?: boolean;
+    /**
+     * The color of the progress.
+     */
+    color?: string;
+    /**
+     * Whether the progress is loading.
+     */
+    loading?: boolean;
+}
+declare const _default: import('vue').DefineComponent<ElmProgressProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmProgressProps> & Readonly<{}>, {
+    loading: boolean;
+    max: number;
+    weight: Property.Height<string | number>;
+    round: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/data/ElmProgress.vue.mjs

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

package/dist/components/data/ElmProgress.vue2.mjs

@@ -0,0 +1,53 @@
+import { defineComponent, createElementBlock, openBlock, Fragment, createElementVNode, normalizeClass, normalizeStyle, createCommentVNode } from "vue";
+const _hoisted_1 = ["value", "max"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmProgress",
+  props: {
+    value: {},
+    buffer: {},
+    max: { default: 100 },
+    weight: { default: "4px" },
+    round: { type: Boolean, default: true },
+    color: {},
+    loading: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("progress", {
+          class: normalizeClass(_ctx.$style.progress),
+          value: __props.value,
+          max: __props.max
+        }, null, 10, _hoisted_1),
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.container),
+          style: normalizeStyle({
+            "--weight": __props.weight,
+            "--border-radius": __props.round ? "calc(var(--weight) / 2)" : void 0,
+            "--color": __props.color
+          })
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(_ctx.$style.value),
+            style: normalizeStyle({
+              "--scale-x": `scaleX(${__props.loading ? 0 : __props.value / __props.max})`
+            })
+          }, null, 6),
+          __props.loading ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(_ctx.$style.loading)
+          }, null, 2)) : createCommentVNode("", true),
+          createElementVNode("div", {
+            class: normalizeClass(_ctx.$style.buffer),
+            style: normalizeStyle({
+              "--scale-x": `scaleX(${__props.loading ? 0 : __props.buffer != null ? __props.buffer / __props.max : __props.value / __props.max})`
+            })
+          }, null, 6)
+        ], 6)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/data/ElmProgress.vue3.mjs

@@ -0,0 +1,32 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode('._progress_kc3q3_1{display:none}@keyframes _loading_kc3q3_23{0%{transform:scaleX(0);transform-origin:left}49%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(1);transform-origin:right}to{transform:scaleX(0);transform-origin:right}}._loading_kc3q3_23{position:absolute;content:"";width:100%;height:100%;transition:transform .8s;transform:scaleX(0);transform:var(--scale-x, scaleX(0));transform-origin:left;background-color:#555b67;background-color:var(--color, #555b67)}[data-theme=dark] ._loading_kc3q3_23{background-color:#b0b5be;background-color:var(--color, #b0b5be)}._loading_kc3q3_23{animation-name:_loading_kc3q3_23;animation-duration:1.6s;animation-iteration-count:infinite}._container_kc3q3_42{width:100%;height:var(--weight);position:relative;border-radius:var(--border-radius);overflow:hidden;background-color:#0000001a}[data-theme=dark] ._container_kc3q3_42{background-color:#ffffff1a}._container_kc3q3_42 ._value_kc3q3_53{position:absolute;content:"";width:100%;height:100%;transition:transform .8s;transform:scaleX(0);transform:var(--scale-x, scaleX(0));transform-origin:left;background-color:#555b67;background-color:var(--color, #555b67)}[data-theme=dark] ._container_kc3q3_42 ._value_kc3q3_53{background-color:#b0b5be;background-color:var(--color, #b0b5be)}._container_kc3q3_42 ._buffer_kc3q3_66{position:absolute;content:"";width:100%;height:100%;transition:transform .4s;transform:scaleX(0);transform:var(--scale-x, scaleX(0));transform-origin:left;background-color:#555b67;background-color:var(--color, #555b67)}[data-theme=dark] ._container_kc3q3_42 ._buffer_kc3q3_66{background-color:#b0b5be;background-color:var(--color, #b0b5be)}._container_kc3q3_42 ._buffer_kc3q3_66{opacity:.25}'));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const progress = "_progress_kc3q3_1";
+const loading = "_loading_kc3q3_23";
+const container = "_container_kc3q3_42";
+const value = "_value_kc3q3_53";
+const buffer = "_buffer_kc3q3_66";
+const style0 = {
+  progress,
+  loading,
+  container,
+  value,
+  buffer
+};
+export {
+  buffer,
+  container,
+  style0 as default,
+  loading,
+  progress,
+  value
+};

package/dist/components/data/ElmStatusMessage.stories.d.ts

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

package/dist/components/data/ElmStatusMessage.vue.d.ts

@@ -0,0 +1,6 @@
+export interface ElmStatusMessageProps {
+    status: "success" | "error" | "warning" | "pending";
+    message: string;
+}
+declare const _default: import('vue').DefineComponent<ElmStatusMessageProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmStatusMessageProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/data/ElmStatusMessage.vue.mjs

@@ -0,0 +1,23 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-84bc9c5d],.v-leave-from[data-v-84bc9c5d]{opacity:1}.v-enter-active[data-v-84bc9c5d],.v-leave-active[data-v-84bc9c5d]{transition:opacity .15s}.v-enter-from[data-v-84bc9c5d],.v-leave-to[data-v-84bc9c5d]{opacity:0}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+import _sfc_main from "./ElmStatusMessage.vue2.mjs";
+import style0 from "./ElmStatusMessage.vue3.mjs";
+
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const cssModules = {
+  "$style": style0
+};
+const ElmStatusMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-84bc9c5d"]]);
+export {
+  ElmStatusMessage as default
+};

package/dist/components/data/ElmStatusMessage.vue2.mjs

@@ -0,0 +1,76 @@
+import { defineComponent, createBlock, openBlock, Transition, withCtx, createElementBlock, normalizeClass, createVNode, unref } from "vue";
+import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
+import ElmMdiIcon from "../icon/ElmMdiIcon.vue.mjs";
+import { mdiReload, mdiAlertCircle, mdiAlert, mdiCheckCircle } from "@mdi/js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmStatusMessage",
+  props: {
+    status: {},
+    message: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Transition, { mode: "out-in" }, {
+        default: withCtx(() => [
+          __props.status === "pending" ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(_ctx.$style.wrapper)
+          }, [
+            createVNode(ElmMdiIcon, {
+              d: unref(mdiReload),
+              color: "#6987b8",
+              size: "1em"
+            }, null, 8, ["d"]),
+            createVNode(ElmInlineText, {
+              text: __props.message,
+              color: "#6987b8"
+            }, null, 8, ["text"])
+          ], 2)) : __props.status === "error" ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: normalizeClass(_ctx.$style.wrapper)
+          }, [
+            createVNode(ElmMdiIcon, {
+              d: unref(mdiAlertCircle),
+              color: "#c56565",
+              size: "1em"
+            }, null, 8, ["d"]),
+            createVNode(ElmInlineText, {
+              text: __props.message,
+              color: "#c56565"
+            }, null, 8, ["text"])
+          ], 2)) : __props.status === "warning" ? (openBlock(), createElementBlock("div", {
+            key: 2,
+            class: normalizeClass(_ctx.$style.wrapper)
+          }, [
+            createVNode(ElmMdiIcon, {
+              d: unref(mdiAlert),
+              color: "#cdb57b",
+              size: "1em"
+            }, null, 8, ["d"]),
+            createVNode(ElmInlineText, {
+              text: __props.message,
+              color: "#cdb57b"
+            }, null, 8, ["text"])
+          ], 2)) : (openBlock(), createElementBlock("div", {
+            key: 3,
+            class: normalizeClass(_ctx.$style.wrapper)
+          }, [
+            createVNode(ElmMdiIcon, {
+              d: unref(mdiCheckCircle),
+              color: "#59b57c",
+              size: "1em"
+            }, null, 8, ["d"]),
+            createVNode(ElmInlineText, {
+              text: __props.message,
+              color: "#59b57c"
+            }, null, 8, ["text"])
+          ], 2))
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/data/ElmStatusMessage.vue3.mjs

@@ -0,0 +1,20 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._wrapper_aq2cg_1{display:inline-flex;align-items:center;gap:.5rem}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const wrapper = "_wrapper_aq2cg_1";
+const style0 = {
+  wrapper
+};
+export {
+  style0 as default,
+  wrapper
+};

package/dist/components/fallback/ElmBlockFallback.stories.d.ts

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

package/dist/components/fallback/ElmBlockFallback.vue.d.ts

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

package/dist/components/fallback/ElmBlockFallback.vue.mjs

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

package/dist/components/fallback/ElmBlockFallback.vue2.mjs

@@ -0,0 +1,17 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, createVNode } from "vue";
+import ElmDotLoadingIcon from "../icon/ElmDotLoadingIcon.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmBlockFallback",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style["elmethis-block-fallback"])
+      }, [
+        createVNode(ElmDotLoadingIcon)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/fallback/ElmBlockFallback.vue3.mjs

@@ -0,0 +1,18 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._elmethis-block-fallback_uo36g_1{width:100%;height:8rem;display:flex;justify-content:center;align-items:center}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const style0 = {
+  "elmethis-block-fallback": "_elmethis-block-fallback_uo36g_1"
+};
+export {
+  style0 as default
+};

package/dist/components/fallback/ElmRectangleWave.stories.d.ts

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

package/dist/components/fallback/ElmRectangleWave.vue.d.ts

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

package/dist/components/fallback/ElmRectangleWave.vue.mjs

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

package/dist/components/fallback/ElmRectangleWave.vue2.mjs

@@ -0,0 +1,15 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmRectangleWave",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "aria-hidden": "",
+        class: normalizeClass(_ctx.$style["rectangle-wave"])
+      }, null, 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/fallback/ElmRectangleWave.vue3.mjs

@@ -0,0 +1,21 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("@keyframes _wave_oz31b_1{0%{transform:scale(0);opacity:0}30%{opacity:0}40%{opacity:1}to{transform:scale(1);opacity:0}}._rectangle-wave_oz31b_17{box-sizing:border-box;position:absolute;overflow:hidden;width:100%;height:100%;animation-name:_wave_oz31b_1;animation-duration:1.2s;animation-iteration-count:infinite;animation-fill-mode:both;border-style:solid;border-width:1px;border-color:#000000b3}[data-theme=dark] ._rectangle-wave_oz31b_17{border-color:#ffffffb3}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const wave = "_wave_oz31b_1";
+const style0 = {
+  "rectangle-wave": "_rectangle-wave_oz31b_17",
+  wave
+};
+export {
+  style0 as default,
+  wave
+};