@elmethis/vue 0.2.9 → 0.2.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -28,7 +28,6 @@ declare function __VLS_template(): {
28
28
  };
29
29
  refs: {
30
30
  target: HTMLDivElement;
31
- tooltipRef: HTMLDivElement;
32
31
  };
33
32
  rootEl: HTMLDivElement;
34
33
  };
@@ -37,7 +36,6 @@ declare const __VLS_component: import('vue').DefineComponent<ElmCodeBlockProps,
37
36
  language: string;
38
37
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
39
38
  target: HTMLDivElement;
40
- tooltipRef: HTMLDivElement;
41
39
  }, HTMLDivElement>;
42
40
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
43
41
  export default _default;
@@ -3,7 +3,7 @@
3
3
  try {
4
4
  if (typeof document != "undefined") {
5
5
  var elementStyle = document.createElement("style");
6
- elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-a74967e7],.v-leave-from[data-v-a74967e7]{opacity:1}.v-enter-active[data-v-a74967e7],.v-leave-active[data-v-a74967e7]{transition:opacity .15s}.v-enter-from[data-v-a74967e7],.v-leave-to[data-v-a74967e7]{opacity:0}"));
6
+ elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-92929132],.v-leave-from[data-v-92929132]{opacity:1}.v-enter-active[data-v-92929132],.v-leave-active[data-v-92929132]{transition:opacity .15s}.v-enter-from[data-v-92929132],.v-leave-to[data-v-92929132]{opacity:0}"));
7
7
  document.head.appendChild(elementStyle);
8
8
  }
9
9
  } catch (e) {
@@ -17,7 +17,7 @@ import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
17
17
  const cssModules = {
18
18
  "$style": style0
19
19
  };
20
- const ElmCodeBlock = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-a74967e7"]]);
20
+ const ElmCodeBlock = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-92929132"]]);
21
21
  export {
22
22
  ElmCodeBlock as default
23
23
  };
@@ -1,8 +1,8 @@
1
- import { defineComponent, ref, useTemplateRef, useSlots, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createVNode, createBlock, resolveDynamicComponent, unref, Transition, withCtx, createCommentVNode, h } from "vue";
1
+ import { defineComponent, ref, useSlots, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createVNode, createBlock, resolveDynamicComponent, unref, h } from "vue";
2
2
  import ElmLanguageIcon from "../icon/ElmLanguageIcon.vue.mjs";
3
3
  import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
4
4
  import ElmDotLoadingIcon from "../icon/ElmDotLoadingIcon.vue.mjs";
5
- import { useClipboard, useIntersectionObserver, useElementHover } from "@vueuse/core";
5
+ import { useClipboard, useIntersectionObserver } from "@vueuse/core";
6
6
  import { mdiClipboardCheckMultipleOutline, mdiClipboardMultipleOutline } from "@mdi/js";
7
7
  import ElmMdiIcon from "../icon/ElmMdiIcon.vue.mjs";
8
8
  import ElmShikiHighlighter from "./ElmShikiHighlighter.vue.mjs";
@@ -23,8 +23,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
23
23
  useIntersectionObserver(target, ([{ isIntersecting }], _) => {
24
24
  targetIsVisible.value = isIntersecting;
25
25
  });
26
- const tooltipElement = useTemplateRef("tooltipRef");
27
- const isHovered = useElementHover(tooltipElement);
28
26
  const slots = useSlots();
29
27
  const renderCaption = () => {
30
28
  if (props.caption) {
@@ -62,7 +60,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
62
60
  ], 2)
63
61
  ], 2),
