@elmethis/core 1.0.0-alpha.189 → 1.0.0-alpha.190

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.
Files changed (154) hide show
  1. package/dist/components/badge/ElmTag.vue2.mjs +1 -1
  2. package/dist/components/code/ElmCodeBlock.stories.d.ts +2 -0
  3. package/dist/components/code/ElmCodeBlock.vue.d.ts +22 -1
  4. package/dist/components/code/ElmCodeBlock.vue.mjs +2 -2
  5. package/dist/components/code/ElmCodeBlock.vue2.mjs +13 -5
  6. package/dist/components/containments/ElmModal.vue.d.ts +1 -1
  7. package/dist/components/containments/ElmModal.vue.mjs +2 -2
  8. package/dist/components/containments/ElmSnackbar.vue2.mjs +1 -1
  9. package/dist/components/containments/ElmSnackbarContainer.vue.mjs +2 -2
  10. package/dist/components/containments/ElmToggle.vue.d.ts +9 -5
  11. package/dist/components/containments/ElmToggle.vue.mjs +2 -2
  12. package/dist/components/containments/ElmToggle.vue2.mjs +35 -3
  13. package/dist/components/containments/ElmToggle.vue3.mjs +10 -6
  14. package/dist/components/containments/ElmTooltip.vue.mjs +2 -2
  15. package/dist/components/containments/useSnackbarState.d.ts +1 -1
  16. package/dist/components/data/ElmStatusMessage.vue.d.ts +1 -1
  17. package/dist/components/data/ElmStatusMessage.vue.mjs +2 -2
  18. package/dist/components/data/ElmStatusMessage.vue2.mjs +1 -1
  19. package/dist/components/{headings/ElmHeading4.stories.d.ts → fallback/ElmUnsupportedBlock.stories.d.ts} +2 -2
  20. package/dist/components/fallback/ElmUnsupportedBlock.vue.d.ts +5 -0
  21. package/dist/components/fallback/ElmUnsupportedBlock.vue.mjs +10 -0
  22. package/dist/components/fallback/ElmUnsupportedBlock.vue2.mjs +46 -0
  23. package/dist/components/fallback/ElmUnsupportedBlock.vue3.mjs +29 -0
  24. package/dist/components/form/ElmButton.vue.mjs +2 -2
  25. package/dist/components/form/ElmCheckbox.vue2.mjs +1 -1
  26. package/dist/components/form/ElmTextField.vue2.mjs +1 -1
  27. package/dist/components/icon/ElmArrowIcon.vue.d.ts +1 -1
  28. package/dist/components/icon/ElmBookmarkIcon.vue2.mjs +1 -1
  29. package/dist/components/{inline → icon}/ElmInlineIcon.vue.d.ts +6 -0
  30. package/dist/components/icon/ElmInlineIcon.vue2.mjs +27 -0
  31. package/dist/components/icon/ElmInlineIcon.vue3.mjs +20 -0
  32. package/dist/components/icon/ElmLanguageIcon.vue.mjs +2 -2
  33. package/dist/components/icon/ElmLoginIcon.vue2.mjs +1 -1
  34. package/dist/components/media/ElmBlockImage.vue.mjs +2 -2
  35. package/dist/components/media/ElmBlockImage.vue2.mjs +14 -5
  36. package/dist/components/media/ElmBlockImage.vue3.mjs +10 -9
  37. package/dist/components/media/ElmFile.vue2.mjs +1 -1
  38. package/dist/components/media/ElmFile.vue3.mjs +6 -6
  39. package/dist/components/media/ElmImage.vue.mjs +2 -2
  40. package/dist/components/media/ElmImage.vue2.mjs +1 -1
  41. package/dist/components/navigation/ElmBookmark.vue.d.ts +1 -1
  42. package/dist/components/navigation/ElmBookmark.vue2.mjs +1 -1
  43. package/dist/components/navigation/ElmBreadcrumb.vue2.mjs +1 -1
  44. package/dist/components/navigation/ElmPagetop.vue.d.ts +1 -1
  45. package/dist/components/navigation/ElmTableOfContents.vue2.mjs +1 -1
  46. package/dist/components/others/ElmColorSample.vue.mjs +2 -2
  47. package/dist/components/others/ElmJsonComponentRenderer.stories.d.ts +23 -0
  48. package/dist/components/others/ElmJsonComponentRenderer.vue.d.ts +6 -0
  49. package/dist/components/others/ElmJsonComponentRenderer.vue.mjs +10 -0
  50. package/dist/components/others/ElmJsonComponentRenderer.vue2.mjs +217 -0
  51. package/dist/components/others/ElmJsonComponentRenderer.vue3.mjs +21 -0
  52. package/dist/components/table/ElmTable.vue.d.ts +21 -2
  53. package/dist/components/table/ElmTable.vue.mjs +5 -14
  54. package/dist/components/table/ElmTable.vue2.mjs +40 -5
  55. package/dist/components/table/ElmTable.vue3.mjs +27 -0
  56. package/dist/components/table/ElmTableBody.vue.d.ts +5 -2
  57. package/dist/components/table/ElmTableCell.vue.d.ts +5 -2
  58. package/dist/components/table/ElmTableCell.vue.mjs +2 -2
  59. package/dist/components/table/ElmTableHeader.vue.d.ts +5 -2
  60. package/dist/components/table/ElmTableHeader.vue3.mjs +1 -1
  61. package/dist/components/table/ElmTableRow.vue.d.ts +5 -2
  62. package/dist/components/table/ElmTableRow.vue.mjs +5 -2
  63. package/dist/components/typography/ElmBlockQuote.vue.d.ts +1 -0
  64. package/dist/components/typography/ElmBlockQuote.vue2.mjs +41 -4
  65. package/dist/components/typography/ElmBlockQuote.vue3.mjs +10 -4
  66. package/dist/components/typography/ElmCallout.vue.d.ts +1 -1
  67. package/dist/components/typography/ElmCallout.vue2.mjs +1 -1
  68. package/dist/components/{headings/ElmHeading1.stories.d.ts → typography/ElmHeading.stories.d.ts} +3 -2
  69. package/dist/components/typography/ElmHeading.vue.d.ts +49 -0
  70. package/dist/components/typography/ElmHeading.vue.mjs +10 -0
  71. package/dist/components/typography/ElmHeading.vue2.mjs +72 -0
  72. package/dist/components/typography/ElmHeading.vue3.mjs +39 -0
  73. package/dist/components/{inline → typography}/ElmInlineText.stories.d.ts +2 -0
  74. package/dist/components/{inline → typography}/ElmInlineText.vue.d.ts +12 -0
  75. package/dist/components/typography/ElmInlineText.vue2.mjs +95 -0
  76. package/dist/components/typography/ElmInlineText.vue3.mjs +29 -0
  77. package/dist/components/typography/ElmList.stories.d.ts +8 -0
  78. package/dist/components/typography/ElmList.vue.d.ts +31 -0
  79. package/dist/components/typography/ElmList.vue.mjs +36 -0
  80. package/dist/components/typography/ElmList.vue3.mjs +17 -0
  81. package/dist/hooks/useTyping.d.ts +1 -1
  82. package/dist/index.d.ts +12 -28
  83. package/dist/index.mjs +72 -89
  84. package/dist/node_modules/.pnpm/@mdi_js@7.4.47/node_modules/@mdi/js/mdi.mjs +14 -0
  85. package/package.json +8 -6
  86. package/dist/components/headings/ElmHeading1.vue.d.ts +0 -28
  87. package/dist/components/headings/ElmHeading1.vue.mjs +0 -10
  88. package/dist/components/headings/ElmHeading1.vue2.mjs +0 -43
  89. package/dist/components/headings/ElmHeading1.vue3.mjs +0 -20
  90. package/dist/components/headings/ElmHeading2.stories.d.ts +0 -6
  91. package/dist/components/headings/ElmHeading2.vue.d.ts +0 -28
  92. package/dist/components/headings/ElmHeading2.vue.mjs +0 -10
  93. package/dist/components/headings/ElmHeading2.vue2.mjs +0 -49
  94. package/dist/components/headings/ElmHeading2.vue3.mjs +0 -23
  95. package/dist/components/headings/ElmHeading3.stories.d.ts +0 -6
  96. package/dist/components/headings/ElmHeading3.vue.d.ts +0 -28
  97. package/dist/components/headings/ElmHeading3.vue.mjs +0 -10
  98. package/dist/components/headings/ElmHeading3.vue2.mjs +0 -39
  99. package/dist/components/headings/ElmHeading3.vue3.mjs +0 -20
  100. package/dist/components/headings/ElmHeading4.vue.d.ts +0 -26
  101. package/dist/components/headings/ElmHeading4.vue.mjs +0 -10
  102. package/dist/components/headings/ElmHeading4.vue2.mjs +0 -31
  103. package/dist/components/headings/ElmHeading4.vue3.mjs +0 -20
  104. package/dist/components/headings/ElmHeading5.stories.d.ts +0 -6
  105. package/dist/components/headings/ElmHeading5.vue.d.ts +0 -26
  106. package/dist/components/headings/ElmHeading5.vue.mjs +0 -10
  107. package/dist/components/headings/ElmHeading5.vue2.mjs +0 -31
  108. package/dist/components/headings/ElmHeading5.vue3.mjs +0 -20
  109. package/dist/components/headings/ElmHeading6.stories.d.ts +0 -6
  110. package/dist/components/headings/ElmHeading6.vue.d.ts +0 -26
  111. package/dist/components/headings/ElmHeading6.vue.mjs +0 -10
  112. package/dist/components/headings/ElmHeading6.vue2.mjs +0 -31
  113. package/dist/components/headings/ElmHeading6.vue3.mjs +0 -20
  114. package/dist/components/inline/ElmInlineIcon.vue2.mjs +0 -21
  115. package/dist/components/inline/ElmInlineIcon.vue3.mjs +0 -20
  116. package/dist/components/inline/ElmInlineLink.stories.d.ts +0 -9
  117. package/dist/components/inline/ElmInlineLink.vue.d.ts +0 -38
  118. package/dist/components/inline/ElmInlineLink.vue.mjs +0 -10
  119. package/dist/components/inline/ElmInlineLink.vue2.mjs +0 -55
  120. package/dist/components/inline/ElmInlineLink.vue3.mjs +0 -23
  121. package/dist/components/inline/ElmInlineRuby.stories.d.ts +0 -6
  122. package/dist/components/inline/ElmInlineRuby.vue.d.ts +0 -19
  123. package/dist/components/inline/ElmInlineRuby.vue.mjs +0 -29
  124. package/dist/components/inline/ElmInlineRuby.vue2.mjs +0 -4
  125. package/dist/components/inline/ElmInlineText.vue2.mjs +0 -57
  126. package/dist/components/inline/ElmInlineText.vue3.mjs +0 -23
  127. package/dist/components/renderer/ElmJsonRenderer.stories.d.ts +0 -20
  128. package/dist/components/renderer/ElmJsonRenderer.vue.d.ts +0 -200
  129. package/dist/components/renderer/ElmJsonRenderer.vue.mjs +0 -150
  130. package/dist/components/renderer/ElmJsonRenderer.vue2.mjs +0 -4
  131. package/dist/components/typography/ElmBulletedList.stories.d.ts +0 -7
  132. package/dist/components/typography/ElmBulletedList.vue.d.ts +0 -23
  133. package/dist/components/typography/ElmBulletedList.vue.mjs +0 -27
  134. package/dist/components/typography/ElmBulletedList.vue3.mjs +0 -17
  135. package/dist/components/typography/ElmListItem.stories.d.ts +0 -6
  136. package/dist/components/typography/ElmListItem.vue.d.ts +0 -19
  137. package/dist/components/typography/ElmListItem.vue.mjs +0 -10
  138. package/dist/components/typography/ElmListItem.vue2.mjs +0 -16
  139. package/dist/components/typography/ElmListItem.vue3.mjs +0 -20
  140. package/dist/components/typography/ElmNumberedList.stories.d.ts +0 -7
  141. package/dist/components/typography/ElmNumberedList.vue.d.ts +0 -23
  142. package/dist/components/typography/ElmNumberedList.vue.mjs +0 -27
  143. package/dist/components/typography/ElmNumberedList.vue3.mjs +0 -17
  144. /package/dist/components/{inline → icon}/ElmInlineIcon.stories.d.ts +0 -0
  145. /package/dist/components/{inline → icon}/ElmInlineIcon.vue.mjs +0 -0
  146. /package/dist/components/others/{ElmTemplate.stories.d.ts → ElmTyping.stories.d.ts} +0 -0
  147. /package/dist/components/{headings → typography}/ElmFragmentIdentifier.stories.d.ts +0 -0
  148. /package/dist/components/{headings → typography}/ElmFragmentIdentifier.vue.d.ts +0 -0
  149. /package/dist/components/{headings → typography}/ElmFragmentIdentifier.vue.mjs +0 -0
  150. /package/dist/components/{headings → typography}/ElmFragmentIdentifier.vue2.mjs +0 -0
  151. /package/dist/components/{headings → typography}/ElmFragmentIdentifier.vue3.mjs +0 -0
  152. /package/dist/components/{inline → typography}/ElmInlineText.vue.mjs +0 -0
  153. /package/dist/components/{inline → typography}/ElmTypingAnimation.stories.d.ts +0 -0
  154. /package/dist/components/{inline → typography}/ElmTypingAnimation.vue.d.ts +0 -0
