@elmethis/core 0.1.8 → 0.1.10

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.
@@ -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-ea96c386],.v-leave-from[data-v-ea96c386]{opacity:1}.v-enter-active[data-v-ea96c386],.v-leave-active[data-v-ea96c386]{transition:opacity .15s}.v-enter-from[data-v-ea96c386],.v-leave-to[data-v-ea96c386]{opacity:0}"));
6
+ elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-fd68c0a3],.v-leave-from[data-v-fd68c0a3]{opacity:1}.v-enter-active[data-v-fd68c0a3],.v-leave-active[data-v-fd68c0a3]{transition:opacity .15s}.v-enter-from[data-v-fd68c0a3],.v-leave-to[data-v-fd68c0a3]{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-ea96c386"]]);
20
+ const ElmCodeBlock = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-fd68c0a3"]]);
21
21
  export {
22
22
  ElmCodeBlock as default
23
23
  };
@@ -59,7 +59,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
59
59
  language: _ctx.language,
60
60
  size: 20
61
61
  }, null, 8, ["language"]),
62
- (openBlock(), createBlock(resolveDynamicComponent(() => renderCaption())))
62
+ createElementVNode("span", {
63
+ class: normalizeClass(_ctx.$style.caption)
64
+ }, [
65
+ (openBlock(), createBlock(resolveDynamicComponent(() => renderCaption())))
66
+ ], 2)
63
67
  ], 2),