64
62
  createElementVNode("div", {
65
- ref: "tooltipRef",
66
63
  class: normalizeClass(_ctx.$style.header__right)
67
64
  }, [
68
65
  createVNode(ElmMdiIcon, {
@@ -72,36 +69,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
72
69
  onClick: _cache[0] || (_cache[0] = () => {
73
70
  unref(copy)(__props.code);
74
71
  }),
75
- icon: unref(copied) ? "mdi:clipboard-check-multiple-outline" : "mdi:clipboard-multiple-outline"
76
- }, null, 8, ["d", "class", "icon"]),
77
- createVNode(Transition, null, {
78
- default: withCtx(() => [
79
- unref(copied) ? (openBlock(), createElementBlock("div", {
80
- key: 0,
81
- class: normalizeClass(_ctx.$style.tooltip)
82
- }, [
83
- createVNode(ElmMdiIcon, {
84
- size: "1.25em",
85
- d: unref(mdiClipboardCheckMultipleOutline),
86
- class: normalizeClass(_ctx.$style["tooltip-check-icon"]),
87
- color: "#449763"
88
- }, null, 8, ["d", "class"]),
89
- createVNode(ElmInlineText, { text: "Copied to Clipboard!" })
90
- ], 2)) : unref(isHovered) && !unref(copied) ? (openBlock(), createElementBlock("div", {
91
- key: 1,
92
- class: normalizeClass(_ctx.$style.tooltip)
93
- }, [
94
- createVNode(ElmMdiIcon, {
95
- size: "1.25em",
96
- d: unref(mdiClipboardMultipleOutline),
97
- class: normalizeClass(_ctx.$style["tooltip-check-icon"]),
98
- color: "#4c6da2"
99
- }, null, 8, ["d", "class"]),
100
- createVNode(ElmInlineText, { text: "Copy to Clipboard" })
101
- ], 2)) : createCommentVNode("", true)
102
- ]),
103
- _: 1
104
- })
72
+ icon: unref(copied) ? "mdi:clipboard-check-multiple-outline" : "mdi:clipboard-multiple-outline",
73
+ color: unref(copied) ? "#b69545" : void 0
74
+ }, null, 8, ["d", "class", "icon", "color"])
105
75
  ], 2)
106
76
  ], 2),
