eco-vue-js 0.10.16 → 0.10.17

package/dist/components/FilePicker/WFilePicker.vue.js

@@ -19,7 +19,7 @@ const _hoisted_3 = {
 const _hoisted_4 = ["multiple", "accept"];
 const _hoisted_5 = {
   key: 1,
-  class: "flex h-full items-center justify-center gap-6"
+  class: "grid-cols-fill-44 grid h-full items-center justify-center gap-6"
 };
 const _hoisted_6 = {
   key: 2,

package/dist/components/FilePicker/components/FilePickerItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilePickerItem.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/FilePicker/components/FilePickerItem.vue"],"names":[],"mappings":"AAgCA;AAqDA,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAUF,iBAAS,cAAc;WA0ET,OAAO,IAA6B;;0BAXpB,GAAG;0BACH,GAAG;;;;EAehC;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"FilePickerItem.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/FilePicker/components/FilePickerItem.vue"],"names":[],"mappings":"AA8BA;AAmDA,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAUF,iBAAS,cAAc;WAuET,OAAO,IAA6B;;0BAXpB,GAAG;0BACH,GAAG;;;;EAehC;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/FilePicker/components/FilePickerItem.vue.js

@@ -1,18 +1,11 @@
-import { defineComponent, createElementBlock, openBlock, createElementVNode, renderSlot, createVNode, unref, toDisplayString, withModifiers } from 'vue';
+import { defineComponent, createElementBlock, openBlock, createElementVNode, renderSlot, createVNode, unref, withModifiers, toDisplayString } from 'vue';
 import IconCancel from '../../../assets/icons/default/IconCancel.svg.js';
 import IconCheckCircle from '../../../assets/icons/sax/IconCheckCircle.svg.js';
 import IconCloseCircle from '../../../assets/icons/sax/IconCloseCircle.svg.js';
 
-const _hoisted_1 = { class: "height-52 width-44 relative flex flex-col gap-2" };
-const _hoisted_2 = {
-  key: 0,
-  class: "square-44 flex items-center justify-center"
-};
-const _hoisted_3 = {
-  key: 1,
-  class: "square-44 flex items-center justify-center"
-};
-const _hoisted_4 = { class: "text-accent truncate text-center text-base font-normal" };
+const _hoisted_1 = { class: "height-52 grid justify-items-center gap-2" };
+const _hoisted_2 = { class: "square-44 relative flex items-center justify-center" };
+const _hoisted_3 = { class: "text-accent truncate text-center font-normal" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "FilePickerItem",
   props: {
@@ -23,22 +16,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        !_ctx.hasError ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          renderSlot(_ctx.$slots, "positive", {}, () => [
+        createElementVNode("div", _hoisted_2, [
+          !_ctx.hasError ? renderSlot(_ctx.$slots, "positive", { key: 0 }, () => [
             createVNode(unref(IconCheckCircle), { class: "square-36 text-positive dark:text-positive-dark" })
-          ])
-        ])) : (openBlock(), createElementBlock("div", _hoisted_3, [
-          renderSlot(_ctx.$slots, "negative", {}, () => [
+          ]) : renderSlot(_ctx.$slots, "negative", { key: 1 }, () => [
             createVNode(unref(IconCloseCircle), { class: "square-36 text-negative dark:text-negative-dark" })
+          ]),
+          createElementVNode("button", {
+            class: "w-ripple square-5 hover:bg-black-default absolute right-0 top-0 flex items-center justify-center rounded-full outline-none hover:bg-opacity-5",
+            onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$emit("click:cancel"), ["stop", "prevent"]))
+          }, [
+            createVNode(unref(IconCancel), { class: "square-3 text-description" })
           ])
-        ])),
-        createElementVNode("div", _hoisted_4, toDisplayString(_ctx.name), 1),
-        createElementVNode("button", {
-          class: "w-ripple square-5 hover:bg-black-default absolute right-0 top-0 flex items-center justify-center rounded-full outline-none hover:bg-opacity-5",
-          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$emit("click:cancel"), ["stop", "prevent"]))
-        }, [
-          createVNode(unref(IconCancel), { class: "square-3 text-description" })
-        ])
+        ]),
+        createElementVNode("div", _hoisted_3, toDisplayString(_ctx.name), 1)
       ]);
     };
   }

