@elmethis/core 1.0.0-alpha.159 → 1.0.0-alpha.160

package/dist/components/badge/ElmBadge.css

@@ -0,0 +1,11 @@
+._badge_gc88x_1 {
+  border: 1px solid var(--bg-color);
+  border-radius: 0.25rem;
+}
+._badge_gc88x_1 ._left_gc88x_5 {
+  background-color: var(--bg-color);
+  padding-inline: 0.5rem;
+}
+._badge_gc88x_1 ._right_gc88x_9 {
+  padding-inline: 0.5rem;
+}

package/dist/components/badge/ElmTag.css

@@ -0,0 +1,29 @@
+._tag_xg111_1 {
+  display: inline-flex;
+  width: -moz-min-content;
+  width: min-content;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 0.25rem;
+  border-color: var(--color);
+  color: rgba(0, 0, 0, 0.7);
+}
+[data-theme=dark] ._tag_xg111_1 {
+  color: rgba(255, 255, 255, 0.7);
+}
+._icon_xg111_18 {
+  display: block;
+  line-height: 1;
+  margin: 0;
+  padding: 0.25rem;
+  color: var(--font-color);
+  border-radius: 0.125rem 0 0 0.125rem;
+}
+._text_xg111_27 {
+  white-space: nowrap;
+  padding-inline: 0.5rem;
+}

package/dist/components/code/ElmCodeBlock.css