107
77
  createElementVNode("div", {
@@ -3,32 +3,30 @@
3
3
  try {
4
4
  if (typeof document != "undefined") {
5
5
  var elementStyle = document.createElement("style");
6
- elementStyle.appendChild(document.createTextNode("._wrapper_1ysrf_1{margin-block:var(--margin-block);opacity:var(--opacity);display:flex;flex-direction:column;border-radius:.25rem;transition:background-color .4s,opacity .8s;background-color:#fff6;box-shadow:0 0 .125rem #3e434b4d}[data-theme=dark] ._wrapper_1ysrf_1{background-color:#2c3037e6;box-shadow:0 0 .125rem #0006}._header_1ysrf_16{box-sizing:border-box;width:calc(100% - 1rem);padding:.25rem .5rem .5rem;margin:.5rem;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;font-family:Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;border-bottom:solid 1px rgba(62,67,75,.3)}[data-theme=dark] ._header_1ysrf_16{border-color:#bec2ca4d}._header__left_1ysrf_32{width:calc(100% - 2rem);display:flex;flex-direction:row;align-items:center;gap:.5rem}._caption_1ysrf_40{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._copy-icon_1ysrf_46{box-sizing:border-box;padding:.125rem;width:26px;height:26px;border-radius:.125rem;cursor:pointer;transition:background-color .2s;color:#000000b3}[data-theme=dark] ._copy-icon_1ysrf_46{color:#ffffffb3}._copy-icon_1ysrf_46:hover{background-color:#0000001a}[data-theme=dark] ._copy-icon_1ysrf_46:hover{background-color:#ffffff1a}._header__right_1ysrf_66{position:relative;display:flex;flex-direction:row;align-items:center;gap:.5rem}._code_1ysrf_74{position:relative;padding:.25rem 1rem 1rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(105,135,184,.3) rgba(105,135,184,.15)}._code-body_1ysrf_82{transition:opacity .2s}._fallback_1ysrf_86{position:absolute;top:0;left:0;height:100%;width:100%;box-sizing:border-box;padding:auto;display:flex;justify-content:center;align-items:center;transition:opacity .2s;pointer-events:none}._tooltip_1ysrf_101{position:absolute;bottom:-2.5rem;right:0;display:flex;flex-wrap:none;justify-content:center;align-items:center;gap:.25rem;height:20px;white-space:nowrap}"));
6
+ elementStyle.appendChild(document.createTextNode("._wrapper_9uvgf_1{margin-block:var(--margin-block);opacity:var(--opacity);display:flex;flex-direction:column;border-radius:.25rem;transition:background-color .4s,opacity .8s;background-color:#fff6;box-shadow:0 0 .125rem #3e434b4d}[data-theme=dark] ._wrapper_9uvgf_1{background-color:#2c3037e6;box-shadow:0 0 .125rem #0006}._header_9uvgf_16{box-sizing:border-box;width:calc(100% - 1rem);padding:.25rem .5rem .5rem;margin:.5rem;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;font-family:Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;border-bottom:solid 1px rgba(62,67,75,.3)}[data-theme=dark] ._header_9uvgf_16{border-color:#bec2ca4d}._header__left_9uvgf_32{width:calc(100% - 2rem);display:flex;flex-direction:row;align-items:center;gap:.5rem}._caption_9uvgf_40{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._copy-icon_9uvgf_46{box-sizing:border-box;padding:.125rem;width:26px;height:26px;border-radius:.125rem;cursor:pointer;transition:background-color .2s;color:#000000b3}[data-theme=dark] ._copy-icon_9uvgf_46{color:#ffffffb3}._copy-icon_9uvgf_46:hover{background-color:#0000001a}[data-theme=dark] ._copy-icon_9uvgf_46:hover{background-color:#ffffff1a}._header__right_9uvgf_66{position:relative;display:flex;flex-direction:row;align-items:center;gap:.5rem}._code_9uvgf_74{position:relative;padding:.25rem 1rem 1rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(105,135,184,.3) rgba(105,135,184,.15)}._code-body_9uvgf_82{transition:opacity .2s}._fallback_9uvgf_86{position:absolute;top:0;left:0;height:100%;width:100%;box-sizing:border-box;padding:auto;display:flex;justify-content:center;align-items:center;transition:opacity .2s;pointer-events:none}"));
7
7
  document.head.appendChild(elementStyle);
8
8
  }
9
9
  } catch (e) {
10
10
  console.error("vite-plugin-css-injected-by-js", e);
11
11
  }
12
12
  })();
13
- const wrapper = "_wrapper_1ysrf_1";
14
- const header = "_header_1ysrf_16";
15
- const header__left = "_header__left_1ysrf_32";
16
- const caption = "_caption_1ysrf_40";
17
- const header__right = "_header__right_1ysrf_66";
18
- const code = "_code_1ysrf_74";
19
- const fallback = "_fallback_1ysrf_86";
20
- const tooltip = "_tooltip_1ysrf_101";
13
+ const wrapper = "_wrapper_9uvgf_1";
14
+ const header = "_header_9uvgf_16";
15
+ const header__left = "_header__left_9uvgf_32";
16
+ const caption = "_caption_9uvgf_40";
17
+ const header__right = "_header__right_9uvgf_66";
18
+ const code = "_code_9uvgf_74";
19
+ const fallback = "_fallback_9uvgf_86";
21
20
  const style0 = {
22
21
  wrapper,
23
22
  header,
24
23
  header__left,
25
24
  caption,
26
- "copy-icon": "_copy-icon_1ysrf_46",
25
+ "copy-icon": "_copy-icon_9uvgf_46",
27
26
  header__right,
28
27
  code,
29
- "code-body": "_code-body_1ysrf_82",
30
- fallback,
31
- tooltip
28
+ "code-body": "_code-body_9uvgf_82",
29
+ fallback
32
30
  };
