@opendesign-plus/components 0.0.1-rc.87 → 0.0.1-rc.89

package/dist/treeshaking/components/article-anchor/OArticleAnchor.vue2.mjs

@@ -0,0 +1,237 @@
+import { defineComponent, ref, computed, watch, onMounted, onBeforeUnmount, openBlock, createElementBlock, createBlock, withCtx, createElementVNode, createCommentVNode, withDirectives, createVNode, vShow, Teleport, unref } from "vue";
+import { OAnchor } from "@opensig/opendesign";
+import { useI18n } from "../../i18n/index.mjs";
+import ArticleAnchorItems from "./components/ArticleAnchorItems.vue.mjs";
+import ArticleAnchorPc from "./components/ArticleAnchorPc.vue.mjs";
+import ArticleAnchorPad from "./components/ArticleAnchorPad.vue.mjs";
+import ArticleAnchorMobile from "./components/ArticleAnchorMobile.vue.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "o-article-anchor-root"
+};
+const _hoisted_2 = { class: "o-article-anchor__body" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OArticleAnchor",
+  props: {
+    size: { default: "pc" },
+    title: {},
+    showTitle: { type: Boolean, default: true },
+    items: { default: () => [] },
+    selector: { default: ".o-markdown-body" },
+    autoExtract: { type: Boolean, default: true },
+    maxLevel: { default: 2 },
+    writeId: { type: Boolean, default: true },
+    container: {},
+    targetOffset: {},
+    radius: { default: "var(--o-radius-xs)" }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const { t } = useI18n();
+    const autoItems = ref([]);
+    const items = computed(() => props.items.length ? props.items : autoItems.value);
+    const titleText = computed(() => props.title || t("articleAnchor.title"));
+    const expanded = ref(false);
+    watch(
+      () => props.size,
+      () => {
+        expanded.value = false;
+      }
+    );
+    watch([() => props.size, expanded], () => {
+      document.body.style.overflow = props.size === "mobile" && expanded.value ? "hidden" : "";
+    });
+    const onAnchorClick = () => {
+      if (props.size === "pad") {
+        expanded.value = false;
+      }
+    };
+    const pcSlotRef = ref();
+    const padSlotRef = ref();
+    const hiddenSlotRef = ref();
+    const teleportTarget = computed(() => {
+      if (props.size === "pc") {
+        return pcSlotRef.value;
+      }
+      if (props.size === "pad" && expanded.value) {
+        return padSlotRef.value;
+      }
+      return hiddenSlotRef.value;
+    });
+    let observer;
+    let observedEl = null;
+    let rafId;
+    const slugify = (text) => text.toLowerCase().trim().replace(/[`<>.!'":,@#$%^&*()[\];+/\\=?{}|~-]/g, " ").replace(/\s+/g, "-").replace(/^-+|-+$/g, "");
+    const resolveSelector = () => {
+      if (typeof props.selector === "string") {
+        return document.querySelector(props.selector);
+      }
+      return props.selector || null;
+    };
+    const collect = () => {
+      const root = resolveSelector();
+      if (!root) {
+        autoItems.value = [];
+        return;
+      }
+      const max = Math.min(4, Math.max(2, props.maxLevel));
+      const tags = [];
+      for (let level = 2; level <= max; level++) {
+        tags.push(`h${level}`);
+      }
+      const rootItems = [];
+      const stack = [{ level: 0, list: rootItems }];
+      const seen = /* @__PURE__ */ new Set();
+      root.querySelectorAll(tags.join(",")).forEach((el) => {
+        const elH = el;
+        const level = Number(el.tagName.charAt(1)) - 1;
+        let id = elH.id;
+        if (!id) {
+          id = slugify(elH.textContent || "");
+          if (!id) {
+            return;
+          }
+          let unique = id;
+          let i = 1;
+          while (seen.has(unique)) unique = `${id}-${i++}`;
+          id = unique;
+          if (props.writeId) {
+            elH.id = id;
+          }
+        }
+        seen.add(id);
+        const item = { id, title: (elH.textContent || "").trim(), children: [] };
+        while (stack.length > 1 && stack[stack.length - 1].level >= level) {
+          stack.pop();
+        }
+        stack[stack.length - 1].list.push(item);
+        stack.push({ level, list: item.children });
+      });
+      autoItems.value = rootItems;
+    };
+    const ensureObserver = () => {
+      if (!props.autoExtract) {
+        return;
+      }
+      const root = resolveSelector();
+      const target = root || document.body;
+      if (target === observedEl) {
+        return;
+      }
+      observer == null ? void 0 : observer.disconnect();
+      observer = new MutationObserver(scheduleCollect);
+      observer.observe(target, { childList: true, subtree: true });
+      observedEl = target;
+    };
+    const scheduleCollect = () => {
+      if (rafId !== void 0) {
+        return;
+      }
+      rafId = requestAnimationFrame(() => {
+        rafId = void 0;
+        ensureObserver();
+        collect();
+      });
+    };
+    const teardownObserver = () => {
+      if (rafId !== void 0) {
+        cancelAnimationFrame(rafId);
+        rafId = void 0;
+      }
+      observer == null ? void 0 : observer.disconnect();
+      observer = void 0;
+      observedEl = null;
+    };
+    onMounted(() => {
+      collect();
+      ensureObserver();
+    });
+    onBeforeUnmount(() => {
+      teardownObserver();
+      document.body.style.overflow = "";
+    });
+    watch(
+      () => [props.selector, props.autoExtract, props.maxLevel],
+      () => {
+        teardownObserver();
+        collect();
+        ensureObserver();
+      }
+    );
+    __expose({ collect, items });
+    return (_ctx, _cache) => {
+      return items.value.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.size === "pc" ? (openBlock(), createBlock(ArticleAnchorPc, {
+          key: 0,
+          "show-title": __props.showTitle,
+          title: titleText.value,
+          radius: __props.radius
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", {
+              ref_key: "pcSlotRef",
+              ref: pcSlotRef,
+              class: "o-article-anchor__slot"
+            }, null, 512)
+          ]),
+          _: 1
+        }, 8, ["show-title", "title", "radius"])) : __props.size === "pad" ? (openBlock(), createBlock(ArticleAnchorPad, {
+          key: 1,
+          "show-title": __props.showTitle,
+          title: titleText.value,
+          radius: __props.radius,
+          expanded: expanded.value,
+          onToggle: _cache[0] || (_cache[0] = ($event) => expanded.value = !expanded.value),
+          onClose: _cache[1] || (_cache[1] = ($event) => expanded.value = false)
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", {
+              ref_key: "padSlotRef",
+              ref: padSlotRef
+            }, null, 512)
+          ]),
+          _: 1
+        }, 8, ["show-title", "title", "radius", "expanded"])) : createCommentVNode("", true),
+        withDirectives(createVNode(ArticleAnchorMobile, {
+          title: titleText.value,
+          radius: __props.radius,
+          expanded: expanded.value,
+          items: items.value,
+          container: __props.container,
+          "target-offset": __props.targetOffset,
+          onToggle: _cache[2] || (_cache[2] = ($event) => expanded.value = true),
+          onClose: _cache[3] || (_cache[3] = ($event) => expanded.value = false)
+        }, null, 8, ["title", "radius", "expanded", "items", "container", "target-offset"]), [
+          [vShow, __props.size === "mobile"]
+        ]),
+        createElementVNode("div", {
+          ref_key: "hiddenSlotRef",
+          ref: hiddenSlotRef,
+          class: "o-article-anchor--hidden"
+        }, null, 512),
+        (openBlock(), createBlock(Teleport, {
+          to: teleportTarget.value,
+          disabled: !teleportTarget.value
+        }, [
+          createElementVNode("div", _hoisted_2, [
+            createVNode(unref(OAnchor), {
+              layout: "v",
+              size: "small",
+              container: __props.container,
+              "target-offset": __props.targetOffset,
+              onClick: onAnchorClick
+            }, {
+              default: withCtx(() => [
+                createVNode(ArticleAnchorItems, { items: items.value }, null, 8, ["items"])
+              ]),
+              _: 1
+            }, 8, ["container", "target-offset"])
+          ])
+        ], 8, ["to", "disabled"]))
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/article-anchor/components/ArticleAnchorItems.css

@@ -0,0 +1,11 @@
+.hover-icon-rotate .o-icon[data-v-c0fc5e57] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-c0fc5e57] {
+    transform: rotate(-180deg);
+}
+}
+.o-article-anchor-item[data-v-c0fc5e57] {
+  --link-color: var(--o-color-info2);
+}

package/dist/treeshaking/components/article-anchor/components/ArticleAnchorItems.vue.d.ts

@@ -0,0 +1,6 @@
+import { ArticleAnchorItemT } from '../types.ts';
+type __VLS_Props = {
+    items: ArticleAnchorItemT[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/treeshaking/components/article-anchor/components/ArticleAnchorItems.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./ArticleAnchorItems.vue2.mjs";
+import './ArticleAnchorItems.css';
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const ArticleAnchorItems = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c0fc5e57"]]);
+export {
+  ArticleAnchorItems as default
+};

package/dist/treeshaking/components/article-anchor/components/ArticleAnchorItems.vue2.mjs

@@ -0,0 +1,35 @@
+import { defineComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, unref, withCtx, createCommentVNode } from "vue";
+import { OAnchorItem } from "@opensig/opendesign";
+import ArticleAnchorItems from "./ArticleAnchorItems.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ArticleAnchorItems",
+  props: {
+    items: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+        return openBlock(), createBlock(unref(OAnchorItem), {
+          key: item.id,
+          title: item.title,
+          href: `#${item.id}`,
+          class: "o-article-anchor-item"
+        }, {
+          default: withCtx(() => {
+            var _a;
+            return [
+              ((_a = item.children) == null ? void 0 : _a.length) ? (openBlock(), createBlock(ArticleAnchorItems, {
+                key: 0,
+                items: item.children
+              }, null, 8, ["items"])) : createCommentVNode("", true)
+            ];
+          }),
+          _: 2
+        }, 1032, ["title", "href"]);
+      }), 128);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/article-anchor/components/ArticleAnchorMobile.css