@@ -0,0 +1,58 @@
+._wrapper_1681m_1 {
+  margin-block: var(--margin-block);
+  opacity: var(--opacity);
+  display: flex;
+  flex-direction: column;
+  border-radius: 0.25rem;
+  transition: background-color 400ms, opacity 800ms;
+  background-color: rgba(255, 255, 255, 0.4);
+  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1);
+}
+[data-theme=dark] ._wrapper_1681m_1 {
+  background-color: rgba(255, 255, 255, 0.05);
+  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.3);
+}
+._header_1681m_16 {
+  box-sizing: border-box;
+  padding: 0.25rem 0.5rem 0.5rem 0.5rem;
+  margin: 0.5rem;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  font-family: "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;
+  border-bottom: solid 1px rgba(0, 0, 0, 0.2);
+}
+[data-theme=dark] ._header_1681m_16 {
+  border-color: rgba(255, 255, 255, 0.2);
+}
+._header__left_1681m_30 {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 0.5rem;
+}
+._copy-icon_1681m_37 {
+  box-sizing: border-box;
+  padding: 0.125rem;
+  width: 26px;
+  height: 26px;
+  border-radius: 0.125rem;
+  cursor: pointer;
+  transition: background-color 200ms;
+  color: rgba(0, 0, 0, 0.7);
+}
+[data-theme=dark] ._copy-icon_1681m_37 {
+  color: rgba(255, 255, 255, 0.7);
+}
+._copy-icon_1681m_37:hover {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+[data-theme=dark] ._copy-icon_1681m_37:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+._code_1681m_57 {
+  padding: 0.25rem 1rem 1rem 1rem;
+  overflow-x: auto;
+  scrollbar-width: thin;
+  scrollbar-color: rgba(105, 135, 184, 0.3) rgba(105, 135, 184, 0.15);
+}

package/dist/components/code/ElmKatex.css

@@ -0,0 +1,28 @@
+._katex_vrtkg_1 {
+  margin-block: var(--margin-block);
+  color: rgba(0, 0, 0, 0.7);
+}
+._katex_vrtkg_1::-moz-selection {
+  color: rgba(255, 255, 255, 0.7);
+  background-color: rgba(0, 0, 0, 0.7);
+  background-color: var(--color, rgba(0, 0, 0, 0.7));
+}
+._katex_vrtkg_1::selection {
+  color: rgba(255, 255, 255, 0.7);
+  background-color: rgba(0, 0, 0, 0.7);
+  background-color: var(--color, rgba(0, 0, 0, 0.7));
+}
+[data-theme=dark] ._katex_vrtkg_1 {
+  color: rgba(255, 255, 255, 0.7);
+  color: var(--color, rgba(255, 255, 255, 0.7));
+}
+[data-theme=dark] ._katex_vrtkg_1::-moz-selection {
+  color: rgba(0, 0, 0, 0.7);
+  background-color: rgba(255, 255, 255, 0.7);
+  background-color: var(--color, rgba(255, 255, 255, 0.7));
+}
+[data-theme=dark] ._katex_vrtkg_1::selection {
+  color: rgba(0, 0, 0, 0.7);
+  background-color: rgba(255, 255, 255, 0.7);
+  background-color: var(--color, rgba(255, 255, 255, 0.7));
+}

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

@@ -1,6 +1,4 @@
 import { defineComponent, ref, onServerPrefetch, onMounted, onUpdated, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, withCtx, createElementBlock, toDisplayString } from "vue";
-import { renderToString } from "katex";
-/* empty css                                                                            */
 const _hoisted_1 = ["innerHTML"];
 const _hoisted_2 = { key: 1 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -13,10 +11,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const isRendered = ref(false);
     const html = ref(props.expression);
-    const render = () => {
-      if (!isRendered.value) {
+    let katexRenderToString = null;
+    const loadKatex = async () => {
+      if (!katexRenderToString) {
+        const [{ renderToString }] = await Promise.all([
+          import("katex"),
+          Promise.resolve({                                                                       })
+        ]);
+        katexRenderToString = renderToString;
+      }
+    };
+    const render = async () => {
+      await loadKatex();
+      if (!isRendered.value && katexRenderToString) {
         try {
-          html.value = renderToString(props.expression, {
+          html.value = katexRenderToString(props.expression, {
             displayMode: props.block
           });
           isRendered.value = true;

package/dist/components/code/ElmShikiHighlighter.css

@@ -0,0 +1,4 @@
+._code_1pggw_1 {
+  font-size: 16px;
+  line-height: 24px;
+}

package/dist/components/code/ElmShikiHighlighter2.css

@@ -0,0 +1,23 @@
+.shiki,
+.shiki span {
+  font-family: "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace !important;
+}
+.shiki *::-moz-selection, .shiki span *::-moz-selection {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+.shiki *::selection,
+.shiki span *::selection {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+[data-theme=dark] .shiki *::-moz-selection, [data-theme=dark] .shiki span *::-moz-selection {
+  background-color: rgba(255, 255, 255, 0.15);
+}
+[data-theme=dark] .shiki *::selection,
+[data-theme=dark] .shiki span *::selection {
+  background-color: rgba(255, 255, 255, 0.15);
+}
+[data-theme=dark] .shiki,
+[data-theme=dark] .shiki span {
+  color: var(--shiki-dark) !important;
+  background-color: var(--shiki-dark-bg) !important;
+}

package/dist/components/containments/ElmColumn.css

@@ -0,0 +1,3 @@
+._column_7qfow_1 {
+  flex: 1;
+}

package/dist/components/containments/ElmColumnList.css

@@ -0,0 +1,5 @@
+._column-list_id8zo_1 {
+  display: flex;
+  flex-direction: row;
+  gap: 0.5rem;
+}

package/dist/components/containments/ElmDesktopWindow.css

@@ -0,0 +1,27 @@
+._window_1y8zq_1 {
+  border-radius: 0.25rem;
+  overflow: hidden;
+  transition: background-color 400ms;
+  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.15);
+  background-color: rgba(0, 0, 0, 0.05);
+}
+[data-theme=dark] ._window_1y8zq_1 {
+  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.35);
+  background-color: rgba(255, 255, 255, 0.05);
+}
+._window_1y8zq_1 ._header_1y8zq_12 {
+  box-sizing: border-box;
+  padding: 0.5rem 0.75rem;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  gap: 0.5rem;
+  height: 2rem;
+  background-color: rgba(0, 0, 0, 0.1);
+}
+._window_1y8zq_1 ._header_1y8zq_12 ._dot_1y8zq_22 {
+  width: 0.75rem;
+  height: 0.75rem;
+  border-radius: 50%;
+  background-color: var(--bg);
+}

package/dist/components/containments/ElmModal.css

@@ -0,0 +1,12 @@
+.v-enter-to[data-v-4d114d05],
+.v-leave-from[data-v-4d114d05] {
+  opacity: 1;
+}
+.v-enter-active[data-v-4d114d05],
+.v-leave-active[data-v-4d114d05] {
+  transition: opacity 200ms;
+}
+.v-enter-from[data-v-4d114d05],
+.v-leave-to[data-v-4d114d05] {
+  opacity: 0;
+}

package/dist/components/containments/ElmModal2.css

@@ -0,0 +1,33 @@
+._provider_mnaqt_1 {
+  opacity: 0;
+  opacity: var(--opacity, 0);
+  pointer-events: none;
+  pointer-events: var(--pointer-events, none);
+  margin: 0;
+  padding: 0;
+  position: fixed;
+  left: 0;
+  top: 0;
+  z-index: 100;
+  width: 100%;
+  height: 100vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  transition: opacity 400ms;
+  background-color: rgba(0, 0, 0, 0.7);
+}
+[data-theme=dark] ._provider_mnaqt_1 {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+._provider_mnaqt_1 ._modal_mnaqt_21 {
+  box-sizing: border-box;
+  width: var(--width);
+  padding: 0.5rem;
+  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.4);
+  background-color: rgba(233, 233, 233, 0.8);
+  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.8);
+}
+[data-theme=dark] ._provider_mnaqt_1 ._modal_mnaqt_21 {
+  background-color: rgba(22, 22, 22, 0.8);
+}

package/dist/components/containments/ElmParallax.css

@@ -0,0 +1,14 @@
+._parallax_1le2k_1 {
+  position: fixed;
+  height: 2000vh;
+  width: 100%;
+  top: 0;
+  left: 0;
+  z-index: -1;
+  background-repeat: repeat;
+  background-size: auto;
+  opacity: 0.2;
+}
+[data-theme=dark] ._parallax_1le2k_1 {
+  opacity: 0.1;
+}

package/dist/components/containments/ElmSnackbar.css

@@ -0,0 +1,56 @@
+._snackbar_ti69w_1 {
+  position: relative;
+  display: inline-flex;
+  flex-direction: row;
+  gap: 1rem;
+  align-items: center;
+  padding: 0.75rem;
+  pointer-events: all;
+  border-radius: 0.25rem;
+  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.5);
+}
+[data-theme=dark] ._snackbar_ti69w_1 {
+  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.5);
+  background-color: rgba(0, 0, 0, 0.2);
+}
+._icon_ti69w_18 {
+  padding: 0.25rem;
+  border-radius: 50%;
+  width: 1rem;
+  height: 1rem;
+  cursor: pointer;
+  transition: background-color 200ms;
+  color: rgba(0, 0, 0, 0.75);
+}
+[data-theme=dark] ._icon_ti69w_18 {
+  color: rgba(255, 255, 255, 0.75);
+}
+._icon_ti69w_18:hover {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+[data-theme=dark] ._icon_ti69w_18:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+@keyframes _progress_ti69w_47 {
+0% {
+    transform: scaleX(1);
+    transform-origin: left;
+}
+100% {
+    transform: scaleX(0);
+    transform-origin: left;
+}
+}
+._progress_ti69w_47 {
+  position: absolute;
+  width: 100%;
+  height: 3px;
+  bottom: 0;
+  left: 0;
+  background-color: #6987b8;
+  animation-name: _progress_ti69w_47;
+  animation-iteration-count: 1;
+  animation-fill-mode: both;
+  animation-timing-function: linear;
+}

package/dist/components/containments/ElmSnackbarContainer.css

@@ -0,0 +1,9 @@
+.fade-enter-active[data-v-031ce55b],
+.fade-leave-active[data-v-031ce55b] {
+  transition: all 300ms ease;
+}
+.fade-enter-from[data-v-031ce55b],
+.fade-leave-to[data-v-031ce55b] {
+  opacity: 0;
+  transform: translateX(30px);
+}

package/dist/components/containments/ElmSnackbarContainer2.css

@@ -0,0 +1,20 @@
+._snackbar-screen_rfxmg_1 {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100vh;
+  z-index: 1000;
+  display: flex;
+  justify-content: flex-end;
+  align-items: flex-end;
+  pointer-events: none;
+}
+._snackbar-container_rfxmg_14 {
+  margin: 1rem;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  align-items: flex-end;
+  gap: 0.5rem;
+}

package/dist/components/containments/ElmToggle.css

@@ -0,0 +1,13 @@
+.v-enter-to[data-v-e531925e],
+.v-leave-from[data-v-e531925e] {
+  opacity: 1;
+}
+.v-enter-active[data-v-e531925e],
+.v-leave-active[data-v-e531925e] {
+  transition: opacity 200ms;
+  transform-origin: top;
+}
+.v-enter-from[data-v-e531925e],
+.v-leave-to[data-v-e531925e] {
+  opacity: 0;
+}

package/dist/components/containments/ElmToggle2.css

@@ -0,0 +1,43 @@
+._toggle_1awqj_1 {
+  margin-block: var(--margin-block);
+  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.25);
+  border-radius: 0.25rem;
+  overflow: hidden;
+}
+._summary_1awqj_8 {
+  box-sizing: border-box;
+  width: 100%;
+  padding: 1rem;
+  width: 100%;
+  cursor: pointer;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 0.5rem;
+  background-color: rgba(0, 0, 0, 0.05);
+}
+[data-theme=dark] ._summary_1awqj_8 {
+  border-color: rgba(255, 255, 255, 0.1);
+  background-color: rgba(255, 255, 255, 0.075);
+}
+._icon_1awqj_25 {
+  width: 1.25rem;
+  height: 1.25rem;
+  color: #59b57c;
+  color: var(--color, #59b57c);
+  transform: rotate(0deg);
+  transform: rotate(var(--rotate, 0deg));
+  transition: transform 200ms;
+}
+._content_1awqj_33 {
+  margin: 0;
+  padding: 0.75rem;
+  display: block;
+  border: solid 1px rgba(0, 0, 0, 0.1);
+  border-top: none;
+  background-color: rgba(255, 255, 255, 0.025);
+}
+[data-theme=dark] ._content_1awqj_33 {
+  border-color: rgba(255, 255, 255, 0.1);
+  background-color: rgba(255, 255, 255, 0.025);
+}

package/dist/components/containments/ElmTooltip.css

@@ -0,0 +1,14 @@
+.v-enter-to[data-v-0ec97e65],
+.v-leave-from[data-v-0ec97e65] {
+  transform: scale(1);
+  opacity: 1;
+}
+.v-enter-active[data-v-0ec97e65],
+.v-leave-active[data-v-0ec97e65] {
+  transition: opacity 100ms, transform 200ms;
+}
+.v-enter-from[data-v-0ec97e65],
+.v-leave-to[data-v-0ec97e65] {
+  transform: scale(0.5);
+  opacity: 0;
+}

package/dist/components/containments/ElmTooltip2.css

@@ -0,0 +1,15 @@
+._tooltip_1tyuh_1 {
+  position: fixed;
+  z-index: 1000;
+  box-sizing: border-box;
+  padding: 0.25rem 0.5rem;
+  border-radius: 0.25rem;
+  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1);
+  color: rgba(0, 0, 0, 0.7);
+  background-color: rgba(255, 255, 255, 0.9);
+  transform-origin: top;
+}
+[data-theme=dark] ._tooltip_1tyuh_1 {
+  color: rgba(255, 255, 255, 0.7);
+  background-color: rgba(0, 0, 0, 0.9);
+}

package/dist/components/data/ElmMultiProgress.css

@@ -0,0 +1,23 @@
+._container_1xl4h_1 {
+  width: 100%;
+  height: var(--weight);
+  position: relative;
+  border-radius: var(--border-radius);
+  overflow: hidden;
+  background-color: rgba(0, 0, 0, 0.1);
+}
+[data-theme=dark] ._container_1xl4h_1 {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+._bar_1xl4h_13 {
+  position: absolute;
+  content: "";
+  width: 100%;
+  height: 100%;
+  transition: transform 800ms;
+  transform: scaleX(0);
+  transform: var(--transform, scaleX(0));
+  transform-origin: left;
+  background-color: red;
+  background-color: var(--color, red);
+}

package/dist/components/data/ElmProgress.css

@@ -0,0 +1,84 @@
+._progress_17sza_1 {
+  display: none;
+}
+@keyframes _loading_17sza_23 {
+0% {
+    transform: scaleX(0);
+    transform-origin: left;
+}
+49% {
+    transform: scaleX(1);
+    transform-origin: left;
+}
+51% {
+    transform: scaleX(1);
+    transform-origin: right;
+}
+100% {
+    transform: scaleX(0);
+    transform-origin: right;
+}
+}
+._loading_17sza_23 {
+  position: absolute;
+  content: "";
+  width: 100%;
+  height: 100%;
+  transition: transform 800ms;
+  transform: scaleX(0);
+  transform: var(--scale-x, scaleX(0));
+  transform-origin: left;
+  background-color: rgba(0, 0, 0, 0.8);
+  background-color: var(--color, rgba(0, 0, 0, 0.8));
+  animation-name: _loading_17sza_23;
+  animation-duration: 1600ms;
+  animation-iteration-count: infinite;
+}
+[data-theme=dark] ._loading_17sza_23 {
+  background-color: rgba(255, 255, 255, 0.8);
+  background-color: var(--color, rgba(255, 255, 255, 0.8));
+}
+._container_17sza_40 {
+  width: 100%;
+  height: var(--weight);
+  position: relative;
+  border-radius: var(--border-radius);
+  overflow: hidden;
+  background-color: rgba(0, 0, 0, 0.1);
+}
+[data-theme=dark] ._container_17sza_40 {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+._container_17sza_40 ._value_17sza_51 {
+  position: absolute;
+  content: "";
+  width: 100%;
+  height: 100%;
+  transition: transform 800ms;
+  transform: scaleX(0);
+  transform: var(--scale-x, scaleX(0));
+  transform-origin: left;
+  background-color: rgba(0, 0, 0, 0.8);
+  background-color: var(--color, rgba(0, 0, 0, 0.8));
+}
+[data-theme=dark] ._container_17sza_40 ._value_17sza_51 {
+  background-color: rgba(255, 255, 255, 0.8);
+  background-color: var(--color, rgba(255, 255, 255, 0.8));
+}
+._container_17sza_40 ._buffer_17sza_64 {
+  position: absolute;
+  content: "";
+  width: 100%;
+  height: 100%;
+  transition: transform 400ms;
+  transform: scaleX(0);
+  transform: var(--scale-x, scaleX(0));
+  transform-origin: left;
+  background-color: rgba(0, 0, 0, 0.8);
+  background-color: var(--color, rgba(0, 0, 0, 0.8));
+  opacity: 0.25;
+}
+[data-theme=dark] ._container_17sza_40 ._buffer_17sza_64 {
+  background-color: rgba(255, 255, 255, 0.8);
+  background-color: var(--color, rgba(255, 255, 255, 0.8));
+}

package/dist/components/data/ElmStatusMessage.css

@@ -0,0 +1,12 @@
+.v-enter-to[data-v-0a79ebd0],
+.v-leave-from[data-v-0a79ebd0] {
+  opacity: 1;
+}
+.v-enter-active[data-v-0a79ebd0],
+.v-leave-active[data-v-0a79ebd0] {
+  transition: opacity 150ms;
+}
+.v-enter-from[data-v-0a79ebd0],
+.v-leave-to[data-v-0a79ebd0] {
+  opacity: 0;
+}

package/dist/components/data/ElmStatusMessage2.css

@@ -0,0 +1,9 @@
+._wrapper_1vrbm_1 {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+._icon_1vrbm_7 {
+  width: 20px;
+  height: 20px;
+}

package/dist/components/fallback/ElmBlockFallback.css

@@ -0,0 +1,7 @@
+._elmethis-block-fallback_uo36g_1 {
+  width: 100%;
+  height: 8rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}

package/dist/components/fallback/ElmRectangleWave.css

@@ -0,0 +1,33 @@
+@keyframes _wave_oz31b_1 {
+0% {
+    transform: scale(0);
+    opacity: 0;
+}
+30% {
+    opacity: 0;
+}
+40% {
+    opacity: 1;
+}
+100% {
+    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: 1200ms;
+  animation-iteration-count: infinite;
+  animation-fill-mode: both;
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.7);
+}
+[data-theme=dark] ._rectangle-wave_oz31b_17 {
+  border-color: rgba(255, 255, 255, 0.7);
+}

package/dist/components/fallback/ElmSpinner.css

@@ -0,0 +1,25 @@
+@keyframes _draw-line_9wi4r_1 {
+0% {
+    stroke-dashoffset: 0%;
+}
+100% {
+    stroke-dashoffset: 400%;
+}
+}
+@keyframes _rotate_9wi4r_1 {
+0% {
+    transform: rotate(180deg);
+}
+100% {
+    transform: rotate(-180deg);
+}
+}
+._circle_9wi4r_17 {
+  stroke-dasharray: 200%;
+  animation: _draw-line_9wi4r_1 1200ms infinite ease-in-out, _rotate_9wi4r_1 1200ms infinite linear;
+  transform-origin: center;
+  stroke: rgba(0, 0, 0, 0.7);
+}
+[data-theme=dark] ._circle_9wi4r_17 {
+  stroke: rgba(255, 255, 255, 0.7);
+}

package/dist/components/form/ElmButton.css

@@ -0,0 +1,12 @@
+.v-enter-to[data-v-afd6570b],
+.v-leave-from[data-v-afd6570b] {
+  opacity: 1;
+}
+.v-enter-active[data-v-afd6570b],
+.v-leave-active[data-v-afd6570b] {
+  transition: opacity 100ms;
+}
+.v-enter-from[data-v-afd6570b],
+.v-leave-to[data-v-afd6570b] {
+  opacity: 0;
+}