33
31
  export {
34
32
  caption,
@@ -38,6 +36,5 @@ export {
38
36
  header,
39
37
  header__left,
40
38
  header__right,
41
- tooltip,
42
39
  wrapper
43
40
  };
@@ -3,7 +3,7 @@
3
3
  try {
4
4
  if (typeof document != "undefined") {
5
5
  var elementStyle = document.createElement("style");
6
- elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-85b3e899],.v-leave-from[data-v-85b3e899]{opacity:1}.v-enter-active[data-v-85b3e899],.v-leave-active[data-v-85b3e899]{transition:opacity .1s}.v-enter-from[data-v-85b3e899],.v-leave-to[data-v-85b3e899]{opacity:0}"));
6
+ elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-01a0b0a9],.v-leave-from[data-v-01a0b0a9]{opacity:1}.v-enter-active[data-v-01a0b0a9],.v-leave-active[data-v-01a0b0a9]{transition:opacity .1s}.v-enter-from[data-v-01a0b0a9],.v-leave-to[data-v-01a0b0a9]{opacity:0}"));
7
7
  document.head.appendChild(elementStyle);
8
8
  }
9
9
  } catch (e) {
@@ -17,7 +17,7 @@ import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
17
17
  const cssModules = {
18
18
  "$style": style0
19
19
  };
20
- const ElmButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-85b3e899"]]);
20
+ const ElmButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-01a0b0a9"]]);
21
21
  export {
22
22
  ElmButton as default
23
23
  };
@@ -3,30 +3,30 @@
3
3
  try {
4
4
  if (typeof document != "undefined") {
5
5
  var elementStyle = document.createElement("style");
6
- elementStyle.appendChild(document.createTextNode('._button_1crwm_1{all:unset;position:relative;overflow:hidden;min-height:2.75rem;justify-content:center;align-items:center;gap:.5rem;border-radius:.25rem;box-sizing:border-box;padding:.5rem 1.5rem;line-height:1.5rem;border:solid 2px rgba(219,202,160,.6);-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;transition:opacity .2s,transform .2s;opacity:var(--opacity)}._button-ornament_1crwm_20{position:absolute;content:"";bottom:-1px;right:-1px;height:1rem;width:1rem;background-color:#dbcaa099;clip-path:polygon(100% 0%,1000% 100%,0% 100%)}._normal_1crwm_31{color:#0009;background-color:#fffc}[data-theme=dark] ._normal_1crwm_31,._primary_1crwm_40{color:#fff9;background-color:#3e434b}[data-theme=dark] ._primary_1crwm_40{color:#0009;background-color:#fffc}._colored_1crwm_49{background-color:var(--color)}._enable_1crwm_53{transition:opacity .2s,transform .1s,box-shadow .2s}[data-theme=dark] ._enable_1crwm_53:hover{transform:translate(-1px) translateY(-1px);opacity:.7;opacity:var(--opacity, .7)}[data-theme=dark] ._enable_1crwm_53:active{transform:translate(1px) translateY(1px);opacity:.5;opacity:var(--opacity, .5)}._enable_1crwm_53:hover{transform:translate(-1px) translateY(-1px);opacity:.7;opacity:var(--opacity, .7);box-shadow:.125rem .125rem .125rem #80808040}._enable_1crwm_53:active{transform:translate(1px) translateY(1px);opacity:.5;opacity:var(--opacity, .5);box-shadow:-1px -1px .125rem #80808040}._flex_1crwm_75{display:flex;justify-content:center;align-items:center;gap:.5rem}@keyframes _button-ripple_1crwm_1{0%{transform:scale(0);opacity:1}50%{transform:scale(1.2);opacity:1}to{transform:scale(1.2);opacity:0}}._ripple_1crwm_96{position:absolute;pointer-events:none;border-radius:50%;background-color:#cdb57b26;width:100%;aspect-ratio:1/1;transition:none;opacity:0;animation-name:_button-ripple_1crwm_1;animation-duration:.3s;animation-fill-mode:both;animation-timing-function:ease-out}'));
6
+ elementStyle.appendChild(document.createTextNode('._button_1ykfy_1{all:unset;position:relative;overflow:hidden;min-height:2.75rem;justify-content:center;align-items:center;gap:.5rem;border-radius:.25rem;box-sizing:border-box;padding:.5rem 1.5rem;line-height:1.5rem;border:solid 1px rgba(205,181,123,.6);-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;transition:opacity .2s,transform .2s;opacity:var(--opacity);box-shadow:0 0 .125rem #80808040}._button-ornament_1ykfy_21{position:absolute;content:"";bottom:-1px;right:-1px;height:1rem;width:1rem;background-color:#dbcaa099;clip-path:polygon(100% 0%,1000% 100%,0% 100%)}._normal_1ykfy_32{color:#0009;background-color:#fffc}[data-theme=dark] ._normal_1ykfy_32,._primary_1ykfy_41{color:#fff9;background-color:#3e434b}[data-theme=dark] ._primary_1ykfy_41{color:#0009;background-color:#fffc}._colored_1ykfy_50{background-color:var(--color)}._enable_1ykfy_54{transition:opacity .2s,transform .1s,box-shadow .2s}[data-theme=dark] ._enable_1ykfy_54:hover{transform:translate(-1px) translateY(-1px);opacity:.7;opacity:var(--opacity, .7)}[data-theme=dark] ._enable_1ykfy_54:active{transform:translate(1px) translateY(1px);opacity:.5;opacity:var(--opacity, .5)}._enable_1ykfy_54:hover{transform:translate(-1px) translateY(-1px);opacity:.7;opacity:var(--opacity, .7);box-shadow:.125rem .125rem .125rem #80808040}._enable_1ykfy_54:active{transform:translate(1px) translateY(1px);opacity:.5;opacity:var(--opacity, .5);box-shadow:-1px -1px .125rem #80808040}._flex_1ykfy_76{display:flex;justify-content:center;align-items:center;gap:.5rem}@keyframes _button-ripple_1ykfy_1{0%{transform:scale(0);opacity:1}50%{transform:scale(1.2);opacity:1}to{transform:scale(1.2);opacity:0}}._ripple_1ykfy_97{position:absolute;pointer-events:none;border-radius:50%;background-color:#cdb57b26;width:100%;aspect-ratio:1/1;transition:none;opacity:0;animation-name:_button-ripple_1ykfy_1;animation-duration:.3s;animation-fill-mode:both;animation-timing-function:ease-out}'));
7
7
  document.head.appendChild(elementStyle);
8
8
  }
9
9
  } catch (e) {
10
10
  console.error("vite-plugin-css-injected-by-js", e);
11
11
  }
12
12
  })();
