@bexis2/bexis2-core-ui 0.2.20 → 0.2.22

package/README.md

@@ -1,4 +1,7 @@
 # bexis-core-ui
+## 0.2.22
+- Page title update on breadcrumb
+
 ## v0.2.19
 - fix multiselect bug from prev version
 

package/dist/components/form/DropdownKvP.svelte.d.ts

@@ -4,8 +4,8 @@
 export default class DropdownKvP extends SvelteComponentTyped<{
     target: any;
     id: any;
-    source: any;
     title: any;
+    source: any;
     required?: boolean | undefined;
     invalid?: boolean | undefined;
     valid?: boolean | undefined;
@@ -27,8 +27,8 @@ declare const __propDef: {
     props: {
         target: any;
         id: any;
-        source: any;
         title: any;
+        source: any;
         required?: boolean | undefined;
         invalid?: boolean | undefined;
         valid?: boolean | undefined;

package/dist/components/form/MultiSelect.svelte.d.ts

@@ -4,8 +4,8 @@
 export default class MultiSelect extends SvelteComponentTyped<{
     target: any;
     id: any;
-    source: any;
     title: any;
+    source: any;
     required?: boolean | undefined;
     invalid?: boolean | undefined;
     feedback?: string[] | undefined;
@@ -41,8 +41,8 @@ declare const __propDef: {
     props: {
         target: any;
         id: any;
-        source: any;
         title: any;
+        source: any;
         required?: boolean | undefined;
         invalid?: boolean | undefined;
         feedback?: string[] | undefined;

package/dist/components/page/Page.svelte

@@ -38,7 +38,7 @@ onMount(async () => {
 				{/if}
 
 				<div class="grid grid-cols-2">
-					<Breadcrumb {title} />
+					<Breadcrumb bind:title={title} />
 					<Docs {links} {note} />
 				</div>
 			</svelte:fragment>

package/dist/components/page/breadcrumb/Breadcrumb.svelte

@@ -1,5 +1,10 @@
 <script>import { breadcrumbStore } from "../../../stores/pageStores";
 export let title;
+$:
+  update(title);
+function update(t) {
+  breadcrumbStore.updateItem({ label: t, link: window.location.pathname });
+}
 let list = [];
 $:
   list;

package/dist/stores/pageStores.d.ts

@@ -22,6 +22,7 @@ export declare const breadcrumbStore: {
     set: (this: void, value: BreadcrumbModel) => void;
     update: (this: void, updater: import("svelte/store").Updater<BreadcrumbModel>) => void;
     addItem: (item: breadcrumbItemType) => void;
+    updateItem: (item: breadcrumbItemType) => void;
     clean: () => void;
 };
 export declare const notificationStore: {

package/dist/stores/pageStores.js

@@ -91,13 +91,24 @@ function createBreadcrumbStore() {
             });
             update((s) => (s = b));
         },
-        clean: () => {
+        updateItem: (item) => {
             let b;
             breadcrumbStore.subscribe((value) => {
-                value = new BreadcrumbModel();
+                value = value === undefined ? new BreadcrumbModel() : value;
+                let v = value.items.find((i) => i.link === item.link);
+                console.log(value.items, v);
+                if (v) {
+                    const i = value.items.indexOf(v);
+                    value.items[i] = item;
+                    v = item;
+                }
                 b = value;
             });
             update((s) => (s = b));
+        },
+        clean: () => {
+            breadcrumbStore.set(new BreadcrumbModel());
+            //update((s) => (s = b));
         }
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bexis2/bexis2-core-ui",
-  "version": "0.2.20",
+  "version": "0.2.22",
   "private": false,
   "scripts": {
     "dev": "vite dev",

package/src/lib/components/page/breadcrumb/Breadcrumb.svelte

@@ -4,6 +4,14 @@
 
 	export let title;
 
+	$:update(title)
+
+
+	function update(t)
+	{
+  breadcrumbStore.updateItem({ label: t, link: window.location.pathname });
+	}
+
 	let list: breadcrumbItemType[] = [];
 	$: list;
 

package/src/lib/stores/pageStores.ts

@@ -111,14 +111,32 @@ function createBreadcrumbStore() {
 			update((s) => (s = b));
 		},
 
-		clean: () => {
+		updateItem: (item: breadcrumbItemType) => {
+
 			let b: BreadcrumbModel;
 			breadcrumbStore.subscribe((value) => {
-				value = new BreadcrumbModel();
+				value = value === undefined ? new BreadcrumbModel() : value;
+				
+				let v = value.items.find((i) => i.link === item.link)
+				console.log(value.items,v);
+				
+				if (v) {
+					const i = value.items.indexOf(v);
+				 value.items[i]=item
+					v = item;
+				}
+
 				b = value;
 			});
 
 			update((s) => (s = b));
+		},
+
+		clean: () => {
+
+			breadcrumbStore.set(new BreadcrumbModel());
+
+			//update((s) => (s = b));
 		}
 	};
 }