@elmethis/core 1.0.0-alpha.146 → 1.0.0-alpha.148

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

@@ -0,0 +1,16 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmColumn",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.column)
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,8 @@
+const column = "_column_7qfow_1";
+const style0 = {
+  column
+};
+export {
+  column,
+  style0 as default
+};

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

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

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

@@ -0,0 +1,16 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmColumnList",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style["column-list"])
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,6 @@
+const style0 = {
+  "column-list": "_column-list_id8zo_1"
+};
+export {
+  style0 as default
+};

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

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

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

@@ -0,0 +1,42 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, normalizeStyle, renderSlot } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmDesktopWindow",
+  props: {
+    minHeight: { default: "6rem" }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.window)
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.header)
+        }, [
+          createElementVNode("div", {
+            "aria-hidden": "",
+            class: normalizeClass(_ctx.$style.dot),
+            style: { "--bg": "#c48691" }
+          }, null, 2),
+          createElementVNode("div", {
+            "aria-hidden": "",
+            class: normalizeClass(_ctx.$style.dot),
+            style: { "--bg": "#c9b990" }
+          }, null, 2),
+          createElementVNode("div", {
+            "aria-hidden": "",
+            class: normalizeClass(_ctx.$style.dot),
+            style: { "--bg": "#7cc598" }
+          }, null, 2)
+        ], 2),
+        createElementVNode("div", {
+          style: normalizeStyle({ minHeight: _ctx.minHeight })
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 4)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,14 @@
+const window = "_window_1y8zq_1";
+const header = "_header_1y8zq_12";
+const dot = "_dot_1y8zq_22";
+const style0 = {
+  window,
+  header,
+  dot
+};
+export {
+  style0 as default,
+  dot,
+  header,
+  window
+};

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

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

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

@@ -0,0 +1,44 @@
+import { defineComponent, mergeModels, useModel, createElementBlock, openBlock, normalizeStyle, normalizeClass, createVNode, Transition, withCtx, createCommentVNode, renderSlot } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmModal",
+  props: /* @__PURE__ */ mergeModels({
+    width: { default: "90%" }
+  }, {
+    "isOpen": { type: Boolean, ...{
+      default: true
+    } },
+    "isOpenModifiers": {}
+  }),
+  emits: ["update:isOpen"],
+  setup(__props) {
+    const isOpen = useModel(__props, "isOpen");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.provider),
+        style: normalizeStyle({
+          "--opacity": isOpen.value ? 1 : 0,
+          "--pointer-events": isOpen.value ? "auto" : "none"
+        }),
+        onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = false)
+      }, [
+        createVNode(Transition, null, {
+          default: withCtx(() => [
+            isOpen.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(_ctx.$style.modal),
+              style: normalizeStyle({
+                "--width": _ctx.width
+              })
+            }, [
+              renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            ], 6)) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,11 @@
+const provider = "_provider_mnaqt_1";
+const modal = "_modal_mnaqt_21";
+const style0 = {
+  provider,
+  modal
+};
+export {
+  style0 as default,
+  modal,
+  provider
+};

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

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

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

@@ -0,0 +1,35 @@
+import { defineComponent, createElementBlock, openBlock, Fragment, createElementVNode, normalizeStyle, normalizeClass, unref } from "vue";
+import { useWindowScroll } from "@vueuse/core";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmParallax",
+  props: {
+    imageUrl1: {},
+    imageUrl2: {}
+  },
+  setup(__props) {
+    const { y } = useWindowScroll();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.parallax),
+          style: normalizeStyle({
+            backgroundImage: `url(${_ctx.imageUrl1})`,
+            transform: `scale(1.2) translateY(${unref(y) / 400}%)`,
+            transformOrigin: "bottom"
+          })
+        }, null, 6),
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.parallax),
+          style: normalizeStyle({
+            backgroundImage: `url(${_ctx.imageUrl2})`,
+            transform: `scale(1.2) translateY(${unref(y) / 900}%)`,
+            transformOrigin: "bottom"
+          })
+        }, null, 6)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,8 @@
+const parallax = "_parallax_1le2k_1";
+const style0 = {
+  parallax
+};
+export {
+  style0 as default,
+  parallax
+};

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

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

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