13
- const button = "_button_1crwm_1";
14
- const normal = "_normal_1crwm_31";
15
- const primary = "_primary_1crwm_40";
16
- const colored = "_colored_1crwm_49";
17
- const enable = "_enable_1crwm_53";
18
- const flex = "_flex_1crwm_75";
19
- const ripple = "_ripple_1crwm_96";
13
+ const button = "_button_1ykfy_1";
14
+ const normal = "_normal_1ykfy_32";
15
+ const primary = "_primary_1ykfy_41";
16
+ const colored = "_colored_1ykfy_50";
17
+ const enable = "_enable_1ykfy_54";
18
+ const flex = "_flex_1ykfy_76";
19
+ const ripple = "_ripple_1ykfy_97";
20
20
  const style0 = {
21
21
  button,
22
- "button-ornament": "_button-ornament_1crwm_20",
22
+ "button-ornament": "_button-ornament_1ykfy_21",
23
23
  normal,
24
24
  primary,
25
25
  colored,
26
26
  enable,
27
27
  flex,
28
28
  ripple,
29
- "button-ripple": "_button-ripple_1crwm_1"
29
+ "button-ripple": "_button-ripple_1ykfy_1"
30
30
  };
31
31
  export {
32
32
  button,
@@ -63,23 +63,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
63
63
  let vnode = slots.default ? h(
64
64
  "span",
65
65
  {
66
- class: [style.text, textStyle.text],
67
- style: {
68
- "--color": props.color ?? backgroundColor,
69
- "--font-size": props.size,
70
- "--background-color": props.backgroundColor
71
- }
66
+ class: [style.text, textStyle.text]
72
67
  },
73
68
  { default: slots.default }
74
69
  ) : h(
75
70
  "span",
76
71
  {
77
- class: [style.text, textStyle.text],
78
- style: {
79
- "--color": props.color ?? backgroundColor,
80
- "--font-size": props.size,
81
- "--background-color": props.backgroundColor
82
- }
72
+ class: [style.text, textStyle.text]
83
73
  },
84
74
  props.text
85
75
  );
@@ -87,28 +77,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
87
77
  vnode = h("kbd", { class: style.kbd }, vnode);
88
78
  }
