@elmethis/core 0.2.3 → 0.2.4
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/ElmConfirmModal.stories.d.ts +6 -0
- package/dist/components/containments/ElmConfirmModal.vue.d.ts +37 -0
- package/dist/components/containments/ElmConfirmModal.vue.mjs +10 -0
- package/dist/components/containments/ElmConfirmModal.vue2.mjs +98 -0
- package/dist/components/containments/ElmConfirmModal.vue3.mjs +23 -0
- package/dist/components/containments/ElmModal.vue.d.ts +13 -14
- package/dist/components/containments/ElmModal.vue.mjs +1 -14
- package/dist/components/containments/ElmModal.vue2.mjs +35 -23
- package/dist/components/containments/ElmModal.vue3.mjs +3 -3
- package/dist/components/form/ElmButton.vue.d.ts +1 -0
- package/dist/components/form/ElmButton.vue.mjs +2 -2
- package/dist/components/form/ElmButton.vue2.mjs +6 -3
- package/dist/components/form/ElmButton.vue3.mjs +11 -8
- package/dist/components/others/ElmJsonComponentRenderer.vue2.mjs +2 -3
- package/dist/index.d.ts +2 -0
- package/dist/index.mjs +100 -98
- package/package.json +1 -1
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import { default as ElmConfirmModal } from './ElmConfirmModal.vue';
|
|
3
|
+
declare const meta: Meta<typeof ElmConfirmModal>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Primary: Story;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { VNode } from 'vue';
|
|
2
|
+
export interface ElmConfirmModalProps {
|
|
3
|
+
title: string;
|
|
4
|
+
closeOnClickOutside?: boolean;
|
|
5
|
+
onConfirm: () => void | Promise<void>;
|
|
6
|
+
onSuccess?: () => void;
|
|
7
|
+
onError?: (error: unknown) => void;
|
|
8
|
+
}
|
|
9
|
+
type __VLS_Props = ElmConfirmModalProps;
|
|
10
|
+
type __VLS_PublicProps = {
|
|
11
|
+
modelValue?: boolean;
|
|
12
|
+
} & __VLS_Props;
|
|
13
|
+
declare function __VLS_template(): {
|
|
14
|
+
attrs: Partial<{}>;
|
|
15
|
+
slots: Readonly<{
|
|
16
|
+
default?: () => VNode;
|
|
17
|
+
}> & {
|
|
18
|
+
default?: () => VNode;
|
|
19
|
+
};
|
|
20
|
+
refs: {};
|
|
21
|
+
rootEl: any;
|
|
22
|
+
};
|
|
23
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
24
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
25
|
+
"update:modelValue": (value: boolean) => any;
|
|
26
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
27
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
28
|
+
}>, {
|
|
29
|
+
closeOnClickOutside: boolean;
|
|
30
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
31
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
32
|
+
export default _default;
|
|
33
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
34
|
+
new (): {
|
|
35
|
+
$slots: S;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import _sfc_main from "./ElmConfirmModal.vue2.mjs";
|
|
2
|
+
import style0 from "./ElmConfirmModal.vue3.mjs";
|
|
3
|
+
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
+
const cssModules = {
|
|
5
|
+
"$style": style0
|
|
6
|
+
};
|
|
7
|
+
const ElmConfirmModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
|
|
8
|
+
export {
|
|
9
|
+
ElmConfirmModal as default
|
|
10
|
+
};
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import { defineComponent, mergeModels, useModel, ref, createBlock, openBlock, withCtx, createElementVNode, createVNode, createTextVNode, toDisplayString, normalizeClass, renderSlot, unref } from "vue";
|
|
2
|
+
import ElmButton from "../form/ElmButton.vue.mjs";
|
|
3
|
+
import ElmMdiIcon from "../icon/ElmMdiIcon.vue.mjs";
|
|
4
|
+
import { mdiArrowLeft, mdiCheckCircle } from "@mdi/js";
|
|
5
|
+
import ElmHeading from "../typography/ElmHeading.vue.mjs";
|
|
6
|
+
import ElmModal from "./ElmModal.vue.mjs";
|
|
7
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
8
|
+
__name: "ElmConfirmModal",
|
|
9
|
+
props: /* @__PURE__ */ mergeModels({
|
|
10
|
+
title: {},
|
|
11
|
+
closeOnClickOutside: { type: Boolean, default: true },
|
|
12
|
+
onConfirm: {},
|
|
13
|
+
onSuccess: {},
|
|
14
|
+
onError: {}
|
|
15
|
+
}, {
|
|
16
|
+
"modelValue": { type: Boolean, ...{ default: false } },
|
|
17
|
+
"modelModifiers": {}
|
|
18
|
+
}),
|
|
19
|
+
emits: ["update:modelValue"],
|
|
20
|
+
setup(__props) {
|
|
21
|
+
const props = __props;
|
|
22
|
+
const isOpen = useModel(__props, "modelValue");
|
|
23
|
+
const loading = ref(false);
|
|
24
|
+
const handleConfirm = async () => {
|
|
25
|
+
loading.value = true;
|
|
26
|
+
try {
|
|
27
|
+
await props.onConfirm();
|
|
28
|
+
loading.value = false;
|
|
29
|
+
isOpen.value = false;
|
|
30
|
+
if (props.onSuccess) props.onSuccess();
|
|
31
|
+
} catch (e) {
|
|
32
|
+
if (props.onError) props.onError(e);
|
|
33
|
+
loading.value = false;
|
|
34
|
+
isOpen.value = false;
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
return (_ctx, _cache) => {
|
|
38
|
+
return openBlock(), createBlock(ElmModal, {
|
|
39
|
+
modelValue: isOpen.value,
|
|
40
|
+
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isOpen.value = $event),
|
|
41
|
+
"close-on-click-outside": _ctx.closeOnClickOutside
|
|
42
|
+
}, {
|
|
43
|
+
default: withCtx(() => [
|
|
44
|
+
createElementVNode("div", null, [
|
|
45
|
+
createVNode(ElmHeading, {
|
|
46
|
+
level: 2,
|
|
47
|
+
"disable-fragment-identifier": ""
|
|
48
|
+
}, {
|
|
49
|
+
default: withCtx(() => [
|
|
50
|
+
createTextVNode(toDisplayString(_ctx.title), 1)
|
|
51
|
+
]),
|
|
52
|
+
_: 1
|
|
53
|
+
}),
|
|
54
|
+
createElementVNode("div", {
|
|
55
|
+
class: normalizeClass(_ctx.$style.body)
|
|
56
|
+
}, [
|
|
57
|
+
renderSlot(_ctx.$slots, "default")
|
|
58
|
+
], 2),
|
|
59
|
+
createElementVNode("div", {
|
|
60
|
+
class: normalizeClass(_ctx.$style.button)
|
|
61
|
+
}, [
|
|
62
|
+
createVNode(ElmButton, {
|
|
63
|
+
block: "",
|
|
64
|
+
onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = false),
|
|
65
|
+
loading: loading.value
|
|
66
|
+
}, {
|
|
67
|
+
default: withCtx(() => [
|
|
68
|
+
createVNode(ElmMdiIcon, { d: unref(mdiArrowLeft) }, null, 8, ["d"]),
|
|
69
|
+
_cache[2] || (_cache[2] = createElementVNode("span", null, "Cancel", -1))
|
|
70
|
+
]),
|
|
71
|
+
_: 1
|
|
72
|
+
}, 8, ["loading"]),
|
|
73
|
+
createVNode(ElmButton, {
|
|
74
|
+
block: "",
|
|
75
|
+
onClick: handleConfirm,
|
|
76
|
+
primary: "",
|
|
77
|
+
loading: loading.value
|
|
78
|
+
}, {
|
|
79
|
+
default: withCtx(() => [
|
|
80
|
+
createVNode(ElmMdiIcon, {
|
|
81
|
+
d: unref(mdiCheckCircle),
|
|
82
|
+
color: "currentColor"
|
|
83
|
+
}, null, 8, ["d"]),
|
|
84
|
+
_cache[3] || (_cache[3] = createElementVNode("span", null, " Confirm ", -1))
|
|
85
|
+
]),
|
|
86
|
+
_: 1
|
|
87
|
+
}, 8, ["loading"])
|
|
88
|
+
], 2)
|
|
89
|
+
])
|
|
90
|
+
]),
|
|
91
|
+
_: 3
|
|
92
|
+
}, 8, ["modelValue", "close-on-click-outside"]);
|
|
93
|
+
};
|
|
94
|
+
}
|
|
95
|
+
});
|
|
96
|
+
export {
|
|
97
|
+
_sfc_main as default
|
|
98
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
(function() {
|
|
2
|
+
"use strict";
|
|
3
|
+
try {
|
|
4
|
+
if (typeof document != "undefined") {
|
|
5
|
+
var elementStyle = document.createElement("style");
|
|
6
|
+
elementStyle.appendChild(document.createTextNode("._body_1xnif_1{margin-block:3rem}._button_1xnif_5{width:100%;display:flex;flex-direction:row;gap:.5rem}"));
|
|
7
|
+
document.head.appendChild(elementStyle);
|
|
8
|
+
}
|
|
9
|
+
} catch (e) {
|
|
10
|
+
console.error("vite-plugin-css-injected-by-js", e);
|
|
11
|
+
}
|
|
12
|
+
})();
|
|
13
|
+
const body = "_body_1xnif_1";
|
|
14
|
+
const button = "_button_1xnif_5";
|
|
15
|
+
const style0 = {
|
|
16
|
+
body,
|
|
17
|
+
button
|
|
18
|
+
};
|
|
19
|
+
export {
|
|
20
|
+
body,
|
|
21
|
+
button,
|
|
22
|
+
style0 as default
|
|
23
|
+
};
|
|
@@ -1,31 +1,30 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { VNode } from 'vue';
|
|
2
2
|
export interface ElmModalProps {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
* @default '90%'
|
|
6
|
-
*/
|
|
7
|
-
width: Property.Width;
|
|
3
|
+
width?: string;
|
|
4
|
+
closeOnClickOutside?: boolean;
|
|
8
5
|
}
|
|
9
6
|
type __VLS_Props = ElmModalProps;
|
|
10
7
|
type __VLS_PublicProps = {
|
|
11
|
-
|
|
8
|
+
modelValue?: boolean;
|
|
12
9
|
} & __VLS_Props;
|
|
13
10
|
declare function __VLS_template(): {
|
|
14
11
|
attrs: Partial<{}>;
|
|
15
|
-
slots: {
|
|
16
|
-
default
|
|
12
|
+
slots: Readonly<{
|
|
13
|
+
default?: () => VNode;
|
|
14
|
+
}> & {
|
|
15
|
+
default?: () => VNode;
|
|
17
16
|
};
|
|
18
17
|
refs: {};
|
|
19
|
-
rootEl:
|
|
18
|
+
rootEl: any;
|
|
20
19
|
};
|
|
21
20
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
22
21
|
declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
23
|
-
"update:
|
|
22
|
+
"update:modelValue": (value: boolean) => any;
|
|
24
23
|
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
25
|
-
"onUpdate:
|
|
24
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
26
25
|
}>, {
|
|
27
|
-
|
|
28
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {},
|
|
26
|
+
closeOnClickOutside: boolean;
|
|
27
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
29
28
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
30
29
|
export default _default;
|
|
31
30
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -1,23 +1,10 @@
|
|
|
1
|
-
(function() {
|
|
2
|
-
"use strict";
|
|
3
|
-
try {
|
|
4
|
-
if (typeof document != "undefined") {
|
|
5
|
-
var elementStyle = document.createElement("style");
|
|
6
|
-
elementStyle.appendChild(document.createTextNode(".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}"));
|
|
7
|
-
document.head.appendChild(elementStyle);
|
|
8
|
-
}
|
|
9
|
-
} catch (e) {
|
|
10
|
-
console.error("vite-plugin-css-injected-by-js", e);
|
|
11
|
-
}
|
|
12
|
-
})();
|
|
13
1
|
import _sfc_main from "./ElmModal.vue2.mjs";
|
|
14
2
|
import style0 from "./ElmModal.vue3.mjs";
|
|
15
|
-
|
|
16
3
|
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
17
4
|
const cssModules = {
|
|
18
5
|
"$style": style0
|
|
19
6
|
};
|
|
20
|
-
const ElmModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]
|
|
7
|
+
const ElmModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
|
|
21
8
|
export {
|
|
22
9
|
ElmModal as default
|
|
23
10
|
};
|
|
@@ -1,41 +1,53 @@
|
|
|
1
|
-
import { defineComponent, mergeModels, useModel,
|
|
1
|
+
import { defineComponent, mergeModels, useSlots, useModel, createBlock, openBlock, Teleport, createVNode, Transition, unref, withCtx, createElementBlock, createCommentVNode, normalizeClass, createElementVNode, withModifiers, normalizeStyle, renderSlot } from "vue";
|
|
2
|
+
import fadeStyle from "../../styles/transition-fade.module.scss.mjs";
|
|
2
3
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
3
4
|
__name: "ElmModal",
|
|
4
5
|
props: /* @__PURE__ */ mergeModels({
|
|
5
|
-
width: {
|
|
6
|
+
width: {},
|
|
7
|
+
closeOnClickOutside: { type: Boolean, default: true }
|
|
6
8
|
}, {
|
|
7
|
-
"
|
|
8
|
-
default:
|
|
9
|
+
"modelValue": { type: Boolean, ...{
|
|
10
|
+
default: false
|
|
9
11
|
} },
|
|
10
|
-
"
|
|
12
|
+
"modelModifiers": {}
|
|
11
13
|
}),
|
|
12
|
-
emits: ["update:
|
|
14
|
+
emits: ["update:modelValue"],
|
|
13
15
|
setup(__props) {
|
|
14
|
-
|
|
16
|
+
useSlots();
|
|
17
|
+
const isOpen = useModel(__props, "modelValue");
|
|
15
18
|
return (_ctx, _cache) => {
|
|
16
|
-
return openBlock(),
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
19
|
+
return openBlock(), createBlock(Teleport, { to: "body" }, [
|
|
20
|
+
createVNode(Transition, {
|
|
21
|
+
"leave-from-class": unref(fadeStyle)["fade-leave-from"],
|
|
22
|
+
"enter-to-class": unref(fadeStyle)["fade-enter-to"],
|
|
23
|
+
"enter-active-class": unref(fadeStyle)["fade-enter-active"],
|
|
24
|
+
"leave-active-class": unref(fadeStyle)["fade-leave-active"],
|
|
25
|
+
"enter-from-class": unref(fadeStyle)["fade-enter-from"],
|
|
26
|
+
"leave-to-class": unref(fadeStyle)["fade-leave-to"]
|
|
27
|
+
}, {
|
|
25
28
|
default: withCtx(() => [
|
|
26
29
|
isOpen.value ? (openBlock(), createElementBlock("div", {
|
|
27
30
|
key: 0,
|
|
28
|
-
class: normalizeClass(_ctx.$style.
|
|
29
|
-
|
|
30
|
-
|
|
31
|
+
class: normalizeClass(_ctx.$style.provider),
|
|
32
|
+
onClick: _cache[1] || (_cache[1] = () => {
|
|
33
|
+
if (_ctx.closeOnClickOutside) isOpen.value = false;
|
|
31
34
|
})
|
|
32
35
|
}, [
|
|
33
|
-
|
|
34
|
-
|
|
36
|
+
createElementVNode("div", {
|
|
37
|
+
class: normalizeClass(_ctx.$style.modal),
|
|
38
|
+
style: normalizeStyle({
|
|
39
|
+
"--width": _ctx.width
|
|
40
|
+
}),
|
|
41
|
+
onClick: _cache[0] || (_cache[0] = withModifiers(() => {
|
|
42
|
+
}, ["stop"]))
|
|
43
|
+
}, [
|
|
44
|
+
renderSlot(_ctx.$slots, "default")
|
|
45
|
+
], 6)
|
|
46
|
+
], 2)) : createCommentVNode("", true)
|
|
35
47
|
]),
|
|
36
48
|
_: 3
|
|
37
|
-
})
|
|
38
|
-
]
|
|
49
|
+
}, 8, ["leave-from-class", "enter-to-class", "enter-active-class", "leave-active-class", "enter-from-class", "leave-to-class"])
|
|
50
|
+
]);
|
|
39
51
|
};
|
|
40
52
|
}
|
|
41
53
|
});
|
|
@@ -3,15 +3,15 @@
|
|
|
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("._provider_iydma_1{margin:0;padding:0;position:fixed;left:0;top:0;z-index:100;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;transition:opacity .4s;background-color:#23262acc}._provider_iydma_1 ._modal_iydma_16{box-sizing:border-box;max-width:min(500px,100vw - 1rem);width:100%;width:var(--width, 100%);padding:.5rem;border-radius:.25rem;background-color:#fffc}"));
|
|
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 provider = "
|
|
14
|
-
const modal = "
|
|
13
|
+
const provider = "_provider_iydma_1";
|
|
14
|
+
const modal = "_modal_iydma_16";
|
|
15
15
|
const style0 = {
|
|
16
16
|
provider,
|
|
17
17
|
modal
|
|
@@ -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-5ff21f4c],.v-leave-from[data-v-5ff21f4c]{opacity:1}.v-enter-active[data-v-5ff21f4c],.v-leave-active[data-v-5ff21f4c]{transition:opacity .1s}.v-enter-from[data-v-5ff21f4c],.v-leave-to[data-v-5ff21f4c]{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-
|
|
20
|
+
const ElmButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-5ff21f4c"]]);
|
|
21
21
|
export {
|
|
22
22
|
ElmButton as default
|
|
23
23
|
};
|
|
@@ -6,6 +6,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
6
6
|
loading: { type: Boolean, default: false },
|
|
7
7
|
block: { type: Boolean, default: false },
|
|
8
8
|
disabled: { type: Boolean, default: false },
|
|
9
|
+
color: {},
|
|
9
10
|
primary: { type: Boolean, default: false },
|
|
10
11
|
onClick: {}
|
|
11
12
|
},
|
|
@@ -29,15 +30,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
29
30
|
_ctx.$style.button,
|
|
30
31
|
{
|
|
31
32
|
[_ctx.$style.enable]: !_ctx.loading && !_ctx.disabled,
|
|
32
|
-
[_ctx.$style.
|
|
33
|
-
[_ctx.$style.
|
|
33
|
+
[_ctx.$style.colored]: _ctx.color,
|
|
34
|
+
[_ctx.$style.normal]: !_ctx.color && !_ctx.primary,
|
|
35
|
+
[_ctx.$style.primary]: !_ctx.color && _ctx.primary
|
|
34
36
|
}
|
|
35
37
|
]),
|
|
36
38
|
style: normalizeStyle({
|
|
37
39
|
display: _ctx.block ? "flex" : "inline-flex",
|
|
38
40
|
width: _ctx.block ? "100%" : "auto",
|
|
39
41
|
cursor: _ctx.disabled ? "not-allowed" : _ctx.loading ? "progress" : "pointer",
|
|
40
|
-
"--opacity": _ctx.disabled ? 0.6 : void 0
|
|
42
|
+
"--opacity": _ctx.disabled ? 0.6 : void 0,
|
|
43
|
+
"--color": _ctx.color
|
|
41
44
|
}),
|
|
42
45
|
onClick: handleClick
|
|
43
46
|
}, [
|
|
@@ -3,30 +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("._button_r1dtw_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;-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 .25rem #0003}[data-theme=dark] ._button_r1dtw_1{box-shadow:0 0 .25rem #0009}._normal_r1dtw_23{color:#0009;background-color:#fffc}[data-theme=dark] ._normal_r1dtw_23,._primary_r1dtw_32{color:#fff9;background-color:#3e434b}[data-theme=dark] ._primary_r1dtw_32{color:#0009;background-color:#fffc}._colored_r1dtw_41{background-color:var(--color)}._enable_r1dtw_45{transition:opacity .2s,transform .2s}[data-theme=dark] ._enable_r1dtw_45:hover{transform:translate(-1px) translateY(-1px);opacity:.7;opacity:var(--opacity, .7)}[data-theme=dark] ._enable_r1dtw_45:active{transform:translate(1px) translateY(1px);opacity:.5;opacity:var(--opacity, .5)}._enable_r1dtw_45:hover{transform:translate(-1px) translateY(-1px);opacity:.7;opacity:var(--opacity, .7)}._enable_r1dtw_45:active{transform:translate(1px) translateY(1px);opacity:.5;opacity:var(--opacity, .5)}._flex_r1dtw_65{display:flex;justify-content:center;align-items:center;gap:.5rem}@keyframes _button-ripple_r1dtw_1{0%{transform:scale(0);opacity:1}to{transform:scale(1.2);opacity:0}}._ripple_r1dtw_82{position:absolute;pointer-events:none;border-radius:50%;background-color:#80808059;width:100%;aspect-ratio:1/1;transition:none;opacity:0;animation-name:_button-ripple_r1dtw_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 = "
|
|
14
|
-
const normal = "
|
|
15
|
-
const primary = "
|
|
16
|
-
const
|
|
17
|
-
const
|
|
18
|
-
const
|
|
13
|
+
const button = "_button_r1dtw_1";
|
|
14
|
+
const normal = "_normal_r1dtw_23";
|
|
15
|
+
const primary = "_primary_r1dtw_32";
|
|
16
|
+
const colored = "_colored_r1dtw_41";
|
|
17
|
+
const enable = "_enable_r1dtw_45";
|
|
18
|
+
const flex = "_flex_r1dtw_65";
|
|
19
|
+
const ripple = "_ripple_r1dtw_82";
|
|
19
20
|
const style0 = {
|
|
20
21
|
button,
|
|
21
22
|
normal,
|
|
22
23
|
primary,
|
|
24
|
+
colored,
|
|
23
25
|
enable,
|
|
24
26
|
flex,
|
|
25
27
|
ripple,
|
|
26
|
-
"button-ripple": "_button-
|
|
28
|
+
"button-ripple": "_button-ripple_r1dtw_1"
|
|
27
29
|
};
|
|
28
30
|
export {
|
|
29
31
|
button,
|
|
32
|
+
colored,
|
|
30
33
|
style0 as default,
|
|
31
34
|
enable,
|
|
32
35
|
flex,
|
|
@@ -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-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-
|
|
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-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-5ff21f4c],.v-leave-from[data-v-5ff21f4c]{opacity:1}.v-enter-active[data-v-5ff21f4c],.v-leave-active[data-v-5ff21f4c]{transition:opacity .1s}.v-enter-from[data-v-5ff21f4c],.v-leave-to[data-v-5ff21f4c]{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) {
|
|
@@ -18,12 +18,11 @@ import "@vueuse/core";
|
|
|
18
18
|
import ElmBlockFallback from "../fallback/ElmBlockFallback.vue.mjs";
|
|
19
19
|
|
|
20
20
|
|
|
21
|
-
|
|
21
|
+
import "lodash-es";
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
import "nanoid";
|
|
25
25
|
|
|
26
|
-
import "lodash-es";
|
|
27
26
|
|
|
28
27
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
29
28
|
__name: "ElmJsonComponentRenderer",
|
package/dist/index.d.ts
CHANGED
|
@@ -4,6 +4,8 @@ export type { ElmKatexProps } from './components/code/ElmKatex.vue';
|
|
|
4
4
|
export { default as ElmKatex } from './components/code/ElmKatex.vue';
|
|
5
5
|
export type { ElmDesktopWindowProps } from './components/containments/ElmDesktopWindow.vue';
|
|
6
6
|
export { default as ElmDesktopWindow } from './components/containments/ElmDesktopWindow.vue';
|
|
7
|
+
export type { ElmConfirmModalProps } from './components/containments/ElmConfirmModal.vue';
|
|
8
|
+
export { default as ElmConfirmModal } from './components/containments/ElmConfirmModal.vue';
|
|
7
9
|
export type { ElmModalProps } from './components/containments/ElmModal.vue';
|
|
8
10
|
export { default as ElmModal } from './components/containments/ElmModal.vue';
|
|
9
11
|
export type { ElmParallaxProps } from './components/containments/ElmParallax.vue';
|
package/dist/index.mjs
CHANGED
|
@@ -13,111 +13,113 @@
|
|
|
13
13
|
import { default as default2 } from "./components/code/ElmCodeBlock.vue.mjs";
|
|
14
14
|
import { default as default3 } from "./components/code/ElmKatex.vue.mjs";
|
|
15
15
|
import { default as default4 } from "./components/containments/ElmDesktopWindow.vue.mjs";
|
|
16
|
-
import { default as default5 } from "./components/containments/
|
|
17
|
-
import { default as default6 } from "./components/containments/
|
|
18
|
-
import { default as default7 } from "./components/containments/
|
|
19
|
-
import { default as default8 } from "./components/containments/
|
|
20
|
-
import { default as default9 } from "./components/containments/
|
|
21
|
-
import { default as default10 } from "./components/containments/
|
|
22
|
-
import { default as default11 } from "./components/containments/
|
|
23
|
-
import { default as default12 } from "./components/
|
|
24
|
-
import { default as default13 } from "./components/data/
|
|
25
|
-
import { default as default14 } from "./components/data/
|
|
26
|
-
import { default as default15 } from "./components/
|
|
27
|
-
import { default as default16 } from "./components/fallback/
|
|
28
|
-
import { default as default17 } from "./components/fallback/
|
|
29
|
-
import { default as default18 } from "./components/fallback/
|
|
30
|
-
import { default as default19 } from "./components/
|
|
31
|
-
import { default as default20 } from "./components/form/
|
|
32
|
-
import { default as default21 } from "./components/form/
|
|
33
|
-
import { default as default22 } from "./components/form/
|
|
34
|
-
import { default as default23 } from "./components/form/
|
|
35
|
-
import { default as default24 } from "./components/
|
|
36
|
-
import { default as default25 } from "./components/icon/
|
|
37
|
-
import { default as default26 } from "./components/icon/
|
|
38
|
-
import { default as default27 } from "./components/icon/
|
|
39
|
-
import { default as default28 } from "./components/icon/
|
|
40
|
-
import { default as default29 } from "./components/icon/
|
|
41
|
-
import { default as default30 } from "./components/icon/
|
|
42
|
-
import { default as default31 } from "./components/icon/
|
|
43
|
-
import { default as default32 } from "./components/
|
|
44
|
-
import { default as default33 } from "./components/media/
|
|
45
|
-
import { default as default34 } from "./components/
|
|
46
|
-
import { default as default35 } from "./components/navigation/
|
|
47
|
-
import { default as default36 } from "./components/navigation/
|
|
48
|
-
import { default as default37 } from "./components/navigation/
|
|
49
|
-
import { default as default38 } from "./components/
|
|
50
|
-
import { default as default39 } from "./components/others/
|
|
51
|
-
import { default as default40 } from "./components/others/
|
|
52
|
-
import { default as default41 } from "./components/
|
|
53
|
-
import { default as default42 } from "./components/table/
|
|
54
|
-
import { default as default43 } from "./components/table/
|
|
55
|
-
import { default as default44 } from "./components/table/
|
|
56
|
-
import { default as default45 } from "./components/table/
|
|
57
|
-
import { default as default46 } from "./components/
|
|
58
|
-
import { default as default47 } from "./components/typography/
|
|
59
|
-
import { default as default48 } from "./components/typography/
|
|
60
|
-
import { default as default49 } from "./components/typography/
|
|
61
|
-
import { default as default50 } from "./components/typography/
|
|
62
|
-
import { default as default51 } from "./components/typography/
|
|
63
|
-
import { default as default52 } from "./components/typography/
|
|
64
|
-
import { default as default53 } from "./components/typography/
|
|
16
|
+
import { default as default5 } from "./components/containments/ElmConfirmModal.vue.mjs";
|
|
17
|
+
import { default as default6 } from "./components/containments/ElmModal.vue.mjs";
|
|
18
|
+
import { default as default7 } from "./components/containments/ElmParallax.vue.mjs";
|
|
19
|
+
import { default as default8 } from "./components/containments/ElmSimpleTooltip.vue.mjs";
|
|
20
|
+
import { default as default9 } from "./components/containments/ElmSnackbar.vue.mjs";
|
|
21
|
+
import { default as default10 } from "./components/containments/ElmSnackbarContainer.vue.mjs";
|
|
22
|
+
import { default as default11 } from "./components/containments/ElmToggle.vue.mjs";
|
|
23
|
+
import { default as default12 } from "./components/containments/ElmTooltip.vue.mjs";
|
|
24
|
+
import { default as default13 } from "./components/data/ElmProgress.vue.mjs";
|
|
25
|
+
import { default as default14 } from "./components/data/ElmMultiProgress.vue.mjs";
|
|
26
|
+
import { default as default15 } from "./components/data/ElmStatusMessage.vue.mjs";
|
|
27
|
+
import { default as default16 } from "./components/fallback/ElmRectangleWave.vue.mjs";
|
|
28
|
+
import { default as default17 } from "./components/fallback/ElmBlockFallback.vue.mjs";
|
|
29
|
+
import { default as default18 } from "./components/fallback/ElmSpinner.vue.mjs";
|
|
30
|
+
import { default as default19 } from "./components/fallback/ElmUnsupportedBlock.vue.mjs";
|
|
31
|
+
import { default as default20 } from "./components/form/ElmButton.vue.mjs";
|
|
32
|
+
import { default as default21 } from "./components/form/ElmCheckbox.vue.mjs";
|
|
33
|
+
import { default as default22 } from "./components/form/ElmSelect.vue.mjs";
|
|
34
|
+
import { default as default23 } from "./components/form/ElmSwitch.vue.mjs";
|
|
35
|
+
import { default as default24 } from "./components/form/ElmTextField.vue.mjs";
|
|
36
|
+
import { default as default25 } from "./components/icon/ElmArrowIcon.vue.mjs";
|
|
37
|
+
import { default as default26 } from "./components/icon/ElmBookmarkIcon.vue.mjs";
|
|
38
|
+
import { default as default27 } from "./components/icon/ElmCubeIcon.vue.mjs";
|
|
39
|
+
import { default as default28 } from "./components/icon/ElmDotLoadingIcon.vue.mjs";
|
|
40
|
+
import { default as default29 } from "./components/icon/ElmLanguageIcon.vue.mjs";
|
|
41
|
+
import { default as default30 } from "./components/icon/ElmLoginIcon.vue.mjs";
|
|
42
|
+
import { default as default31 } from "./components/icon/ElmMdiIcon.vue.mjs";
|
|
43
|
+
import { default as default32 } from "./components/icon/ElmToggleTheme.vue.mjs";
|
|
44
|
+
import { default as default33 } from "./components/media/ElmFile.vue.mjs";
|
|
45
|
+
import { default as default34 } from "./components/media/ElmImage.vue.mjs";
|
|
46
|
+
import { default as default35 } from "./components/navigation/ElmBookmark.vue.mjs";
|
|
47
|
+
import { default as default36 } from "./components/navigation/ElmBreadcrumb.vue.mjs";
|
|
48
|
+
import { default as default37 } from "./components/navigation/ElmPagetop.vue.mjs";
|
|
49
|
+
import { default as default38 } from "./components/navigation/ElmTableOfContents.vue.mjs";
|
|
50
|
+
import { default as default39 } from "./components/others/ElmColorSample.vue.mjs";
|
|
51
|
+
import { default as default40 } from "./components/others/ElmColorTable.vue.mjs";
|
|
52
|
+
import { default as default41 } from "./components/others/ElmJsonComponentRenderer.vue.mjs";
|
|
53
|
+
import { default as default42 } from "./components/table/ElmTable.vue.mjs";
|
|
54
|
+
import { default as default43 } from "./components/table/ElmTableHeader.vue.mjs";
|
|
55
|
+
import { default as default44 } from "./components/table/ElmTableBody.vue.mjs";
|
|
56
|
+
import { default as default45 } from "./components/table/ElmTableRow.vue.mjs";
|
|
57
|
+
import { default as default46 } from "./components/table/ElmTableCell.vue.mjs";
|
|
58
|
+
import { default as default47 } from "./components/typography/ElmBlockQuote.vue.mjs";
|
|
59
|
+
import { default as default48 } from "./components/typography/ElmCallout.vue.mjs";
|
|
60
|
+
import { default as default49 } from "./components/typography/ElmDivider.vue.mjs";
|
|
61
|
+
import { default as default50 } from "./components/typography/ElmFragmentIdentifier.vue.mjs";
|
|
62
|
+
import { default as default51 } from "./components/typography/ElmHeading.vue.mjs";
|
|
63
|
+
import { default as default52 } from "./components/typography/ElmInlineText.vue.mjs";
|
|
64
|
+
import { default as default53 } from "./components/typography/ElmParagraph.vue.mjs";
|
|
65
|
+
import { default as default54 } from "./components/typography/ElmList.vue.mjs";
|
|
65
66
|
|
|
66
67
|
import { useElmethisTheme } from "./hooks/useElmethisTheme.mjs";
|
|
67
68
|
import { useTyping } from "./hooks/useTyping.mjs";
|
|
68
69
|
export {
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
70
|
+
default25 as ElmArrowIcon,
|
|
71
|
+
default17 as ElmBlockFallback,
|
|
72
|
+
default47 as ElmBlockQuote,
|
|
73
|
+
default35 as ElmBookmark,
|
|
74
|
+
default26 as ElmBookmarkIcon,
|
|
75
|
+
default36 as ElmBreadcrumb,
|
|
76
|
+
default20 as ElmButton,
|
|
77
|
+
default48 as ElmCallout,
|
|
78
|
+
default21 as ElmCheckbox,
|
|
78
79
|
default2 as ElmCodeBlock,
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
80
|
+
default39 as ElmColorSample,
|
|
81
|
+
default40 as ElmColorTable,
|
|
82
|
+
default5 as ElmConfirmModal,
|
|
83
|
+
default27 as ElmCubeIcon,
|
|
82
84
|
default4 as ElmDesktopWindow,
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
85
|
+
default49 as ElmDivider,
|
|
86
|
+
default28 as ElmDotLoadingIcon,
|
|
87
|
+
default33 as ElmFile,
|
|
88
|
+
default50 as ElmFragmentIdentifier,
|
|
89
|
+
default51 as ElmHeading,
|
|
90
|
+
default34 as ElmImage,
|
|
91
|
+
default52 as ElmInlineText,
|
|
92
|
+
default41 as ElmJsonComponentRenderer,
|
|
91
93
|
default3 as ElmKatex,
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
94
|
+
default29 as ElmLanguageIcon,
|
|
95
|
+
default54 as ElmList,
|
|
96
|
+
default30 as ElmLoginIcon,
|
|
97
|
+
default31 as ElmMdiIcon,
|
|
98
|
+
default6 as ElmModal,
|
|
99
|
+
default14 as ElmMultiProgress,
|
|
100
|
+
default37 as ElmPagetop,
|
|
101
|
+
default53 as ElmParagraph,
|
|
102
|
+
default7 as ElmParallax,
|
|
103
|
+
default13 as ElmProgress,
|
|
104
|
+
default16 as ElmRectangleWave,
|
|
105
|
+
default22 as ElmSelect,
|
|
106
|
+
default8 as ElmSimpleTooltip,
|
|
107
|
+
default9 as ElmSnackbar,
|
|
108
|
+
default10 as ElmSnackbarContainer,
|
|
109
|
+
default18 as ElmSpinner,
|
|
110
|
+
default15 as ElmStatusMessage,
|
|
111
|
+
default23 as ElmSwitch,
|
|
112
|
+
default42 as ElmTable,
|
|
113
|
+
default44 as ElmTableBody,
|
|
114
|
+
default46 as ElmTableCell,
|
|
115
|
+
default43 as ElmTableHeader,
|
|
116
|
+
default38 as ElmTableOfContents,
|
|
117
|
+
default45 as ElmTableRow,
|
|
118
|
+
default24 as ElmTextField,
|
|
119
|
+
default11 as ElmToggle,
|
|
120
|
+
default32 as ElmToggleTheme,
|
|
121
|
+
default12 as ElmTooltip,
|
|
122
|
+
default19 as ElmUnsupportedBlock,
|
|
121
123
|
useElmethisTheme,
|
|
122
124
|
useTyping
|
|
123
125
|
};
|