@elmethis/core 0.1.8 → 0.1.9
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.
- package/dist/components/containments/ElmTooltip.vue3.mjs +8 -8
- package/dist/components/data/ElmProgress.vue.d.ts +1 -1
- package/dist/components/others/ElmJsonComponentRenderer.vue2.mjs +3 -3
- package/dist/components/typography/ElmInlineText.stories.d.ts +1 -0
- package/dist/components/typography/ElmInlineText.vue.d.ts +5 -0
- package/dist/components/typography/ElmInlineText.vue2.mjs +63 -24
- package/dist/components/typography/ElmInlineText.vue3.mjs +12 -6
- package/package.json +1 -1
|
@@ -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(".
|
|
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 = "
|
|
13
|
+
const tooltip = "_tooltip_119fm_1";
|
|
14
14
|
const style0 = {
|
|
15
15
|
tooltip,
|
|
16
|
-
"v-enter-to": "_v-enter-
|
|
17
|
-
"v-leave-from": "_v-leave-
|
|
18
|
-
"v-enter-active": "_v-enter-
|
|
19
|
-
"v-leave-active": "_v-leave-
|
|
20
|
-
"v-enter-from": "_v-enter-
|
|
21
|
-
"v-leave-to": "_v-leave-
|
|
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-
|
|
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-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-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({
|
|
@@ -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,
|
|
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
|
-
|
|
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
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
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('.
|
|
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 = "
|
|
14
|
-
const code = "
|
|
15
|
-
const kbd = "
|
|
16
|
-
const link = "
|
|
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
|
};
|