89
79
  if (props.strikethrough) {
90
- vnode = h(
91
- "del",
92
- {
93
- class: style.del,
94
- style: {
95
- "--color": props.color ?? backgroundColor
96
- }
97
- },
98
- vnode
99
- );
80
+ vnode = h("del", {}, vnode);
100
81
  }
101
82
  if (props.italic) {
102
- vnode = h(
103
- "em",
104
- {
105
- class: style.em,
106
- style: {
107
- "--color": props.color ?? backgroundColor
108
- }
109
- },
110
- vnode
111
- );
83
+ vnode = h("em", {}, vnode);
112
84
  }
113
85
  if (props.underline) {
114
86
  vnode = h("ins", {}, vnode);
@@ -123,17 +95,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
123
95
  vnode = h(
124
96
  "ruby",
125
97
  {
126
- class: style.text,
127
- style: {
128
- "--color": props.color ?? backgroundColor,
129
- "--font-size": props.size,
130
- "--background-color": props.backgroundColor
131
- }
98
+ class: style.text
132
99
  },
133
100
  [h("span", {}, vnode), h("rt", {}, props.ruby)]
134
101
  );
135
102
  }
136
- return vnode;
103
+ const wrappedVnode = h(
104
+ "span",
105
+ {
106
+ class: [style.text, textStyle.text],
107
+ style: {
108
+ "--color": props.color ?? backgroundColor,
109
+ "--font-size": props.size,
110
+ "--background-color": props.backgroundColor
111
+ }
112
+ },
113
+ [vnode]
114
+ );
115
+ return wrappedVnode;
137
116
  };
