@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
@@ -1,28 +0,0 @@
1
- import { Property } from 'csstype';
2
- export interface ElmHeading2Props {
3
- /**
4
- * Text to display
5
- */
6
- text: string;
7
- /**
8
- * Font size of the text. Default is `'1.4rem'`.
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<ElmHeading2Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmHeading2Props> & 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 "./ElmHeading2.vue2.mjs";
2
- import style0 from "./ElmHeading2.vue3.mjs";
3
- import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
4
- const cssModules = {
5
- "$style": style0
6
- };
7
- const ElmHeading2 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
8
- export {
9
- ElmHeading2 as default
10
- };
@@ -1,49 +0,0 @@
1
- import { defineComponent, ref, createElementBlock, openBlock, Fragment, createElementVNode, createBlock, createCommentVNode, normalizeStyle, unref, normalizeClass, createTextVNode, 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: "ElmHeading2",
8
- props: {
9
- text: {},
10
- size: { default: "1.4rem" },
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("h2", {
23
- ref_key: "target",
24
- ref: target,
25
- class: normalizeClass(_ctx.$style.h2),
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
- }, [
33
- createTextVNode(toDisplayString(_ctx.text), 1),
34
- createElementVNode("span", {
35
- class: normalizeClass(_ctx.$style.underline),
36
- "aria-hidden": ""
37
- }, null, 2)
38
- ], 14, _hoisted_1),
39
- !_ctx.disableFragmentIdentifier ? (openBlock(), createBlock(ElmFragmentIdentifier, {
40
- key: 0,
41
- id: _ctx.id ?? unref(kebabCase)(_ctx.text)
42
- }, null, 8, ["id"])) : createCommentVNode("", true)
43
- ], 64);
44
- };
45
- }
46
- });
47
- export {
48
- _sfc_main as default
49
- };
@@ -1,23 +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('._h2_cxjup_1{margin-block:1rem;position:relative;font-size:var(--font-size);line-height:var(--font-size);opacity:var(--opacity);transition:color .4s,opacity .8s;color:#000c}._h2_cxjup_1::-moz-selection{color:#fffc;background-color:#000c}._h2_cxjup_1::selection{color:#fffc;background-color:#000c}[data-theme=dark] ._h2_cxjup_1{color:#fffc}[data-theme=dark] ._h2_cxjup_1::-moz-selection{color:#000c;background-color:#fffc}[data-theme=dark] ._h2_cxjup_1::selection{color:#000c;background-color:#fffc}._h2_cxjup_1:after{position:absolute;content:"";right:2px;bottom:-4px;width:6px;height:8px;opacity:.8;transform:skew(-25deg);background-color:#000c}[data-theme=dark] ._h2_cxjup_1:after{background-color:#fffc}._h2_cxjup_1:before{position:absolute;content:"";right:10px;bottom:-4px;width:6px;height:8px;opacity:.8;transform:skew(-25deg);background-color:#000c}[data-theme=dark] ._h2_cxjup_1:before{background-color:#fffc}._underline_cxjup_50{overflow:hidden;position:absolute;content:"";bottom:-6px;left:0;width:100%;height:.25px;background-color:#00000080;transition:transform .8s;transform:scaleX(var(--scale));transform-origin:left}[data-theme=dark] ._underline_cxjup_50{background-color:#ffffff80}'));
7
- document.head.appendChild(elementStyle);
8
- }
9
- } catch (e) {
10
- console.error("vite-plugin-css-injected-by-js", e);
11
- }
12
- })();
13
- const h2 = "_h2_cxjup_1";
14
- const underline = "_underline_cxjup_50";
15
- const style0 = {
16
- h2,
17
- underline
18
- };
19
- export {
20
- style0 as default,
21
- h2,
22
- underline
23
- };
@@ -1,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/vue3';
2
- import { default as ElmHeading3 } from './ElmHeading3.vue';
3
- declare const meta: Meta<typeof ElmHeading3>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Primary: Story;
@@ -1,28 +0,0 @@
1
- import { Property } from 'csstype';
2
- export interface ElmHeading3Props {
3
- /**
4
- * Text to display
5
- */
6
- text: string;
7
- /**
8
- * Font size of the text. Default is `'1.3rem'`.
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<ElmHeading3Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmHeading3Props> & 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 "./ElmHeading3.vue2.mjs";
2
- import style0 from "./ElmHeading3.vue3.mjs";
3
- import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
4
- const cssModules = {
5
- "$style": style0
6
- };
7
- const ElmHeading3 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
8
- export {
9
- ElmHeading3 as default
10
- };
@@ -1,39 +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: "ElmHeading3",
8
- props: {
9
- text: {},
10
- size: { default: "1.3rem" },
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("h3", {
23
- ref_key: "target",
24
- ref: target,
25
- class: normalizeClass(_ctx.$style.h3),
26
- id: _ctx.id ?? unref(kebabCase)(_ctx.text),
27
- style: normalizeStyle({ "--font-size": _ctx.size, "--opacity": targetIsVisible.value ? 1 : 0 })
28
- }, toDisplayString(_ctx.text), 15, _hoisted_1),
29
- !_ctx.disableFragmentIdentifier ? (openBlock(), createBlock(ElmFragmentIdentifier, {
30
- key: 0,
31
- id: _ctx.id ?? unref(kebabCase)(_ctx.text)
32
- }, null, 8, ["id"])) : createCommentVNode("", true)
33
- ], 64);
34
- };
35
- }
36
- });
37
- export {
38
- _sfc_main as default
39
- };
@@ -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('._h3_x0d8r_1{margin-block:1rem;position:relative;box-sizing:border-box;padding-left:.75rem;font-size:var(--font-size);line-height:var(--font-size);opacity:var(--opacity);transition:color .4s,opacity .8s;color:#000c}._h3_x0d8r_1::-moz-selection{color:#fffc;background-color:#000c}._h3_x0d8r_1::selection{color:#fffc;background-color:#000c}[data-theme=dark] ._h3_x0d8r_1{color:#fffc}[data-theme=dark] ._h3_x0d8r_1::-moz-selection{color:#000c;background-color:#fffc}[data-theme=dark] ._h3_x0d8r_1::selection{color:#000c;background-color:#fffc}._h3_x0d8r_1:after{position:absolute;content:"";width:3px;height:50%;top:25%;left:0;background-color:#000c}[data-theme=dark] ._h3_x0d8r_1:after{background-color:#fffc}'));
7
- document.head.appendChild(elementStyle);
8
- }
9
- } catch (e) {
10
- console.error("vite-plugin-css-injected-by-js", e);
11
- }
12
- })();
13
- const h3 = "_h3_x0d8r_1";
14
- const style0 = {
15
- h3
16
- };
17
- export {
18
- style0 as default,
19
- h3
20
- };
@@ -1,26 +0,0 @@
1
- import { Property } from 'csstype';
2
- export interface ElmHeading4Props {
3
- /**
4
- * Text to display
5
- */
6
- text: string;
7
- /**
8
- * Font size of the text. Default is `'1.2rem'`.
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<ElmHeading4Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmHeading4Props> & Readonly<{}>, {
23
- size: Property.FontSize;
24
- disableFragmentIdentifier: boolean;
25
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
26
- export default _default;
@@ -1,10 +0,0 @@
1
- import _sfc_main from "./ElmHeading4.vue2.mjs";
2
- import style0 from "./ElmHeading4.vue3.mjs";
3
- import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
4
- const cssModules = {
5
- "$style": style0
6
- };
7
- const ElmHeading4 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
8
- export {
9
- ElmHeading4 as default
10
- };
@@ -1,31 +0,0 @@
1
- import { defineComponent, createElementBlock, openBlock, Fragment, createElementVNode, createBlock, createCommentVNode, normalizeStyle, unref, normalizeClass, toDisplayString } from "vue";
2
- import { kebabCase } from "lodash-es";
3
- import ElmFragmentIdentifier from "./ElmFragmentIdentifier.vue.mjs";
4
- const _hoisted_1 = ["id"];
5
- const _sfc_main = /* @__PURE__ */ defineComponent({
6
- __name: "ElmHeading4",
7
- props: {
8
- text: {},
9
- size: { default: "1.2rem" },
10
- id: {},
11
- disableFragmentIdentifier: { type: Boolean, default: false }
12
- },
13
- setup(__props) {
14
- return (_ctx, _cache) => {
15
- return openBlock(), createElementBlock(Fragment, null, [
16
- createElementVNode("h4", {
17
- class: normalizeClass(_ctx.$style.h4),
18
- id: _ctx.id ?? unref(kebabCase)(_ctx.text),
19
- style: normalizeStyle({ "--font-size": _ctx.size })
20
- }, toDisplayString(_ctx.text), 15, _hoisted_1),
21
- !_ctx.disableFragmentIdentifier ? (openBlock(), createBlock(ElmFragmentIdentifier, {
22
- key: 0,
23
- id: _ctx.id ?? unref(kebabCase)(_ctx.text)
24
- }, null, 8, ["id"])) : createCommentVNode("", true)
25
- ], 64);
26
- };
27
- }
28
- });
29
- export {
30
- _sfc_main as default
31
- };
@@ -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("._h4_7klov_1{margin-block:.5rem;font-size:var(--font-size);transition:color .4s;color:#000c}._h4_7klov_1::-moz-selection{color:#fffc;background-color:#000c}._h4_7klov_1::selection{color:#fffc;background-color:#000c}[data-theme=dark] ._h4_7klov_1{color:#fffc}[data-theme=dark] ._h4_7klov_1::-moz-selection{color:#000c;background-color:#fffc}[data-theme=dark] ._h4_7klov_1::selection{color:#000c;background-color:#fffc}"));
7
- document.head.appendChild(elementStyle);
8
- }
9
- } catch (e) {
10
- console.error("vite-plugin-css-injected-by-js", e);
11
- }
12
- })();
13
- const h4 = "_h4_7klov_1";
14
- const style0 = {
15
- h4
16
- };
17
- export {
18
- style0 as default,
19
- h4
20
- };
@@ -1,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/vue3';
2
- import { default as ElmHeading5 } from './ElmHeading5.vue';
3
- declare const meta: Meta<typeof ElmHeading5>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Primary: Story;
@@ -1,26 +0,0 @@
1
- import { Property } from 'csstype';
2
- export interface ElmHeading5Props {
3
- /**
4
- * Text to display
5
- */
6
- text: string;
7
- /**
8
- * Font size of the text. Default is `'1.15rem'`.
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<ElmHeading5Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmHeading5Props> & Readonly<{}>, {
23
- size: Property.FontSize;
24
- disableFragmentIdentifier: boolean;
25
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
26
- export default _default;
@@ -1,10 +0,0 @@
1
- import _sfc_main from "./ElmHeading5.vue2.mjs";
2
- import style0 from "./ElmHeading5.vue3.mjs";
3
- import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
4
- const cssModules = {
5
- "$style": style0
6
- };
7
- const ElmHeading5 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
8
- export {
9
- ElmHeading5 as default
10
- };
@@ -1,31 +0,0 @@
1
- import { defineComponent, createElementBlock, openBlock, Fragment, createElementVNode, createBlock, createCommentVNode, normalizeStyle, unref, normalizeClass, toDisplayString } from "vue";
2
- import { kebabCase } from "lodash-es";
3
- import ElmFragmentIdentifier from "./ElmFragmentIdentifier.vue.mjs";
4
- const _hoisted_1 = ["id"];
5
- const _sfc_main = /* @__PURE__ */ defineComponent({
6
- __name: "ElmHeading5",
7
- props: {
8
- text: {},
9
- size: { default: "1.15rem" },
10
- id: {},
11
- disableFragmentIdentifier: { type: Boolean, default: false }
12
- },
13
- setup(__props) {
14
- return (_ctx, _cache) => {
15
- return openBlock(), createElementBlock(Fragment, null, [
16
- createElementVNode("h5", {
17
- class: normalizeClass(_ctx.$style.h5),
18
- id: _ctx.id ?? unref(kebabCase)(_ctx.text),
19
- style: normalizeStyle({ "--font-size": _ctx.size })
20
- }, toDisplayString(_ctx.text), 15, _hoisted_1),
21
- !_ctx.disableFragmentIdentifier ? (openBlock(), createBlock(ElmFragmentIdentifier, {
22
- key: 0,
23
- id: _ctx.id ?? unref(kebabCase)(_ctx.text)
24
- }, null, 8, ["id"])) : createCommentVNode("", true)
25
- ], 64);
26
- };
27
- }
28
- });
29
- export {
30
- _sfc_main as default
31
- };
@@ -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("._h5_1av6v_1{margin-block:.5rem;font-size:var(--font-size);transition:color .4s;color:#000c}._h5_1av6v_1::-moz-selection{color:#fffc;background-color:#000c}._h5_1av6v_1::selection{color:#fffc;background-color:#000c}[data-theme=dark] ._h5_1av6v_1{color:#fffc}[data-theme=dark] ._h5_1av6v_1::-moz-selection{color:#000c;background-color:#fffc}[data-theme=dark] ._h5_1av6v_1::selection{color:#000c;background-color:#fffc}"));
7
- document.head.appendChild(elementStyle);
8
- }
9
- } catch (e) {
10
- console.error("vite-plugin-css-injected-by-js", e);
11
- }
12
- })();
13
- const h5 = "_h5_1av6v_1";
14
- const style0 = {
15
- h5
16
- };
17
- export {
18
- style0 as default,
19
- h5
20
- };
@@ -1,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/vue3';
2
- import { default as ElmHeading6 } from './ElmHeading6.vue';
3
- declare const meta: Meta<typeof ElmHeading6>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Primary: Story;
@@ -1,26 +0,0 @@
1
- import { Property } from 'csstype';
2
- export interface ElmHeading6Props {
3
- /**
4
- * Text to display
5
- */
6
- text: string;
7
- /**
8
- * Font size of the text. Default is `'1.1rem'`.
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<ElmHeading6Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmHeading6Props> & Readonly<{}>, {
23
- size: Property.FontSize;
24
- disableFragmentIdentifier: boolean;
25
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
26
- export default _default;
@@ -1,10 +0,0 @@
1
- import _sfc_main from "./ElmHeading6.vue2.mjs";
2
- import style0 from "./ElmHeading6.vue3.mjs";
3
- import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
4
- const cssModules = {
5
- "$style": style0
6
- };
7
- const ElmHeading6 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
8
- export {
9
- ElmHeading6 as default
10
- };
@@ -1,31 +0,0 @@
1
- import { defineComponent, createElementBlock, openBlock, Fragment, createElementVNode, createBlock, createCommentVNode, normalizeStyle, unref, normalizeClass, toDisplayString } from "vue";
2
- import { kebabCase } from "lodash-es";
3
- import ElmFragmentIdentifier from "./ElmFragmentIdentifier.vue.mjs";
4
- const _hoisted_1 = ["id"];
5
- const _sfc_main = /* @__PURE__ */ defineComponent({
6
- __name: "ElmHeading6",
7
- props: {
8
- text: {},
9
- size: { default: "1.1rem" },
10
- id: {},
11
- disableFragmentIdentifier: { type: Boolean, default: false }
12
- },
13
- setup(__props) {
14
- return (_ctx, _cache) => {
15
- return openBlock(), createElementBlock(Fragment, null, [
16
- createElementVNode("h6", {
17
- class: normalizeClass(_ctx.$style.h6),
18
- id: _ctx.id ?? unref(kebabCase)(_ctx.text),
19
- style: normalizeStyle({ "--font-size": _ctx.size })
20
- }, toDisplayString(_ctx.text), 15, _hoisted_1),
21
- !_ctx.disableFragmentIdentifier ? (openBlock(), createBlock(ElmFragmentIdentifier, {
22
- key: 0,
23
- id: _ctx.id ?? unref(kebabCase)(_ctx.text)
24
- }, null, 8, ["id"])) : createCommentVNode("", true)
25
- ], 64);
26
- };
27
- }
28
- });
29
- export {
30
- _sfc_main as default
31
- };
@@ -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("._h6_15uaq_1{margin-block:.5rem;font-size:var(--font-size);transition:color .4s;color:#000c}._h6_15uaq_1::-moz-selection{color:#fffc;background-color:#000c}._h6_15uaq_1::selection{color:#fffc;background-color:#000c}[data-theme=dark] ._h6_15uaq_1{color:#fffc}[data-theme=dark] ._h6_15uaq_1::-moz-selection{color:#000c;background-color:#fffc}[data-theme=dark] ._h6_15uaq_1::selection{color:#000c;background-color:#fffc}"));
7
- document.head.appendChild(elementStyle);
8
- }
9
- } catch (e) {
10
- console.error("vite-plugin-css-injected-by-js", e);
11
- }
12
- })();
13
- const h6 = "_h6_15uaq_1";
14
- const style0 = {
15
- h6
16
- };
17
- export {
18
- style0 as default,
19
- h6
20
- };
@@ -1,21 +0,0 @@
1
- import { defineComponent, createElementBlock, openBlock, normalizeClass } from "vue";
2
- const _hoisted_1 = ["src", "alt"];
3
- const _sfc_main = /* @__PURE__ */ defineComponent({
4
- __name: "ElmInlineIcon",
5
- props: {
6
- src: {},
7
- alt: {}
8
- },
9
- setup(__props) {
10
- return (_ctx, _cache) => {
11
- return openBlock(), createElementBlock("img", {
12
- class: normalizeClass(_ctx.$style.icon),
13
- src: _ctx.src,
14
- alt: _ctx.alt
15
- }, null, 10, _hoisted_1);
16
- };
17
- }
18
- });
19
- export {
20
- _sfc_main as default
21
- };
@@ -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("._icon_egf7j_1{margin:0;padding:0;padding-inline:.125rem;display:inline-block;vertical-align:middle;height:1.5em}._icon_egf7j_1::-moz-selection{filter:brightness(1000%);background-color:#00000040;background-color:var(--color, rgba(0, 0, 0, .25))}._icon_egf7j_1::selection{filter:brightness(1000%);background-color:#00000040;background-color:var(--color, rgba(0, 0, 0, .25))}[data-theme=dark] ._icon_egf7j_1{color:#ffffffb3;color:var(--color, rgba(255, 255, 255, .7))}[data-theme=dark] ._icon_egf7j_1::-moz-selection{color:#000000b3;background-color:#ffffff40;background-color:var(--color, rgba(255, 255, 255, .25))}[data-theme=dark] ._icon_egf7j_1::selection{color:#000000b3;background-color:#ffffff40;background-color:var(--color, rgba(255, 255, 255, .25))}"));
7
- document.head.appendChild(elementStyle);
8
- }
9
- } catch (e) {
10
- console.error("vite-plugin-css-injected-by-js", e);
11
- }
12
- })();
13
- const icon = "_icon_egf7j_1";
14
- const style0 = {
15
- icon
16
- };
17
- export {
18
- style0 as default,
19
- icon
20
- };
@@ -1,9 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/vue3';
2
- import { default as ElmInlineLink } from './ElmInlineLink.vue';
3
- declare const meta: Meta<typeof ElmInlineLink>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Primary: Story;
7
- export declare const OnClick: Story;
8
- export declare const OpenInSameTab: Story;
9
- export declare const Size: Story;
@@ -1,38 +0,0 @@
1
- import { Property } from 'csstype';
2
- export interface ElmInlineLinkProps {
3
- /**
4
- * The text to display.
5
- */
6
- text?: string;
7
- /**
8
- * The URL to navigate to.
9
- *
10
- * e.g. `https://example.com`
11
- */
12
- href: string;
13
- favicon?: string;
14
- /**
15
- * Specifies the font size of the text.
16
- */
17
- size?: Property.FontSize;
18
- /**
19
- * Whether to open the link in a new tab.
20
- * Defaults to `true`.
21
- */
22
- openInNewTab?: boolean;
23
- /**
24
- * The type of icon to display.
25
- * If not provided, the icon is determined by the `openInNewTab` prop.
26
- */
27
- iconType?: 'internal' | 'external';
28
- /**
29
- * The function to call when the link is clicked.
30
- * If provided, the default behavior (navigating to the URL) is prevented.
31
- */
32
- onClick?: () => void;
33
- }
34
- declare const _default: import('vue').DefineComponent<ElmInlineLinkProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmInlineLinkProps> & Readonly<{}>, {
35
- size: Property.FontSize;
36
- openInNewTab: boolean;
37
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLAnchorElement>;
38
- export default _default;
@@ -1,10 +0,0 @@
1
- import _sfc_main from "./ElmInlineLink.vue2.mjs";
2
- import style0 from "./ElmInlineLink.vue3.mjs";
3
- import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
4
- const cssModules = {
5
- "$style": style0
6
- };
7
- const ElmInlineLink = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
8
- export {
9
- ElmInlineLink as default
10
- };