package/dist/components/InfiniteList/use/useInfiniteListHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useInfiniteListHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/use/useInfiniteListHeader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,GAAG,EAAkC,MAAM,KAAK,CAAA;AAI7D,eAAO,MAAM,qBAAqB,wBAAyB,GAAG,CAAC,MAAM,CAAC,qBAAoB,OAAO,GAAG,IAAI;;;;;;;CA0DvG,CAAA"}
+{"version":3,"file":"useInfiniteListHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/use/useInfiniteListHeader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,GAAG,EAAkC,MAAM,KAAK,CAAA;AAI7D,eAAO,MAAM,qBAAqB,wBAAyB,GAAG,CAAC,MAAM,CAAC,qBAAoB,OAAO,GAAG,IAAI;;;;;;;CAoDvG,CAAA"}

package/dist/components/InfiniteList/use/useInfiniteListHeader.js

@@ -8,12 +8,7 @@ const useInfiniteListHeader = (headerElementHeight, scrollingElement = document.
   const headerTop = ref(0);
   const isIntersecting = ref(initIsIntersecting);
   let observer = null;
-  let isFirst = true;
   const observerCb = (entries) => {
-    if (isFirst) {
-      isFirst = false;
-      return;
-    }
     isIntersecting.value = entries.some((entry) => {
       if (entry.target === indicator.value) {
         return entry.isIntersecting || entry.boundingClientRect.top > window.innerHeight;

package/dist/components/Page/WPage.vue.d.ts

@@ -19,14 +19,17 @@ declare function __VLS_template(): {
             updateOverflow: () => void;
             INNER_CLASS: "w-page-inner";
         }): any;
+        logo?(_: {}): any;
     };
     refs: {
+        element: HTMLDivElement;
         container: HTMLDivElement;
     };
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    element: HTMLDivElement;
     container: HTMLDivElement;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/Page/WPage.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WPage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/WPage.vue"],"names":[],"mappings":"AAgFA;AAyMA,OAAO,EAAC,KAAK,SAAS,EAAuC,MAAM,KAAK,CAAA;AAQxE,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,WAAW,CAAC,EAAE,WAAW,EAAE,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;CAC9B,CAAC;AAuGF,iBAAS,cAAc;WA6HT,OAAO,IAA6B;;wBAbtB,GAAG;wBAEF,GAAG;;kCAvML,IAAI;;YAsMF,GAAG;;;;;;EAiB/B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;OAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WPage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/WPage.vue"],"names":[],"mappings":"AAmFA;AAmRA,OAAO,EAAC,KAAK,SAAS,EAAmE,MAAM,KAAK,CAAA;AAUpG,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,WAAW,CAAC,EAAE,WAAW,EAAE,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;CAC9B,CAAC;AA4KF,iBAAS,cAAc;WAoIT,OAAO,IAA6B;;wBAftB,GAAG;wBAGF,GAAG;;kCA9QL,IAAI;;YA4QF,GAAG;sBACN,GAAG;;;;;;;EAkB5B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;OAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Page/WPage.vue.js

@@ -1,6 +1,8 @@
-import { defineComponent, useTemplateRef, ref, watch, nextTick, resolveComponent, createElementBlock, openBlock, Fragment, createElementVNode, createBlock, createCommentVNode, normalizeClass, createVNode, renderSlot, normalizeProps, guardReactiveProps, resolveDynamicComponent, toDisplayString, unref, createSlots, withCtx } from 'vue';
+import { defineComponent, useTemplateRef, ref, watch, nextTick, onMounted, onBeforeUnmount, resolveComponent, createElementBlock, openBlock, Fragment, createElementVNode, createBlock, createCommentVNode, normalizeClass, createVNode, renderSlot, normalizeProps, guardReactiveProps, resolveDynamicComponent, toDisplayString, unref, createSlots, withCtx } from 'vue';
+import { useHeader } from '../HeaderBar/use/useHeader.js';
 import { dateFormat } from '../../utils/dateTime.js';
 import _sfc_main$1 from './WPageTitle.vue.js';
+import { usePageBreadcrumb } from './use/usePageBreadcrumbs.js';
 
 const _hoisted_1 = {
   key: 0,
@@ -39,8 +41,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
+    const elementRef = useTemplateRef("element");
     const containerRef = useTemplateRef("container");
     const overflow = ref([]);
+    const { setBreadcrumb, resetBreadcrumb, updateBreadcrumbs, setActive } = usePageBreadcrumb();
+    const { headerPadding, headerHeight } = useHeader();
     const getElements = (item, inner = false) => {
       return Array.from(item.children).filter((item2) => item2 instanceof HTMLElement).flatMap(
         (item2) => inner && item2.childElementCount > 1 ? getElements(item2) : item2.className.includes(INNER_CLASS) ? getElements(item2, true) : item2
@@ -80,6 +85,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
       nextTick().then(updateOverflow);
     };
+    const scrollTo = () => {
+      if (!elementRef.value?.parentElement || !document.scrollingElement) return;
+      document.scrollingElement.scrollTo({ top: elementRef.value.offsetTop - headerPadding.value - headerHeight.value });
+    };
+    const updateBreadcrumb = async () => {
+      if (props.topTitle || !props.title) return;
+      await nextTick();
+      if (!elementRef.value?.parentElement) return;
+      setBreadcrumb(
+        props.title,
+        Array.from(elementRef.value.parentElement.children).indexOf(elementRef.value),
+        updateBreadcrumb,
+        scrollTo
+      );
+    };
+    const observerCb = (entries) => {
+      if (!elementRef.value?.parentElement) return;
+      const isIntersecting = entries.some((entry) => {
+        if (entry.target === elementRef.value) {
+          return entry.isIntersecting;
+        }
+      });
+      if (isIntersecting) setActive(Array.from(elementRef.value.parentElement.children).indexOf(elementRef.value));
+    };
     watch(() => props.prerendered, async (value) => {
       if (!value) return;
       await nextTick();
@@ -99,10 +128,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       await nextTick();
       updateOverflow();
     }, { immediate: true });
+    let observer = null;
+    onMounted(() => {
+      updateBreadcrumb();
+      if (elementRef.value) {
+        observer = new IntersectionObserver(observerCb, {
+          root: null,
+          rootMargin: `${headerHeight.value * 2}px 100% 0px 0px`,
+          threshold: 0.5
+        });
+        observer.observe(elementRef.value);
+      }
+      updateBreadcrumbs();
+    });
+    onBeforeUnmount(() => {
+      if (!props.topTitle && props.title) resetBreadcrumb(props.title);
+      observer?.disconnect();
+      updateBreadcrumbs();
+    });
     return (_ctx, _cache) => {
       const _component_WPage = resolveComponent("WPage", true);
       return openBlock(), createElementBlock(Fragment, null, [
         createElementVNode("div", {
+          ref: "element",
           class: normalizeClass(["not-print:shadow-md bg-default text-black-default light relative isolate grid h-[29.62cm] w-[21.01cm] break-before-page grid-cols-1 grid-rows-[auto,1fr] overflow-hidden px-[1cm] py-[2cm]", {
             "[counter-increment:page] after:absolute after:bottom-[1cm] after:right-[1cm] after:text-xs after:[--tw-content:counter(page)]": !_ctx.empty
           }])
@@ -117,13 +165,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "header"),
             renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ updateOverflow, INNER_CLASS })))
           ], 512),
-          _ctx.logoComponent ? (openBlock(), createElementBlock("div", {
+          _ctx.logoComponent || _ctx.$slots.logo ? (openBlock(), createElementBlock("div", {
             key: 1,
             class: normalizeClass(["absolute bottom-[1cm] left-[1cm] flex items-center justify-center gap-3", {
               "right-[1cm]": _ctx.centerLogo
             }])
           }, [
-            (openBlock(), createBlock(resolveDynamicComponent(_ctx.logoComponent)))
+            renderSlot(_ctx.$slots, "logo", {}, () => [
+              (openBlock(), createBlock(resolveDynamicComponent(_ctx.logoComponent)))
+            ])
           ], 2)) : createCommentVNode("", true),
           !_ctx.centerLogo && _ctx.date ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(unref(dateFormat)(_ctx.date)), 1)) : createCommentVNode("", true),
           _ctx.title && _ctx.topTitle ? (openBlock(), createElementBlock("span", _hoisted_4, " " + toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),

package/dist/components/Page/WPageBreadcrumbs.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=WPageBreadcrumbs.vue.d.ts.map

package/dist/components/Page/WPageBreadcrumbs.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WPageBreadcrumbs.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/WPageBreadcrumbs.vue"],"names":[],"mappings":"AA+BA;;AAkIA,wBAMG"}

package/dist/components/Page/WPageBreadcrumbs.vue.js

@@ -0,0 +1,42 @@
+import { defineComponent, computed, onUnmounted, createElementBlock, openBlock, Fragment, renderList, createCommentVNode, createElementVNode, unref, normalizeClass, toDisplayString } from 'vue';
+import { usePageBreadcrumbs } from './use/usePageBreadcrumbs.js';
+
+const _hoisted_1 = { class: "text-accent flex flex-wrap gap-x-2 font-light leading-loose tracking-wide" };
+const _hoisted_2 = {
+  key: 0,
+  class: "text-description"
+};
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "h-0 font-semibold opacity-0" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WPageBreadcrumbs",
+  setup(__props) {
+    const { breadcrumbs, active, resetBreadcrumbs, scrollTo } = usePageBreadcrumbs();
+    const list = computed(
+      () => Object.entries(breadcrumbs.value).sort((a, b) => a[1] > b[1] ? 1 : a[1] < b[1] ? -1 : 0).map((item) => item[0])
+    );
+    onUnmounted(() => {
+      resetBreadcrumbs();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(list.value, (item, index) => {
+          return openBlock(), createElementBlock(Fragment, { key: item }, [
+            index !== 0 ? (openBlock(), createElementBlock("div", _hoisted_2, " / ")) : createCommentVNode("", true),
+            createElementVNode("button", {
+              class: normalizeClass([{
+                "font-semibold": unref(active) !== null && unref(breadcrumbs)[item] <= unref(active) && (index + 1 === list.value.length || unref(breadcrumbs)[list.value[index + 1]] > unref(active))
+              }, "grid justify-items-center hover:underline"]),
+              onClick: ($event) => unref(scrollTo)(item)
+            }, [
+              createElementVNode("div", _hoisted_4, toDisplayString(item), 1),
+              createElementVNode("div", null, toDisplayString(item), 1)
+            ], 10, _hoisted_3)
+          ], 64);
+        }), 128))
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/Page/WPageBreadcrumbs.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './WPageBreadcrumbs.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/Page/use/usePageBreadcrumbs.d.ts

@@ -0,0 +1,17 @@
+export declare const usePageBreadcrumbs: () => {
+    resetBreadcrumbs: () => void;
+    scrollTo: (title: string) => void;
+    breadcrumbs: Readonly<import('vue').Ref<{
+        readonly [x: string]: number;
+    }, {
+        readonly [x: string]: number;
+    }>>;
+    active: Readonly<import('vue').Ref<number | null, number | null>>;
+};
+export declare const usePageBreadcrumb: () => {
+    setBreadcrumb: (title: string, index: number, update: () => void, scrollTo: () => void) => void;
+    resetBreadcrumb: (title: string) => void;
+    updateBreadcrumbs: () => void;
+    setActive: (value: number) => void;
+};
+//# sourceMappingURL=usePageBreadcrumbs.d.ts.map

package/dist/components/Page/use/usePageBreadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePageBreadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/components/Page/use/usePageBreadcrumbs.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,kBAAkB;;sBAOJ,MAAM;;;;;;;CAUhC,CAAA;AAED,eAAO,MAAM,iBAAiB;2BACE,MAAM,SAAS,MAAM,UAAU,MAAM,IAAI,YAAY,MAAM,IAAI;6BAM7D,MAAM;;uBAUZ,MAAM;CAUjC,CAAA"}

package/dist/components/Page/use/usePageBreadcrumbs.js

@@ -0,0 +1,48 @@
+import { ref, readonly } from 'vue';
+
+const breadcrumbs = ref({});
+const breadcrumbsUpdateMap = ref({});
+const breadcrumbsScrollToMap = ref({});
+const active = ref(null);
+const usePageBreadcrumbs = () => {
+  const resetBreadcrumbs = () => {
+    breadcrumbs.value = {};
+    breadcrumbsUpdateMap.value = {};
+    active.value = null;
+  };
+  const scrollTo = (title) => {
+    breadcrumbsScrollToMap.value[title]?.();
+  };
+  return {
+    resetBreadcrumbs,
+    scrollTo,
+    breadcrumbs: readonly(breadcrumbs),
+    active: readonly(active)
+  };
+};
+const usePageBreadcrumb = () => {
+  const setBreadcrumb = (title, index, update, scrollTo) => {
+    breadcrumbs.value[title] = index;
+    breadcrumbsUpdateMap.value[title] = update;
+    breadcrumbsScrollToMap.value[title] = scrollTo;
+  };
+  const resetBreadcrumb = (title) => {
+    delete breadcrumbs.value[title];
+    delete breadcrumbsUpdateMap.value[title];
+    delete breadcrumbsScrollToMap.value[title];
+  };
+  const updateBreadcrumbs = () => {
+    Object.values(breadcrumbsUpdateMap.value).forEach((item) => item());
+  };
+  const setActive = (value) => {
+    active.value = value;
+  };
+  return {
+    setBreadcrumb,
+    resetBreadcrumb,
+    updateBreadcrumbs,
+    setActive
+  };
+};
+
+export { usePageBreadcrumb, usePageBreadcrumbs };

package/dist/imports/componentsPlugin.d.ts

@@ -65,6 +65,7 @@ import { default as WNavItemTransition } from '../components/Nav/WNavItemTransit
 import { default as WNotify } from '../components/Notify/WNotify.vue';
 import { default as WNumberFormatter } from '../components/NumberFormatter/WNumberFormatter.vue';
 import { default as WPage } from '../components/Page/WPage.vue';
+import { default as WPageBreadcrumbs } from '../components/Page/WPageBreadcrumbs.vue';
 import { default as WPageNumerator } from '../components/Page/WPageNumerator.vue';
 import { default as WPageTitle } from '../components/Page/WPageTitle.vue';
 import { default as WProgress } from '../components/Progress/WProgress.vue';
@@ -86,5 +87,5 @@ declare const _default: {
     install: (app: App | any) => void;
 };
 export default _default;
-export { WActionsBar, WBottomSheet, WButton, WButtonAction, WButtonCopy, WButtonDropdown, WButtonGroup, WButtonInput, WButtonMore, WButtonMoreItem, WButtonSelection, WButtonSelectionAction, WButtonSelectionState, WButtonUnselect, WCheckbox, WChip, WClickOutside, WCounter, WDatePicker, WDatePickerSingle, WDropdown, WDropdownMenu, WEmptyComponent, WExpansion, WExpansionItem, WFieldWrapper, WFilePicker, WFilterWrapper, WForm, WFormValidator, WFormAsyncButtonGroup, WFormAsyncInput, WFormAsyncSelect, WFormAsyncSelectInfiniteSingle, WFormAsyncSelectSingle, WFormAsyncSelectStringified, WFormAsyncToggle, WHeaderBar, WImageViewer, WInfiniteList, WInfiniteListWrapper, WInfoCard, WInfoCardNegative, WInput, WInputAsync, WInputDate, WInputOptions, WInputSuggest, WLink, WLinkArrow, WList, WListCard, WListCardField, WListHeader, WListHeaderItem, WMenuItem, WModal, WModalStepper, WModalWrapper, WNavBar, WNavItem, WNavItemExpand, WNavItemTransition, WNotify, WNumberFormatter, WPage, WPageNumerator, WPageTitle, WProgress, WSelect, WSelectAsync, WSelectAsyncList, WSelectAsyncSingle, WSelectSingle, WSelectStringified, WSkeleton, WSpinner, WTabs, WTabsColumns, WTabsItem, WToggle, WTooltip, WTooltipContainer, };
+export { WActionsBar, WBottomSheet, WButton, WButtonAction, WButtonCopy, WButtonDropdown, WButtonGroup, WButtonInput, WButtonMore, WButtonMoreItem, WButtonSelection, WButtonSelectionAction, WButtonSelectionState, WButtonUnselect, WCheckbox, WChip, WClickOutside, WCounter, WDatePicker, WDatePickerSingle, WDropdown, WDropdownMenu, WEmptyComponent, WExpansion, WExpansionItem, WFieldWrapper, WFilePicker, WFilterWrapper, WForm, WFormValidator, WFormAsyncButtonGroup, WFormAsyncInput, WFormAsyncSelect, WFormAsyncSelectInfiniteSingle, WFormAsyncSelectSingle, WFormAsyncSelectStringified, WFormAsyncToggle, WHeaderBar, WImageViewer, WInfiniteList, WInfiniteListWrapper, WInfoCard, WInfoCardNegative, WInput, WInputAsync, WInputDate, WInputOptions, WInputSuggest, WLink, WLinkArrow, WList, WListCard, WListCardField, WListHeader, WListHeaderItem, WMenuItem, WModal, WModalStepper, WModalWrapper, WNavBar, WNavItem, WNavItemExpand, WNavItemTransition, WNotify, WNumberFormatter, WPage, WPageBreadcrumbs, WPageNumerator, WPageTitle, WProgress, WSelect, WSelectAsync, WSelectAsyncList, WSelectAsyncSingle, WSelectSingle, WSelectStringified, WSkeleton, WSpinner, WTabs, WTabsColumns, WTabsItem, WToggle, WTooltip, WTooltipContainer, };
 //# sourceMappingURL=componentsPlugin.d.ts.map

package/dist/imports/componentsPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"componentsPlugin.d.ts","sourceRoot":"","sources":["../../../src/imports/componentsPlugin.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"componentsPlugin.d.ts","sourceRoot":"","sources":["../../../src/imports/componentsPlugin.ts"],"names":[],"mappings":"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"}

package/dist/main.js

@@ -68,6 +68,7 @@ export { default as WNavItemTransition } from './components/Nav/WNavItemTransiti
 export { default as WNotify } from './components/Notify/WNotify.vue.js';
 export { default as WNumberFormatter } from './components/NumberFormatter/WNumberFormatter.vue.js';
 export { default as WPage } from './components/Page/WPage.vue.js';
+export { default as WPageBreadcrumbs } from './components/Page/WPageBreadcrumbs.vue.js';
 export { default as WPageNumerator } from './components/Page/WPageNumerator.vue.js';
 export { default as WPageTitle } from './components/Page/WPageTitle.vue.js';
 export { default as WProgress } from './components/Progress/WProgress.vue.js';

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.10.16",
+  "version": "0.10.17",
   "scripts": {
     "build": "run-p type-check \"build-only {@}\" --",
     "dev": "vite build --watch",
@@ -356,6 +356,9 @@
     "./dist/components/Page/WPage.vue": {
       "import": "./dist/components/Page/WPage.vue.js"
     },
+    "./dist/components/Page/WPageBreadcrumbs.vue": {
+      "import": "./dist/components/Page/WPageBreadcrumbs.vue.js"
+    },
     "./dist/components/Page/WPageNumerator.vue": {
       "import": "./dist/components/Page/WPageNumerator.vue.js"
     },