138
117
  return (_ctx, _cache) => {
139
118
  const _component_ElmInlineText = resolveComponent("ElmInlineText", true);
@@ -3,37 +3,31 @@
3
3
  try {
4
4
  if (typeof document != "undefined") {
5
5
  var elementStyle = document.createElement("style");
6
- elementStyle.appendChild(document.createTextNode('._text_vgrys_1{padding:0;margin:0;white-space:pre-line;font-size:1em;font-size:var(--font-size, 1em);line-height:1em;line-height:var(--font-size, 1em);background-color:var(--background-color);transition:color .2s}._del_vgrys_11,._em_vgrys_15{text-decoration-color:var(--color)}._code_vgrys_19{margin-inline:.25rem;padding:2px .5em;font-size:calc(1em - 2px);border-radius:.125rem;background-color:#00000013;font-family:"Source Code Pro" monospace}._kbd_vgrys_28{padding:.125rem .25rem;position:relative;border-radius:.125rem;background-color:#e6e6e6}[data-theme=dark] ._kbd_vgrys_28{background-color:#404040}._kbd_vgrys_28:before{z-index:-1;position:absolute;content:"";bottom:-.25em;left:0;height:100%;width:100%;background-color:#ccc;border-radius:0 0 .125rem .125rem;box-shadow:0 0 .125em #00000080}[data-theme=dark] ._kbd_vgrys_28:before{background-color:#595959;box-shadow:0 0 .125em #ffffff80}._link_vgrys_54{all:unset;box-sizing:border-box;padding:0 .25rem;font-size:var(--font-size);display:inline-flex;align-items:center;gap:.25rem;cursor:pointer;color:#6987b8;border-radius:.125rem;transition:background-color .2s,color .2s,opacity .2s}._link_vgrys_54:hover{background-color:#6987b833}._link_vgrys_54:active{opacity:.5}._link_vgrys_54:visited{color:#9771bd;border-bottom:dashed 1px #9771bd}._link_vgrys_54:visited:hover{background-color:#9771bd33}._ogp_vgrys_81{display:flex;flex-direction:column;gap:.25rem;overflow:hidden;border-radius:.25rem;box-shadow:0 0 .125rem #0000004d;background-color:#fffc}[data-theme=dark] ._ogp_vgrys_81{background-color:#ffffff1a}._ogp-text_vgrys_94{box-sizing:border-box;padding:.5rem}._ogp-title_vgrys_99{box-sizing:border-box;font-weight:700;padding-block-end:.25rem}._ogp-description_vgrys_105{opacity:.7;padding:.25rem}'));
6
+ elementStyle.appendChild(document.createTextNode('._text_1gswr_1{padding:0;margin:0;white-space:pre-line;font-size:1em;font-size:var(--font-size, 1em);line-height:1em;line-height:var(--font-size, 1em);background-color:var(--background-color);transition:color .2s;text-decoration-color:var(--color)}._code_1gswr_12{margin-inline:.25rem;padding:2px .5em;font-size:calc(1em - 2px);border-radius:.125rem;background-color:#00000013;font-family:"Source Code Pro" monospace}._kbd_1gswr_21{padding:.125rem .25rem;position:relative;border-radius:.125rem;background-color:#e6e6e6}[data-theme=dark] ._kbd_1gswr_21{background-color:#404040}._kbd_1gswr_21:before{z-index:-1;position:absolute;content:"";bottom:-.25em;left:0;height:100%;width:100%;background-color:#ccc;border-radius:0 0 .125rem .125rem;box-shadow:0 0 .125em #00000080}[data-theme=dark] ._kbd_1gswr_21:before{background-color:#595959;box-shadow:0 0 .125em #ffffff80}._link_1gswr_47{all:unset;box-sizing:border-box;padding:0 .25rem;font-size:var(--font-size);display:inline-flex;align-items:center;gap:.25rem;cursor:pointer;color:#6987b8;border-radius:.125rem;transition:background-color .2s,color .2s,opacity .2s}._link_1gswr_47:hover{background-color:#6987b833}._link_1gswr_47:active{opacity:.5}._link_1gswr_47:visited{color:#9771bd;border-bottom:dashed 1px #9771bd}._link_1gswr_47:visited:hover{background-color:#9771bd33}._ogp_1gswr_74{display:flex;flex-direction:column;gap:.25rem;overflow:hidden;border-radius:.25rem;box-shadow:0 0 .125rem #0000004d;background-color:#fffc}[data-theme=dark] ._ogp_1gswr_74{background-color:#ffffff1a}._ogp-text_1gswr_87{box-sizing:border-box;padding:.5rem}._ogp-title_1gswr_92{box-sizing:border-box;font-weight:700;padding-block-end:.25rem}._ogp-description_1gswr_98{opacity:.7;padding:.25rem}'));
7
7
  document.head.appendChild(elementStyle);
8
8
  }
9
9
  } catch (e) {
10
10
  console.error("vite-plugin-css-injected-by-js", e);
11
11
  }
12
12
  })();