64
68
  createElementVNode("div", {
65
69
  ref: "tooltipRef",
@@ -3,32 +3,35 @@
3
3
  try {
4
4
  if (typeof document != "undefined") {
5
5
  var elementStyle = document.createElement("style");
6
- elementStyle.appendChild(document.createTextNode("._wrapper_11asa_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_11asa_1{background-color:#2c3037e6;box-shadow:0 0 .125rem #0006}._header_11asa_16{box-sizing:border-box;padding:.25rem .5rem .5rem;margin:.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(62,67,75,.3)}[data-theme=dark] ._header_11asa_16{border-color:#bec2ca4d}._header__left_11asa_30{display:flex;flex-direction:row;align-items:center;gap:.5rem}._copy-icon_11asa_37{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_11asa_37{color:#ffffffb3}._copy-icon_11asa_37:hover{background-color:#0000001a}[data-theme=dark] ._copy-icon_11asa_37:hover{background-color:#ffffff1a}._header__right_11asa_57{position:relative;display:flex;flex-direction:row;align-items:center;gap:.5rem}._code_11asa_65{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_11asa_73{transition:opacity .2s}._fallback_11asa_77{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_11asa_92{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_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}"));
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_11asa_1";
14
- const header = "_header_11asa_16";
15
- const header__left = "_header__left_11asa_30";
16
- const header__right = "_header__right_11asa_57";
17
- const code = "_code_11asa_65";
18
- const fallback = "_fallback_11asa_77";
19
- const tooltip = "_tooltip_11asa_92";
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";
20
21
  const style0 = {
21
22
  wrapper,
22
23
  header,
23
24
  header__left,
24
- "copy-icon": "_copy-icon_11asa_37",
25
+ caption,
26
+ "copy-icon": "_copy-icon_1ysrf_46",
25
27
  header__right,
26
28
  code,
27
- "code-body": "_code-body_11asa_73",
29
+ "code-body": "_code-body_1ysrf_82",
28
30
  fallback,
29
31
  tooltip
30
32
  };
31
33
  export {
34
+ caption,
32
35
  code,
33
36
  style0 as default,
34
37
  fallback,
@@ -3,22 +3,22 @@
3
3
  try {
4
4
  if (typeof document != "undefined") {
5
5
  var elementStyle = document.createElement("style");
6
- elementStyle.appendChild(document.createTextNode("._tooltip_13don_1{box-sizing:border-box;position:fixed;z-index:1000;max-width:min(32rem,100vw - 2rem);padding:.5rem 0}._v-enter-to_13don_9,._v-leave-from_13don_10{transform:scale(1);opacity:1}._v-enter-active_13don_15,._v-leave-active_13don_16{transition:opacity .1s,transform .2s}._v-enter-from_13don_20,._v-leave-to_13don_21{transform:scale(.8);opacity:0}"));
6
+ 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}"));
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 tooltip = "_tooltip_13don_1";
13
+ const tooltip = "_tooltip_119fm_1";
14
14
  const style0 = {
15
15
  tooltip,
16
- "v-enter-to": "_v-enter-to_13don_9",
17
- "v-leave-from": "_v-leave-from_13don_10",
18
- "v-enter-active": "_v-enter-active_13don_15",
19
- "v-leave-active": "_v-leave-active_13don_16",
20
- "v-enter-from": "_v-enter-from_13don_20",
21
- "v-leave-to": "_v-leave-to_13don_21"
16
+ "v-enter-to": "_v-enter-to_119fm_9",
17
+ "v-leave-from": "_v-leave-from_119fm_10",
18
+ "v-enter-active": "_v-enter-active_119fm_15",
19
+ "v-leave-active": "_v-leave-active_119fm_16",
20
+ "v-enter-from": "_v-enter-from_119fm_20",
21
+ "v-leave-to": "_v-leave-to_119fm_21"
22
22
  };
23
23
  export {
24
24
  style0 as default,
@@ -30,9 +30,9 @@ export interface ElmProgressProps {
30
30
  loading?: boolean;
31
31
  }
32
32
  declare const _default: import('vue').DefineComponent<ElmProgressProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmProgressProps> & Readonly<{}>, {
33
+ loading: boolean;
33
34
  max: number;
34
35
  weight: Property.Height<string | number>;
35
36
  round: boolean;
36
- loading: boolean;
37
37
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
38
38
  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-610548e5],.v-leave-from[data-v-610548e5]{opacity:1}.v-enter-active[data-v-610548e5],.v-leave-active[data-v-610548e5]{transition:opacity .1s}.v-enter-from[data-v-610548e5],.v-leave-to[data-v-610548e5]{opacity:0}\n.v-enter-to[data-v-ea96c386],.v-leave-from[data-v-ea96c386]{opacity:1}.v-enter-active[data-v-ea96c386],.v-leave-active[data-v-ea96c386]{transition:opacity .15s}.v-enter-from[data-v-ea96c386],.v-leave-to[data-v-ea96c386]{opacity:0}\n.v-enter-to[data-v-83a74154],.v-leave-from[data-v-83a74154]{opacity:1}.v-enter-active[data-v-83a74154],.v-leave-active[data-v-83a74154]{transition:opacity .2s}.v-enter-from[data-v-83a74154],.v-leave-to[data-v-83a74154]{opacity:0}\n.fade-enter-active[data-v-12f55baa],.fade-leave-active[data-v-12f55baa]{transition:all .3s ease}.fade-enter-from[data-v-12f55baa],.fade-leave-to[data-v-12f55baa]{opacity:0;transform:translate(30px)}\n.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}\n.v-enter-to[data-v-f6774eea],.v-leave-from[data-v-f6774eea]{opacity:1}.v-enter-active[data-v-f6774eea],.v-leave-active[data-v-f6774eea]{transition:opacity .1s}.v-enter-from[data-v-f6774eea],.v-leave-to[data-v-f6774eea]{opacity:0}\n.v-enter-to[data-v-a6508d78],.v-leave-from[data-v-a6508d78]{opacity:1}.v-enter-active[data-v-a6508d78],.v-leave-active[data-v-a6508d78]{transition:opacity .3s}.v-enter-from[data-v-a6508d78],.v-leave-to[data-v-a6508d78]{opacity:0}\n.v-enter-to[data-v-4e995755],.v-leave-from[data-v-4e995755]{opacity:1}.v-enter-active[data-v-4e995755],.v-leave-active[data-v-4e995755]{transition:opacity .3s}.v-enter-from[data-v-4e995755],.v-leave-to[data-v-4e995755]{opacity:0}\n.elmethis-list-common{margin-block:1rem;opacity:var(--opacity);transition:opacity .8s;box-sizing:border-box;padding-left:1.25rem}.elmethis-bulleted-list li{box-sizing:border-box;padding-left:.5rem;margin-block:.75rem}.elmethis-bulleted-list li::marker{content:url(data:image/svg+xml;base64,ICA8c3ZnCiAgICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgICB2aWV3Qm94PScwIDAgMTYgMTYnCiAgICB3aWR0aD0nMTJweCcKICAgIGhlaWdodD0nMTJweCcKICA+CiAgICA8cGF0aAogICAgICBmaWxsPScjNDQ5NzYzJwogICAgICBvcGFjaXR5PScwLjgnCiAgICAgIGQ9J00zIDMuNzMyYTEuNSAxLjUgMCAwIDEgMi4zMDUtMS4yNjVsNi43MDYgNC4yNjdhMS41IDEuNSAwIDAgMSAwIDIuNTMxbC02LjcwNiA0LjI2OEExLjUgMS41IDAgMCAxIDMgMTIuMjY3VjMuNzMyWicKICAgIC8+CiAgPC9zdmc+)}.elmethis-bulleted-list li ul li::marker{content:url(data:image/svg+xml;base64,ICA8c3ZnCiAgICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgICB2aWV3Qm94PScwIDAgMjQgMjQnCiAgICB3aWR0aD0nMTJweCcKICAgIGhlaWdodD0nMTJweCcKICAgIHN0cm9rZT0nIzQ0OTc2MycKICAgIGZpbGw9J3RyYW5zcGFyZW50JwogID4KICAgIDxwYXRoCiAgICAgIHN0cm9rZUxpbmVjYXA9J3JvdW5kJwogICAgICBzdHJva2VMaW5lam9pbj0ncm91bmQnCiAgICAgIGQ9J001LjI1IDUuNjUzYzAtLjg1Ni45MTctMS4zOTggMS42NjctLjk4NmwxMS41NCA2LjM0N2ExLjEyNSAxLjEyNSAwIDAgMSAwIDEuOTcybC0xMS41NCA2LjM0N2ExLjEyNSAxLjEyNSAwIDAgMS0xLjY2Ny0uOTg2VjUuNjUzWicKICAgIC8+CiAgPC9zdmc+)}.elmethis-bulleted-list li ul li ul li::marker{content:url(data:image/svg+xml;base64,ICA8c3ZnCiAgICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgICB2aWV3Qm94PScwIDAgMjAgMjAnCiAgICB3aWR0aD0nMTJweCcKICAgIGhlaWdodD0nMTJweCcKICAgIHN0cm9rZT0nIzQ0OTc2MycKICAgIGZpbGw9JyM0NDk3NjMnCiAgPgogICAgPHBhdGgKICAgICAgZmlsbFJ1bGU9J2V2ZW5vZGQnCiAgICAgIGQ9J004LjIyIDUuMjJhLjc1Ljc1IDAgMCAxIDEuMDYgMGw0LjI1IDQuMjVhLjc1Ljc1IDAgMCAxIDAgMS4wNmwtNC4yNSA0LjI1YS43NS43NSAwIDAgMS0xLjA2LTEuMDZMMTEuOTQgMTAgOC4yMiA2LjI4YS43NS43NSAwIDAgMSAwLTEuMDZaJwogICAgICBjbGlwUnVsZT0nZXZlbm9kZCcKICAgIC8+CiAgPC9zdmc+)}.elmethis-numbered-list li{box-sizing:border-box;padding-left:.25rem;margin-block:.75rem;margin-left:.25rem;list-style-type:decimal}.elmethis-numbered-list li::marker{font-weight:700;color:#9771bd}.elmethis-numbered-list li ol li{list-style-type:lower-alpha}.elmethis-numbered-list li ol li ol li{list-style-type:lower-roman}.elmethis-numbered-list li ol li ol li ol li{list-style-type:lower-greek}"));
6
+ elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-610548e5],.v-leave-from[data-v-610548e5]{opacity:1}.v-enter-active[data-v-610548e5],.v-leave-active[data-v-610548e5]{transition:opacity .1s}.v-enter-from[data-v-610548e5],.v-leave-to[data-v-610548e5]{opacity:0}\n.v-enter-to[data-v-a6508d78],.v-leave-from[data-v-a6508d78]{opacity:1}.v-enter-active[data-v-a6508d78],.v-leave-active[data-v-a6508d78]{transition:opacity .3s}.v-enter-from[data-v-a6508d78],.v-leave-to[data-v-a6508d78]{opacity:0}\n.v-enter-to[data-v-fd68c0a3],.v-leave-from[data-v-fd68c0a3]{opacity:1}.v-enter-active[data-v-fd68c0a3],.v-leave-active[data-v-fd68c0a3]{transition:opacity .15s}.v-enter-from[data-v-fd68c0a3],.v-leave-to[data-v-fd68c0a3]{opacity:0}\n.v-enter-to[data-v-83a74154],.v-leave-from[data-v-83a74154]{opacity:1}.v-enter-active[data-v-83a74154],.v-leave-active[data-v-83a74154]{transition:opacity .2s}.v-enter-from[data-v-83a74154],.v-leave-to[data-v-83a74154]{opacity:0}\n.fade-enter-active[data-v-12f55baa],.fade-leave-active[data-v-12f55baa]{transition:all .3s ease}.fade-enter-from[data-v-12f55baa],.fade-leave-to[data-v-12f55baa]{opacity:0;transform:translate(30px)}\n.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}\n.v-enter-to[data-v-f6774eea],.v-leave-from[data-v-f6774eea]{opacity:1}.v-enter-active[data-v-f6774eea],.v-leave-active[data-v-f6774eea]{transition:opacity .1s}.v-enter-from[data-v-f6774eea],.v-leave-to[data-v-f6774eea]{opacity:0}\n.v-enter-to[data-v-4e995755],.v-leave-from[data-v-4e995755]{opacity:1}.v-enter-active[data-v-4e995755],.v-leave-active[data-v-4e995755]{transition:opacity .3s}.v-enter-from[data-v-4e995755],.v-leave-to[data-v-4e995755]{opacity:0}\n.elmethis-list-common{margin-block:1rem;opacity:var(--opacity);transition:opacity .8s;box-sizing:border-box;padding-left:1.25rem}.elmethis-bulleted-list li{box-sizing:border-box;padding-left:.5rem;margin-block:.75rem}.elmethis-bulleted-list li::marker{content:url(data:image/svg+xml;base64,ICA8c3ZnCiAgICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgICB2aWV3Qm94PScwIDAgMTYgMTYnCiAgICB3aWR0aD0nMTJweCcKICAgIGhlaWdodD0nMTJweCcKICA+CiAgICA8cGF0aAogICAgICBmaWxsPScjNDQ5NzYzJwogICAgICBvcGFjaXR5PScwLjgnCiAgICAgIGQ9J00zIDMuNzMyYTEuNSAxLjUgMCAwIDEgMi4zMDUtMS4yNjVsNi43MDYgNC4yNjdhMS41IDEuNSAwIDAgMSAwIDIuNTMxbC02LjcwNiA0LjI2OEExLjUgMS41IDAgMCAxIDMgMTIuMjY3VjMuNzMyWicKICAgIC8+CiAgPC9zdmc+)}.elmethis-bulleted-list li ul li::marker{content:url(data:image/svg+xml;base64,ICA8c3ZnCiAgICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgICB2aWV3Qm94PScwIDAgMjQgMjQnCiAgICB3aWR0aD0nMTJweCcKICAgIGhlaWdodD0nMTJweCcKICAgIHN0cm9rZT0nIzQ0OTc2MycKICAgIGZpbGw9J3RyYW5zcGFyZW50JwogID4KICAgIDxwYXRoCiAgICAgIHN0cm9rZUxpbmVjYXA9J3JvdW5kJwogICAgICBzdHJva2VMaW5lam9pbj0ncm91bmQnCiAgICAgIGQ9J001LjI1IDUuNjUzYzAtLjg1Ni45MTctMS4zOTggMS42NjctLjk4NmwxMS41NCA2LjM0N2ExLjEyNSAxLjEyNSAwIDAgMSAwIDEuOTcybC0xMS41NCA2LjM0N2ExLjEyNSAxLjEyNSAwIDAgMS0xLjY2Ny0uOTg2VjUuNjUzWicKICAgIC8+CiAgPC9zdmc+)}.elmethis-bulleted-list li ul li ul li::marker{content:url(data:image/svg+xml;base64,ICA8c3ZnCiAgICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgICB2aWV3Qm94PScwIDAgMjAgMjAnCiAgICB3aWR0aD0nMTJweCcKICAgIGhlaWdodD0nMTJweCcKICAgIHN0cm9rZT0nIzQ0OTc2MycKICAgIGZpbGw9JyM0NDk3NjMnCiAgPgogICAgPHBhdGgKICAgICAgZmlsbFJ1bGU9J2V2ZW5vZGQnCiAgICAgIGQ9J004LjIyIDUuMjJhLjc1Ljc1IDAgMCAxIDEuMDYgMGw0LjI1IDQuMjVhLjc1Ljc1IDAgMCAxIDAgMS4wNmwtNC4yNSA0LjI1YS43NS43NSAwIDAgMS0xLjA2LTEuMDZMMTEuOTQgMTAgOC4yMiA2LjI4YS43NS43NSAwIDAgMSAwLTEuMDZaJwogICAgICBjbGlwUnVsZT0nZXZlbm9kZCcKICAgIC8+CiAgPC9zdmc+)}.elmethis-numbered-list li{box-sizing:border-box;padding-left:.25rem;margin-block:.75rem;margin-left:.25rem;list-style-type:decimal}.elmethis-numbered-list li::marker{font-weight:700;color:#9771bd}.elmethis-numbered-list li ol li{list-style-type:lower-alpha}.elmethis-numbered-list li ol li ol li{list-style-type:lower-roman}.elmethis-numbered-list li ol li ol li ol li{list-style-type:lower-greek}"));
7
7
  document.head.appendChild(elementStyle);
8
8
  }
9
9
  } catch (e) {
@@ -14,16 +14,16 @@ import { defineComponent, useCssModule, defineAsyncComponent, createBlock, openB
14
14
  import "@mdi/js";
15
15
 
16
16
  import "polished";
17
- import ElmBlockFallback from "../fallback/ElmBlockFallback.vue.mjs";
18
17
  import "@vueuse/core";
19
18
 
19
+ import ElmBlockFallback from "../fallback/ElmBlockFallback.vue.mjs";
20
+
20
21
 
21
22
 
22
23
 
23
24
 
24
25
  import "nanoid";
25
26
 
26
-
27
27
  import "lodash-es";
28
28
 
29
29
  const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -9,3 +9,4 @@ export declare const Kbd: Story;
9
9
  export declare const Background: Story;
10
10
  export declare const Ruby: Story;
11
11
  export declare const Link: Story;
12
+ export declare const LinkWithOgp: Story;
@@ -50,6 +50,11 @@ export interface ElmInlineTextProps {
50
50
  */
51
51
  href?: string;
52
52
  favicon?: string;
53
+ ogp?: {
54
+ title: string;
55
+ description?: string;
56
+ image?: string;
57
+ };
53
58
  }
54
59
  declare const _default: import('vue').DefineComponent<ElmInlineTextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmInlineTextProps> & Readonly<{}>, {
55
60
  size: Property.FontSize;
@@ -1,10 +1,11 @@
1
- import { defineComponent, useCssModule, createElementBlock, createBlock, openBlock, normalizeStyle, normalizeClass, createCommentVNode, createTextVNode, createVNode, toDisplayString, unref, resolveDynamicComponent, h } from "vue";
1
+ import { defineComponent, useCssModule, resolveComponent, createBlock, openBlock, withCtx, createElementBlock, normalizeClass, createElementVNode, createCommentVNode, unref, toDisplayString, resolveDynamicComponent, h } from "vue";
2
2
  import { getLuminance } from "polished";
3
3
  import ElmInlineIcon from "../icon/ElmInlineIcon.vue.mjs";
4
4
  import ElmMdiIcon from "../icon/ElmMdiIcon.vue.mjs";
5
5
  import { mdiOpenInNew } from "@mdi/js";
6
6
  import textStyle from "../../styles/text.module.scss.mjs";
7
- const _hoisted_1 = ["href"];
7
+ import ElmTooltip from "../containments/ElmTooltip.vue.mjs";
8
+ import ElmImage from "../media/ElmImage.vue.mjs";
8
9
  const _sfc_main = /* @__PURE__ */ defineComponent({
9
10
  __name: "ElmInlineText",
10
11
  props: {
@@ -20,11 +21,38 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
20
21
  backgroundColor: {},
21
22
  ruby: {},
22
23
  href: {},
23
- favicon: {}
24
+ favicon: {},
25
+ ogp: {}
24
26
  },
25
27
  setup(__props) {
26
28
  const props = __props;
27
29
  const style = useCssModule();
30
+ const renderLink = () => {
31
+ const children = [];
32
+ if (props.favicon) {
33
+ children.push(h(ElmInlineIcon, { src: props.favicon, alt: "favicon" }));
34
+ }
35
+ children.push(h("span", {}, props.text ?? props.href));
36
+ children.push(
37
+ h(ElmMdiIcon, {
38
+ d: mdiOpenInNew,
39
+ size: props.size ? String(props.size) : void 0,
40
+ color: "gray",
41
+ style: { opacity: 0.75 }
42
+ })
43
+ );
44
+ return h(
45
+ "a",
46
+ {
47
+ class: style.link,
48
+ href: props.href,
49
+ style: { "--font-size": props.size },
50
+ target: "_blank",
51
+ rel: "noopener noreferrer"
52
+ },
53
+ children
54
+ );
55
+ };
28
56
  const render = () => {
29
57
  const backgroundColor = props.backgroundColor != null ? getLuminance(props.backgroundColor) < 0.5 ? "rgba(255, 255, 255, 0.7)" : "rgba(0, 0, 0, 0.7)" : void 0;
30
58
  let vnode = h(
@@ -74,27 +102,38 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
74
102
  return vnode;
75
103
  };
76
104
  return (_ctx, _cache) => {
77
- return _ctx.href ? (openBlock(), createElementBlock("a", {
78
- key: 0,
79
- class: normalizeClass(_ctx.$style.link),
80
- href: _ctx.href,
81
- style: normalizeStyle({ "--font-size": _ctx.size }),
82
- target: "_blank",
83
- rel: "noopener noreferrer"
84
- }, [
85
- _ctx.favicon ? (openBlock(), createBlock(ElmInlineIcon, {
86
- key: 0,
87
- src: _ctx.favicon,
88
- alt: "favicon"
89
- }, null, 8, ["src"])) : createCommentVNode("", true),
90
- createTextVNode(" " + toDisplayString(_ctx.text ?? _ctx.href) + " ", 1),
91
- createVNode(ElmMdiIcon, {
92
- d: unref(mdiOpenInNew),
93
- size: _ctx.size ? String(_ctx.size) : void 0,
94
- color: "gray",
95
- style: { "opacity": "0.75" }
96
- }, null, 8, ["d", "size"])
97
- ], 14, _hoisted_1)) : (openBlock(), createBlock(resolveDynamicComponent(render()), { key: 1 }));
105
+ const _component_ElmInlineText = resolveComponent("ElmInlineText", true);
106
+ return _ctx.href && _ctx.ogp ? (openBlock(), createBlock(ElmTooltip, { key: 0 }, {
107
+ original: withCtx(() => [
108
+ (openBlock(), createBlock(resolveDynamicComponent(renderLink())))
109
+ ]),
110
+ tooltip: withCtx(() => [
111
+ _ctx.ogp ? (openBlock(), createElementBlock("div", {
112
+ key: 0,
113
+ class: normalizeClass(_ctx.$style.ogp)
114
+ }, [
115
+ createElementVNode("div", {
116
+ class: normalizeClass(_ctx.$style["ogp-text"])
117
+ }, [
118
+ createElementVNode("div", {
119
+ class: normalizeClass([unref(textStyle).text, _ctx.$style["ogp-title"]])
120
+ }, toDisplayString(_ctx.ogp.title), 3),
121
+ _ctx.ogp.description ? (openBlock(), createElementBlock("div", {
122
+ key: 0,
123
+ class: normalizeClass([unref(textStyle).text, _ctx.$style["ogp-description"]])
124
+ }, toDisplayString(_ctx.ogp.description), 3)) : createCommentVNode("", true)
125
+ ], 2),
126
+ _ctx.ogp.image ? (openBlock(), createBlock(ElmImage, {
127
+ key: 0,
128
+ src: _ctx.ogp.image
129
+ }, null, 8, ["src"])) : createCommentVNode("", true)
130
+ ], 2)) : (openBlock(), createBlock(_component_ElmInlineText, {
131
+ key: 1,
132
+ text: _ctx.href
133
+ }, null, 8, ["text"]))
134
+ ]),
135
+ _: 1
136
+ })) : _ctx.href ? (openBlock(), createBlock(resolveDynamicComponent(renderLink()), { key: 1 })) : (openBlock(), createBlock(resolveDynamicComponent(render()), { key: 2 }));
98
137
  };
99
138
  }
100
139
  });
@@ -3,27 +3,33 @@
3
3
  try {
4
4
  if (typeof document != "undefined") {
5
5
  var elementStyle = document.createElement("style");
6
- elementStyle.appendChild(document.createTextNode('._text_1qgzv_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)}._code_1qgzv_10{margin-inline:.25rem;padding:2px .5em;font-size:calc(1em - 2px);border-radius:.125rem;background-color:#00000013;font-family:"Source Code Pro" monospace}._kbd_1qgzv_19{padding:.125rem .25rem;position:relative;border-radius:.125rem;background-color:#e6e6e6}[data-theme=dark] ._kbd_1qgzv_19{background-color:#404040}._kbd_1qgzv_19: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_1qgzv_19:before{background-color:#595959;box-shadow:0 0 .125em #ffffff80}._link_1qgzv_45{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 .125rem 0 0;border-bottom:dashed 1px #6987b8;transition:background-color .2s,color .2s}._link_1qgzv_45:hover{background-color:#6987b833}._link_1qgzv_45:active{color:#59b57c;background-color:#59b57c33}._link_1qgzv_45:visited{color:#9771bd;border-bottom:dashed 1px #9771bd}._link_1qgzv_45:visited:hover{background-color:#9771bd33}._link_1qgzv_45:visited:active{color:#59b57c;background-color:#59b57c33}'));
6
+ elementStyle.appendChild(document.createTextNode('._text_iotdj_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)}._code_iotdj_10{margin-inline:.25rem;padding:2px .5em;font-size:calc(1em - 2px);border-radius:.125rem;background-color:#00000013;font-family:"Source Code Pro" monospace}._kbd_iotdj_19{padding:.125rem .25rem;position:relative;border-radius:.125rem;background-color:#e6e6e6}[data-theme=dark] ._kbd_iotdj_19{background-color:#404040}._kbd_iotdj_19: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_iotdj_19:before{background-color:#595959;box-shadow:0 0 .125em #ffffff80}._link_iotdj_45{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 .125rem 0 0;border-bottom:dashed 1px #6987b8;transition:background-color .2s,color .2s}._link_iotdj_45:hover{background-color:#6987b833}._link_iotdj_45:active{color:#59b57c;background-color:#59b57c33}._link_iotdj_45:visited{color:#9771bd;border-bottom:dashed 1px #9771bd}._link_iotdj_45:visited:hover{background-color:#9771bd33}._link_iotdj_45:visited:active{color:#59b57c;background-color:#59b57c33}._ogp_iotdj_78{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_iotdj_78{background-color:#ffffff1a}._ogp-text_iotdj_91{box-sizing:border-box;padding:.5rem}._ogp-title_iotdj_96{box-sizing:border-box;font-weight:700;padding-block-end:.25rem}._ogp-description_iotdj_102{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_1qgzv_1";
14
- const code = "_code_1qgzv_10";
15
- const kbd = "_kbd_1qgzv_19";
16
- const link = "_link_1qgzv_45";
13
+ const text = "_text_iotdj_1";
14
+ const code = "_code_iotdj_10";
15
+ const kbd = "_kbd_iotdj_19";
16
+ const link = "_link_iotdj_45";
17
+ const ogp = "_ogp_iotdj_78";
17
18
  const style0 = {
18
19
  text,
19
20
  code,
20
21
  kbd,
21
- link
22
+ link,
23
+ ogp,
24
+ "ogp-text": "_ogp-text_iotdj_91",
25
+ "ogp-title": "_ogp-title_iotdj_96",
26
+ "ogp-description": "_ogp-description_iotdj_102"
22
27
  };
23
28
  export {
24
29
  code,
25
30
  style0 as default,
26
31
  kbd,
27
32
  link,
33
+ ogp,
28
34
  text
29
35
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elmethis/core",
3
- "version": "0.1.8",
3
+ "version": "0.1.10",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -24,12 +24,12 @@
24
24
  },
25
25
  "dependencies": {
26
26
  "@mdi/js": "^7.4.47",
27
- "@vueuse/core": "^13.1.0",
27
+ "@vueuse/core": "^13.2.0",
28
28
  "katex": "^0.16.22",
29
29
  "lodash-es": "^4.17.21",
30
30
  "nanoid": "^5.1.5",
31
31
  "polished": "^4.3.1",
32
- "shiki": "^3.4.0"
32
+ "shiki": "^3.4.1"
33
33
  },
34
34
  "devDependencies": {
35
35
  "@notionhq/client": "^3.0.1",
@@ -38,16 +38,16 @@
38
38
  "@types/katex": "^0.16.7",
39
39
  "@types/lodash-es": "^4.17.12",
40
40
  "@types/prismjs": "^1.26.5",
41
- "@vitejs/plugin-vue": "^5.2.3",
41
+ "@vitejs/plugin-vue": "^5.2.4",
42
42
  "csstype": "^3.1.3",
43
43
  "jarkup-ts": "^0.4.1",
44
44
  "openapi-types": "^12.1.3",
45
45
  "postcss": "^8.5.3",
46
46
  "postcss-preset-env": "^10.1.6",
47
- "sass": "^1.87.0",
47
+ "sass": "^1.88.0",
48
48
  "vite": "^6.3.5",
49
49
  "vite-plugin-css-injected-by-js": "^3.5.2",
50
- "vite-plugin-dts": "^4.5.3",
50
+ "vite-plugin-dts": "^4.5.4",
51
51
  "vue-tsc": "^2.2.10"
52
52
  },
53
53
  "peerDependencies": {