@nepdatejs/vanilla 0.0.0-stage → 0.1.0

package/dist/preset-list-CASwnwmS.js

@@ -0,0 +1,45 @@
+import { b as setText, g as el, v as setAttrs } from "./registry-BvkGnkvV.js";
+//#region src/preset-list.ts
+/** The shortcut buttons beside the calendar. Hidden when there are none. */
+var PresetList = class {
+	constructor(onApply) {
+		this.ids = "";
+		this.element = el("div", {
+			class: "ndp-presets",
+			role: "group",
+			hidden: true
+		});
+		this.element.addEventListener("click", (event) => {
+			const button = event.target instanceof Element ? event.target.closest(".ndp-preset") : null;
+			const id = button?.dataset["preset"];
+			if (id !== void 0 && button && !button.disabled) onApply(id);
+		});
+	}
+	render(presets, label) {
+		this.element.hidden = presets.length === 0;
+		setAttrs(this.element, { "aria-label": label });
+		const ids = presets.map((preset) => preset.id).join("\n");
+		if (ids !== this.ids) {
+			this.ids = ids;
+			this.element.replaceChildren(...presets.map((preset) => el("button", {
+				type: "button",
+				class: "ndp-preset",
+				"data-preset": preset.id
+			})));
+		}
+		presets.forEach((preset, index) => {
+			const button = this.element.children[index];
+			if (button) {
+				setText(button, preset.label);
+				setAttrs(button, {
+					"aria-pressed": preset.isActive ? "true" : "false",
+					disabled: preset.isDisabled
+				});
+			}
+		});
+	}
+};
+//#endregion
+export { PresetList as t };
+
+//# sourceMappingURL=preset-list-CASwnwmS.js.map

package/dist/preset-list-CASwnwmS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset-list-CASwnwmS.js","names":[],"sources":["../src/preset-list.ts"],"sourcesContent":["import type { PresetState } from '@nepdatejs/datepicker';\nimport { el, setAttrs, setText } from './dom';\n\n/** Panel width with and without the presets column. */\nexport const PANEL_WIDTH = 320;\nexport const PANEL_WIDTH_WITH_PRESETS = 492;\nexport const TIME_COLUMNS_WIDTH = 136;\n\n/** The shortcut buttons beside the calendar. Hidden when there are none. */\nexport class PresetList {\n  readonly element: HTMLDivElement;\n  private ids = '';\n\n  constructor(onApply: (id: string) => void) {\n    this.element = el('div', { class: 'ndp-presets', role: 'group', hidden: true });\n    this.element.addEventListener('click', (event) => {\n      const button =\n        event.target instanceof Element\n          ? event.target.closest<HTMLButtonElement>('.ndp-preset')\n          : null;\n      const id = button?.dataset['preset'];\n      if (id !== undefined && button && !button.disabled) {\n        onApply(id);\n      }\n    });\n  }\n\n  render(presets: readonly PresetState[], label: string): void {\n    this.element.hidden = presets.length === 0;\n    setAttrs(this.element, { 'aria-label': label });\n    const ids = presets.map((preset) => preset.id).join('\\n');\n    if (ids !== this.ids) {\n      this.ids = ids;\n      this.element.replaceChildren(\n        ...presets.map((preset) =>\n          el('button', { type: 'button', class: 'ndp-preset', 'data-preset': preset.id }),\n        ),\n      );\n    }\n    presets.forEach((preset, index) => {\n      const button = this.element.children[index];\n      if (button) {\n        setText(button, preset.label);\n        setAttrs(button, {\n          'aria-pressed': preset.isActive ? 'true' : 'false',\n          disabled: preset.isDisabled,\n        });\n      }\n    });\n  }\n}\n"],"mappings":";;;AASA,IAAa,aAAb,MAAwB;CAItB,YAAY,SAA+B;EAF3C,KAAQ,MAAM;EAGZ,KAAK,UAAU,GAAG,OAAO;GAAE,OAAO;GAAe,MAAM;GAAS,QAAQ;EAAK,CAAC;EAC9E,KAAK,QAAQ,iBAAiB,UAAU,UAAU;GAChD,MAAM,SACJ,MAAM,kBAAkB,UACpB,MAAM,OAAO,QAA2B,aAAa,IACrD;GACN,MAAM,KAAK,QAAQ,QAAQ;GAC3B,IAAI,OAAO,KAAA,KAAa,UAAU,CAAC,OAAO,UACxC,QAAQ,EAAE;EAEd,CAAC;CACH;CAEA,OAAO,SAAiC,OAAqB;EAC3D,KAAK,QAAQ,SAAS,QAAQ,WAAW;EACzC,SAAS,KAAK,SAAS,EAAE,cAAc,MAAM,CAAC;EAC9C,MAAM,MAAM,QAAQ,KAAK,WAAW,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI;EACxD,IAAI,QAAQ,KAAK,KAAK;GACpB,KAAK,MAAM;GACX,KAAK,QAAQ,gBACX,GAAG,QAAQ,KAAK,WACd,GAAG,UAAU;IAAE,MAAM;IAAU,OAAO;IAAc,eAAe,OAAO;GAAG,CAAC,CAChF,CACF;EACF;EACA,QAAQ,SAAS,QAAQ,UAAU;GACjC,MAAM,SAAS,KAAK,QAAQ,SAAS;GACrC,IAAI,QAAQ;IACV,QAAQ,QAAQ,OAAO,KAAK;IAC5B,SAAS,QAAQ;KACf,gBAAgB,OAAO,WAAW,SAAS;KAC3C,UAAU,OAAO;IACnB,CAAC;GACH;EACF,CAAC;CACH;AACF"}