13
- const text = "_text_vgrys_1";
14
- const del = "_del_vgrys_11";
15
- const em = "_em_vgrys_15";
16
- const code = "_code_vgrys_19";
17
- const kbd = "_kbd_vgrys_28";
18
- const link = "_link_vgrys_54";
19
- const ogp = "_ogp_vgrys_81";
13
+ const text = "_text_1gswr_1";
14
+ const code = "_code_1gswr_12";
15
+ const kbd = "_kbd_1gswr_21";
16
+ const link = "_link_1gswr_47";
17
+ const ogp = "_ogp_1gswr_74";
20
18
  const style0 = {
21
19
  text,
22
- del,
23
- em,
24
20
  code,
25
21
  kbd,
26
22
  link,
27
23
  ogp,
28
- "ogp-text": "_ogp-text_vgrys_94",
29
- "ogp-title": "_ogp-title_vgrys_99",
30
- "ogp-description": "_ogp-description_vgrys_105"
24
+ "ogp-text": "_ogp-text_1gswr_87",
25
+ "ogp-title": "_ogp-title_1gswr_92",
26
+ "ogp-description": "_ogp-description_1gswr_98"
31
27
  };
32
28
  export {
33
29
  code,
34
30
  style0 as default,
35
- del,
36
- em,
37
31
  kbd,
38
32
  link,
39
33
  ogp,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elmethis/vue",
3
- "version": "0.2.9",
3
+ "version": "0.2.11",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -24,10 +24,10 @@
24
24
  },
25
25
  "dependencies": {
26
26
  "@mdi/js": "^7.4.47",
27
- "@vueuse/core": "^14.1.0",
27
+ "@vueuse/core": "^14.2.0",
28
28
  "fuse.js": "^7.1.0",
29
- "katex": "^0.16.27",
30
- "lodash-es": "^4.17.22",
29
+ "katex": "^0.16.28",
30
+ "lodash-es": "^4.17.23",
31
31
  "marked": "^17.0.1",
32
32
  "mermaid": "^11.12.2",
33
33
  "nanoid": "^5.1.6",
@@ -36,25 +36,25 @@
36
36
  },
37
37
  "devDependencies": {
38
38
  "@ag-ui/core": "^0.0.43",
39
- "@notionhq/client": "^5.7.0",
40
- "storybook": "^10.1.11",
41
- "@storybook/addon-docs": "^10.1.11",
42
- "@storybook/vue3-vite": "10.1.11",
39
+ "@notionhq/client": "^5.9.0",
40
+ "storybook": "^10.2.4",
41
+ "@storybook/addon-docs": "^10.2.4",
42
+ "@storybook/vue3-vite": "10.2.4",
43
43
  "@types/json-schema": "^7.0.15",
44
44
  "@types/katex": "^0.16.8",
45
45
  "@types/lodash-es": "^4.17.12",
46
46
  "@types/prismjs": "^1.26.5",
47
- "@vitejs/plugin-vue": "^6.0.3",
47
+ "@vitejs/plugin-vue": "^6.0.4",
48
48
  "csstype": "^3.2.3",
49
49
  "jarkup-ts": "^0.6.0",
50
50
  "openapi-types": "^12.1.3",
51
51
  "postcss": "^8.5.6",
52
- "postcss-preset-env": "^11.1.1",
53
- "sass": "^1.97.2",
52
+ "postcss-preset-env": "^11.1.2",
53
+ "sass": "^1.97.3",
54
54
  "vite": "^7.3.1",
55
55
  "vite-plugin-css-injected-by-js": "^3.5.2",
56
56
  "vite-plugin-dts": "^4.5.4",
57
- "vue-tsc": "^3.2.2",
57
+ "vue-tsc": "^3.2.4",
58
58
  "@vue/tsconfig": "^0.8.1",
59
59
  "typescript": "^5.9.3"
60
60
  },