@@ -0,0 +1,47 @@
+.hover-icon-rotate .o-icon[data-v-648619c2] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-648619c2] {
+    transform: rotate(-180deg);
+}
+}
+.o-article-anchor--mobile[data-v-648619c2] {
+  --o-article-anchor-radius: var(--v1994d85b);
+}
+.o-article-anchor--mobile__fab[data-v-648619c2] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  border: none;
+  cursor: pointer;
+  background-color: var(--o-color-fill2);
+  border-radius: 50%;
+  box-shadow: var(--o-shadow-3);
+}
+.o-article-anchor--mobile__fab-icon[data-v-648619c2] {
+  font-size: 24px;
+  color: var(--o-color-info2);
+  line-height: 1;
+}
+.o-article-anchor--mobile__sheet-title[data-v-648619c2] {
+  color: var(--o-color-info1);
+  font-weight: 600;
+  font-size: 18px;
+  line-height: 26px;
+}
+.o-article-anchor--mobile__menu[data-v-648619c2] {
+  --menu-width: 100%;
+}
+.o-article-anchor--mobile__menu-sub[data-v-648619c2] {
+  padding-left: 16px;
+}
+.o-article-anchor--mobile__menu-item[data-v-648619c2] {
+  padding: 12px 16px;
+}
+.o-article-anchor--mobile__menu-subitem[data-v-648619c2] {
+  padding: 12px 16px;
+  padding-left: 28px;
+}