package/dist/preset-list-Cs8H12Wp.cjs

@@ -0,0 +1,50 @@
+const require_registry = require("./registry-3qzdVB7H.cjs");
+//#region src/preset-list.ts
+/** The shortcut buttons beside the calendar. Hidden when there are none. */
+var PresetList = class {
+	constructor(onApply) {
+		this.ids = "";
+		this.element = require_registry.el("div", {
+			class: "ndp-presets",
+			role: "group",
+			hidden: true
+		});
+		this.element.addEventListener("click", (event) => {
+			const button = event.target instanceof Element ? event.target.closest(".ndp-preset") : null;
+			const id = button?.dataset["preset"];
+			if (id !== void 0 && button && !button.disabled) onApply(id);
+		});
+	}
+	render(presets, label) {
+		this.element.hidden = presets.length === 0;
+		require_registry.setAttrs(this.element, { "aria-label": label });
+		const ids = presets.map((preset) => preset.id).join("\n");
+		if (ids !== this.ids) {
+			this.ids = ids;
+			this.element.replaceChildren(...presets.map((preset) => require_registry.el("button", {
+				type: "button",
+				class: "ndp-preset",
+				"data-preset": preset.id
+			})));
+		}
+		presets.forEach((preset, index) => {
+			const button = this.element.children[index];
+			if (button) {
+				require_registry.setText(button, preset.label);
+				require_registry.setAttrs(button, {
+					"aria-pressed": preset.isActive ? "true" : "false",
+					disabled: preset.isDisabled
+				});
+			}
+		});
+	}
+};
+//#endregion
+Object.defineProperty(exports, "PresetList", {
+	enumerable: true,
+	get: function() {
+		return PresetList;
+	}
+});
+
+//# sourceMappingURL=preset-list-Cs8H12Wp.cjs.map