@@ -0,0 +1,29 @@
1
+ (function() {
2
+ "use strict";
3
+ try {
4
+ if (typeof document != "undefined") {
5
+ var elementStyle = document.createElement("style");
6
+ elementStyle.appendChild(document.createTextNode('._text_10ba4_1{padding:0;margin:0;color:#000000b3;color:var(--color, rgba(0, 0, 0, .7));font-size:1em;font-size:var(--font-size, 1em);line-height:1em;line-height:var(--font-size, 1em);background-color:var(--background-color)}._text_10ba4_1::-moz-selection{color:#ffffffb3;background-color:#000000b3;background-color:var(--color, rgba(0, 0, 0, .7))}._text_10ba4_1::selection{color:#ffffffb3;background-color:#000000b3;background-color:var(--color, rgba(0, 0, 0, .7))}[data-theme=dark] ._text_10ba4_1{color:#ffffffb3;color:var(--color, rgba(255, 255, 255, .7))}[data-theme=dark] ._text_10ba4_1::-moz-selection{color:#000000b3;background-color:#ffffffb3;background-color:var(--color, rgba(255, 255, 255, .7))}[data-theme=dark] ._text_10ba4_1::selection{color:#000000b3;background-color:#ffffffb3;background-color:var(--color, rgba(255, 255, 255, .7))}._code_10ba4_21{margin-inline:.25rem;padding:2px .5em;font-size:calc(1em - 2px);border-radius:.125rem;background-color:#00000013;font-family:"Source Code Pro" monospace}._link_10ba4_30{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_10ba4_30:hover{background-color:#6987b833}._link_10ba4_30:active{color:#59b57c;background-color:#59b57c33}._link_10ba4_30:visited{color:#9771bd;border-bottom:dashed 1px #9771bd}._link_10ba4_30:visited:hover{background-color:#9771bd33}._link_10ba4_30:visited:active{color:#59b57c;background-color:#59b57c33}._link_10ba4_30 ._icon_10ba4_62{width:var(--font-size);height:var(--font-size)}'));
7
+ document.head.appendChild(elementStyle);
8
+ }
9
+ } catch (e) {
10
+ console.error("vite-plugin-css-injected-by-js", e);
11
+ }
12
+ })();
13
+ const text = "_text_10ba4_1";
14
+ const code = "_code_10ba4_21";
15
+ const link = "_link_10ba4_30";
16
+ const icon = "_icon_10ba4_62";
17
+ const style0 = {
18
+ text,
19
+ code,
20
+ link,
21
+ icon
22
+ };
23
+ export {
24
+ code,
25
+ style0 as default,
26
+ icon,
27
+ link,
28
+ text
29
+ };
@@ -0,0 +1,8 @@
1
+ import { Meta, StoryObj } from '@storybook/vue3';
2
+ import { default as ElmList } from './ElmList.vue';
3
+ declare const meta: Meta<typeof ElmList>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Unordered: Story;
7
+ export declare const Ordered: Story;
8
+ export declare const Nested: Story;
@@ -0,0 +1,31 @@
1
+ export interface ElmListProps {
2
+ /**
3
+ * The type of list to render.
4
+ * - `unordered` `<ul/>` for a **bulleted** list
5
+ * - `ordered` `<ol/>` for a **numbered** list
6
+ */
7
+ listStyle: "unordered" | "ordered";
8
+ }
9
+ declare function __VLS_template(): {
10
+ attrs: Partial<{}>;
11
+ slots: {
12
+ default?(_: {}): any;
13
+ };
14
+ refs: {
15
+ target: unknown;
16
+ };
17
+ rootEl: any;
18
+ };
19
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
20
+ declare const __VLS_component: import('vue').DefineComponent<ElmListProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmListProps> & Readonly<{}>, {
21
+ listStyle: "unordered" | "ordered";
22
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
23
+ target: unknown;
24
+ }, any>;
25
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
26
+ export default _default;
27
+ type __VLS_WithTemplateSlots<T, S> = T & {
28
+ new (): {
29
+ $slots: S;
30
+ };
31
+ };
@@ -0,0 +1,36 @@
1
+ import { defineComponent, ref, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, withCtx, renderSlot } from "vue";
2
+ import { useIntersectionObserver } from "@vueuse/core";
3
+ const _sfc_main = /* @__PURE__ */ defineComponent({
4
+ __name: "ElmList",
5
+ props: {
6
+ listStyle: { default: "unordered" }
7
+ },
8
+ setup(__props) {
9
+ const target = ref(null);
10
+ const targetIsVisible = ref(false);
11
+ useIntersectionObserver(target, ([{ isIntersecting }], _) => {
12
+ targetIsVisible.value = isIntersecting;
13
+ });
14
+ return (_ctx, _cache) => {
15
+ return openBlock(), createBlock(resolveDynamicComponent(_ctx.listStyle === "unordered" ? "ul" : "ol"), {
16
+ ref_key: "target",
17
+ ref: target,
18
+ class: normalizeClass([
19
+ "elmethis-list-common",
20
+ _ctx.listStyle === "unordered" ? "elmethis-bulleted-list" : "elmethis-numbered-list"
21
+ ]),
22
+ style: normalizeStyle({
23
+ "--opacity": targetIsVisible.value ? 1 : 0
24
+ })
25
+ }, {
26
+ default: withCtx(() => [
27
+ renderSlot(_ctx.$slots, "default")
28
+ ]),
29
+ _: 3
30
+ }, 8, ["class", "style"]);
31
+ };
32
+ }
33
+ });
34
+ export {
35
+ _sfc_main as default
36
+ };
@@ -0,0 +1,17 @@
1
+ (function() {
2
+ "use strict";
3
+ try {
4
+ if (typeof document != "undefined") {
5
+ var elementStyle = document.createElement("style");
6
+ elementStyle.appendChild(document.createTextNode(".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
+ document.head.appendChild(elementStyle);
8
+ }
9
+ } catch (e) {
10
+ console.error("vite-plugin-css-injected-by-js", e);
11
+ }
12
+ })();
13
+ import _sfc_main from "./ElmList.vue.mjs";
14
+
15
+ export {
16
+ _sfc_main as default
17
+ };
@@ -1,6 +1,6 @@
1
1
  interface Target {
2
2
  char: string;
3
- status: 'typed' | 'incorrect' | 'current' | 'default';
3
+ status: "typed" | "incorrect" | "current" | "default";
4
4
  }
5
5
  export declare function useTyping(): {
6
6
  start: (target: string) => void;
package/dist/index.d.ts CHANGED
@@ -36,6 +36,8 @@ export type { ElmBlockFallbackProps } from './components/fallback/ElmBlockFallba
36
36
  export { default as ElmBlockFallback } from './components/fallback/ElmBlockFallback.vue';
37
37
  export type { ElmSpinnerProps } from './components/fallback/ElmSpinner.vue';
38
38
  export { default as ElmSpinner } from './components/fallback/ElmSpinner.vue';
39
+ export type { ElmUnsupportedBlockProps } from './components/fallback/ElmUnsupportedBlock.vue';
40
+ export { default as ElmUnsupportedBlock } from './components/fallback/ElmUnsupportedBlock.vue';
39
41
  export type { ElmButtonProps } from './components/form/ElmButton.vue';
40
42
  export { default as ElmButton } from './components/form/ElmButton.vue';
41
43
  export type { ElmCheckboxProps } from './components/form/ElmCheckbox.vue';
@@ -46,20 +48,10 @@ export type { ElmTextFieldProps } from './components/form/ElmTextField.vue';
46
48
  export { default as ElmTextField } from './components/form/ElmTextField.vue';
47
49
  export type { ElmTotpProps } from './components/form/ElmTotp.vue';
48
50
  export { default as ElmTotp } from './components/form/ElmTotp.vue';
49
- export type { ElmHeading1Props } from './components/headings/ElmHeading1.vue';
50
- export { default as ElmHeading1 } from './components/headings/ElmHeading1.vue';
51
- export type { ElmHeading2Props } from './components/headings/ElmHeading2.vue';
52
- export { default as ElmHeading2 } from './components/headings/ElmHeading2.vue';
53
- export type { ElmHeading3Props } from './components/headings/ElmHeading3.vue';
54
- export { default as ElmHeading3 } from './components/headings/ElmHeading3.vue';
55
- export type { ElmHeading4Props } from './components/headings/ElmHeading4.vue';
56
- export { default as ElmHeading4 } from './components/headings/ElmHeading4.vue';
57
- export type { ElmHeading5Props } from './components/headings/ElmHeading5.vue';
58
- export { default as ElmHeading5 } from './components/headings/ElmHeading5.vue';
59
- export type { ElmHeading6Props } from './components/headings/ElmHeading6.vue';
60
- export { default as ElmHeading6 } from './components/headings/ElmHeading6.vue';
61
- export type { ElmFragmentIdentifierProps } from './components/headings/ElmFragmentIdentifier.vue';
62
- export { default as ElmFragmentIdentifier } from './components/headings/ElmFragmentIdentifier.vue';
51
+ export type { ElmHeadingProps } from './components/typography/ElmHeading.vue';
52
+ export { default as ElmHeading } from './components/typography/ElmHeading.vue';
53
+ export type { ElmFragmentIdentifierProps } from './components/typography/ElmFragmentIdentifier.vue';
54
+ export { default as ElmFragmentIdentifier } from './components/typography/ElmFragmentIdentifier.vue';
63
55
  export type { ElmArrowIconProps } from './components/icon/ElmArrowIcon.vue';
64
56
  export { default as ElmArrowIcon } from './components/icon/ElmArrowIcon.vue';
65
57
  export type { ElmBookmarkIconProps } from './components/icon/ElmBookmarkIcon.vue';
@@ -74,12 +66,8 @@ export type { ElmLoginIconProps } from './components/icon/ElmLoginIcon.vue';
74
66
  export { default as ElmLoginIcon } from './components/icon/ElmLoginIcon.vue';
75
67
  export type { ElmToggleThemeProps } from './components/icon/ElmToggleTheme.vue';
76
68
  export { default as ElmToggleTheme } from './components/icon/ElmToggleTheme.vue';
77
- export type { ElmInlineLinkProps } from './components/inline/ElmInlineLink.vue';
78
- export { default as ElmInlineLink } from './components/inline/ElmInlineLink.vue';
79
- export type { ElmInlineRubyProps } from './components/inline/ElmInlineRuby.vue';
80
- export { default as ElmInlineRuby } from './components/inline/ElmInlineRuby.vue';
81
- export type { ElmInlineTextProps } from './components/inline/ElmInlineText.vue';
82
- export { default as ElmInlineText } from './components/inline/ElmInlineText.vue';
69
+ export type { ElmInlineTextProps } from './components/typography/ElmInlineText.vue';
70
+ export { default as ElmInlineText } from './components/typography/ElmInlineText.vue';
83
71
  export type { ElmFileProps } from './components/media/ElmFile.vue';
84
72
  export { default as ElmFile } from './components/media/ElmFile.vue';
85
73
  export type { ElmImageProps } from './components/media/ElmImage.vue';
@@ -98,8 +86,8 @@ export type { ElmColorSampleProps } from './components/others/ElmColorSample.vue
98
86
  export { default as ElmColorSample } from './components/others/ElmColorSample.vue';
99
87
  export type { ElmColorTableProps } from './components/others/ElmColorTable.vue';
100
88
  export { default as ElmColorTable } from './components/others/ElmColorTable.vue';
101
- export type { ElmJsonRendererProps } from './components/renderer/ElmJsonRenderer.vue';
102
- export { default as ElmJsonRenderer } from './components/renderer/ElmJsonRenderer.vue';
89
+ export type { ElmJsonComponentRendererProps } from './components/others/ElmJsonComponentRenderer.vue';
90
+ export { default as ElmJsonComponentRenderer } from './components/others/ElmJsonComponentRenderer.vue';
103
91
  export type { ElmTableProps } from './components/table/ElmTable.vue';
104
92
  export { default as ElmTable } from './components/table/ElmTable.vue';
105
93
  export type { ElmTableHeaderProps } from './components/table/ElmTableHeader.vue';
@@ -112,17 +100,13 @@ export type { ElmTableCellProps } from './components/table/ElmTableCell.vue';
112
100
  export { default as ElmTableCell } from './components/table/ElmTableCell.vue';
113
101
  export type { ElmBlockQuoteProps } from './components/typography/ElmBlockQuote.vue';
114
102
  export { default as ElmBlockQuote } from './components/typography/ElmBlockQuote.vue';
115
- export type { ElmBulletedListProps } from './components/typography/ElmBulletedList.vue';
116
- export { default as ElmBulletedList } from './components/typography/ElmBulletedList.vue';
117
103
  export type { ElmCalloutProps } from './components/typography/ElmCallout.vue';
118
104
  export { default as ElmCallout } from './components/typography/ElmCallout.vue';
119
105
  export type { ElmDividerProps } from './components/typography/ElmDivider.vue';
120
106
  export { default as ElmDivider } from './components/typography/ElmDivider.vue';
121
- export type { ElmNumberedListProps } from './components/typography/ElmNumberedList.vue';
122
- export { default as ElmNumberedList } from './components/typography/ElmNumberedList.vue';
123
107
  export type { ElmParagraphProps } from './components/typography/ElmParagraph.vue';
124
108
  export { default as ElmParagraph } from './components/typography/ElmParagraph.vue';
125
- export type { ElmListItemProps } from './components/typography/ElmListItem.vue';
126
- export { default as ElmListItem } from './components/typography/ElmListItem.vue';
109
+ export type { ElmListProps } from './components/typography/ElmList.vue';
110
+ export { default as ElmList } from './components/typography/ElmList.vue';
127
111
  export { useElmethisTheme } from './hooks/useElmethisTheme';
128
112
  export { useTyping } from './hooks/useTyping';
package/dist/index.mjs CHANGED
@@ -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(".elmethis-table-header-thead{text-align:left;background-color:#000c;color:#fffc;transition:background-color .4s,color .4s}[data-theme=dark] .elmethis-table-header-thead{background-color:#fffc;color:#000c}.elmethis-table-header-thead tr td,.elmethis-table-header-thead tr th{color:#ffffffb3}[data-theme=dark] .elmethis-table-header-thead tr td,[data-theme=dark] .elmethis-table-header-thead tr th{color:#000000b3}.elmethis-table-header-thead tr td::-moz-selection,.elmethis-table-header-thead tr th::-moz-selection{color:#000000b3;background-color:#ffffffb3;background-color:var(--color, rgba(255, 255, 255, .7))}.elmethis-table-header-thead tr td::selection,.elmethis-table-header-thead tr th::selection{color:#000000b3;background-color:#ffffffb3;background-color:var(--color, rgba(255, 255, 255, .7))}[data-theme=dark] .elmethis-table-header-thead tr td::-moz-selection,[data-theme=dark] .elmethis-table-header-thead tr th::-moz-selection{color:#ffffffb3;background-color:#000000b3;background-color:var(--color, rgba(0, 0, 0, .7))}[data-theme=dark] .elmethis-table-header-thead tr td::selection,[data-theme=dark] .elmethis-table-header-thead tr th::selection{color:#ffffffb3;background-color:#000000b3;background-color:var(--color, rgba(0, 0, 0, .7))}\n.elmethis-table-header-body tr{transition:background-color .2s}.elmethis-table-header-body tr:nth-child(odd){background-color:transparent}.elmethis-table-header-body tr:nth-child(2n){background-color:#00000006}[data-theme=dark] .elmethis-table-header-body tr:nth-child(2n){background-color:#ffffff06}.elmethis-table-header-body tr:hover,[data-theme=dark] .elmethis-table-header-body tr:hover{background-color:#6987b826}.elmethis-table-header-body tr td,.elmethis-table-header-body tr th{color:#000000b3}[data-theme=dark] .elmethis-table-header-body tr td,[data-theme=dark] .elmethis-table-header-body tr th{color:#ffffffb3}.elmethis-table-header-body tr td::-moz-selection,.elmethis-table-header-body tr th::-moz-selection{color:#ffffffb3;background-color:#000000b3;background-color:var(--color, rgba(0, 0, 0, .7))}.elmethis-table-header-body tr td::selection,.elmethis-table-header-body tr th::selection{color:#ffffffb3;background-color:#000000b3;background-color:var(--color, rgba(0, 0, 0, .7))}[data-theme=dark] .elmethis-table-header-body tr td::-moz-selection,[data-theme=dark] .elmethis-table-header-body tr th::-moz-selection{color:#000000b3;background-color:#ffffffb3;background-color:var(--color, rgba(255, 255, 255, .7))}[data-theme=dark] .elmethis-table-header-body tr td::selection,[data-theme=dark] .elmethis-table-header-body tr th::selection{color:#000000b3;background-color:#ffffffb3;background-color:var(--color, rgba(255, 255, 255, .7))}\n.elmethis-bulleted-list{margin-block:2rem;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+)}\n.elmethis-numbered-list{margin-block:2rem;opacity:var(--opacity);transition:opacity .8s;box-sizing:border-box;padding-left:1.25rem}.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{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(".elmethis-table-header-thead{text-align:left;transition:background-color .4s,color .4s;border-bottom:2px solid rgba(128,128,128,.5)}.elmethis-table-header-thead tr td::-moz-selection,.elmethis-table-header-thead tr th::-moz-selection{color:#000000b3;background-color:#ffffffb3;background-color:var(--color, rgba(255, 255, 255, .7))}.elmethis-table-header-thead tr td::selection,.elmethis-table-header-thead tr th::selection{color:#000000b3;background-color:#ffffffb3;background-color:var(--color, rgba(255, 255, 255, .7))}[data-theme=dark] .elmethis-table-header-thead tr td::-moz-selection,[data-theme=dark] .elmethis-table-header-thead tr th::-moz-selection{color:#ffffffb3;background-color:#000000b3;background-color:var(--color, rgba(0, 0, 0, .7))}[data-theme=dark] .elmethis-table-header-thead tr td::selection,[data-theme=dark] .elmethis-table-header-thead tr th::selection{color:#ffffffb3;background-color:#000000b3;background-color:var(--color, rgba(0, 0, 0, .7))}\n.elmethis-table-header-body tr{transition:background-color .2s}.elmethis-table-header-body tr:nth-child(odd){background-color:transparent}.elmethis-table-header-body tr:nth-child(2n){background-color:#00000006}[data-theme=dark] .elmethis-table-header-body tr:nth-child(2n){background-color:#ffffff06}.elmethis-table-header-body tr:hover,[data-theme=dark] .elmethis-table-header-body tr:hover{background-color:#6987b826}.elmethis-table-header-body tr td,.elmethis-table-header-body tr th{color:#000000b3}[data-theme=dark] .elmethis-table-header-body tr td,[data-theme=dark] .elmethis-table-header-body tr th{color:#ffffffb3}.elmethis-table-header-body tr td::-moz-selection,.elmethis-table-header-body tr th::-moz-selection{color:#ffffffb3;background-color:#000000b3;background-color:var(--color, rgba(0, 0, 0, .7))}.elmethis-table-header-body tr td::selection,.elmethis-table-header-body tr th::selection{color:#ffffffb3;background-color:#000000b3;background-color:var(--color, rgba(0, 0, 0, .7))}[data-theme=dark] .elmethis-table-header-body tr td::-moz-selection,[data-theme=dark] .elmethis-table-header-body tr th::-moz-selection{color:#000000b3;background-color:#ffffffb3;background-color:var(--color, rgba(255, 255, 255, .7))}[data-theme=dark] .elmethis-table-header-body tr td::selection,[data-theme=dark] .elmethis-table-header-body tr th::selection{color:#000000b3;background-color:#ffffffb3;background-color:var(--color, rgba(255, 255, 255, .7))}\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) {
@@ -29,99 +29,81 @@ import { default as default17 } from "./components/data/ElmStatusMessage.vue.mjs
29
29
  import { default as default18 } from "./components/fallback/ElmRectangleWave.vue.mjs";
30
30
  import { default as default19 } from "./components/fallback/ElmBlockFallback.vue.mjs";
31
31
  import { default as default20 } from "./components/fallback/ElmSpinner.vue.mjs";
32
- import { default as default21 } from "./components/form/ElmButton.vue.mjs";
33
- import { default as default22 } from "./components/form/ElmCheckbox.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/form/ElmTotp.vue.mjs";
37
- import { default as default26 } from "./components/headings/ElmHeading1.vue.mjs";
38
- import { default as default27 } from "./components/headings/ElmHeading2.vue.mjs";
39
- import { default as default28 } from "./components/headings/ElmHeading3.vue.mjs";
40
- import { default as default29 } from "./components/headings/ElmHeading4.vue.mjs";
41
- import { default as default30 } from "./components/headings/ElmHeading5.vue.mjs";
42
- import { default as default31 } from "./components/headings/ElmHeading6.vue.mjs";
43
- import { default as default32 } from "./components/headings/ElmFragmentIdentifier.vue.mjs";
44
- import { default as default33 } from "./components/icon/ElmArrowIcon.vue.mjs";
45
- import { default as default34 } from "./components/icon/ElmBookmarkIcon.vue.mjs";
46
- import { default as default35 } from "./components/icon/ElmCubeIcon.vue.mjs";
47
- import { default as default36 } from "./components/icon/ElmDotLoadingIcon.vue.mjs";
48
- import { default as default37 } from "./components/icon/ElmLanguageIcon.vue.mjs";
49
- import { default as default38 } from "./components/icon/ElmLoginIcon.vue.mjs";
50
- import { default as default39 } from "./components/icon/ElmToggleTheme.vue.mjs";
51
- import { default as default40 } from "./components/inline/ElmInlineLink.vue.mjs";
52
- import { default as default41 } from "./components/inline/ElmInlineRuby.vue.mjs";
53
- import { default as default42 } from "./components/inline/ElmInlineText.vue.mjs";
54
- import { default as default43 } from "./components/media/ElmFile.vue.mjs";
55
- import { default as default44, default as default45 } from "./components/media/ElmImage.vue.mjs";
56
- import { default as default46 } from "./components/navigation/ElmBookmark.vue.mjs";
57
- import { default as default47 } from "./components/navigation/ElmBreadcrumb.vue.mjs";
58
- import { default as default48 } from "./components/navigation/ElmPagetop.vue.mjs";
59
- import { default as default49 } from "./components/navigation/ElmTableOfContents.vue.mjs";
60
- import { default as default50 } from "./components/others/ElmColorSample.vue.mjs";
61
- import { default as default51 } from "./components/others/ElmColorTable.vue.mjs";
62
- import { default as default52 } from "./components/renderer/ElmJsonRenderer.vue.mjs";
63
- import { default as default53 } from "./components/table/ElmTable.vue.mjs";
64
- import { default as default54 } from "./components/table/ElmTableHeader.vue.mjs";
32
+ import { default as default21 } from "./components/fallback/ElmUnsupportedBlock.vue.mjs";
33
+ import { default as default22 } from "./components/form/ElmButton.vue.mjs";
34
+ import { default as default23 } from "./components/form/ElmCheckbox.vue.mjs";
35
+ import { default as default24 } from "./components/form/ElmSwitch.vue.mjs";
36
+ import { default as default25 } from "./components/form/ElmTextField.vue.mjs";
37
+ import { default as default26 } from "./components/form/ElmTotp.vue.mjs";
38
+ import { default as default27 } from "./components/typography/ElmHeading.vue.mjs";
39
+ import { default as default28 } from "./components/typography/ElmFragmentIdentifier.vue.mjs";
40
+ import { default as default29 } from "./components/icon/ElmArrowIcon.vue.mjs";
41
+ import { default as default30 } from "./components/icon/ElmBookmarkIcon.vue.mjs";
42
+ import { default as default31 } from "./components/icon/ElmCubeIcon.vue.mjs";
43
+ import { default as default32 } from "./components/icon/ElmDotLoadingIcon.vue.mjs";
44
+ import { default as default33 } from "./components/icon/ElmLanguageIcon.vue.mjs";
45
+ import { default as default34 } from "./components/icon/ElmLoginIcon.vue.mjs";
46
+ import { default as default35 } from "./components/icon/ElmToggleTheme.vue.mjs";
47
+ import { default as default36 } from "./components/typography/ElmInlineText.vue.mjs";
48
+ import { default as default37 } from "./components/media/ElmFile.vue.mjs";
49
+ import { default as default38, default as default39 } from "./components/media/ElmImage.vue.mjs";
50
+ import { default as default40 } from "./components/navigation/ElmBookmark.vue.mjs";
51
+ import { default as default41 } from "./components/navigation/ElmBreadcrumb.vue.mjs";
52
+ import { default as default42 } from "./components/navigation/ElmPagetop.vue.mjs";
53
+ import { default as default43 } from "./components/navigation/ElmTableOfContents.vue.mjs";
54
+ import { default as default44 } from "./components/others/ElmColorSample.vue.mjs";
55
+ import { default as default45 } from "./components/others/ElmColorTable.vue.mjs";
56
+ import { default as default46 } from "./components/others/ElmJsonComponentRenderer.vue.mjs";
57
+ import { default as default47 } from "./components/table/ElmTable.vue.mjs";
58
+ import { default as default48 } from "./components/table/ElmTableHeader.vue.mjs";
65
59
 
66
- import { default as default55 } from "./components/table/ElmTableBody.vue.mjs";
60
+ import { default as default49 } from "./components/table/ElmTableBody.vue.mjs";
67
61
 
68
- import { default as default56 } from "./components/table/ElmTableRow.vue.mjs";
69
- import { default as default57 } from "./components/table/ElmTableCell.vue.mjs";
70
- import { default as default58 } from "./components/typography/ElmBlockQuote.vue.mjs";
71
- import { default as default59 } from "./components/typography/ElmBulletedList.vue.mjs";
62
+ import { default as default50 } from "./components/table/ElmTableRow.vue.mjs";
63
+ import { default as default51 } from "./components/table/ElmTableCell.vue.mjs";
64
+ import { default as default52 } from "./components/typography/ElmBlockQuote.vue.mjs";
65
+ import { default as default53 } from "./components/typography/ElmCallout.vue.mjs";
66
+ import { default as default54 } from "./components/typography/ElmDivider.vue.mjs";
67
+ import { default as default55 } from "./components/typography/ElmParagraph.vue.mjs";
68
+ import { default as default56 } from "./components/typography/ElmList.vue.mjs";
72
69
 
73
- import { default as default60 } from "./components/typography/ElmCallout.vue.mjs";
74
- import { default as default61 } from "./components/typography/ElmDivider.vue.mjs";
75
- import { default as default62 } from "./components/typography/ElmNumberedList.vue.mjs";
76
-
77
- import { default as default63 } from "./components/typography/ElmParagraph.vue.mjs";
78
- import { default as default64 } from "./components/typography/ElmListItem.vue.mjs";
79
70
  import { useElmethisTheme } from "./hooks/useElmethisTheme.mjs";
80
71
  import { useTyping } from "./hooks/useTyping.mjs";
81
72
  export {
82
- default33 as ElmArrowIcon,
73
+ default29 as ElmArrowIcon,
83
74
  default2 as ElmBadge,
84
75
  default19 as ElmBlockFallback,
85
- default44 as ElmBlockImage,
86
- default58 as ElmBlockQuote,
87
- default46 as ElmBookmark,
88
- default34 as ElmBookmarkIcon,
89
- default47 as ElmBreadcrumb,
90
- default59 as ElmBulletedList,
91
- default21 as ElmButton,
92
- default60 as ElmCallout,
93
- default22 as ElmCheckbox,
76
+ default38 as ElmBlockImage,
77
+ default52 as ElmBlockQuote,
78
+ default40 as ElmBookmark,
79
+ default30 as ElmBookmarkIcon,
80
+ default41 as ElmBreadcrumb,
81
+ default22 as ElmButton,
82
+ default53 as ElmCallout,
83
+ default23 as ElmCheckbox,
94
84
  default4 as ElmCodeBlock,
95
- default50 as ElmColorSample,
96
- default51 as ElmColorTable,
85
+ default44 as ElmColorSample,
86
+ default45 as ElmColorTable,
97
87
  default6 as ElmColumn,
98
88
  default7 as ElmColumnList,
99
- default35 as ElmCubeIcon,
89
+ default31 as ElmCubeIcon,
100
90
  default8 as ElmDesktopWindow,
101
- default61 as ElmDivider,
102
- default36 as ElmDotLoadingIcon,
103
- default43 as ElmFile,
104
- default32 as ElmFragmentIdentifier,
105
- default26 as ElmHeading1,
106
- default27 as ElmHeading2,
107
- default28 as ElmHeading3,
108
- default29 as ElmHeading4,
109
- default30 as ElmHeading5,
110
- default31 as ElmHeading6,
111
- default45 as ElmImage,
112
- default40 as ElmInlineLink,
113
- default41 as ElmInlineRuby,
114
- default42 as ElmInlineText,
115
- default52 as ElmJsonRenderer,
91
+ default54 as ElmDivider,
92
+ default32 as ElmDotLoadingIcon,
93
+ default37 as ElmFile,
94
+ default28 as ElmFragmentIdentifier,
95
+ default27 as ElmHeading,
96
+ default39 as ElmImage,
97
+ default36 as ElmInlineText,
98
+ default46 as ElmJsonComponentRenderer,
116
99
  default5 as ElmKatex,
117
- default37 as ElmLanguageIcon,
118
- default64 as ElmListItem,
119
- default38 as ElmLoginIcon,
100
+ default33 as ElmLanguageIcon,
101
+ default56 as ElmList,
102
+ default34 as ElmLoginIcon,
120
103
  default9 as ElmModal,
121
104
  default16 as ElmMultiProgress,
122
- default62 as ElmNumberedList,
123
- default48 as ElmPagetop,
124
- default63 as ElmParagraph,
105
+ default42 as ElmPagetop,
106
+ default55 as ElmParagraph,
125
107
  default10 as ElmParallax,
126
108
  default15 as ElmProgress,
127
109
  default18 as ElmRectangleWave,
@@ -129,19 +111,20 @@ export {
129
111
  default12 as ElmSnackbarContainer,
130
112
  default20 as ElmSpinner,
131
113
  default17 as ElmStatusMessage,
132
- default23 as ElmSwitch,
133
- default53 as ElmTable,
134
- default55 as ElmTableBody,
135
- default57 as ElmTableCell,
136
- default54 as ElmTableHeader,
137
- default49 as ElmTableOfContents,
138
- default56 as ElmTableRow,
114
+ default24 as ElmSwitch,
115
+ default47 as ElmTable,
116
+ default49 as ElmTableBody,
117
+ default51 as ElmTableCell,
118
+ default48 as ElmTableHeader,
119
+ default43 as ElmTableOfContents,
120
+ default50 as ElmTableRow,
139
121
  default3 as ElmTag,
140
- default24 as ElmTextField,
122
+ default25 as ElmTextField,
141
123
  default13 as ElmToggle,
142
- default39 as ElmToggleTheme,
124
+ default35 as ElmToggleTheme,
143
125
  default14 as ElmTooltip,
144
- default25 as ElmTotp,
126
+ default26 as ElmTotp,
127
+ default21 as ElmUnsupportedBlock,
145
128
  useElmethisTheme,
146
129
  useTyping
147
130
  };
@@ -0,0 +1,14 @@
1
+ var mdiChevronUp = "M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z";
2
+ var mdiFormatQuoteClose = "M14,17H17L19,13V7H13V13H16M6,17H9L11,13V7H5V13H8L6,17Z";
3
+ var mdiFormatQuoteOpen = "M10,7L8,11H11V17H5V11L7,7H10M18,7L16,11H19V17H13V11L15,7H18Z";
4
+ var mdiInformation = "M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z";
5
+ var mdiMessageImageOutline = "M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M20 16H5.2L4 17.2V4H20V16M5 14L8.5 9.5L11 12.5L14.5 8L19 14";
6
+ var mdiTable = "M5,4H19A2,2 0 0,1 21,6V18A2,2 0 0,1 19,20H5A2,2 0 0,1 3,18V6A2,2 0 0,1 5,4M5,8V12H11V8H5M13,8V12H19V8H13M5,14V18H11V14H5M13,14V18H19V14H13Z";
7
+ export {
8
+ mdiChevronUp,
9
+ mdiFormatQuoteClose,
10
+ mdiFormatQuoteOpen,
11
+ mdiInformation,
12
+ mdiMessageImageOutline,
13
+ mdiTable
14
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elmethis/core",
3
- "version": "1.0.0-alpha.189",
3
+ "version": "1.0.0-alpha.190",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -25,12 +25,13 @@
25
25
  "dependencies": {
26
26
  "@heroicons/vue": "^2.2.0",
27
27
  "@iconify/vue": "^4.3.0",
28
+ "@mdi/js": "^7.4.47",
28
29
  "@vueuse/core": "^13.1.0",
29
30
  "katex": "^0.16.22",
30
31
  "lodash-es": "^4.17.21",
31
32
  "nanoid": "^5.1.5",
32
33
  "polished": "^4.3.1",
33
- "shiki": "^3.2.2"
34
+ "shiki": "^3.3.0"
34
35
  },
35
36
  "devDependencies": {
36
37
  "@notionhq/client": "^2.3.0",
@@ -42,14 +43,15 @@
42
43
  "@vitejs/plugin-vue": "^5.2.3",
43
44
  "@vitejs/plugin-vue-jsx": "^4.1.2",
44
45
  "csstype": "^3.1.3",
46
+ "jarkup-ts": "^0.2.1",
45
47
  "openapi-types": "^12.1.3",
46
48
  "postcss": "^8.5.3",
47
- "postcss-preset-env": "^10.1.5",
48
- "sass": "^1.86.3",
49
- "vite": "^6.3.2",
49
+ "postcss-preset-env": "^10.1.6",
50
+ "sass": "^1.87.0",
51
+ "vite": "^6.3.3",
50
52
  "vite-plugin-css-injected-by-js": "^3.5.2",
51
53
  "vite-plugin-dts": "^4.5.3",
52
- "vue-tsc": "^2.2.8"
54
+ "vue-tsc": "^2.2.10"
53
55
  },
54
56
  "peerDependencies": {
55
57
  "vue": ">=3.4.0"
@@ -1,28 +0,0 @@
1
- import { Property } from 'csstype';
2
- export interface ElmHeading1Props {
3
- /**
4
- * Text to display
5
- */
6
- text: string;
7
- /**
8
- * Font size of the text. Default is `'1.5rem'`.
9
- */
10
- size?: Property.FontSize;
11
- /**
12
- * ID of the heading element.
13
- * Default is kebab-cased `text`. (using lodash)
14
- */
15
- id?: string;
16
- /**
17
- * Whether to disable fragment identifier.
18
- * Default is `false`.
19
- */
20
- disableFragmentIdentifier?: boolean;
21
- }
22
- declare const _default: import('vue').DefineComponent<ElmHeading1Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmHeading1Props> & Readonly<{}>, {
23
- size: Property.FontSize;
24
- disableFragmentIdentifier: boolean;
25
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
26
- target: HTMLHeadingElement;
27
- }, any>;
28
- export default _default;
@@ -1,10 +0,0 @@
1
- import _sfc_main from "./ElmHeading1.vue2.mjs";
2
- import style0 from "./ElmHeading1.vue3.mjs";
3
- import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
4
- const cssModules = {
5
- "$style": style0
6
- };
7
- const ElmHeading1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
8
- export {
9
- ElmHeading1 as default
10
- };
@@ -1,43 +0,0 @@
1
- import { defineComponent, ref, createElementBlock, openBlock, Fragment, createElementVNode, createBlock, createCommentVNode, normalizeStyle, unref, normalizeClass, toDisplayString } from "vue";
2
- import { useIntersectionObserver } from "@vueuse/core";
3
- import { kebabCase } from "lodash-es";
4
- import ElmFragmentIdentifier from "./ElmFragmentIdentifier.vue.mjs";
5
- const _hoisted_1 = ["id"];
6
- const _sfc_main = /* @__PURE__ */ defineComponent({
7
- __name: "ElmHeading1",
8
- props: {
9
- text: {},
10
- size: { default: "1.5rem" },
11
- id: {},
12
- disableFragmentIdentifier: { type: Boolean, default: false }
13
- },
14
- setup(__props) {
15
- const target = ref(null);
16
- const targetIsVisible = ref(false);
17
- useIntersectionObserver(target, ([{ isIntersecting }], _) => {
18
- targetIsVisible.value = isIntersecting;
19
- });
20
- return (_ctx, _cache) => {
21
- return openBlock(), createElementBlock(Fragment, null, [
22
- createElementVNode("h1", {
23
- ref_key: "target",
24
- ref: target,
25
- class: normalizeClass(_ctx.$style.h1),
26
- id: _ctx.id ?? unref(kebabCase)(_ctx.text),
27
- style: normalizeStyle({
28
- "--scale": targetIsVisible.value ? 1 : 0,
29
- "--font-size": _ctx.size,
30
- "--opacity": targetIsVisible.value ? 1 : 0
31
- })
32
- }, toDisplayString(_ctx.text), 15, _hoisted_1),
33
- !_ctx.disableFragmentIdentifier ? (openBlock(), createBlock(ElmFragmentIdentifier, {
34
- key: 0,
35
- id: _ctx.id ?? unref(kebabCase)(_ctx.text)
36
- }, null, 8, ["id"])) : createCommentVNode("", true)
37
- ], 64);
38
- };
39
- }
40
- });
41
- export {
42
- _sfc_main as default
43
- };
@@ -1,20 +0,0 @@
1
- (function() {
2
- "use strict";
3
- try {
4
- if (typeof document != "undefined") {
5
- var elementStyle = document.createElement("style");
6
- elementStyle.appendChild(document.createTextNode('._h1_7nvyi_1{position:relative;font-size:var(--font-size);line-height:var(cacl(--font-size0.25rem));opacity:var(--opacity);transition:color .4s,opacity .8s;color:#000c}._h1_7nvyi_1::-moz-selection{color:#fffc;background-color:#000c}._h1_7nvyi_1::selection{color:#fffc;background-color:#000c}[data-theme=dark] ._h1_7nvyi_1{color:#fffc}[data-theme=dark] ._h1_7nvyi_1::-moz-selection{color:#000c;background-color:#fffc}[data-theme=dark] ._h1_7nvyi_1::selection{color:#000c;background-color:#fffc}._h1_7nvyi_1:after{position:absolute;content:"";bottom:-2px;left:0;width:100%;height:.25px;background-color:#00000080;transition:transform .8s;transform:scaleX(var(--scale))}[data-theme=dark] ._h1_7nvyi_1:after{background-color:#ffffff80}._h1_7nvyi_1:before{position:absolute;content:"";bottom:-4px;left:45%;width:10%;height:2px;background-color:#0009;transition:transform .8s;transform:scaleY(var(--scale));transform-origin:top}[data-theme=dark] ._h1_7nvyi_1:before{background-color:#fff9}'));
7
- document.head.appendChild(elementStyle);
8
- }
9
- } catch (e) {
10
- console.error("vite-plugin-css-injected-by-js", e);
11
- }
12
- })();
13
- const h1 = "_h1_7nvyi_1";
14
- const style0 = {
15
- h1
16
- };
17
- export {
18
- style0 as default,
19
- h1
20
- };
@@ -1,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/vue3';
2
- import { default as ElmHeading2 } from './ElmHeading2.vue';
3
- declare const meta: Meta<typeof ElmHeading2>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Primary: Story;