@elmethis/core 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.
- package/dist/_virtual/dynamic-import-helper.mjs +10 -0
- package/dist/components/code/ElmCodeBlock.stories.d.ts +1 -1
- package/dist/components/code/ElmKatex.stories.d.ts +1 -1
- package/dist/components/code/ElmShikiHighlighter.stories.d.ts +1 -1
- package/dist/components/containments/ElmColumn.stories.d.ts +1 -1
- package/dist/components/containments/ElmConfirmModal.stories.d.ts +1 -1
- package/dist/components/containments/ElmConfirmModal.vue2.mjs +4 -2
- package/dist/components/containments/ElmDesktopWindow.stories.d.ts +1 -1
- package/dist/components/containments/ElmModal.stories.d.ts +1 -1
- package/dist/components/containments/ElmParallax.stories.d.ts +1 -1
- package/dist/components/containments/ElmSimpleTooltip.stories.d.ts +1 -1
- package/dist/components/containments/ElmSnackbar.stories.d.ts +1 -1
- package/dist/components/containments/ElmToggle.stories.d.ts +1 -1
- package/dist/components/containments/ElmTooltip.stories.d.ts +1 -1
- package/dist/components/data/ElmMultiProgress.stories.d.ts +1 -1
- package/dist/components/data/ElmProgress.stories.d.ts +1 -1
- package/dist/components/data/ElmStatusMessage.stories.d.ts +1 -1
- package/dist/components/fallback/ElmBlockFallback.stories.d.ts +1 -1
- package/dist/components/fallback/ElmRectangleWave.stories.d.ts +1 -1
- package/dist/components/fallback/ElmSpinner.stories.d.ts +1 -1
- package/dist/components/fallback/ElmUnsupportedBlock.stories.d.ts +1 -1
- package/dist/components/form/ElmButton.stories.d.ts +1 -1
- package/dist/components/form/ElmButton.vue.mjs +2 -2
- package/dist/components/form/ElmButton.vue3.mjs +9 -9
- package/dist/components/form/ElmCheckbox.stories.d.ts +1 -1
- package/dist/components/form/ElmSelect.stories.d.ts +1 -1
- package/dist/components/form/ElmSelect.vue2.mjs +4 -4
- package/dist/components/form/ElmSelect.vue3.mjs +18 -18
- package/dist/components/form/ElmSwitch.stories.d.ts +1 -1
- package/dist/components/form/ElmSwitch.vue2.mjs +1 -1
- package/dist/components/form/ElmSwitch.vue3.mjs +8 -8
- package/dist/components/form/ElmTextField.stories.d.ts +1 -1
- package/dist/components/form/ElmTextField.vue2.mjs +4 -4
- package/dist/components/form/ElmTextField.vue3.mjs +13 -13
- package/dist/components/icon/ElmArrowIcon.stories.d.ts +1 -1
- package/dist/components/icon/ElmArrowIcon.vue3.mjs +1 -1
- package/dist/components/icon/ElmBookmarkIcon.stories.d.ts +1 -1
- package/dist/components/icon/ElmCubeIcon.stories.d.ts +1 -1
- package/dist/components/icon/ElmDotLoadingIcon.stories.d.ts +1 -1
- package/dist/components/icon/ElmInlineIcon.stories.d.ts +1 -1
- package/dist/components/icon/ElmLanguageIcon.stories.d.ts +1 -1
- package/dist/components/icon/ElmLanguageIcon.vue.d.ts +1 -0
- package/dist/components/icon/ElmLanguageIcon.vue.mjs +1 -14
- package/dist/components/icon/ElmLanguageIcon.vue2.mjs +71 -137
- package/dist/components/icon/ElmLanguageIcon.vue3.mjs +2 -2
- package/dist/components/icon/ElmLoginIcon.stories.d.ts +1 -1
- package/dist/components/icon/ElmMdiIcon.stories.d.ts +1 -1
- package/dist/components/icon/ElmToggleTheme.stories.d.ts +1 -1
- package/dist/components/icon/languages/Typescript copy.vue.mjs +4 -0
- package/dist/components/icon/languages/Typescript copy.vue2.mjs +30 -0
- package/dist/components/media/ElmFile.stories.d.ts +1 -1
- package/dist/components/media/ElmImage.stories.d.ts +1 -1
- package/dist/components/media/ElmImage.vue2.mjs +3 -3
- package/dist/components/media/ElmImage.vue3.mjs +9 -9
- package/dist/components/navigation/ElmBookmark.stories.d.ts +1 -1
- package/dist/components/navigation/ElmBreadcrumb.stories.d.ts +1 -1
- package/dist/components/navigation/ElmPagetop.stories.d.ts +1 -1
- package/dist/components/navigation/ElmTableOfContents.stories.d.ts +1 -1
- package/dist/components/others/ElmColorSample.stories.d.ts +1 -1
- package/dist/components/others/ElmColorTable.stories.d.ts +1 -1
- package/dist/components/others/ElmJsonComponentRenderer.stories.d.ts +1 -1
- package/dist/components/others/ElmJsonComponentRenderer.vue2.mjs +6 -7
- package/dist/components/others/ElmTyping.stories.d.ts +1 -1
- package/dist/components/table/ElmTable.stories.d.ts +1 -1
- package/dist/components/template/ElmTemplate.stories.d.ts +1 -1
- package/dist/components/typography/ElmBlockQuote.stories.d.ts +1 -1
- package/dist/components/typography/ElmCallout.stories.d.ts +1 -1
- package/dist/components/typography/ElmDivider.stories.d.ts +1 -1
- package/dist/components/typography/ElmFragmentIdentifier.stories.d.ts +1 -1
- package/dist/components/typography/ElmHeading.stories.d.ts +1 -1
- package/dist/components/typography/ElmInlineText.stories.d.ts +1 -1
- package/dist/components/typography/ElmList.stories.d.ts +1 -1
- package/dist/components/typography/ElmParagraph.stories.d.ts +1 -1
- package/dist/components/typography/ElmTypingAnimation.stories.d.ts +1 -1
- package/package.json +11 -11
- package/dist/components/icon/languages/Bash.vue.d.ts +0 -7
- package/dist/components/icon/languages/C.vue.d.ts +0 -7
- package/dist/components/icon/languages/Cplusplus.vue.d.ts +0 -7
- package/dist/components/icon/languages/Csharp.vue.d.ts +0 -7
- package/dist/components/icon/languages/Css.vue.d.ts +0 -7
- package/dist/components/icon/languages/Go.vue.d.ts +0 -7
- package/dist/components/icon/languages/Html.vue.d.ts +0 -7
- package/dist/components/icon/languages/Java.vue.d.ts +0 -7
- package/dist/components/icon/languages/Javascript.vue.d.ts +0 -7
- package/dist/components/icon/languages/Json.vue.d.ts +0 -7
- package/dist/components/icon/languages/Kotlin.vue.d.ts +0 -7
- package/dist/components/icon/languages/Lua.vue.d.ts +0 -7
- package/dist/components/icon/languages/Npm.vue.d.ts +0 -7
- package/dist/components/icon/languages/Python.vue.d.ts +0 -7
- package/dist/components/icon/languages/Rust.vue.d.ts +0 -7
- package/dist/components/icon/languages/Sql.vue.d.ts +0 -7
- package/dist/components/icon/languages/Terraform.vue.d.ts +0 -7
- package/dist/components/icon/languages/Typescript.vue.d.ts +0 -7
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
import
|
|
1
|
+
import __variableDynamicImportRuntimeHelper from "../../_virtual/dynamic-import-helper.mjs";
|
|
2
|
+
import { defineComponent, h, createElementBlock, openBlock, normalizeStyle, normalizeClass, createVNode, Transition, unref, withCtx, createBlock, resolveDynamicComponent, defineAsyncComponent } from "vue";
|
|
2
3
|
import ElmMdiIcon from "./ElmMdiIcon.vue.mjs";
|
|
3
4
|
import { mdiCodeJson } from "@mdi/js";
|
|
5
|
+
import fadeStyle from "../../styles/transition-fade.module.scss.mjs";
|
|
4
6
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
7
|
__name: "ElmLanguageIcon",
|
|
6
8
|
props: {
|
|
@@ -8,183 +10,115 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
8
10
|
language: {}
|
|
9
11
|
},
|
|
10
12
|
setup(__props) {
|
|
11
|
-
const
|
|
12
|
-
|
|
13
|
-
d: mdiCodeJson,
|
|
14
|
-
size: props.size ? `${props.size}px` : void 0
|
|
15
|
-
});
|
|
16
|
-
const render = () => {
|
|
17
|
-
switch (props.language.toLowerCase()) {
|
|
13
|
+
const normalizeLanguage = (language) => {
|
|
14
|
+
switch (language) {
|
|
18
15
|
case "rust":
|
|
19
16
|
case "rs":
|
|
20
|
-
return
|
|
21
|
-
defineAsyncComponent({
|
|
22
|
-
loader: () => import("./languages/Rust.vue.mjs"),
|
|
23
|
-
loadingComponent: Fallback
|
|
24
|
-
}),
|
|
25
|
-
{ size: props.size }
|
|
26
|
-
);
|
|
17
|
+
return "rust";
|
|
27
18
|
case "javascript":
|
|
28
19
|
case "js":
|
|
29
|
-
return
|
|
30
|
-
defineAsyncComponent({
|
|
31
|
-
loader: () => import("./languages/Javascript.vue.mjs"),
|
|
32
|
-
loadingComponent: Fallback
|
|
33
|
-
}),
|
|
34
|
-
{ size: props.size }
|
|
35
|
-
);
|
|
20
|
+
return "javascript";
|
|
36
21
|
case "typescript":
|
|
37
22
|
case "ts":
|
|
38
|
-
return
|
|
39
|
-
defineAsyncComponent({
|
|
40
|
-
loader: () => import("./languages/Typescript.vue.mjs"),
|
|
41
|
-
loadingComponent: Fallback
|
|
42
|
-
}),
|
|
43
|
-
{ size: props.size }
|
|
44
|
-
);
|
|
23
|
+
return "typescript";
|
|
45
24
|
case "bash":
|
|
46
25
|
case "sh":
|
|
47
26
|
case "shell":
|
|
48
|
-
return
|
|
49
|
-
defineAsyncComponent({
|
|
50
|
-
loader: () => import("./languages/Bash.vue.mjs"),
|
|
51
|
-
loadingComponent: Fallback
|
|
52
|
-
}),
|
|
53
|
-
{ size: props.size }
|
|
54
|
-
);
|
|
27
|
+
return "shell";
|
|
55
28
|
case "tf":
|
|
56
29
|
case "terraform":
|
|
57
30
|
case "hcl":
|
|
58
|
-
return
|
|
59
|
-
defineAsyncComponent({
|
|
60
|
-
loader: () => import("./languages/Terraform.vue.mjs"),
|
|
61
|
-
loadingComponent: Fallback
|
|
62
|
-
}),
|
|
63
|
-
{ size: props.size }
|
|
64
|
-
);
|
|
31
|
+
return "terraform";
|
|
65
32
|
case "html":
|
|
66
33
|
case "html5":
|
|
67
|
-
return
|
|
68
|
-
defineAsyncComponent({
|
|
69
|
-
loader: () => import("./languages/Html.vue.mjs"),
|
|
70
|
-
loadingComponent: Fallback
|
|
71
|
-
}),
|
|
72
|
-
{ size: props.size }
|
|
73
|
-
);
|
|
34
|
+
return "html";
|
|
74
35
|
case "css":
|
|
75
36
|
case "css3":
|
|
76
|
-
return
|
|
77
|
-
defineAsyncComponent({
|
|
78
|
-
loader: () => import("./languages/Css.vue.mjs"),
|
|
79
|
-
loadingComponent: Fallback
|
|
80
|
-
}),
|
|
81
|
-
{ size: props.size }
|
|
82
|
-
);
|
|
37
|
+
return "css";
|
|
83
38
|
case "npm":
|
|
84
|
-
return
|
|
85
|
-
defineAsyncComponent({
|
|
86
|
-
loader: () => import("./languages/Npm.vue.mjs"),
|
|
87
|
-
loadingComponent: Fallback
|
|
88
|
-
}),
|
|
89
|
-
{ size: props.size }
|
|
90
|
-
);
|
|
39
|
+
return "npm";
|
|
91
40
|
case "java":
|
|
92
|
-
return
|
|
93
|
-
defineAsyncComponent({
|
|
94
|
-
loader: () => import("./languages/Java.vue.mjs"),
|
|
95
|
-
loadingComponent: Fallback
|
|
96
|
-
}),
|
|
97
|
-
{ size: props.size }
|
|
98
|
-
);
|
|
41
|
+
return "java";
|
|
99
42
|
case "kotlin":
|
|
100
43
|
case "kt":
|
|
101
|
-
return
|
|
102
|
-
defineAsyncComponent({
|
|
103
|
-
loader: () => import("./languages/Kotlin.vue.mjs"),
|
|
104
|
-
loadingComponent: Fallback
|
|
105
|
-
}),
|
|
106
|
-
{ size: props.size }
|
|
107
|
-
);
|
|
44
|
+
return "kotlin";
|
|
108
45
|
case "go":
|
|
109
46
|
case "golang":
|
|
110
|
-
return
|
|
111
|
-
defineAsyncComponent({
|
|
112
|
-
loader: () => import("./languages/Go.vue.mjs"),
|
|
113
|
-
loadingComponent: Fallback
|
|
114
|
-
}),
|
|
115
|
-
{ size: props.size }
|
|
116
|
-
);
|
|
47
|
+
return "go";
|
|
117
48
|
case "python":
|
|
118
49
|
case "py":
|
|
119
|
-
return
|
|
120
|
-
defineAsyncComponent({
|
|
121
|
-
loader: () => import("./languages/Python.vue.mjs"),
|
|
122
|
-
loadingComponent: Fallback
|
|
123
|
-
}),
|
|
124
|
-
{ size: props.size }
|
|
125
|
-
);
|
|
50
|
+
return "python";
|
|
126
51
|
case "sql":
|
|
127
|
-
return
|
|
128
|
-
defineAsyncComponent({
|
|
129
|
-
loader: () => import("./languages/Sql.vue.mjs"),
|
|
130
|
-
loadingComponent: Fallback
|
|
131
|
-
}),
|
|
132
|
-
{ size: props.size }
|
|
133
|
-
);
|
|
52
|
+
return "sql";
|
|
134
53
|
case "json":
|
|
135
|
-
return
|
|
136
|
-
defineAsyncComponent({
|
|
137
|
-
loader: () => import("./languages/Json.vue.mjs"),
|
|
138
|
-
loadingComponent: Fallback
|
|
139
|
-
}),
|
|
140
|
-
{ size: props.size }
|
|
141
|
-
);
|
|
54
|
+
return "json";
|
|
142
55
|
case "lua":
|
|
143
|
-
return
|
|
144
|
-
defineAsyncComponent({
|
|
145
|
-
loader: () => import("./languages/Lua.vue.mjs"),
|
|
146
|
-
loadingComponent: Fallback
|
|
147
|
-
}),
|
|
148
|
-
{ size: props.size }
|
|
149
|
-
);
|
|
56
|
+
return "lua";
|
|
150
57
|
case "cs":
|
|
151
58
|
case "c#":
|
|
152
59
|
case "csharp":
|
|
153
|
-
return
|
|
154
|
-
defineAsyncComponent({
|
|
155
|
-
loader: () => import("./languages/Csharp.vue.mjs"),
|
|
156
|
-
loadingComponent: Fallback
|
|
157
|
-
}),
|
|
158
|
-
{ size: props.size }
|
|
159
|
-
);
|
|
60
|
+
return "csharp";
|
|
160
61
|
case "cpp":
|
|
161
62
|
case "c++":
|
|
162
|
-
return
|
|
163
|
-
defineAsyncComponent({
|
|
164
|
-
loader: () => import("./languages/Cplusplus.vue.mjs"),
|
|
165
|
-
loadingComponent: Fallback
|
|
166
|
-
}),
|
|
167
|
-
{ size: props.size }
|
|
168
|
-
);
|
|
63
|
+
return "cpp";
|
|
169
64
|
case "c":
|
|
170
65
|
case "clang":
|
|
171
|
-
return
|
|
172
|
-
defineAsyncComponent({
|
|
173
|
-
loader: () => import("./languages/C.vue.mjs"),
|
|
174
|
-
loadingComponent: Fallback
|
|
175
|
-
}),
|
|
176
|
-
{ size: props.size }
|
|
177
|
-
);
|
|
66
|
+
return "c";
|
|
178
67
|
default:
|
|
179
|
-
return
|
|
68
|
+
return "file";
|
|
180
69
|
}
|
|
181
70
|
};
|
|
71
|
+
const props = __props;
|
|
72
|
+
const Fallback = h(ElmMdiIcon, {
|
|
73
|
+
d: mdiCodeJson,
|
|
74
|
+
size: props.size ? `${props.size}px` : void 0
|
|
75
|
+
});
|
|
76
|
+
const defineIcon = (path) => h(
|
|
77
|
+
defineAsyncComponent({
|
|
78
|
+
loader: () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./languages/Bash.vue": () => import("./languages/Bash.vue.mjs"), "./languages/C.vue": () => import("./languages/C.vue.mjs"), "./languages/Cplusplus.vue": () => import("./languages/Cplusplus.vue.mjs"), "./languages/Csharp.vue": () => import("./languages/Csharp.vue.mjs"), "./languages/Css.vue": () => import("./languages/Css.vue.mjs"), "./languages/Go.vue": () => import("./languages/Go.vue.mjs"), "./languages/Html.vue": () => import("./languages/Html.vue.mjs"), "./languages/Java.vue": () => import("./languages/Java.vue.mjs"), "./languages/Javascript.vue": () => import("./languages/Javascript.vue.mjs"), "./languages/Json.vue": () => import("./languages/Json.vue.mjs"), "./languages/Kotlin.vue": () => import("./languages/Kotlin.vue.mjs"), "./languages/Lua.vue": () => import("./languages/Lua.vue.mjs"), "./languages/Npm.vue": () => import("./languages/Npm.vue.mjs"), "./languages/Python.vue": () => import("./languages/Python.vue.mjs"), "./languages/Rust.vue": () => import("./languages/Rust.vue.mjs"), "./languages/Sql.vue": () => import("./languages/Sql.vue.mjs"), "./languages/Terraform.vue": () => import("./languages/Terraform.vue.mjs"), "./languages/Typescript copy.vue": () => import("./languages/Typescript copy.vue.mjs"), "./languages/Typescript.vue": () => import("./languages/Typescript.vue.mjs") }), `./languages/${path}.vue`, 3),
|
|
79
|
+
loadingComponent: Fallback
|
|
80
|
+
}),
|
|
81
|
+
props
|
|
82
|
+
);
|
|
83
|
+
const ICON_MAP = {
|
|
84
|
+
rust: defineIcon("Rust"),
|
|
85
|
+
javascript: defineIcon("Javascript"),
|
|
86
|
+
typescript: defineIcon("Typescript"),
|
|
87
|
+
shell: defineIcon("Bash"),
|
|
88
|
+
terraform: defineIcon("Terraform"),
|
|
89
|
+
html: defineIcon("Html"),
|
|
90
|
+
css: defineIcon("Css"),
|
|
91
|
+
npm: defineIcon("Npm"),
|
|
92
|
+
java: defineIcon("Java"),
|
|
93
|
+
kotlin: defineIcon("Kotlin"),
|
|
94
|
+
go: defineIcon("Go"),
|
|
95
|
+
python: defineIcon("Python"),
|
|
96
|
+
sql: defineIcon("Sql"),
|
|
97
|
+
json: defineIcon("Json"),
|
|
98
|
+
lua: defineIcon("Lua"),
|
|
99
|
+
csharp: defineIcon("Csharp"),
|
|
100
|
+
cpp: defineIcon("Cplusplus"),
|
|
101
|
+
c: defineIcon("C"),
|
|
102
|
+
file: h(Fallback)
|
|
103
|
+
};
|
|
104
|
+
const render = () => {
|
|
105
|
+
const normalizedLanguage = normalizeLanguage(props.language);
|
|
106
|
+
return ICON_MAP[normalizedLanguage];
|
|
107
|
+
};
|
|
182
108
|
return (_ctx, _cache) => {
|
|
183
109
|
return openBlock(), createElementBlock("div", {
|
|
184
110
|
class: normalizeClass(_ctx.$style.block),
|
|
185
111
|
style: normalizeStyle({ "--size": _ctx.size })
|
|
186
112
|
}, [
|
|
187
|
-
createVNode(Transition, {
|
|
113
|
+
createVNode(Transition, {
|
|
114
|
+
mode: "out-in",
|
|
115
|
+
"enter-from-class": unref(fadeStyle)["fade-enter-from"],
|
|
116
|
+
"enter-active-class": unref(fadeStyle)["fade-enter-active"],
|
|
117
|
+
"enter-to-class": unref(fadeStyle)["fade-enter-to"],
|
|
118
|
+
"leave-from-class": unref(fadeStyle)["fade-leave-from"],
|
|
119
|
+
"leave-active-class": unref(fadeStyle)["fade-leave-active"],
|
|
120
|
+
"leave-to-class": unref(fadeStyle)["fade-leave-to"]
|
|
121
|
+
}, {
|
|
188
122
|
default: withCtx(() => [
|
|
189
123
|
(openBlock(), createBlock(resolveDynamicComponent(render()), {
|
|
190
124
|
class: normalizeClass(_ctx.$style.icon),
|
|
@@ -192,7 +126,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
192
126
|
}, null, 8, ["class"]))
|
|
193
127
|
]),
|
|
194
128
|
_: 1
|
|
195
|
-
})
|
|
129
|
+
}, 8, ["enter-from-class", "enter-active-class", "enter-to-class", "leave-from-class", "leave-active-class", "leave-to-class"])
|
|
196
130
|
], 6);
|
|
197
131
|
};
|
|
198
132
|
}
|
|
@@ -3,14 +3,14 @@
|
|
|
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("._block_1kc6l_1{box-sizing:border-box;display:inline-block;height:var(--size);width:var(--size)}"));
|
|
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 block = "
|
|
13
|
+
const block = "_block_1kc6l_1";
|
|
14
14
|
const style0 = {
|
|
15
15
|
block
|
|
16
16
|
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
|
|
2
|
+
const _hoisted_1 = ["width", "height"];
|
|
3
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
4
|
+
__name: "Typescript copy",
|
|
5
|
+
props: {
|
|
6
|
+
size: { default: 24 }
|
|
7
|
+
},
|
|
8
|
+
setup(__props) {
|
|
9
|
+
return (_ctx, _cache) => {
|
|
10
|
+
return openBlock(), createElementBlock("svg", {
|
|
11
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
12
|
+
width: _ctx.size,
|
|
13
|
+
height: _ctx.size,
|
|
14
|
+
viewBox: "0 0 128 128"
|
|
15
|
+
}, _cache[0] || (_cache[0] = [
|
|
16
|
+
createElementVNode("path", {
|
|
17
|
+
fill: "#fff",
|
|
18
|
+
d: "M22.67 47h99.67v73.67H22.67z"
|
|
19
|
+
}, null, -1),
|
|
20
|
+
createElementVNode("path", {
|
|
21
|
+
fill: "#007acc",
|
|
22
|
+
d: "M1.5 63.91v62.5h125v-125H1.5zm100.73-5a15.56 15.56 0 0 1 7.82 4.5a20.6 20.6 0 0 1 3 4c0 .16-5.4 3.81-8.69 5.85c-.12.08-.6-.44-1.13-1.23a7.09 7.09 0 0 0-5.87-3.53c-3.79-.26-6.23 1.73-6.21 5a4.6 4.6 0 0 0 .54 2.34c.83 1.73 2.38 2.76 7.24 4.86c8.95 3.85 12.78 6.39 15.16 10c2.66 4 3.25 10.46 1.45 15.24c-2 5.2-6.9 8.73-13.83 9.9a38.3 38.3 0 0 1-9.52-.1a23 23 0 0 1-12.72-6.63c-1.15-1.27-3.39-4.58-3.25-4.82a9 9 0 0 1 1.15-.73L82 101l3.59-2.08l.75 1.11a16.8 16.8 0 0 0 4.74 4.54c4 2.1 9.46 1.81 12.16-.62a5.43 5.43 0 0 0 .69-6.92c-1-1.39-3-2.56-8.59-5c-6.45-2.78-9.23-4.5-11.77-7.24a16.5 16.5 0 0 1-3.43-6.25a25 25 0 0 1-.22-8c1.33-6.23 6-10.58 12.82-11.87a31.7 31.7 0 0 1 9.49.26zm-29.34 5.24v5.12H56.66v46.23H45.15V69.26H28.88v-5a49 49 0 0 1 .12-5.17C29.08 59 39 59 51 59h21.83z"
|
|
23
|
+
}, null, -1)
|
|
24
|
+
]), 8, _hoisted_1);
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
export {
|
|
29
|
+
_sfc_main as default
|
|
30
|
+
};
|
|
@@ -114,13 +114,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
114
114
|
default: withCtx(() => [
|
|
115
115
|
isModalOpen.value ? (openBlock(), createElementBlock("div", {
|
|
116
116
|
key: 0,
|
|
117
|
-
class: normalizeClass(_ctx.$style.modal)
|
|
117
|
+
class: normalizeClass(_ctx.$style.modal),
|
|
118
|
+
onClick: _cache[1] || (_cache[1] = ($event) => isModalOpen.value = false)
|
|
118
119
|
}, [
|
|
119
120
|
createElementVNode("img", {
|
|
120
121
|
class: normalizeClass(_ctx.$style["modal-image"]),
|
|
121
122
|
src: _ctx.src,
|
|
122
|
-
alt: _ctx.alt
|
|
123
|
-
onClick: _cache[1] || (_cache[1] = ($event) => isModalOpen.value = false)
|
|
123
|
+
alt: _ctx.alt
|
|
124
124
|
}, null, 10, _hoisted_2)
|
|
125
125
|
], 2)) : createCommentVNode("", true)
|
|
126
126
|
]),
|
|
@@ -3,27 +3,27 @@
|
|
|
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("._wrapper_1w3gk_1{width:100%;display:flex;flex-direction:column;align-items:center}._image_1w3gk_8{display:block;margin-block:var(--margin-block);max-width:100%;max-height:100vh;cursor:var(--cursor)}._error_1w3gk_16{display:flex;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;min-height:10rem;line-height:1.5rem;color:#c56565}._fallback_1w3gk_28{margin-block:var(--margin-block);margin:0;padding:0;position:relative;width:100%;z-index:1;display:flex;justify-content:center;align-items:center;aspect-ratio:1200/630}._image-block_1w3gk_41{overflow:hidden;border-radius:.25rem;box-shadow:0 0 .125rem #0000004d;display:block;max-width:100%;max-height:100vh;cursor:zoom-in}._alt-container_1w3gk_51{max-width:80%;margin:1rem;display:flex;justify-content:center;align-items:center;gap:1rem;color:#6987b8;opacity:.8}._modal_1w3gk_62{position:fixed;z-index:10;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#23262acc;cursor:zoom-out}._modal-image_1w3gk_76{display:block;max-width:100%;cursor:zoom-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 wrapper = "
|
|
14
|
-
const image = "
|
|
15
|
-
const error = "
|
|
16
|
-
const fallback = "
|
|
17
|
-
const modal = "
|
|
13
|
+
const wrapper = "_wrapper_1w3gk_1";
|
|
14
|
+
const image = "_image_1w3gk_8";
|
|
15
|
+
const error = "_error_1w3gk_16";
|
|
16
|
+
const fallback = "_fallback_1w3gk_28";
|
|
17
|
+
const modal = "_modal_1w3gk_62";
|
|
18
18
|
const style0 = {
|
|
19
19
|
wrapper,
|
|
20
20
|
image,
|
|
21
21
|
error,
|
|
22
22
|
fallback,
|
|
23
|
-
"image-block": "_image-
|
|
24
|
-
"alt-container": "_alt-
|
|
23
|
+
"image-block": "_image-block_1w3gk_41",
|
|
24
|
+
"alt-container": "_alt-container_1w3gk_51",
|
|
25
25
|
modal,
|
|
26
|
-
"modal-image": "_modal-
|
|
26
|
+
"modal-image": "_modal-image_1w3gk_76"
|
|
27
27
|
};
|
|
28
28
|
export {
|
|
29
29
|
style0 as default,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/vue3';
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
2
|
import { default as ElmJsonComponentRenderer } from './ElmJsonComponentRenderer.vue';
|
|
3
3
|
declare const meta: Meta<typeof ElmJsonComponentRenderer>;
|
|
4
4
|
export default meta;
|
|
@@ -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-
|
|
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}\n.v-enter-to[data-v-d15a5efe],.v-leave-from[data-v-d15a5efe]{opacity:1}.v-enter-active[data-v-d15a5efe],.v-leave-active[data-v-d15a5efe]{transition:opacity .1s}.v-enter-from[data-v-d15a5efe],.v-leave-to[data-v-d15a5efe]{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-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) {
|
|
@@ -12,7 +12,6 @@
|
|
|
12
12
|
})();
|
|
13
13
|
import { defineComponent, useCssModule, defineAsyncComponent, createBlock, openBlock, resolveDynamicComponent, unref, h } from "vue";
|
|
14
14
|
import "@mdi/js";
|
|
15
|
-
|
|
16
15
|
import "polished";
|
|
17
16
|
import "@vueuse/core";
|
|
18
17
|
import ElmBlockFallback from "../fallback/ElmBlockFallback.vue.mjs";
|
|
@@ -153,18 +152,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
153
152
|
List: ({ props: props2, slots }) => h(
|
|
154
153
|
AsyncElmList,
|
|
155
154
|
{
|
|
156
|
-
listStyle:
|
|
155
|
+
listStyle: props2?.listStyle === "unordered" ? "unordered" : "ordered"
|
|
157
156
|
},
|
|
158
157
|
{ default: () => render2(slots.default) }
|
|
159
158
|
),
|
|
160
159
|
BlockQuote: ({ props: props2, slots }) => h(
|
|
161
160
|
AsyncElmBlockQuote,
|
|
162
|
-
{ cite: props2
|
|
161
|
+
{ cite: props2?.cite },
|
|
163
162
|
{ default: () => render2(slots.default) }
|
|
164
163
|
),
|
|
165
164
|
Callout: ({ props: props2, slots }) => h(
|
|
166
165
|
AsyncElmCallout,
|
|
167
|
-
{ type: props2
|
|
166
|
+
{ type: props2?.type },
|
|
168
167
|
{ default: () => render2(slots.default) }
|
|
169
168
|
),
|
|
170
169
|
Divider: ({}) => h(AsyncElmDivider, {}),
|
|
@@ -207,7 +206,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
207
206
|
}
|
|
208
207
|
return h(
|
|
209
208
|
AsyncElmTable,
|
|
210
|
-
{ caption: props2
|
|
209
|
+
{ caption: props2?.caption, hasRowHeader: props2?.hasRowHeader },
|
|
211
210
|
{
|
|
212
211
|
body: () => h(AsyncElmTableBody, {}, { default: () => render2(slots.body) }),
|
|
213
212
|
header: header ? () => header : void 0
|
|
@@ -226,7 +225,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
226
225
|
{ class: style.column },
|
|
227
226
|
{ default: () => render2(slots.default) }
|
|
228
227
|
),
|
|
229
|
-
Unsupported: ({ props: props2 }) => h(AsyncElmUnsupportedBlock, { details: props2
|
|
228
|
+
Unsupported: ({ props: props2 }) => h(AsyncElmUnsupportedBlock, { details: props2?.details })
|
|
230
229
|
};
|
|
231
230
|
};
|
|
232
231
|
const render = (jsonComponents) => {
|