package/dist/preset-list-Cs8H12Wp.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset-list-Cs8H12Wp.cjs","names":["el"],"sources":["../src/preset-list.ts"],"sourcesContent":["import type { PresetState } from '@nepdatejs/datepicker';\nimport { el, setAttrs, setText } from './dom';\n\n/** Panel width with and without the presets column. */\nexport const PANEL_WIDTH = 320;\nexport const PANEL_WIDTH_WITH_PRESETS = 492;\nexport const TIME_COLUMNS_WIDTH = 136;\n\n/** The shortcut buttons beside the calendar. Hidden when there are none. */\nexport class PresetList {\n  readonly element: HTMLDivElement;\n  private ids = '';\n\n  constructor(onApply: (id: string) => void) {\n    this.element = el('div', { class: 'ndp-presets', role: 'group', hidden: true });\n    this.element.addEventListener('click', (event) => {\n      const button =\n        event.target instanceof Element\n          ? event.target.closest<HTMLButtonElement>('.ndp-preset')\n          : null;\n      const id = button?.dataset['preset'];\n      if (id !== undefined && button && !button.disabled) {\n        onApply(id);\n      }\n    });\n  }\n\n  render(presets: readonly PresetState[], label: string): void {\n    this.element.hidden = presets.length === 0;\n    setAttrs(this.element, { 'aria-label': label });\n    const ids = presets.map((preset) => preset.id).join('\\n');\n    if (ids !== this.ids) {\n      this.ids = ids;\n      this.element.replaceChildren(\n        ...presets.map((preset) =>\n          el('button', { type: 'button', class: 'ndp-preset', 'data-preset': preset.id }),\n        ),\n      );\n    }\n    presets.forEach((preset, index) => {\n      const button = this.element.children[index];\n      if (button) {\n        setText(button, preset.label);\n        setAttrs(button, {\n          'aria-pressed': preset.isActive ? 'true' : 'false',\n          disabled: preset.isDisabled,\n        });\n      }\n    });\n  }\n}\n"],"mappings":";;;AASA,IAAa,aAAb,MAAwB;CAItB,YAAY,SAA+B;EAF3C,KAAQ,MAAM;EAGZ,KAAK,UAAUA,iBAAAA,GAAG,OAAO;GAAE,OAAO;GAAe,MAAM;GAAS,QAAQ;EAAK,CAAC;EAC9E,KAAK,QAAQ,iBAAiB,UAAU,UAAU;GAChD,MAAM,SACJ,MAAM,kBAAkB,UACpB,MAAM,OAAO,QAA2B,aAAa,IACrD;GACN,MAAM,KAAK,QAAQ,QAAQ;GAC3B,IAAI,OAAO,KAAA,KAAa,UAAU,CAAC,OAAO,UACxC,QAAQ,EAAE;EAEd,CAAC;CACH;CAEA,OAAO,SAAiC,OAAqB;EAC3D,KAAK,QAAQ,SAAS,QAAQ,WAAW;EACzC,iBAAA,SAAS,KAAK,SAAS,EAAE,cAAc,MAAM,CAAC;EAC9C,MAAM,MAAM,QAAQ,KAAK,WAAW,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI;EACxD,IAAI,QAAQ,KAAK,KAAK;GACpB,KAAK,MAAM;GACX,KAAK,QAAQ,gBACX,GAAG,QAAQ,KAAK,WACdA,iBAAAA,GAAG,UAAU;IAAE,MAAM;IAAU,OAAO;IAAc,eAAe,OAAO;GAAG,CAAC,CAChF,CACF;EACF;EACA,QAAQ,SAAS,QAAQ,UAAU;GACjC,MAAM,SAAS,KAAK,QAAQ,SAAS;GACrC,IAAI,QAAQ;IACV,iBAAA,QAAQ,QAAQ,OAAO,KAAK;IAC5B,iBAAA,SAAS,QAAQ;KACf,gBAAgB,OAAO,WAAW,SAAS;KAC3C,UAAU,OAAO;IACnB,CAAC;GACH;EACF,CAAC;CACH;AACF"}

package/dist/registry-3qzdVB7H.cjs

