@jungherz-de/notionkit-elements 1.8.0 → 1.9.0

package/dist/components/shared/dates-a32DcW1l.js

@@ -0,0 +1,67 @@
+// Calendar days for nk-calendar and nk-calendar-view: local days as
+// 'YYYY-MM-DD', no library. Weeks are ISO weeks (Monday-based, the week with
+// the year's first Thursday); the first weekday comes from the locale.
+const pad = n => String(n).padStart(2, '0');
+
+const isoOf = d => `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;
+const addDays = (d, n) => new Date(d.getFullYear(), d.getMonth(), d.getDate() + n);
+
+/** 'YYYY-MM-DD[THH:MM]', 'D.M.YYYY', a Date or { start } → a local Date at midnight, or null. */
+function parseDay(v) {
+  if (v instanceof Date) return Number.isNaN(v.getTime()) ? null : new Date(v.getFullYear(), v.getMonth(), v.getDate());
+  if (v && typeof v === 'object') return v.start ? parseDay(v.start) : null;
+  const s = String(v ?? '').trim();
+  let m = s.match(/^(\d{4})-(\d{2})-(\d{2})/);
+  if (m) return new Date(+m[1], +m[2] - 1, +m[3]);
+  m = s.match(/^(\d{1,2})\.(\d{1,2})\.(\d{4})$/);
+  return m ? new Date(+m[3], +m[2] - 1, +m[1]) : null;
+}
+
+function isoWeek(d) {
+  const t = new Date(Date.UTC(d.getFullYear(), d.getMonth(), d.getDate()));
+  t.setUTCDate(t.getUTCDate() + 4 - (t.getUTCDay() || 7));
+  return Math.ceil(((t - Date.UTC(t.getUTCFullYear(), 0, 1)) / 864e5 + 1) / 7);
+}
+
+/** The page's language unless the element names one. */
+const resolveLocale = attr => attr || document.documentElement.lang || navigator.language || 'en';
+
+/** 0 = Sunday … 6 = Saturday, from Intl.Locale's week info; Monday where the browser cannot say. */
+function firstWeekday(locale) {
+  try {
+    const l = new Intl.Locale(locale), info = l.getWeekInfo?.() ?? l.weekInfo;
+    if (info?.firstDay) return info.firstDay % 7;
+  } catch { /* an unknown tag */ }
+  return 1;
+}
+
+/** Short weekday names from `weekStart` on; `length` cuts them (2 → "Mo"). */
+function weekdayNames(locale, weekStart, length = 0) {
+  const f = new Intl.DateTimeFormat(locale, { weekday: 'short' });
+  // 7 June 2026 is a Sunday, so 7 + n is weekday n.
+  return Array.from({ length: 7 }, (_, i) => {
+    const name = f.format(new Date(2026, 5, 7 + ((weekStart + i) % 7))).replace('.', '');
+    return length ? name.slice(0, length) : name;
+  });
+}
+
+/** A month from its week start: `first`, `day(i)` for the i-th cell, the `rows` it needs. */
+function monthGrid(month, weekStart) {
+  const [y, m] = month.split('-').map(Number), first = new Date(y, m - 1, 1), offset = (first.getDay() - weekStart + 7) % 7;
+  return { m, first, day: i => new Date(y, m - 1, 1 - offset + i), rows: Math.ceil((offset + new Date(y, m, 0).getDate()) / 7) };
+}
+
+function stepMonth(month, n) {
+  const [y, m] = month.split('-').map(Number);
+  return isoOf(new Date(y, m - 1 + n, 1)).slice(0, 7);
+}
+
+/** "KW" for German, "W" elsewhere – the head of the week column. */
+const weekLabel = locale => (/^de\b/i.test(locale) ? 'KW' : 'W');
+
+const CHEVRONS = {
+  prev: '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M15 6l-6 6 6 6"/></svg>',
+  next: '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9 6l6 6-6 6"/></svg>',
+};
+
+export { CHEVRONS as C, weekdayNames as a, isoWeek as b, addDays as c, firstWeekday as f, isoOf as i, monthGrid as m, parseDay as p, resolveLocale as r, stepMonth as s, weekLabel as w };

package/dist/components/shared/floating-B8CwbXnV.js

@@ -0,0 +1,22 @@
+// Placement for elements that float over the page – <nk-menu floating>,
+// <nk-calendar floating>: the host is a fixed box put under its anchor.
+
+/** The border box of an element, or of the first descendant with one (display: contents hosts). */
+function boxOf(el) {
+  if (el.getClientRects().length) return el.getBoundingClientRect();
+  for (const child of [...(el.shadowRoot?.children ?? []), ...el.children]) {
+    const r = boxOf(child);
+    if (r.width || r.height) return r;
+  }
+  return el.getBoundingClientRect();
+}
+
+/** Puts `host` 6px under `anchor`, right edges aligned – left edges with align="start". */
+function placeUnder(host, anchor, align) {
+  const r = boxOf(anchor);
+  host.style.top = `${r.bottom + 6}px`;
+  if (align === 'start') { host.style.left = `${r.left}px`; host.style.right = ''; }
+  else { host.style.right = `${Math.max(8, innerWidth - r.right)}px`; host.style.left = ''; }
+}
+
+export { placeUnder as p };