package/dist/treeshaking/components/article-anchor/components/ArticleAnchorMobile.vue.d.ts

@@ -0,0 +1,19 @@
+import { ArticleAnchorItemT } from '../types';
+type __VLS_Props = {
+    title?: string;
+    radius?: string;
+    expanded?: boolean;
+    items?: ArticleAnchorItemT[];
+    container?: string | HTMLElement | Window;
+    targetOffset?: number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+    toggle: () => any;
+    "update:visible": (args_0: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onToggle?: (() => any) | undefined;
+    "onUpdate:visible"?: ((args_0: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/treeshaking/components/article-anchor/components/ArticleAnchorMobile.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./ArticleAnchorMobile.vue2.mjs";
+import './ArticleAnchorMobile.css';
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const ArticleAnchorMobile = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-648619c2"]]);
+export {
+  ArticleAnchorMobile as default
+};

package/dist/treeshaking/components/article-anchor/components/ArticleAnchorMobile.vue2.mjs

@@ -0,0 +1,180 @@
+import { defineComponent, useCssVars, computed, ref, watch, nextTick, openBlock, createElementBlock, createElementVNode, createVNode, unref, withCtx, normalizeStyle, Fragment, renderList, createTextVNode, toDisplayString, createBlock, createCommentVNode } from "vue";
+import { OIcon, ODialog, OMenu, OMenuItem } from "@opensig/opendesign";
+import { useEventListener } from "@vueuse/core";
+import IconAnchor from "../../../_virtual/icon-anchor.mjs";
+const _hoisted_1 = { class: "o-article-anchor--mobile" };
+const _hoisted_2 = ["aria-label", "aria-expanded"];
+const _hoisted_3 = { class: "o-article-anchor--mobile__sheet-title" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ArticleAnchorMobile",
+  props: {
+    title: {},
+    radius: {},
+    expanded: { type: Boolean },
+    items: {},
+    container: {},
+    targetOffset: {}
+  },
+  emits: ["toggle", "close", "update:visible"],
+  setup(__props, { emit: __emit }) {
+    useCssVars((_ctx) => ({
+      "v1994d85b": _ctx.radius
+    }));
+    const props = __props;
+    const emit = __emit;
+    const visible = computed({
+      get: () => !!props.expanded,
+      set: (value) => {
+        if (value) {
+          emit("toggle");
+        } else {
+          emit("close");
+        }
+      }
+    });
+    const flatItems = computed(() => {
+      var _a;
+      const list = [];
+      (_a = props.items) == null ? void 0 : _a.forEach((item) => {
+        var _a2;
+        list.push(item);
+        if ((_a2 = item.children) == null ? void 0 : _a2.length) {
+          list.push(...item.children);
+        }
+      });
+      return list;
+    });
+    const active = ref("");
+    const scrollTarget = computed(() => {
+      if (typeof props.container === "string") {
+        return document.querySelector(props.container);
+      }
+      if (props.container && props.container !== window) {
+        return props.container;
+      }
+      return window;
+    });
+    const updateActive = () => {
+      if (!flatItems.value.length) {
+        return;
+      }
+      const container = scrollTarget.value;
+      if (!container) {
+        return;
+      }
+      const containerTop = container === window ? 0 : container.getBoundingClientRect().top;
+      const offset = (props.targetOffset ?? 0) + 1;
+      let current = null;
+      for (const item of flatItems.value) {
+        const el = document.getElementById(item.id);
+        if (!el) {
+          continue;
+        }
+        if (el.getBoundingClientRect().top - containerTop <= offset) {
+          current = item.id;
+        }
+      }
+      if (current && active.value !== `#${current}`) {
+        active.value = `#${current}`;
+      }
+    };
+    useEventListener(scrollTarget, "scroll", updateActive);
+    watch(
+      () => props.expanded,
+      (value) => {
+        if (value) {
+          nextTick(updateActive);
+        }
+      }
+    );
+    watch(
+      () => props.items,
+      () => {
+        nextTick(updateActive);
+      },
+      { deep: true }
+    );
+    const jump = (id) => {
+      var _a;
+      (_a = document.getElementById(id)) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth", block: "start" });
+      emit("close");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: "o-article-anchor--mobile__fab",
+          "aria-label": __props.title,
+          "aria-expanded": __props.expanded,
+          onClick: _cache[0] || (_cache[0] = ($event) => emit("toggle"))
+        }, [
+          createVNode(unref(OIcon), { class: "o-article-anchor--mobile__fab-icon" }, {
+            default: withCtx(() => [
+              createVNode(unref(IconAnchor))
+            ]),
+            _: 1
+          })
+        ], 8, _hoisted_2),
+        createVNode(unref(ODialog), {
+          visible: visible.value,
+          "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => visible.value = $event),
+          "phone-half-full": "",
+          size: "medium",
+          style: normalizeStyle({
+            "--dlg-radius": __props.radius,
+            "--dlg-margin": "24px",
+            "--dlg-header-color": "var(--o-color-info1)"
+          })
+        }, {
+          header: withCtx(() => [
+            createElementVNode("span", _hoisted_3, toDisplayString(__props.title), 1)
+          ]),
+          default: withCtx(() => [
+            createVNode(unref(OMenu), {
+              modelValue: active.value,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => active.value = $event),
+              class: "o-article-anchor--mobile__menu"
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+                  var _a;
+                  return openBlock(), createElementBlock(Fragment, {
+                    key: item.id
+                  }, [
+                    createVNode(unref(OMenuItem), {
+                      class: "o-article-anchor--mobile__menu-item",
+                      value: `#${item.id}`,
+                      onClick: ($event) => jump(item.id)
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(item.title), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["value", "onClick"]),
+                    ((_a = item.children) == null ? void 0 : _a.length) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(item.children, (child) => {
+                      return openBlock(), createBlock(unref(OMenuItem), {
+                        key: child.id,
+                        value: `#${child.id}`,
+                        class: "o-article-anchor--mobile__menu-subitem",
+                        onClick: ($event) => jump(child.id)
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(child.title), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["value", "onClick"]);
+                    }), 128)) : createCommentVNode("", true)
+                  ], 64);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          _: 1
+        }, 8, ["visible", "style"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/article-anchor/components/ArticleAnchorPad.css

@@ -0,0 +1,80 @@
+.hover-icon-rotate .o-icon[data-v-3c75b66d] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-3c75b66d] {
+    transform: rotate(-180deg);
+}
+}
+.o-article-anchor--pad[data-v-3c75b66d] {
+  position: relative;
+  display: inline-block;
+  --o-article-anchor-radius: var(--v8dd14310);
+}
+.o-article-anchor--pad__toggle[data-v-3c75b66d] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 2px;
+  padding: 12px 10px;
+  border: none;
+  cursor: pointer;
+  color: var(--o-color-info1);
+  background-color: var(--o-color-fill2);
+  border-radius: var(--o-article-anchor-radius);
+  box-shadow: var(--o-shadow-2);
+}
+.o-article-anchor--pad__toggle.hidden[data-v-3c75b66d] {
+  opacity: 0;
+}
+.o-article-anchor--pad__toggle-icon[data-v-3c75b66d] {
+  font-size: 24px;
+  color: var(--o-color-info1);
+}
+.o-article-anchor--pad__toggle-label[data-v-3c75b66d] {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 10px;
+  line-height: 16px;
+}
+.o-article-anchor--pad__pop[data-v-3c75b66d] {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 99;
+  width: 240px;
+  padding: 16px;
+  background-color: var(--o-color-fill2);
+  border-radius: var(--o-article-anchor-radius);
+  box-shadow: var(--o-shadow-2);
+}
+.o-article-anchor--pad__pop-title[data-v-3c75b66d] {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  margin-bottom: 12px;
+  color: var(--o-color-info1);
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 22px;
+}
+.o-article-anchor--pad__pop-title .o-article-anchor__icon[data-v-3c75b66d] {
+  font-size: 22px;
+  color: var(--o-color-info1);
+  line-height: 1;
+  flex-shrink: 0;
+}
+.o-article-anchor--pad__pop-title-text[data-v-3c75b66d] {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.o-article-anchor--pad__pop-close[data-v-3c75b66d] {
+  margin-left: auto;
+  font-size: 20px;
+  color: var(--o-color-info2);
+  cursor: pointer;
+}

package/dist/treeshaking/components/article-anchor/components/ArticleAnchorPad.vue.d.ts

@@ -0,0 +1,33 @@
+type __VLS_Props = {
+    showTitle?: boolean;
+    title?: string;
+    radius?: string;
+    expanded?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        rootRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+    toggle: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rootRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/treeshaking/components/article-anchor/components/ArticleAnchorPad.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./ArticleAnchorPad.vue2.mjs";
+import './ArticleAnchorPad.css';
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const ArticleAnchorPad = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3c75b66d"]]);
+export {
+  ArticleAnchorPad as default
+};