@bysages/svelte 0.4.1 → 0.4.2

package/dist/calendar-D251DqRb.mjs

@@ -1,469 +0,0 @@
-import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
-import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
-import "svelte/internal/disclose-version";
-import * as $ from "svelte/internal/client";
-import { injectComponentStyle } from "@bysages/core/styling";
-import { DatePicker } from "@ark-ui/svelte/date-picker";
-//#region src/components/calendar/Calendar.svelte
-const title = ($$anchor, dp = $.noop) => {
-	var fragment = $.comment();
-	var node = $.first_child(fragment);
-	var consequent = ($$anchor) => {
-		const decade = $.derived(() => Math.floor(dp().focusedValue.year / 10) * 10);
-		var text = $.text();
-		$.template_effect(() => $.set_text(text, `${$.get(decade) ?? ""} - ${$.get(decade) + 9}`));
-		$.append($$anchor, text);
-	};
-	var consequent_1 = ($$anchor) => {
-		var text_1 = $.text();
-		$.template_effect(($0) => $.set_text(text_1, $0), [() => dp().format(dp().focusedValue, { year: "numeric" })]);
-		$.append($$anchor, text_1);
-	};
-	var alternate = ($$anchor) => {
-		var text_2 = $.text();
-		$.template_effect(($0) => $.set_text(text_2, $0), [() => dp().format(dp().focusedValue, {
-			month: "long",
-			year: "numeric"
-		})]);
-		$.append($$anchor, text_2);
-	};
-	$.if(node, ($$render) => {
-		if (dp().view === "year") $$render(consequent);
-		else if (dp().view === "month") $$render(consequent_1, 1);
-		else $$render(alternate, -1);
-	});
-	$.append($$anchor, fragment);
-};
-const header = ($$anchor) => {
-	var div = root_1();
-	var node_1 = $.child(div);
-	$.component(node_1, () => DatePicker.ViewControl, ($$anchor, ArkDatePicker_ViewControl) => {
-		ArkDatePicker_ViewControl($$anchor, {
-			children: ($$anchor, $$slotProps) => {
-				var fragment_4 = root();
-				var node_2 = $.first_child(fragment_4);
-				$.component(node_2, () => DatePicker.PrevTrigger, ($$anchor, ArkDatePicker_PrevTrigger) => {
-					ArkDatePicker_PrevTrigger($$anchor, {
-						children: ($$anchor, $$slotProps) => {
-							InternalIcon($$anchor, { name: "chevron-left" });
-						},
-						$$slots: { default: true }
-					});
-				});
-				var node_3 = $.sibling(node_2, 2);
-				$.component(node_3, () => DatePicker.ViewTrigger, ($$anchor, ArkDatePicker_ViewTrigger) => {
-					ArkDatePicker_ViewTrigger($$anchor, {
-						children: ($$anchor, $$slotProps) => {
-							var fragment_6 = $.comment();
-							var node_4 = $.first_child(fragment_6);
-							{
-								const children = ($$anchor, dp = $.noop) => {
-									title($$anchor, dp);
-								};
-								$.component(node_4, () => DatePicker.Context, ($$anchor, ArkDatePicker_Context) => {
-									ArkDatePicker_Context($$anchor, {
-										children,
-										$$slots: { default: true }
-									});
-								});
-							}
-							$.append($$anchor, fragment_6);
-						},
-						$$slots: { default: true }
-					});
-				});
-				var node_5 = $.sibling(node_3, 2);
-				$.component(node_5, () => DatePicker.NextTrigger, ($$anchor, ArkDatePicker_NextTrigger) => {
-					ArkDatePicker_NextTrigger($$anchor, {
-						children: ($$anchor, $$slotProps) => {
-							InternalIcon($$anchor, { name: "chevron-right" });
-						},
-						$$slots: { default: true }
-					});
-				});
-				$.append($$anchor, fragment_4);
-			},
-			$$slots: { default: true }
-		});
-	});
-	$.reset(div);
-	$.append($$anchor, div);
-};
-var rest_excludes = /* @__PURE__ */ new Set([
-	"$$slots",
-	"$$events",
-	"$$legacy",
-	"value",
-	"min",
-	"max",
-	"onValueChange",
-	"children"
-]);
-var root = $.from_html(`<!> <!> <!>`, 1);
-var root_1 = $.from_html(`<div data-scope="calendar" data-part="header"><!></div>`);
-var root_2 = $.from_html(`<!> <!>`, 1);
-var root_3 = $.from_html(`<div><!> <!></div>`);
-function Calendar$1($$anchor, $$props) {
-	$.push($$props, true);
-	injectComponentStyle("calendar");
-	let rest = $.rest_props($$props, rest_excludes);
-	var div_1 = root_3();
-	$.attribute_effect(div_1, () => ({
-		...rest,
-		"data-scope": "calendar",
-		"data-part": "root"
-	}));
-	var node_6 = $.child(div_1);
-	$.component(node_6, () => DatePicker.Root, ($$anchor, ArkDatePicker_Root) => {
-		ArkDatePicker_Root($$anchor, {
-			open: true,
-			closeOnSelect: true,
-			inline: true,
-			get value() {
-				return $$props.value;
-			},
-			get min() {
-				return $$props.min;
-			},
-			get max() {
-				return $$props.max;
-			},
-			onValueChange: (details) => $$props.onValueChange?.(details.value),
-			children: ($$anchor, $$slotProps) => {
-				var fragment_9 = root();
-				var node_7 = $.first_child(fragment_9);
-				$.component(node_7, () => DatePicker.View, ($$anchor, ArkDatePicker_View) => {
-					ArkDatePicker_View($$anchor, {
-						view: "day",
-						children: ($$anchor, $$slotProps) => {
-							var fragment_10 = root_2();
-							var node_8 = $.first_child(fragment_10);
-							header(node_8);
-							var node_9 = $.sibling(node_8, 2);
-							{
-								const children = ($$anchor, dp = $.noop) => {
-									var fragment_11 = $.comment();
-									var node_10 = $.first_child(fragment_11);
-									$.component(node_10, () => DatePicker.Table, ($$anchor, ArkDatePicker_Table) => {
-										ArkDatePicker_Table($$anchor, {
-											children: ($$anchor, $$slotProps) => {
-												var fragment_12 = root_2();
-												var node_11 = $.first_child(fragment_12);
-												$.component(node_11, () => DatePicker.TableHead, ($$anchor, ArkDatePicker_TableHead) => {
-													ArkDatePicker_TableHead($$anchor, {
-														children: ($$anchor, $$slotProps) => {
-															var fragment_13 = $.comment();
-															var node_12 = $.first_child(fragment_13);
-															$.component(node_12, () => DatePicker.TableRow, ($$anchor, ArkDatePicker_TableRow) => {
-																ArkDatePicker_TableRow($$anchor, {
-																	children: ($$anchor, $$slotProps) => {
-																		var fragment_14 = $.comment();
-																		var node_13 = $.first_child(fragment_14);
-																		$.each(node_13, 17, () => dp().weekDays, $.index, ($$anchor, day) => {
-																			var fragment_15 = $.comment();
-																			var node_14 = $.first_child(fragment_15);
-																			$.component(node_14, () => DatePicker.TableHeader, ($$anchor, ArkDatePicker_TableHeader) => {
-																				ArkDatePicker_TableHeader($$anchor, {
-																					get "aria-label"() {
-																						return $.get(day).long;
-																					},
-																					children: ($$anchor, $$slotProps) => {
-																						$.next();
-																						var text_3 = $.text();
-																						$.template_effect(() => $.set_text(text_3, $.get(day).narrow));
-																						$.append($$anchor, text_3);
-																					},
-																					$$slots: { default: true }
-																				});
-																			});
-																			$.append($$anchor, fragment_15);
-																		});
-																		$.append($$anchor, fragment_14);
-																	},
-																	$$slots: { default: true }
-																});
-															});
-															$.append($$anchor, fragment_13);
-														},
-														$$slots: { default: true }
-													});
-												});
-												var node_15 = $.sibling(node_11, 2);
-												$.component(node_15, () => DatePicker.TableBody, ($$anchor, ArkDatePicker_TableBody) => {
-													ArkDatePicker_TableBody($$anchor, {
-														children: ($$anchor, $$slotProps) => {
-															var fragment_17 = $.comment();
-															var node_16 = $.first_child(fragment_17);
-															$.each(node_16, 17, () => dp().weeks, $.index, ($$anchor, week) => {
-																var fragment_18 = $.comment();
-																var node_17 = $.first_child(fragment_18);
-																$.component(node_17, () => DatePicker.TableRow, ($$anchor, ArkDatePicker_TableRow_1) => {
-																	ArkDatePicker_TableRow_1($$anchor, {
-																		children: ($$anchor, $$slotProps) => {
-																			var fragment_19 = $.comment();
-																			var node_18 = $.first_child(fragment_19);
-																			$.each(node_18, 17, () => $.get(week), $.index, ($$anchor, day) => {
-																				var fragment_20 = $.comment();
-																				var node_19 = $.first_child(fragment_20);
-																				$.component(node_19, () => DatePicker.TableCell, ($$anchor, ArkDatePicker_TableCell) => {
-																					ArkDatePicker_TableCell($$anchor, {
-																						get value() {
-																							return $.get(day);
-																						},
-																						children: ($$anchor, $$slotProps) => {
-																							var fragment_21 = $.comment();
-																							var node_20 = $.first_child(fragment_21);
-																							$.component(node_20, () => DatePicker.TableCellTrigger, ($$anchor, ArkDatePicker_TableCellTrigger) => {
-																								ArkDatePicker_TableCellTrigger($$anchor, {
-																									children: ($$anchor, $$slotProps) => {
-																										$.next();
-																										var text_4 = $.text();
-																										$.template_effect(() => $.set_text(text_4, $.get(day).day));
-																										$.append($$anchor, text_4);
-																									},
-																									$$slots: { default: true }
-																								});
-																							});
-																							$.append($$anchor, fragment_21);
-																						},
-																						$$slots: { default: true }
-																					});
-																				});
-																				$.append($$anchor, fragment_20);
-																			});
-																			$.append($$anchor, fragment_19);
-																		},
-																		$$slots: { default: true }
-																	});
-																});
-																$.append($$anchor, fragment_18);
-															});
-															$.append($$anchor, fragment_17);
-														},
-														$$slots: { default: true }
-													});
-												});
-												$.append($$anchor, fragment_12);
-											},
-											$$slots: { default: true }
-										});
-									});
-									$.append($$anchor, fragment_11);
-								};
-								$.component(node_9, () => DatePicker.Context, ($$anchor, ArkDatePicker_Context_1) => {
-									ArkDatePicker_Context_1($$anchor, {
-										children,
-										$$slots: { default: true }
-									});
-								});
-							}
-							$.append($$anchor, fragment_10);
-						},
-						$$slots: { default: true }
-					});
-				});
-				var node_21 = $.sibling(node_7, 2);
-				$.component(node_21, () => DatePicker.View, ($$anchor, ArkDatePicker_View_1) => {
-					ArkDatePicker_View_1($$anchor, {
-						view: "month",
-						children: ($$anchor, $$slotProps) => {
-							var fragment_23 = root_2();
-							var node_22 = $.first_child(fragment_23);
-							header(node_22);
-							var node_23 = $.sibling(node_22, 2);
-							{
-								const children = ($$anchor, dp = $.noop) => {
-									var fragment_24 = $.comment();
-									var node_24 = $.first_child(fragment_24);
-									$.component(node_24, () => DatePicker.Table, ($$anchor, ArkDatePicker_Table_1) => {
-										ArkDatePicker_Table_1($$anchor, {
-											columns: 3,
-											children: ($$anchor, $$slotProps) => {
-												var fragment_25 = $.comment();
-												var node_25 = $.first_child(fragment_25);
-												$.component(node_25, () => DatePicker.TableBody, ($$anchor, ArkDatePicker_TableBody_1) => {
-													ArkDatePicker_TableBody_1($$anchor, {
-														children: ($$anchor, $$slotProps) => {
-															var fragment_26 = $.comment();
-															var node_26 = $.first_child(fragment_26);
-															$.each(node_26, 17, () => dp().getMonthsGrid({ columns: 3 }), $.index, ($$anchor, months) => {
-																var fragment_27 = $.comment();
-																var node_27 = $.first_child(fragment_27);
-																$.component(node_27, () => DatePicker.TableRow, ($$anchor, ArkDatePicker_TableRow_2) => {
-																	ArkDatePicker_TableRow_2($$anchor, {
-																		children: ($$anchor, $$slotProps) => {
-																			var fragment_28 = $.comment();
-																			var node_28 = $.first_child(fragment_28);
-																			$.each(node_28, 17, () => $.get(months), $.index, ($$anchor, month) => {
-																				var fragment_29 = $.comment();
-																				var node_29 = $.first_child(fragment_29);
-																				$.component(node_29, () => DatePicker.TableCell, ($$anchor, ArkDatePicker_TableCell_1) => {
-																					ArkDatePicker_TableCell_1($$anchor, {
-																						get value() {
-																							return $.get(month).value;
-																						},
-																						columns: 3,
-																						children: ($$anchor, $$slotProps) => {
-																							var fragment_30 = $.comment();
-																							var node_30 = $.first_child(fragment_30);
-																							$.component(node_30, () => DatePicker.TableCellTrigger, ($$anchor, ArkDatePicker_TableCellTrigger_1) => {
-																								ArkDatePicker_TableCellTrigger_1($$anchor, {
-																									children: ($$anchor, $$slotProps) => {
-																										$.next();
-																										var text_5 = $.text();
-																										$.template_effect(() => $.set_text(text_5, $.get(month).label));
-																										$.append($$anchor, text_5);
-																									},
-																									$$slots: { default: true }
-																								});
-																							});
-																							$.append($$anchor, fragment_30);
-																						},
-																						$$slots: { default: true }
-																					});
-																				});
-																				$.append($$anchor, fragment_29);
-																			});
-																			$.append($$anchor, fragment_28);
-																		},
-																		$$slots: { default: true }
-																	});
-																});
-																$.append($$anchor, fragment_27);
-															});
-															$.append($$anchor, fragment_26);
-														},
-														$$slots: { default: true }
-													});
-												});
-												$.append($$anchor, fragment_25);
-											},
-											$$slots: { default: true }
-										});
-									});
-									$.append($$anchor, fragment_24);
-								};
-								$.component(node_23, () => DatePicker.Context, ($$anchor, ArkDatePicker_Context_2) => {
-									ArkDatePicker_Context_2($$anchor, {
-										children,
-										$$slots: { default: true }
-									});
-								});
-							}
-							$.append($$anchor, fragment_23);
-						},
-						$$slots: { default: true }
-					});
-				});
-				var node_31 = $.sibling(node_21, 2);
-				$.component(node_31, () => DatePicker.View, ($$anchor, ArkDatePicker_View_2) => {
-					ArkDatePicker_View_2($$anchor, {
-						view: "year",
-						children: ($$anchor, $$slotProps) => {
-							var fragment_32 = root_2();
-							var node_32 = $.first_child(fragment_32);
-							header(node_32);
-							var node_33 = $.sibling(node_32, 2);
-							{
-								const children = ($$anchor, dp = $.noop) => {
-									var fragment_33 = $.comment();
-									var node_34 = $.first_child(fragment_33);
-									$.component(node_34, () => DatePicker.Table, ($$anchor, ArkDatePicker_Table_2) => {
-										ArkDatePicker_Table_2($$anchor, {
-											columns: 3,
-											children: ($$anchor, $$slotProps) => {
-												var fragment_34 = $.comment();
-												var node_35 = $.first_child(fragment_34);
-												$.component(node_35, () => DatePicker.TableBody, ($$anchor, ArkDatePicker_TableBody_2) => {
-													ArkDatePicker_TableBody_2($$anchor, {
-														children: ($$anchor, $$slotProps) => {
-															var fragment_35 = $.comment();
-															var node_36 = $.first_child(fragment_35);
-															$.each(node_36, 17, () => dp().getYearsGrid({ columns: 3 }), $.index, ($$anchor, years) => {
-																var fragment_36 = $.comment();
-																var node_37 = $.first_child(fragment_36);
-																$.component(node_37, () => DatePicker.TableRow, ($$anchor, ArkDatePicker_TableRow_3) => {
-																	ArkDatePicker_TableRow_3($$anchor, {
-																		children: ($$anchor, $$slotProps) => {
-																			var fragment_37 = $.comment();
-																			var node_38 = $.first_child(fragment_37);
-																			$.each(node_38, 17, () => $.get(years), $.index, ($$anchor, year) => {
-																				var fragment_38 = $.comment();
-																				var node_39 = $.first_child(fragment_38);
-																				$.component(node_39, () => DatePicker.TableCell, ($$anchor, ArkDatePicker_TableCell_2) => {
-																					ArkDatePicker_TableCell_2($$anchor, {
-																						get value() {
-																							return $.get(year).value;
-																						},
-																						columns: 3,
-																						children: ($$anchor, $$slotProps) => {
-																							var fragment_39 = $.comment();
-																							var node_40 = $.first_child(fragment_39);
-																							$.component(node_40, () => DatePicker.TableCellTrigger, ($$anchor, ArkDatePicker_TableCellTrigger_2) => {
-																								ArkDatePicker_TableCellTrigger_2($$anchor, {
-																									children: ($$anchor, $$slotProps) => {
-																										$.next();
-																										var text_6 = $.text();
-																										$.template_effect(() => $.set_text(text_6, $.get(year).label));
-																										$.append($$anchor, text_6);
-																									},
-																									$$slots: { default: true }
-																								});
-																							});
-																							$.append($$anchor, fragment_39);
-																						},
-																						$$slots: { default: true }
-																					});
-																				});
-																				$.append($$anchor, fragment_38);
-																			});
-																			$.append($$anchor, fragment_37);
-																		},
-																		$$slots: { default: true }
-																	});
-																});
-																$.append($$anchor, fragment_36);
-															});
-															$.append($$anchor, fragment_35);
-														},
-														$$slots: { default: true }
-													});
-												});
-												$.append($$anchor, fragment_34);
-											},
-											$$slots: { default: true }
-										});
-									});
-									$.append($$anchor, fragment_33);
-								};
-								$.component(node_33, () => DatePicker.Context, ($$anchor, ArkDatePicker_Context_3) => {
-									ArkDatePicker_Context_3($$anchor, {
-										children,
-										$$slots: { default: true }
-									});
-								});
-							}
-							$.append($$anchor, fragment_32);
-						},
-						$$slots: { default: true }
-					});
-				});
-				$.append($$anchor, fragment_9);
-			},
-			$$slots: { default: true }
-		});
-	});
-	var node_41 = $.sibling(node_6, 2);
-	$.snippet(node_41, () => $$props.children ?? $.noop);
-	$.reset(div_1);
-	$.append($$anchor, div_1);
-	$.pop();
-}
-//#endregion
-//#region src/components/calendar/index.ts
-/** The date-picker's month grid, standing on the page without its
-* popup: always open, the trigger gone, the vessel a quiet card. */
-const Calendar = withSelfRoot(Calendar$1);
-injectComponentStyle("date-picker");
-//#endregion
-export { Calendar as t };