@elmethis/core 1.0.0-alpha.16 → 1.0.0-alpha.161

package/dist/components/headings/ElmFragmentIdentifier.vue2.mjs

@@ -0,0 +1,54 @@
+import { defineComponent, onMounted, nextTick, createElementBlock, openBlock, normalizeClass, createVNode, unref } from "vue";
+import { Icon } from "@iconify/vue";
+import { useClipboard } from "@vueuse/core";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmFragmentIdentifier",
+  props: {
+    id: {}
+  },
+  setup(__props) {
+    const handleHashClick = (id) => {
+      const url = new URL(window.location.href);
+      url.hash = id;
+      window.history.replaceState(null, "", url.toString());
+      const target = document.getElementById(id);
+      if (target != null) {
+        target.scrollIntoView({ behavior: "smooth" });
+      }
+    };
+    const handleLinkClick = (id) => {
+      const url = new URL(window.location.href);
+      url.hash = id;
+      window.history.replaceState(null, "", url.toString());
+      copy(window.location.href);
+    };
+    const { copy } = useClipboard();
+    onMounted(() => {
+      nextTick(() => {
+        const element = document.querySelector(window.location.hash);
+        if (element) {
+          element.scrollIntoView({ behavior: "smooth" });
+        }
+      });
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.fragment)
+      }, [
+        createVNode(unref(Icon), {
+          icon: "material-symbols:anchor",
+          class: normalizeClass(_ctx.$style.icon),
+          onClick: _cache[0] || (_cache[0] = ($event) => handleHashClick(_ctx.id))
+        }, null, 8, ["class"]),
+        createVNode(unref(Icon), {
+          icon: "mingcute:link-line",
+          class: normalizeClass(_ctx.$style.icon),
+          onClick: _cache[1] || (_cache[1] = ($event) => handleLinkClick(_ctx.id))
+        }, null, 8, ["class"])
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/headings/ElmFragmentIdentifier.vue3.mjs

@@ -0,0 +1,11 @@
+const fragment = "_fragment_fa0ru_1";
+const icon = "_icon_fa0ru_7";
+const style0 = {
+  fragment,
+  icon
+};
+export {
+  style0 as default,
+  fragment,
+  icon
+};

package/dist/components/headings/ElmHeading1.css

@@ -0,0 +1,56 @@
+._h1_7nvyi_1 {
+  position: relative;
+  font-size: var(--font-size);
+  line-height: var(cacl(--font-size0.25rem));
+  opacity: var(--opacity);
+  transition: color 400ms, opacity 800ms;
+  color: rgba(0, 0, 0, 0.8);
+}
+._h1_7nvyi_1::-moz-selection {
+  color: rgba(255, 255, 255, 0.8);
+  background-color: rgba(0, 0, 0, 0.8);
+}
+._h1_7nvyi_1::selection {
+  color: rgba(255, 255, 255, 0.8);
+  background-color: rgba(0, 0, 0, 0.8);
+}
+[data-theme=dark] ._h1_7nvyi_1 {
+  color: rgba(255, 255, 255, 0.8);
+}
+[data-theme=dark] ._h1_7nvyi_1::-moz-selection {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: rgba(255, 255, 255, 0.8);
+}
+[data-theme=dark] ._h1_7nvyi_1::selection {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: rgba(255, 255, 255, 0.8);
+}
+._h1_7nvyi_1::after {
+  position: absolute;
+  content: "";
+  bottom: -2px;
+  left: 0;
+  width: 100%;
+  height: 0.25px;
+  background-color: rgba(0, 0, 0, 0.5);
+  transition: transform 800ms;
+  transform: scaleX(var(--scale));
+}
+[data-theme=dark] ._h1_7nvyi_1::after {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+._h1_7nvyi_1::before {
+  position: absolute;
+  content: "";
+  bottom: -4px;
+  left: 45%;
+  width: 10%;
+  height: 2px;
+  background-color: rgba(0, 0, 0, 0.6);
+  transition: transform 800ms;
+  transform: scaleY(var(--scale));
+  transform-origin: top;
+}
+[data-theme=dark] ._h1_7nvyi_1::before {
+  background-color: rgba(255, 255, 255, 0.6);
+}

package/dist/components/headings/ElmHeading1.vue.d.ts

@@ -13,8 +13,16 @@ export interface ElmHeading1Props {
      * Default is kebab-cased `text`. (using lodash)
      */
     id?: string;
+    /**
+     * Whether to disable fragment identifier.
+     * Default is `false`.
+     */
+    disableFragmentIdentifier?: boolean;
 }
 declare const _default: import('vue').DefineComponent<ElmHeading1Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmHeading1Props> & Readonly<{}>, {
     size: Property.FontSize;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    disableFragmentIdentifier: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    target: HTMLHeadingElement;
+}, any>;
 export default _default;

package/dist/components/headings/ElmHeading1.vue.mjs

@@ -0,0 +1,10 @@
+import _sfc_main from "./ElmHeading1.vue2.mjs";
+import style0 from "./ElmHeading1.vue3.mjs";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const cssModules = {
+  "$style": style0
+};
+const ElmHeading1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  ElmHeading1 as default
+};

package/dist/components/headings/ElmHeading1.vue2.mjs

@@ -0,0 +1,43 @@
+import { defineComponent, ref, createElementBlock, openBlock, Fragment, createElementVNode, createBlock, createCommentVNode, normalizeStyle, unref, normalizeClass, toDisplayString } from "vue";
+import { useIntersectionObserver } from "@vueuse/core";
+import { kebabCase } from "lodash-es";
+import ElmFragmentIdentifier from "./ElmFragmentIdentifier.vue.mjs";
+const _hoisted_1 = ["id"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmHeading1",
+  props: {
+    text: {},
+    size: { default: "1.5rem" },
+    id: {},
+    disableFragmentIdentifier: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const target = ref(null);
+    const targetIsVisible = ref(false);
+    useIntersectionObserver(target, ([{ isIntersecting }], _) => {
+      targetIsVisible.value = isIntersecting;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("h1", {
+          ref_key: "target",
+          ref: target,
+          class: normalizeClass(_ctx.$style.h1),
+          id: _ctx.id ?? unref(kebabCase)(_ctx.text),
+          style: normalizeStyle({
+            "--scale": targetIsVisible.value ? 1 : 0,
+            "--font-size": _ctx.size,
+            "--opacity": targetIsVisible.value ? 1 : 0
+          })
+        }, toDisplayString(_ctx.text), 15, _hoisted_1),
+        !_ctx.disableFragmentIdentifier ? (openBlock(), createBlock(ElmFragmentIdentifier, {
+          key: 0,
+          id: _ctx.id ?? unref(kebabCase)(_ctx.text)
+        }, null, 8, ["id"])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/headings/ElmHeading1.vue3.mjs

@@ -0,0 +1,8 @@
+const h1 = "_h1_7nvyi_1";
+const style0 = {
+  h1
+};
+export {
+  style0 as default,
+  h1
+};

package/dist/components/headings/ElmHeading2.css

@@ -0,0 +1,72 @@
+._h2_cxjup_1 {
+  margin-block: 1rem;
+  position: relative;
+  font-size: var(--font-size);
+  line-height: var(--font-size);
+  opacity: var(--opacity);
+  transition: color 400ms, opacity 800ms;
+  color: rgba(0, 0, 0, 0.8);
+}
+._h2_cxjup_1::-moz-selection {
+  color: rgba(255, 255, 255, 0.8);
+  background-color: rgba(0, 0, 0, 0.8);
+}
+._h2_cxjup_1::selection {
+  color: rgba(255, 255, 255, 0.8);
+  background-color: rgba(0, 0, 0, 0.8);
+}
+[data-theme=dark] ._h2_cxjup_1 {
+  color: rgba(255, 255, 255, 0.8);
+}
+[data-theme=dark] ._h2_cxjup_1::-moz-selection {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: rgba(255, 255, 255, 0.8);
+}
+[data-theme=dark] ._h2_cxjup_1::selection {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: rgba(255, 255, 255, 0.8);
+}
+._h2_cxjup_1::after {
+  position: absolute;
+  content: "";
+  right: 2px;
+  bottom: -4px;
+  width: 6px;
+  height: 8px;
+  opacity: 0.8;
+  transform: skewX(-25deg);
+  background-color: rgba(0, 0, 0, 0.8);
+}
+[data-theme=dark] ._h2_cxjup_1::after {
+  background-color: rgba(255, 255, 255, 0.8);
+}
+._h2_cxjup_1::before {
+  position: absolute;
+  content: "";
+  right: 10px;
+  bottom: -4px;
+  width: 6px;
+  height: 8px;
+  opacity: 0.8;
+  transform: skewX(-25deg);
+  background-color: rgba(0, 0, 0, 0.8);
+}
+[data-theme=dark] ._h2_cxjup_1::before {
+  background-color: rgba(255, 255, 255, 0.8);
+}
+._underline_cxjup_50 {
+  overflow: hidden;
+  position: absolute;
+  content: "";
+  bottom: -6px;
+  left: 0;
+  width: 100%;
+  height: 0.25px;
+  background-color: rgba(0, 0, 0, 0.5);
+  transition: transform 800ms;
+  transform: scaleX(var(--scale));
+  transform-origin: left;
+}
+[data-theme=dark] ._underline_cxjup_50 {
+  background-color: rgba(255, 255, 255, 0.5);
+}

package/dist/components/headings/ElmHeading2.vue.d.ts

@@ -13,8 +13,16 @@ export interface ElmHeading2Props {
      * Default is kebab-cased `text`. (using lodash)
      */
     id?: string;
+    /**
+     * Whether to disable fragment identifier.
+     * Default is `false`.
+     */
+    disableFragmentIdentifier?: boolean;
 }
 declare const _default: import('vue').DefineComponent<ElmHeading2Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmHeading2Props> & Readonly<{}>, {
     size: Property.FontSize;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    disableFragmentIdentifier: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    target: HTMLHeadingElement;
+}, any>;
 export default _default;

package/dist/components/headings/ElmHeading2.vue.mjs

@@ -0,0 +1,10 @@
+import _sfc_main from "./ElmHeading2.vue2.mjs";
+import style0 from "./ElmHeading2.vue3.mjs";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const cssModules = {
+  "$style": style0
+};
+const ElmHeading2 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  ElmHeading2 as default
+};

package/dist/components/headings/ElmHeading2.vue2.mjs

@@ -0,0 +1,49 @@
+import { defineComponent, ref, createElementBlock, openBlock, Fragment, createElementVNode, createBlock, createCommentVNode, normalizeStyle, unref, normalizeClass, createTextVNode, toDisplayString } from "vue";
+import { useIntersectionObserver } from "@vueuse/core";
+import { kebabCase } from "lodash-es";
+import ElmFragmentIdentifier from "./ElmFragmentIdentifier.vue.mjs";
+const _hoisted_1 = ["id"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmHeading2",
+  props: {
+    text: {},
+    size: { default: "1.4rem" },
+    id: {},
+    disableFragmentIdentifier: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const target = ref(null);
+    const targetIsVisible = ref(false);
+    useIntersectionObserver(target, ([{ isIntersecting }], _) => {
+      targetIsVisible.value = isIntersecting;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("h2", {
+          ref_key: "target",
+          ref: target,
+          class: normalizeClass(_ctx.$style.h2),
+          id: _ctx.id ?? unref(kebabCase)(_ctx.text),
+          style: normalizeStyle({
+            "--scale": targetIsVisible.value ? 1 : 0,
+            "--font-size": _ctx.size,
+            "--opacity": targetIsVisible.value ? 1 : 0
+          })
+        }, [
+          createTextVNode(toDisplayString(_ctx.text), 1),
+          createElementVNode("span", {
+            class: normalizeClass(_ctx.$style.underline),
+            "aria-hidden": ""
+          }, null, 2)
+        ], 14, _hoisted_1),
+        !_ctx.disableFragmentIdentifier ? (openBlock(), createBlock(ElmFragmentIdentifier, {
+          key: 0,
+          id: _ctx.id ?? unref(kebabCase)(_ctx.text)
+        }, null, 8, ["id"])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/headings/ElmHeading2.vue3.mjs

@@ -0,0 +1,11 @@
+const h2 = "_h2_cxjup_1";
+const underline = "_underline_cxjup_50";
+const style0 = {
+  h2,
+  underline
+};
+export {
+  style0 as default,
+  h2,
+  underline
+};

package/dist/components/headings/ElmHeading3.css

@@ -0,0 +1,42 @@
+._h3_x0d8r_1 {
+  margin-block: 1rem;
+  position: relative;
+  box-sizing: border-box;
+  padding-left: 0.75rem;
+  font-size: var(--font-size);
+  line-height: var(--font-size);
+  opacity: var(--opacity);
+  transition: color 400ms, opacity 800ms;
+  color: rgba(0, 0, 0, 0.8);
+}
+._h3_x0d8r_1::-moz-selection {
+  color: rgba(255, 255, 255, 0.8);
+  background-color: rgba(0, 0, 0, 0.8);
+}
+._h3_x0d8r_1::selection {
+  color: rgba(255, 255, 255, 0.8);
+  background-color: rgba(0, 0, 0, 0.8);
+}
+[data-theme=dark] ._h3_x0d8r_1 {
+  color: rgba(255, 255, 255, 0.8);
+}
+[data-theme=dark] ._h3_x0d8r_1::-moz-selection {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: rgba(255, 255, 255, 0.8);
+}
+[data-theme=dark] ._h3_x0d8r_1::selection {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: rgba(255, 255, 255, 0.8);
+}
+._h3_x0d8r_1::after {
+  position: absolute;
+  content: "";
+  width: 3px;
+  height: 50%;
+  top: 25%;
+  left: 0;
+  background-color: rgba(0, 0, 0, 0.8);
+}
+[data-theme=dark] ._h3_x0d8r_1::after {
+  background-color: rgba(255, 255, 255, 0.8);
+}

package/dist/components/headings/ElmHeading3.vue.d.ts

@@ -13,8 +13,16 @@ export interface ElmHeading3Props {
      * Default is kebab-cased `text`. (using lodash)
      */
     id?: string;
+    /**
+     * Whether to disable fragment identifier.
+     * Default is `false`.
+     */
+    disableFragmentIdentifier?: boolean;
 }
 declare const _default: import('vue').DefineComponent<ElmHeading3Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmHeading3Props> & Readonly<{}>, {
     size: Property.FontSize;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    disableFragmentIdentifier: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    target: HTMLHeadingElement;
+}, any>;
 export default _default;

package/dist/components/headings/ElmHeading3.vue.mjs

@@ -0,0 +1,10 @@
+import _sfc_main from "./ElmHeading3.vue2.mjs";
+import style0 from "./ElmHeading3.vue3.mjs";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const cssModules = {
+  "$style": style0
+};
+const ElmHeading3 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  ElmHeading3 as default
+};

package/dist/components/headings/ElmHeading3.vue2.mjs

@@ -0,0 +1,39 @@
+import { defineComponent, ref, createElementBlock, openBlock, Fragment, createElementVNode, createBlock, createCommentVNode, normalizeStyle, unref, normalizeClass, toDisplayString } from "vue";
+import { useIntersectionObserver } from "@vueuse/core";
+import { kebabCase } from "lodash-es";
+import ElmFragmentIdentifier from "./ElmFragmentIdentifier.vue.mjs";
+const _hoisted_1 = ["id"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmHeading3",
+  props: {
+    text: {},
+    size: { default: "1.3rem" },
+    id: {},
+    disableFragmentIdentifier: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const target = ref(null);
+    const targetIsVisible = ref(false);
+    useIntersectionObserver(target, ([{ isIntersecting }], _) => {
+      targetIsVisible.value = isIntersecting;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("h3", {
+          ref_key: "target",
+          ref: target,
+          class: normalizeClass(_ctx.$style.h3),
+          id: _ctx.id ?? unref(kebabCase)(_ctx.text),
+          style: normalizeStyle({ "--font-size": _ctx.size, "--opacity": targetIsVisible.value ? 1 : 0 })
+        }, toDisplayString(_ctx.text), 15, _hoisted_1),
+        !_ctx.disableFragmentIdentifier ? (openBlock(), createBlock(ElmFragmentIdentifier, {
+          key: 0,
+          id: _ctx.id ?? unref(kebabCase)(_ctx.text)
+        }, null, 8, ["id"])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/headings/ElmHeading3.vue3.mjs

@@ -0,0 +1,8 @@
+const h3 = "_h3_x0d8r_1";
+const style0 = {
+  h3
+};
+export {
+  style0 as default,
+  h3
+};

package/dist/components/headings/ElmHeading4.css

@@ -0,0 +1,25 @@
+._h4_7klov_1 {
+  margin-block: 0.5rem;
+  font-size: var(--font-size);
+  transition: color 400ms;
+  color: rgba(0, 0, 0, 0.8);
+}
+._h4_7klov_1::-moz-selection {
+  color: rgba(255, 255, 255, 0.8);
+  background-color: rgba(0, 0, 0, 0.8);
+}
+._h4_7klov_1::selection {
+  color: rgba(255, 255, 255, 0.8);
+  background-color: rgba(0, 0, 0, 0.8);
+}
+[data-theme=dark] ._h4_7klov_1 {
+  color: rgba(255, 255, 255, 0.8);
+}
+[data-theme=dark] ._h4_7klov_1::-moz-selection {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: rgba(255, 255, 255, 0.8);
+}
+[data-theme=dark] ._h4_7klov_1::selection {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: rgba(255, 255, 255, 0.8);
+}

package/dist/components/headings/ElmHeading4.vue.d.ts

@@ -13,8 +13,14 @@ export interface ElmHeading4Props {
      * Default is kebab-cased `text`. (using lodash)
      */
     id?: string;
+    /**
+     * Whether to disable fragment identifier.
+     * Default is `false`.
+     */
+    disableFragmentIdentifier?: boolean;
 }
 declare const _default: import('vue').DefineComponent<ElmHeading4Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmHeading4Props> & Readonly<{}>, {
     size: Property.FontSize;
+    disableFragmentIdentifier: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/headings/ElmHeading4.vue.mjs

@@ -0,0 +1,10 @@
+import _sfc_main from "./ElmHeading4.vue2.mjs";
+import style0 from "./ElmHeading4.vue3.mjs";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const cssModules = {
+  "$style": style0
+};
+const ElmHeading4 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  ElmHeading4 as default
+};

package/dist/components/headings/ElmHeading4.vue2.mjs

@@ -0,0 +1,31 @@
+import { defineComponent, createElementBlock, openBlock, Fragment, createElementVNode, createBlock, createCommentVNode, normalizeStyle, unref, normalizeClass, toDisplayString } from "vue";
+import { kebabCase } from "lodash-es";
+import ElmFragmentIdentifier from "./ElmFragmentIdentifier.vue.mjs";
+const _hoisted_1 = ["id"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmHeading4",
+  props: {
+    text: {},
+    size: { default: "1.2rem" },
+    id: {},
+    disableFragmentIdentifier: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("h4", {
+          class: normalizeClass(_ctx.$style.h4),
+          id: _ctx.id ?? unref(kebabCase)(_ctx.text),
+          style: normalizeStyle({ "--font-size": _ctx.size })
+        }, toDisplayString(_ctx.text), 15, _hoisted_1),
+        !_ctx.disableFragmentIdentifier ? (openBlock(), createBlock(ElmFragmentIdentifier, {
+          key: 0,
+          id: _ctx.id ?? unref(kebabCase)(_ctx.text)
+        }, null, 8, ["id"])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/headings/ElmHeading4.vue3.mjs

@@ -0,0 +1,8 @@
+const h4 = "_h4_7klov_1";
+const style0 = {
+  h4
+};
+export {
+  style0 as default,
+  h4
+};

package/dist/components/headings/ElmHeading5.css

@@ -0,0 +1,25 @@
+._h5_1av6v_1 {
+  margin-block: 0.5rem;
+  font-size: var(--font-size);
+  transition: color 400ms;
+  color: rgba(0, 0, 0, 0.8);
+}
+._h5_1av6v_1::-moz-selection {
+  color: rgba(255, 255, 255, 0.8);
+  background-color: rgba(0, 0, 0, 0.8);
+}
+._h5_1av6v_1::selection {
+  color: rgba(255, 255, 255, 0.8);
+  background-color: rgba(0, 0, 0, 0.8);
+}
+[data-theme=dark] ._h5_1av6v_1 {
+  color: rgba(255, 255, 255, 0.8);
+}
+[data-theme=dark] ._h5_1av6v_1::-moz-selection {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: rgba(255, 255, 255, 0.8);
+}
+[data-theme=dark] ._h5_1av6v_1::selection {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: rgba(255, 255, 255, 0.8);
+}

package/dist/components/headings/ElmHeading5.vue.d.ts

@@ -13,8 +13,14 @@ export interface ElmHeading5Props {
      * Default is kebab-cased `text`. (using lodash)
      */
     id?: string;
+    /**
+     * Whether to disable fragment identifier.
+     * Default is `false`.
+     */
+    disableFragmentIdentifier?: boolean;
 }
 declare const _default: import('vue').DefineComponent<ElmHeading5Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmHeading5Props> & Readonly<{}>, {
     size: Property.FontSize;
+    disableFragmentIdentifier: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/headings/ElmHeading5.vue.mjs

@@ -0,0 +1,10 @@
+import _sfc_main from "./ElmHeading5.vue2.mjs";
+import style0 from "./ElmHeading5.vue3.mjs";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const cssModules = {
+  "$style": style0
+};
+const ElmHeading5 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  ElmHeading5 as default
+};