@@ -0,0 +1,39 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, createBlock, createVNode, createElementVNode, resolveDynamicComponent, unref, normalizeStyle } from "vue";
+import { Icon } from "@iconify/vue";
+import ElmInlineText from "../inline/ElmInlineText.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmSnackbar",
+  props: {
+    label: {},
+    children: {},
+    timeout: { default: 5e3 },
+    close: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.snackbar)
+      }, [
+        props.label != null ? (openBlock(), createBlock(ElmInlineText, {
+          key: 0,
+          text: props.label
+        }, null, 8, ["text"])) : (openBlock(), createBlock(resolveDynamicComponent(() => props.children), { key: 1 })),
+        createVNode(unref(Icon), {
+          icon: "mdi:cross-circle-outline",
+          class: normalizeClass(_ctx.$style.icon),
+          onClick: _ctx.close
+        }, null, 8, ["class", "onClick"]),
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.progress),
+          style: normalizeStyle({
+            animationDuration: `${_ctx.timeout}ms`
+          })
+        }, null, 6)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,14 @@
+const snackbar = "_snackbar_ti69w_1";
+const icon = "_icon_ti69w_18";
+const progress = "_progress_ti69w_47";
+const style0 = {
+  snackbar,
+  icon,
+  progress
+};
+export {
+  style0 as default,
+  icon,
+  progress,
+  snackbar
+};

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

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

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

@@ -0,0 +1,33 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, TransitionGroup, withCtx, Fragment, renderList, createBlock, mergeProps } from "vue";
+import ElmSnackbar from "./ElmSnackbar.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmSnackbarContainer",
+  props: {
+    snackbars: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style["snackbar-screen"])
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style["snackbar-container"])
+        }, [
+          createVNode(TransitionGroup, { name: "fade" }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.snackbars, (snackbar) => {
+                return openBlock(), createBlock(ElmSnackbar, mergeProps({ ref_for: true }, snackbar, {
+                  key: snackbar.id
+                }), null, 16);
+              }), 128))
+            ]),
+            _: 1
+          })
+        ], 2)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,7 @@
+const style0 = {
+  "snackbar-screen": "_snackbar-screen_rfxmg_1",
+  "snackbar-container": "_snackbar-container_rfxmg_14"
+};
+export {
+  style0 as default
+};

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

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

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

@@ -0,0 +1,71 @@
+import { defineComponent, mergeModels, useModel, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createVNode, unref, createBlock, renderSlot, Transition, withCtx, createCommentVNode } from "vue";
+import ElmInlineText from "../inline/ElmInlineText.vue.mjs";
+import { Icon } from "@iconify/vue";
+const _hoisted_1 = { style: { display: "flex", gap: "0.5rem" } };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmToggle",
+  props: /* @__PURE__ */ mergeModels({
+    summary: {},
+    margin: {}
+  }, {
+    "isOpen": { type: Boolean, ...{
+      default: false
+    } },
+    "isOpenModifiers": {}
+  }),
+  emits: ["update:isOpen"],
+  setup(__props) {
+    const isOpen = useModel(__props, "isOpen");
+    const handleClick = (event) => {
+      event.preventDefault();
+      isOpen.value = !isOpen.value;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.toggle),
+        style: normalizeStyle({ "--margin-block": _ctx.margin })
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.summary),
+          onClick: handleClick
+        }, [
+          createElementVNode("div", _hoisted_1, [
+            createVNode(unref(Icon), {
+              icon: "mdi:chevron-right",
+              class: normalizeClass(_ctx.$style.icon),
+              style: normalizeStyle({ "--rotate": isOpen.value ? "90deg" : "0deg" })
+            }, null, 8, ["class", "style"]),
+            createElementVNode("div", null, [
+              _ctx.summary != null ? (openBlock(), createBlock(ElmInlineText, {
+                key: 0,
+                text: _ctx.summary
+              }, null, 8, ["text"])) : renderSlot(_ctx.$slots, "summary", { key: 1 }, void 0, true)
+            ])
+          ]),
+          createVNode(unref(Icon), {
+            icon: "mdi:plus",
+            class: normalizeClass(_ctx.$style.icon),
+            style: normalizeStyle({
+              "--rotate": isOpen.value ? "135deg" : "0deg",
+              "--color": isOpen.value ? "#b36472" : void 0
+            })
+          }, null, 8, ["class", "style"])
+        ], 2),
+        createVNode(Transition, null, {
+          default: withCtx(() => [
+            isOpen.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(_ctx.$style.content)
+            }, [
+              renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            ], 2)) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,17 @@
+const toggle = "_toggle_1awqj_1";
+const summary = "_summary_1awqj_8";
+const icon = "_icon_1awqj_25";
+const content = "_content_1awqj_33";
+const style0 = {
+  toggle,
+  summary,
+  icon,
+  content
+};
+export {
+  content,
+  style0 as default,
+  icon,
+  summary,
+  toggle
+};

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

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

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

@@ -0,0 +1,49 @@
+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", {}, void 0, true),
+        createVNode(Transition, null, {
+          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", {}, void 0, true)
+            ], 6)) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ], 34);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,8 @@
+const tooltip = "_tooltip_1tyuh_1";
+const style0 = {
+  tooltip
+};
+export {
+  style0 as default,
+  tooltip
+};

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": _ctx.weight,
+          "--border-radius": _ctx.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,11 @@
+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.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
+};