aloha-vue 1.2.54 → 1.2.55

package/package.json

@@ -14,7 +14,7 @@
     "Vue.js"
   ],
   "homepage": "https://github.com/ilia-brykin/aloha/#README.md",
-  "version": "1.2.54",
+  "version": "1.2.55",
   "author": {
     "name": "Ilia Brykin",
     "email": "brykin.ilia@gmail.com"

package/src/AMenu2/AMenu2.js

@@ -33,6 +33,9 @@ import {
   uniqueId,
 } from "lodash-es";
 
+const DROPDOWN_BUTTON_WIDTH = 34;
+const BREADCRUMBS_PADDINGS = 20;
+
 export default {
   name: "AMenu2",
   provide() {
@@ -51,6 +54,11 @@ export default {
       required: false,
       default: () => ({}),
     },
+    breadcrumbsTruncatedOffset: {
+      type: Number,
+      required: false,
+      default: () => DROPDOWN_BUTTON_WIDTH + BREADCRUMBS_PADDINGS,
+    },
     buttonToggleClass: {
       type: [String, Object],
       required: false,
@@ -173,6 +181,7 @@ export default {
   setup(props) {
     const isLinkTruncated = toRef(props, "isLinkTruncated");
     const showCountChildren = toRef(props, "showCountChildren");
+    const breadcrumbsTruncatedOffset = toRef(props, "breadcrumbsTruncatedOffset");
 
     const {
       dataKeyById,
@@ -309,6 +318,7 @@ export default {
     provide("panelParentsOpen", panelParentsOpen);
     provide("showCountChildren", computed(() => showCountChildren.value));
     provide("togglePanel", togglePanel);
+    provide("breadcrumbsTruncatedOffset", computed(() => breadcrumbsTruncatedOffset.value));
 
     initMenuOpenOrClose();
     initEventBusUpdateViewOnResize();

package/src/AMenu2/AMenuBreadcrumbs/AMenuBreadcrumbs.js

@@ -1,5 +1,6 @@
 import {
   h,
+  inject,
   withDirectives,
 } from "vue";
 
@@ -48,6 +49,8 @@ export default {
     },
   },
   setup(props) {
+    const breadcrumbsTruncatedOffset = inject("breadcrumbsTruncatedOffset");
+
     const {
       breadcrumbsItems,
     } = ItemsAPI(props);
@@ -65,6 +68,7 @@ export default {
       renderParent,
     } = RenderTruncatedAPI({
       breadcrumbsItems,
+      breadcrumbsTruncatedOffset,
     });
 
     return {

package/src/AMenu2/AMenuBreadcrumbs/compositionAPI/RenderTruncatedAPI.js

@@ -9,11 +9,11 @@ import {
 
 export default function RenderTruncatedAPI({
   breadcrumbsItems = computed(() => []),
+  breadcrumbsTruncatedOffset = ref(0),
 }) {
   const breadcrumbsItemsDropdown = ref([]);
   const breadcrumbsItemsTruncated = ref([]);
   const breadcrumbsWidth = ref(0);
-  const dropdownButtonWidth = 30;
   const indexRenderedItem = ref(undefined);
   const isRenderedAll = ref(false);
   const itemsWidth = ref(0);
@@ -35,7 +35,7 @@ export default function RenderTruncatedAPI({
 
   const removeItem = () => {
     if (breadcrumbsItemsTruncated.value.length <= 1 ||
-      (itemsWidth.value + dropdownButtonWidth <= breadcrumbsWidth.value)) {
+      (itemsWidth.value + breadcrumbsTruncatedOffset.value <= breadcrumbsWidth.value)) {
       addDropdownItems();
       return;
     }