@@ -0,0 +1,591 @@
+let _nepdatejs_core = require("@nepdatejs/core");
+//#region src/dom.ts
+function el(tag, attrs = {}, children = []) {
+	const node = document.createElement(tag);
+	setAttrs(node, attrs);
+	node.append(...children);
+	return node;
+}
+/** Set, update or remove attributes: false/null/undefined removes, true sets "". */
+function setAttrs(node, attrs) {
+	for (const [name, value] of Object.entries(attrs)) if (value === false || value === null || value === void 0) node.removeAttribute(name);
+	else {
+		const text = value === true ? "" : String(value);
+		if (node.getAttribute(name) !== text) node.setAttribute(name, text);
+	}
+}
+function setText(node, text) {
+	if (node.textContent !== text) node.textContent = text;
+}
+let counter = 0;
+/** A document-unique id for aria-controls / aria-describedby. */
+function uid(prefix) {
+	counter += 1;
+	return `${prefix}-${counter}`;
+}
+const SVG = "http://www.w3.org/2000/svg";
+const PATHS = {
+	"chevron-left": ["M10 3.5 5.5 8l4.5 4.5"],
+	"chevron-right": ["M6 3.5 10.5 8 6 12.5"],
+	calendar: [
+		"M2 6.5h12",
+		"M5.5 1.5v3",
+		"M10.5 1.5v3",
+		"M4 3h8a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z"
+	],
+	close: ["M4 4l8 8", "M12 4l-8 8"]
+};
+/** The Figma icon set at 16px, drawn with currentColor. */
+function icon(name) {
+	const svg = document.createElementNS(SVG, "svg");
+	svg.setAttribute("viewBox", "0 0 16 16");
+	svg.setAttribute("fill", "none");
+	svg.setAttribute("stroke", "currentColor");
+	svg.setAttribute("stroke-width", "1.5");
+	svg.setAttribute("stroke-linecap", "round");
+	svg.setAttribute("stroke-linejoin", "round");
+	svg.setAttribute("aria-hidden", "true");
+	svg.setAttribute("focusable", "false");
+	for (const d of PATHS[name]) {
+		const path = document.createElementNS(SVG, "path");
+		path.setAttribute("d", d);
+		svg.append(path);
+	}
+	return svg;
+}
+/**
+* Popup or inline: an inline picker's calendar is always in the page, so its
+* inputs are plain text fields, its toggle is hidden and its panel is a group
+* in normal flow rather than a top-layer dialog.
+*/
+function setPopupMode(state, inputs, toggle, panel) {
+	const { inline } = state;
+	for (const input of inputs) setAttrs(input, {
+		role: inline ? null : "combobox",
+		"aria-haspopup": inline ? null : "dialog",
+		"aria-expanded": inline ? null : String(state.open)
+	});
+	toggle.hidden = inline;
+	setAttrs(panel, {
+		role: inline ? "group" : "dialog",
+		popover: inline ? null : "manual"
+	});
+	if (inline) panel.dataset["layout"] = "inline";
+	else if (panel.dataset["layout"] === "inline") delete panel.dataset["layout"];
+}
+//#endregion
+//#region src/calendar-view.ts
+const FOCUS_KEYS = /* @__PURE__ */ new Set([
+	"ArrowLeft",
+	"ArrowRight",
+	"ArrowUp",
+	"ArrowDown",
+	"Home",
+	"End",
+	"PageUp",
+	"PageDown"
+]);
+/**
+* Renders a calendar store into `root` with the @nepdatejs/styles markup and
+* keeps it in step. Elements are updated in place, so a click or focus never
+* lands on a replaced button; only switching view or row count rebuilds the body.
+*/
+var CalendarView = class {
+	constructor(root, store, options = {}) {
+		this.bodyKey = "";
+		this.cells = [];
+		this.tiles = [];
+		this.focusAfterRender = false;
+		this.onClick = (event) => {
+			const target = event.target instanceof Element ? event.target : null;
+			const action = target?.closest("[data-action]")?.dataset["action"];
+			const { actions } = this.store;
+			switch (action) {
+				case "prev":
+					actions.prev();
+					return;
+				case "next":
+					actions.next();
+					return;
+				case "view-month":
+					actions.setView("month");
+					this.focusAfterRender = true;
+					this.render();
+					return;
+				case "view-year":
+					actions.setView("year");
+					this.focusAfterRender = true;
+					this.render();
+					return;
+				case "view-day":
+					actions.setView("day");
+					return;
+			}
+			const option = target?.closest(".ndp-option");
+			if (option) {
+				const index = [...this.body.querySelectorAll(".ndp-option")].indexOf(option);
+				const tile = this.tiles[index];
+				if (tile && !tile.isDisabled) {
+					this.focusAfterRender = true;
+					const view = this.store.getState().view;
+					if (view === "month") actions.chooseMonth(tile.value);
+					else if (view === "year") actions.chooseYear(tile.value);
+					else actions.chooseFiscalYear(tile.value);
+					this.render();
+				}
+				return;
+			}
+			const cell = this.cellOf(target);
+			if (cell && !cell.isDisabled) (this.options.onDayActivate ?? ((date) => actions.select(date)))(cell.date);
+		};
+		this.onKeyDown = (event) => {
+			if (!FOCUS_KEYS.has(event.key) || !this.cellOf(event.target)) return;
+			event.preventDefault();
+			this.focusAfterRender = true;
+			this.store.actions.moveFocus(event.key, { shift: event.shiftKey });
+			this.flushFocus();
+		};
+		this.onMouseOver = (event) => {
+			const cell = this.cellOf(event.target);
+			if (cell && this.store.getState().selectionMode === "range") this.store.actions.hover(cell.isDisabled ? null : cell.date);
+		};
+		this.onMouseLeave = () => {
+			if (this.store.getState().selectionMode === "range") this.store.actions.hover(null);
+		};
+		this.onFocusIn = (event) => {
+			const cell = this.cellOf(event.target);
+			if (cell && !cell.isFocusTarget) this.store.actions.focus(cell.date);
+		};
+		this.store = store;
+		this.options = options;
+		this.prev = el("button", {
+			type: "button",
+			class: "ndp-icon-button",
+			"data-action": "prev"
+		}, [icon("chevron-left")]);
+		this.next = el("button", {
+			type: "button",
+			class: "ndp-icon-button",
+			"data-action": "next"
+		}, [icon("chevron-right")]);
+		this.title = el("div", {
+			class: "ndp-calendar__title",
+			"aria-live": "polite"
+		});
+		this.body = el("div");
+		this.element = el("div", { class: "ndp-calendar" }, [el("div", { class: "ndp-calendar__header" }, [
+			this.prev,
+			this.title,
+			this.next
+		]), this.body]);
+		this.element.addEventListener("click", this.onClick);
+		this.element.addEventListener("keydown", this.onKeyDown);
+		this.element.addEventListener("mouseover", this.onMouseOver);
+		this.element.addEventListener("mouseleave", this.onMouseLeave);
+		this.element.addEventListener("focusin", this.onFocusIn);
+		root.append(this.element);
+		this.unsubscribe = store.subscribe(() => {
+			this.render();
+		});
+		this.render();
+	}
+	/** Move keyboard focus to the day that should have it. */
+	focusGrid() {
+		this.element.querySelector(".ndp-day[tabindex=\"0\"], .ndp-option[tabindex=\"0\"]")?.focus();
+	}
+	destroy() {
+		this.unsubscribe();
+		this.element.remove();
+	}
+	render() {
+		const state = this.store.getState();
+		const labels = (0, _nepdatejs_core.getLocale)(this.options.locale?.()).labels;
+		const stepLabels = state.view === "day" ? [labels.previousMonth, labels.nextMonth] : [labels.previousYear, labels.nextYear];
+		setAttrs(this.prev, {
+			"aria-label": stepLabels[0],
+			disabled: !state.canPrev
+		});
+		setAttrs(this.next, {
+			"aria-label": stepLabels[1],
+			disabled: !state.canNext
+		});
+		this.renderTitle(state, labels.month, labels.year);
+		const key = `${state.view}:${state.view === "day" ? state.weeks.length : 12}`;
+		if (key !== this.bodyKey) {
+			this.bodyKey = key;
+			this.body.replaceChildren(state.view === "day" ? this.buildGrid(state) : this.buildOptions());
+		}
+		if (state.view === "day") this.patchGrid(state);
+		else this.patchOptions(state.view === "month" ? state.months : state.view === "year" ? state.years : state.fiscalYears);
+		this.flushFocus();
+	}
+	/** Focus the grid if a keyboard move or view change asked for it. */
+	flushFocus() {
+		if (this.focusAfterRender) {
+			this.focusAfterRender = false;
+			this.focusGrid();
+		}
+	}
+	renderTitle(state, monthLabel, yearLabel) {
+		const [monthName, yearText] = state.view === "day" ? splitTitle(state.title) : ["", state.title];
+		const wanted = state.view === "day" ? [{
+			action: "view-month",
+			text: monthName,
+			label: `${monthLabel}: ${monthName}`
+		}, {
+			action: "view-year",
+			text: yearText,
+			label: `${yearLabel}: ${yearText}`
+		}] : [{
+			action: state.view === "month" ? "view-year" : "view-day",
+			text: state.title,
+			label: state.view === "fiscal" ? state.title : `${yearLabel}: ${state.title}`
+		}];
+		if ([...this.title.children].length !== wanted.length) this.title.replaceChildren(...wanted.map(() => el("button", {
+			type: "button",
+			class: "ndp-calendar__title-button"
+		})));
+		wanted.forEach((item, index) => {
+			const button = this.title.children[index];
+			setAttrs(button, {
+				"data-action": item.action,
+				"aria-label": item.label
+			});
+			setText(button, item.text);
+		});
+	}
+	buildGrid(state) {
+		const head = el("tr", { role: "row" });
+		for (let i = 0; i < 7; i++) head.append(el("th", {
+			class: "ndp-weekday",
+			scope: "col",
+			role: "columnheader"
+		}));
+		const rows = state.weeks.map(() => {
+			const row = el("tr", { role: "row" });
+			for (let i = 0; i < 7; i++) row.append(el("td", { role: "gridcell" }, [el("button", {
+				type: "button",
+				class: "ndp-day"
+			}, [
+				el("span", { class: "ndp-sr-only" }),
+				el("span", {
+					class: "ndp-day__label",
+					"aria-hidden": "true"
+				}),
+				el("span", {
+					class: "ndp-day__sub",
+					"aria-hidden": "true"
+				}),
+				el("span", {
+					class: "ndp-day__dot",
+					"aria-hidden": "true",
+					hidden: true
+				})
+			])]));
+			return row;
+		});
+		return el("table", {
+			class: "ndp-grid",
+			role: "grid"
+		}, [el("thead", {}, [head]), el("tbody", {}, rows)]);
+	}
+	patchGrid(state) {
+		const table = this.body.firstElementChild;
+		setAttrs(table, { "aria-label": state.title });
+		const headers = table.querySelectorAll("th");
+		state.weekdays.forEach((weekday, index) => {
+			const th = headers[index];
+			if (th) {
+				setAttrs(th, {
+					abbr: weekday.longLabel,
+					"data-weekend": weekday.isWeekend
+				});
+				setText(th, weekday.label);
+			}
+		});
+		this.cells = state.weeks.flat();
+		const buttons = table.querySelectorAll(".ndp-day");
+		this.cells.forEach((cell, index) => {
+			const button = buttons[index];
+			if (button) patchDay(button, cell);
+		});
+	}
+	buildOptions() {
+		return el("div", {
+			class: "ndp-options",
+			role: "group"
+		}, Array.from({ length: 12 }, () => el("button", {
+			type: "button",
+			class: "ndp-option"
+		}, [
+			el("span", { class: "ndp-sr-only" }),
+			el("span", {
+				class: "ndp-option__label",
+				"aria-hidden": "true"
+			}),
+			el("span", {
+				class: "ndp-option__sub",
+				"aria-hidden": "true"
+			})
+		])));
+	}
+	patchOptions(tiles) {
+		this.tiles = [...tiles];
+		const focusIndex = Math.max(0, tiles.findIndex((tile) => tile.isSelected) === -1 ? tiles.findIndex((tile) => tile.isCurrent) : tiles.findIndex((tile) => tile.isSelected));
+		const buttons = this.body.querySelectorAll(".ndp-option");
+		tiles.forEach((tile, index) => {
+			const button = buttons[index];
+			if (!button) return;
+			setAttrs(button, {
+				"data-state": tile.isSelected ? "selected" : tile.isCurrent ? "current" : "default",
+				"aria-pressed": tile.isSelected ? "true" : "false",
+				tabindex: index === focusIndex ? 0 : -1,
+				disabled: tile.isDisabled
+			});
+			const [name, label, sub] = button.children;
+			if (name && label && sub) {
+				setText(name, tile.subLabel ? `${tile.label} (${tile.subLabel})` : tile.label);
+				setText(label, tile.label);
+				setText(sub, tile.subLabel ?? "");
+			}
+		});
+	}
+	cellOf(target) {
+		const button = target instanceof Element ? target.closest(".ndp-day") : null;
+		if (!button || !this.element.contains(button)) return null;
+		const index = [...this.element.querySelectorAll(".ndp-day")].indexOf(button);
+		return this.cells[index] ?? null;
+	}
+};
+function patchDay(button, cell) {
+	const td = button.parentElement;
+	if (!cell) {
+		button.hidden = true;
+		setAttrs(button, {
+			tabindex: -1,
+			"data-key": null
+		});
+		if (td) setAttrs(td, { "aria-selected": null });
+		return;
+	}
+	button.hidden = false;
+	setAttrs(button, {
+		"data-key": cell.key,
+		"data-state": cell.state,
+		"data-weekend": cell.isWeekend,
+		"data-preview": cell.isInRangePreview && !cell.isSelected,
+		"data-outside": cell.isOutside,
+		tabindex: cell.isFocusTarget ? 0 : -1,
+		disabled: cell.isDisabled,
+		"aria-pressed": cell.isSelected ? "true" : "false",
+		"aria-current": cell.isToday ? "date" : null
+	});
+	if (td) setAttrs(td, { "aria-selected": cell.isSelected ? "true" : null });
+	const [name, label, sub, dot] = button.children;
+	setText(name, cell.ariaLabel);
+	setText(label, cell.label);
+	setText(sub, cell.subLabel ?? "");
+	sub.hidden = cell.subLabel === null;
+	const event = cell.events[0];
+	dot.hidden = !event;
+	dot.style.setProperty("--ndp-dot-color", event?.color ?? null);
+}
+/** "Kartik 2083" → ["Kartik", "2083"]; the year is the last word in every locale we ship. */
+function splitTitle(title) {
+	const space = title.lastIndexOf(" ");
+	return space === -1 ? [title, ""] : [title.slice(0, space), title.slice(space + 1)];
+}
+//#endregion
+//#region src/element-utils.ts
+/** Attribute parsing and shared helpers for the custom elements. */
+/** Lets this module load during server rendering, where HTMLElement does not exist. */
+const Base = typeof HTMLElement === "undefined" ? Object : HTMLElement;
+function str(element, name) {
+	return element.getAttribute(name) ?? void 0;
+}
+function bool(element, name) {
+	return element.hasAttribute(name);
+}
+/** An attribute that is on unless set to "false". */
+function onUnlessFalse(element, name) {
+	const value = element.getAttribute(name);
+	return value === null ? void 0 : value !== "false";
+}
+function calendarAttr(element, name) {
+	const value = element.getAttribute(name)?.toUpperCase();
+	return value === "BS" || value === "AD" ? value : void 0;
+}
+function weekday(element, name) {
+	const value = Number(element.getAttribute(name) ?? NaN);
+	return Number.isInteger(value) && value >= 0 && value <= 6 ? value : void 0;
+}
+function int(element, name) {
+	const value = Number(element.getAttribute(name) ?? NaN);
+	return Number.isInteger(value) ? value : void 0;
+}
+function theme(element) {
+	const value = element.getAttribute("theme");
+	return value === "light" || value === "dark" || value === "auto" ? value : void 0;
+}
+function panelLayout(element) {
+	const value = element.getAttribute("panel-layout");
+	return value === "auto" || value === "popover" || value === "sheet" ? value : void 0;
+}
+/** presets="today, last7Days" → ['today', 'last7Days']; unknown ids show as disabled. */
+function presetIds(element) {
+	const value = element.getAttribute("presets");
+	return value === null ? void 0 : value.split(",").map((id) => id.trim()).filter(Boolean);
+}
+/** Stop the inner inputs' native change events: the element fires its own. */
+function swallowInnerChange(host) {
+	host.addEventListener("change", (event) => {
+		if (event.target !== host) event.stopPropagation();
+	}, true);
+}
+function isoOf(date) {
+	return date ? (0, _nepdatejs_core.toIsoDate)(date) : "";
+}
+//#endregion
+//#region src/registry.ts
+/** The tag names this package registers. */
+const ELEMENT_NAMES = Object.freeze({
+	datePicker: "nep-date-picker",
+	calendar: "nep-calendar",
+	dateRangePicker: "nep-date-range-picker",
+	dateTimePicker: "nep-date-time-picker",
+	multiDatePicker: "nep-multi-date-picker"
+});
+/** Define one element unless the name is taken. No-op during server rendering. */
+function defineElement(name, element, registry) {
+	const target = registry ?? (typeof customElements === "undefined" ? void 0 : customElements);
+	if (target && !target.get(name)) target.define(name, element);
+}
+//#endregion
+Object.defineProperty(exports, "Base", {
+	enumerable: true,
+	get: function() {
+		return Base;
+	}
+});
+Object.defineProperty(exports, "CalendarView", {
+	enumerable: true,
+	get: function() {
+		return CalendarView;
+	}
+});
+Object.defineProperty(exports, "ELEMENT_NAMES", {
+	enumerable: true,
+	get: function() {
+		return ELEMENT_NAMES;
+	}
+});
+Object.defineProperty(exports, "bool", {
+	enumerable: true,
+	get: function() {
+		return bool;
+	}
+});
+Object.defineProperty(exports, "calendarAttr", {
+	enumerable: true,
+	get: function() {
+		return calendarAttr;
+	}
+});
+Object.defineProperty(exports, "defineElement", {
+	enumerable: true,
+	get: function() {
+		return defineElement;
+	}
+});
+Object.defineProperty(exports, "el", {
+	enumerable: true,
+	get: function() {
+		return el;
+	}
+});
+Object.defineProperty(exports, "icon", {
+	enumerable: true,
+	get: function() {
+		return icon;
+	}
+});
+Object.defineProperty(exports, "int", {
+	enumerable: true,
+	get: function() {
+		return int;
+	}
+});
+Object.defineProperty(exports, "isoOf", {
+	enumerable: true,
+	get: function() {
+		return isoOf;
+	}
+});
+Object.defineProperty(exports, "onUnlessFalse", {
+	enumerable: true,
+	get: function() {
+		return onUnlessFalse;
+	}
+});
+Object.defineProperty(exports, "panelLayout", {
+	enumerable: true,
+	get: function() {
+		return panelLayout;
+	}
+});
+Object.defineProperty(exports, "presetIds", {
+	enumerable: true,
+	get: function() {
+		return presetIds;
+	}
+});
+Object.defineProperty(exports, "setAttrs", {
+	enumerable: true,
+	get: function() {
+		return setAttrs;
+	}
+});
+Object.defineProperty(exports, "setPopupMode", {
+	enumerable: true,
+	get: function() {
+		return setPopupMode;
+	}
+});
+Object.defineProperty(exports, "setText", {
+	enumerable: true,
+	get: function() {
+		return setText;
+	}
+});
+Object.defineProperty(exports, "str", {
+	enumerable: true,
+	get: function() {
+		return str;
+	}
+});
+Object.defineProperty(exports, "swallowInnerChange", {
+	enumerable: true,
+	get: function() {
+		return swallowInnerChange;
+	}
+});
+Object.defineProperty(exports, "theme", {
+	enumerable: true,
+	get: function() {
+		return theme;
+	}
+});
+Object.defineProperty(exports, "uid", {
+	enumerable: true,
+	get: function() {
+		return uid;
+	}
+});
+Object.defineProperty(exports, "weekday", {
+	enumerable: true,
+	get: function() {
+		return weekday;
+	}
+});
+
+//# sourceMappingURL=registry-3qzdVB7H.cjs.map