@bysages/svelte 0.4.4 → 0.5.0

package/dist/{TreeViewNodeCheckbox-t2i6iaiq.mjs → TreeViewNodeCheckbox-BNwGbFEv.mjs}

@@ -1,10 +1,10 @@
-import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as InternalIcon } from "./InternalIcon-Dr81WIG1.mjs";
+import { t as useElementId } from "./id-Cu5GNK9U.mjs";
+import { t as InternalIcon } from "./InternalIcon-34cw8jr_.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { TreeView, createTreeCollection } from "@ark-ui/svelte/tree-view";
-//#region src/components/tree-view/TreeViewBranchIndicator.svelte
+// src/components/tree-view/TreeViewBranchIndicator.svelte
 var rest_excludes$3 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -40,9 +40,11 @@ function TreeViewBranchIndicator($$anchor, $$props) {
 	});
 	$.append($$anchor, fragment);
 }
-//#endregion
-//#region src/components/tree-view/TreeViewNodes.svelte
-var root$1 = $.from_html(`<!> <!>`, 1);
+// src/components/tree-view/TreeViewNodes.svelte
+var root$1 = $.from_html(`<span data-scope="tree-view" data-part="node-meta"> </span>`);
+var root_1 = $.from_html(`<!> <!> <!> <!> <!>`, 1);
+var root_2 = $.from_html(`<!> <!>`, 1);
+var root_3 = $.from_html(`<!> <!> <!> <!>`, 1);
 function TreeViewNodes_1($$anchor, $$props) {
 	let indexPath = $.prop($$props, "indexPath", 19, () => []);
 	var fragment = $.comment();
@@ -62,22 +64,31 @@ function TreeViewNodes_1($$anchor, $$props) {
 				children: ($$anchor, $$slotProps) => {
 					var fragment_2 = $.comment();
 					var node_3 = $.first_child(fragment_2);
-					var consequent = ($$anchor) => {
+					var consequent_2 = ($$anchor) => {
 						var fragment_3 = $.comment();
 						var node_4 = $.first_child(fragment_3);
 						$.component(node_4, () => TreeView.Branch, ($$anchor, ArkTreeView_Branch) => {
 							ArkTreeView_Branch($$anchor, {
 								children: ($$anchor, $$slotProps) => {
-									var fragment_4 = root$1();
+									var fragment_4 = root_2();
 									var node_5 = $.first_child(fragment_4);
 									$.component(node_5, () => TreeView.BranchControl, ($$anchor, ArkTreeView_BranchControl) => {
 										ArkTreeView_BranchControl($$anchor, {
 											children: ($$anchor, $$slotProps) => {
-												var fragment_5 = root$1();
+												var fragment_5 = root_1();
 												var node_6 = $.first_child(fragment_5);
-												TreeViewBranchIndicator(node_6, {});
+												var consequent = ($$anchor) => {
+													InternalIcon($$anchor, { get name() {
+														return $.get(node).icon;
+													} });
+												};
+												$.if(node_6, ($$render) => {
+													if ($.get(node).icon) $$render(consequent);
+												});
 												var node_7 = $.sibling(node_6, 2);
-												$.component(node_7, () => TreeView.BranchText, ($$anchor, ArkTreeView_BranchText) => {
+												TreeViewBranchIndicator(node_7, {});
+												var node_8 = $.sibling(node_7, 2);
+												$.component(node_8, () => TreeView.BranchText, ($$anchor, ArkTreeView_BranchText) => {
 													ArkTreeView_BranchText($$anchor, {
 														children: ($$anchor, $$slotProps) => {
 															$.next();
@@ -88,13 +99,25 @@ function TreeViewNodes_1($$anchor, $$props) {
 														$$slots: { default: true }
 													});
 												});
+												var node_9 = $.sibling(node_8, 2);
+												var consequent_1 = ($$anchor) => {
+													var span = root$1();
+													var text_1 = $.only_child(span, true);
+													$.template_effect(() => $.set_text(text_1, $.get(node).meta));
+													$.append($$anchor, span);
+												};
+												$.if(node_9, ($$render) => {
+													if ($.get(node).meta) $$render(consequent_1);
+												});
+												var node_10 = $.sibling(node_9, 2);
+												$.snippet(node_10, () => $$props.trailing ?? $.noop, () => $.get(node));
 												$.append($$anchor, fragment_5);
 											},
 											$$slots: { default: true }
 										});
 									});
-									var node_8 = $.sibling(node_5, 2);
-									$.component(node_8, () => TreeView.BranchContent, ($$anchor, ArkTreeView_BranchContent) => {
+									var node_11 = $.sibling(node_5, 2);
+									$.component(node_11, () => TreeView.BranchContent, ($$anchor, ArkTreeView_BranchContent) => {
 										ArkTreeView_BranchContent($$anchor, {
 											children: ($$anchor, $$slotProps) => {
 												TreeViewNodes_1($$anchor, {
@@ -103,6 +126,9 @@ function TreeViewNodes_1($$anchor, $$props) {
 													},
 													get indexPath() {
 														return $.get(nodePath);
+													},
+													get trailing() {
+														return $$props.trailing;
 													}
 												});
 											},
@@ -117,33 +143,54 @@ function TreeViewNodes_1($$anchor, $$props) {
 						$.append($$anchor, fragment_3);
 					};
 					var alternate = ($$anchor) => {
-						var fragment_8 = $.comment();
-						var node_9 = $.first_child(fragment_8);
-						$.component(node_9, () => TreeView.Item, ($$anchor, ArkTreeView_Item) => {
+						var fragment_9 = $.comment();
+						var node_12 = $.first_child(fragment_9);
+						$.component(node_12, () => TreeView.Item, ($$anchor, ArkTreeView_Item) => {
 							ArkTreeView_Item($$anchor, {
 								children: ($$anchor, $$slotProps) => {
-									var fragment_9 = $.comment();
-									var node_10 = $.first_child(fragment_9);
-									$.component(node_10, () => TreeView.ItemText, ($$anchor, ArkTreeView_ItemText) => {
+									var fragment_10 = root_3();
+									var node_13 = $.first_child(fragment_10);
+									var consequent_3 = ($$anchor) => {
+										InternalIcon($$anchor, { get name() {
+											return $.get(node).icon;
+										} });
+									};
+									$.if(node_13, ($$render) => {
+										if ($.get(node).icon) $$render(consequent_3);
+									});
+									var node_14 = $.sibling(node_13, 2);
+									$.component(node_14, () => TreeView.ItemText, ($$anchor, ArkTreeView_ItemText) => {
 										ArkTreeView_ItemText($$anchor, {
 											children: ($$anchor, $$slotProps) => {
 												$.next();
-												var text_1 = $.text();
-												$.template_effect(() => $.set_text(text_1, $.get(node).label));
-												$.append($$anchor, text_1);
+												var text_2 = $.text();
+												$.template_effect(() => $.set_text(text_2, $.get(node).label));
+												$.append($$anchor, text_2);
 											},
 											$$slots: { default: true }
 										});
 									});
-									$.append($$anchor, fragment_9);
+									var node_15 = $.sibling(node_14, 2);
+									var consequent_4 = ($$anchor) => {
+										var span_1 = root$1();
+										var text_3 = $.only_child(span_1, true);
+										$.template_effect(() => $.set_text(text_3, $.get(node).meta));
+										$.append($$anchor, span_1);
+									};
+									$.if(node_15, ($$render) => {
+										if ($.get(node).meta) $$render(consequent_4);
+									});
+									var node_16 = $.sibling(node_15, 2);
+									$.snippet(node_16, () => $$props.trailing ?? $.noop, () => $.get(node));
+									$.append($$anchor, fragment_10);
 								},
 								$$slots: { default: true }
 							});
 						});
-						$.append($$anchor, fragment_8);
+						$.append($$anchor, fragment_9);
 					};
 					$.if(node_3, ($$render) => {
-						if ($.get(node).children?.length) $$render(consequent);
+						if ($.get(node).children?.length) $$render(consequent_2);
 						else $$render(alternate, -1);
 					});
 					$.append($$anchor, fragment_2);
@@ -155,20 +202,21 @@ function TreeViewNodes_1($$anchor, $$props) {
 	});
 	$.append($$anchor, fragment);
 }
-//#endregion
-//#region src/components/tree-view/TreeViewRoot.svelte
+// src/components/tree-view/TreeViewRoot.svelte
 var rest_excludes$2 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
 	"$$legacy",
 	"size",
+	"value",
+	"expandedValue",
 	"children"
 ]);
 function TreeViewRoot($$anchor, $$props) {
 	const generatedId = $.props_id();
 	$.push($$props, true);
 	injectComponentStyle("tree-view");
-	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$2);
+	let size = $.prop($$props, "size", 3, "md"), value = $.prop($$props, "value", 15), expandedValue = $.prop($$props, "expandedValue", 15), rest = $.rest_props($$props, rest_excludes$2);
 	const id = $.derived(() => useElementId("tree-view", generatedId, $$props.id));
 	var fragment = $.comment();
 	var node = $.first_child(fragment);
@@ -180,6 +228,18 @@ function TreeViewRoot($$anchor, $$props) {
 			get "data-size"() {
 				return size();
 			},
+			get value() {
+				return value();
+			},
+			set value($$value) {
+				value($$value);
+			},
+			get expandedValue() {
+				return expandedValue();
+			},
+			set expandedValue($$value) {
+				expandedValue($$value);
+			},
 			children: ($$anchor, $$slotProps) => {
 				var fragment_1 = $.comment();
 				var node_1 = $.first_child(fragment_1);
@@ -192,47 +252,57 @@ function TreeViewRoot($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-//#endregion
-//#region src/components/tree-view/TreeView.svelte
+// src/components/tree-view/TreeView.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
 	"$$legacy",
 	"value",
 	"defaultValue",
+	"defaultExpandedValue",
+	"expandedValue",
+	"onExpandedChange",
 	"options",
 	"multiple",
 	"label",
+	"trailing",
 	"children"
 ]);
-var root = $.from_html(`<!> <!>`, 1);
+var root = $.from_html(`<!> <!> <!>`, 1);
 function TreeView$1($$anchor, $$props) {
 	$.push($$props, true);
-	let value = $.prop($$props, "value", 15), multiple = $.prop($$props, "multiple", 3, false), rest = $.rest_props($$props, rest_excludes$1);
+	let value = $.prop($$props, "value", 15), expandedValue = $.prop($$props, "expandedValue", 15), multiple = $.prop($$props, "multiple", 3, false), rest = $.rest_props($$props, rest_excludes$1);
+	/** Branch values expanded on first render; top-level branches by default. */
+	/** Controlled expanded branch values. */
+	/** Called when controlled expansion changes. */
 	const branchValues = $.derived(() => $$props.options.filter((option) => option.children?.length).map((option) => option.value));
 	const collection = $.derived(() => createTreeCollection({
 		nodeToValue: (node) => node.value,
 		nodeToString: (node) => node.label,
-		isNodeDisabled: (node) => !!node.disabled
+		isNodeDisabled: (node) => !!node.disabled,
+		rootNode: {
+			value: "root",
+			label: "",
+			children: $$props.options
+		}
 	}));
 	{
-		let $0 = $.derived(() => multiple() ? "multiple" : "single");
+		let $0 = $.derived(() => $$props.defaultExpandedValue ?? $.get(branchValues));
+		let $1 = $.derived(() => multiple() ? "multiple" : "single");
 		TreeViewRoot($$anchor, $.spread_props({
 			get collection() {
 				return $.get(collection);
 			},
 			get defaultExpandedValue() {
-				return $.get(branchValues);
+				return $.get($0);
 			},
 			get defaultSelectedValue() {
 				return $$props.defaultValue;
 			},
 			get selectionMode() {
-				return $.get($0);
+				return $.get($1);
 			},
-			get "aria-label"() {
-				return $$props.label;
-			}
+			onExpandedChange: (event) => $$props.onExpandedChange?.(event.expandedValue)
 		}, () => rest, {
 			get value() {
 				return value();
@@ -240,21 +310,53 @@ function TreeView$1($$anchor, $$props) {
 			set value($$value) {
 				value($$value);
 			},
+			get expandedValue() {
+				return expandedValue();
+			},
+			set expandedValue($$value) {
+				expandedValue($$value);
+			},
 			children: ($$anchor, $$slotProps) => {
 				var fragment_1 = root();
 				var node_1 = $.first_child(fragment_1);
-				$.component(node_1, () => TreeView.Tree, ($$anchor, ArkTreeView_Tree) => {
+				var consequent = ($$anchor) => {
+					var fragment_2 = $.comment();
+					var node_2 = $.first_child(fragment_2);
+					$.component(node_2, () => TreeView.Label, ($$anchor, ArkTreeView_Label) => {
+						ArkTreeView_Label($$anchor, {
+							"data-visually-hidden": true,
+							children: ($$anchor, $$slotProps) => {
+								$.next();
+								var text = $.text();
+								$.template_effect(() => $.set_text(text, $$props.label));
+								$.append($$anchor, text);
+							},
+							$$slots: { default: true }
+						});
+					});
+					$.append($$anchor, fragment_2);
+				};
+				$.if(node_1, ($$render) => {
+					if ($$props.label) $$render(consequent);
+				});
+				var node_3 = $.sibling(node_1, 2);
+				$.component(node_3, () => TreeView.Tree, ($$anchor, ArkTreeView_Tree) => {
 					ArkTreeView_Tree($$anchor, {
 						children: ($$anchor, $$slotProps) => {
-							TreeViewNodes_1($$anchor, { get items() {
-								return $$props.options;
-							} });
+							TreeViewNodes_1($$anchor, {
+								get items() {
+									return $$props.options;
+								},
+								get trailing() {
+									return $$props.trailing;
+								}
+							});
 						},
 						$$slots: { default: true }
 					});
 				});
-				var node_2 = $.sibling(node_1, 2);
-				$.snippet(node_2, () => $$props.children ?? $.noop);
+				var node_4 = $.sibling(node_3, 2);
+				$.snippet(node_4, () => $$props.children ?? $.noop);
 				$.append($$anchor, fragment_1);
 			},
 			$$slots: { default: true }
@@ -262,8 +364,7 @@ function TreeView$1($$anchor, $$props) {
 	}
 	$.pop();
 }
-//#endregion
-//#region src/components/tree-view/TreeViewNodeCheckbox.svelte
+// src/components/tree-view/TreeViewNodeCheckbox.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -288,5 +389,4 @@ function TreeViewNodeCheckbox($$anchor, $$props) {
 	});
 	$.append($$anchor, fragment);
 }
-//#endregion
 export { TreeViewBranchIndicator as i, TreeView$1 as n, TreeViewRoot as r, TreeViewNodeCheckbox as t };

package/dist/{affix-zZj9e2iB.mjs → affix-DVDIxtxN.mjs}

@@ -1,8 +1,8 @@
-import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
+import { n as withSelfRoot } from "./family-lE_Nnow1.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";
-//#region src/components/affix/Affix.svelte
+// src/components/affix/Affix.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -32,8 +32,7 @@ function Affix$1($$anchor, $$props) {
 	$.append($$anchor, div);
 	$.pop();
 }
-//#endregion
-//#region src/components/affix/index.ts
+// src/components/affix/index.ts
 /** A nail: the wrapped content travels with the page until it reaches
 * its offset, then stays put while the page moves on. The semantics are
 * plain `position: sticky` — pinning is relative to the nearest
@@ -42,5 +41,4 @@ function Affix$1($$anchor, $$props) {
 * `overflow: hidden` clips the pin. Both offsets may be given: the
 * content then holds its place inside that band. */
 const Affix = withSelfRoot(Affix$1);
-//#endregion
 export { Affix as t };