@tradecanvas/chart 1.71.0 → 1.72.1

package/dist/monthView-N8yDaTqZ.js

@@ -0,0 +1,198 @@
+//#region src/widget/monthView.ts
+var e = 42, t = 7, n = new Set([
+	"US",
+	"CA",
+	"MX",
+	"BR",
+	"JP",
+	"KR",
+	"TW",
+	"HK",
+	"IL",
+	"PH",
+	"IN",
+	"ZA",
+	"AU",
+	"TH",
+	"SA",
+	"PE",
+	"CO"
+]);
+function r(e) {
+	try {
+		let t = new Intl.Locale(e), r = t.getWeekInfo?.() ?? t.weekInfo;
+		return r ? r.firstDay === 7 ? 0 : 1 : +!n.has(t.maximize().region ?? "");
+	} catch {
+		return 1;
+	}
+}
+function i(n, r, i) {
+	let a = (new Date(Date.UTC(n, r, 1)).getUTCDay() - i + t) % t, o = [];
+	for (let t = 0; t < e; t++) {
+		let e = new Date(Date.UTC(n, r, 1 - a + t));
+		o.push({
+			year: e.getUTCFullYear(),
+			month: e.getUTCMonth(),
+			day: e.getUTCDate()
+		});
+	}
+	return o;
+}
+var a = (e) => String(e).padStart(2, "0"), o = (e) => `${String(e.year).padStart(4, "0")}-${a(e.month + 1)}-${a(e.day)}`;
+function s(e) {
+	let t = /^(\d{4})-(\d{2})-(\d{2})$/.exec(e ?? "");
+	return t ? {
+		year: Number(t[1]),
+		month: Number(t[2]) - 1,
+		day: Number(t[3])
+	} : null;
+}
+function c() {
+	let e = /* @__PURE__ */ new Date();
+	return {
+		year: e.getFullYear(),
+		month: e.getMonth(),
+		day: e.getDate()
+	};
+}
+function l(e, t) {
+	let n = new Date(Date.UTC(e.year, e.month, e.day + t));
+	return {
+		year: n.getUTCFullYear(),
+		month: n.getUTCMonth(),
+		day: n.getUTCDate()
+	};
+}
+var u = class {
+	element;
+	grid;
+	titleEl;
+	chosen = "";
+	limits = {};
+	today = o(c());
+	view = {
+		year: 0,
+		month: 0
+	};
+	focusDay = c();
+	constructor(e, n, i) {
+		this.locale = n, this.onPick = i;
+		let a = document.createElement("div");
+		a.className = "tcw-calendar";
+		let o = document.createElement("div");
+		o.className = "tcw-calendar-head";
+		let s = document.createElement("div");
+		s.className = "tcw-calendar-title", s.setAttribute("aria-live", "polite"), o.append(this.navButton(e.prevMonth, -1), s, this.navButton(e.nextMonth, 1));
+		let c = document.createElement("div");
+		c.className = "tcw-calendar-weekdays", c.setAttribute("aria-hidden", "true");
+		let l = r(n), u = new Intl.DateTimeFormat(n, {
+			weekday: "narrow",
+			timeZone: "UTC"
+		});
+		for (let e = 0; e < t; e++) {
+			let n = document.createElement("span");
+			n.className = "tcw-calendar-weekday", n.textContent = u.format(new Date(Date.UTC(2023, 0, 1 + (l + e) % t))), c.appendChild(n);
+		}
+		let d = document.createElement("div");
+		d.className = "tcw-calendar-grid", d.setAttribute("role", "grid"), d.addEventListener("keydown", (e) => this.onKey(e)), d.addEventListener("click", (e) => {
+			let t = e.target.closest(".tcw-calendar-day");
+			t && !t.disabled && t.dataset.date && this.pick(t.dataset.date);
+		});
+		let f = document.createElement("div");
+		f.className = "tcw-calendar-foot";
+		let p = document.createElement("button");
+		p.type = "button", p.className = "tcw-calendar-today", p.textContent = e.today, p.addEventListener("click", () => this.pick(this.today)), f.appendChild(p), a.append(o, c, d, f), this.element = a, this.grid = d, this.titleEl = s;
+	}
+	show(e, t = {}) {
+		this.chosen = e, this.limits = t, this.today = s(t.today) ? t.today : o(c());
+		let n = this.clamp(s(e) ?? s(this.today));
+		this.focusDay = n, this.view = {
+			year: n.year,
+			month: n.month
+		}, this.render();
+	}
+	focusGrid() {
+		this.grid.querySelector("[tabindex=\"0\"]")?.focus();
+	}
+	navButton(e, t) {
+		let n = document.createElement("button");
+		return n.type = "button", n.className = "tcw-calendar-nav", n.setAttribute("aria-label", e), n.innerHTML = t < 0 ? "<svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M10 3.5L5.5 8l4.5 4.5\"/></svg>" : "<svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M6 3.5L10.5 8 6 12.5\"/></svg>", n.addEventListener("click", () => this.turn(t)), n;
+	}
+	turn(e) {
+		let t = new Date(Date.UTC(this.view.year, this.view.month + e, 1));
+		this.view = {
+			year: t.getUTCFullYear(),
+			month: t.getUTCMonth()
+		};
+		let n = new Date(Date.UTC(this.view.year, this.view.month + 1, 0)).getUTCDate();
+		this.focusDay = this.clamp({
+			...this.view,
+			day: Math.min(this.focusDay.day, n)
+		}), this.view = {
+			year: this.focusDay.year,
+			month: this.focusDay.month
+		}, this.render();
+	}
+	clamp(e) {
+		let t = o(e), n = s(this.limits.min), r = s(this.limits.max);
+		return n && t < o(n) ? n : r && t > o(r) ? r : e;
+	}
+	allowed(e) {
+		let { min: t, max: n } = this.limits;
+		return !(t && e < t) && !(n && e > n);
+	}
+	render() {
+		let e = this.locale;
+		this.titleEl.textContent = new Intl.DateTimeFormat(e, {
+			month: "long",
+			year: "numeric",
+			timeZone: "UTC"
+		}).format(new Date(Date.UTC(this.view.year, this.view.month, 1)));
+		let n = this.today, a = o(this.focusDay), s = new Intl.DateTimeFormat(e, {
+			dateStyle: "full",
+			timeZone: "UTC"
+		});
+		this.grid.textContent = "";
+		let c = null;
+		for (let [l, u] of i(this.view.year, this.view.month, r(e)).entries()) {
+			l % t === 0 && (c = document.createElement("div"), c.className = "tcw-calendar-week", c.setAttribute("role", "row"), this.grid.appendChild(c));
+			let e = o(u), r = document.createElement("button");
+			r.type = "button", r.className = "tcw-calendar-day", r.dataset.date = e, r.setAttribute("role", "gridcell"), r.textContent = String(u.day), r.setAttribute("aria-label", s.format(new Date(Date.UTC(u.year, u.month, u.day)))), r.setAttribute("aria-selected", String(e === this.chosen)), r.tabIndex = e === a ? 0 : -1, u.month !== this.view.month && r.classList.add("tcw-outside"), e === n && r.classList.add("tcw-today"), this.allowed(e) || (r.disabled = !0), c?.appendChild(r);
+		}
+	}
+	onKey(e) {
+		let n = {
+			ArrowLeft: -1,
+			ArrowRight: 1,
+			ArrowUp: -t,
+			ArrowDown: t
+		}, r = this.element.isConnected && getComputedStyle(this.element).direction === "rtl";
+		if (e.key in n) {
+			let t = r && (e.key === "ArrowLeft" || e.key === "ArrowRight") ? -n[e.key] : n[e.key];
+			this.moveFocus(l(this.focusDay, t));
+		} else if (e.key === "PageUp" || e.key === "PageDown") this.turn(e.key === "PageUp" ? -1 : 1), this.focusGrid();
+		else if (e.key === "Home" || e.key === "End") {
+			let t = new Date(Date.UTC(this.view.year, this.view.month + 1, 0)).getUTCDate();
+			this.moveFocus({
+				...this.view,
+				day: e.key === "Home" ? 1 : t
+			});
+		} else if (e.key === "Enter" || e.key === " ") this.pick(o(this.focusDay));
+		else return;
+		e.preventDefault();
+	}
+	moveFocus(e) {
+		let t = this.clamp(e);
+		this.focusDay = t, (t.year !== this.view.year || t.month !== this.view.month) && (this.view = {
+			year: t.year,
+			month: t.month
+		}), this.render(), this.focusGrid();
+	}
+	pick(e) {
+		this.allowed(e) && this.onPick(e);
+	}
+};
+//#endregion
+export { u as t };
+
+//# sourceMappingURL=monthView-N8yDaTqZ.js.map

package/dist/monthView-N8yDaTqZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"monthView-N8yDaTqZ.js","names":[],"sources":["../src/widget/monthView.ts"],"sourcesContent":["export interface CalendarLabels {\n  prevMonth: string;\n  nextMonth: string;\n  today: string;\n}\n\nexport interface CalendarDay {\n  year: number;\n  /** 0–11. */\n  month: number;\n  day: number;\n}\n\n/** The first and last day that can be picked, and today, YYYY-MM-DD; each may be left out. */\nexport interface DayLimits {\n  min?: string;\n  max?: string;\n  /** Today where the dates are read (the chart's time zone); the browser's when left out. */\n  today?: string;\n}\n\nconst DAYS_SHOWN = 42;\nconst DAYS_IN_WEEK = 7;\n\n/** Regions whose weeks start on Sunday, for engines without week data. */\nconst SUNDAY_REGIONS = new Set(['US', 'CA', 'MX', 'BR', 'JP', 'KR', 'TW', 'HK', 'IL', 'PH', 'IN', 'ZA', 'AU', 'TH', 'SA', 'PE', 'CO']);\n\n/** The first day of the week where `locale` is spoken: 0 Sunday, 1 Monday. */\nexport function weekStart(locale: string): 0 | 1 {\n  try {\n    const loc = new Intl.Locale(locale) as Intl.Locale & {\n      getWeekInfo?: () => { firstDay: number };\n      weekInfo?: { firstDay: number };\n    };\n    const info = loc.getWeekInfo?.() ?? loc.weekInfo;\n    if (info) return info.firstDay === 7 ? 0 : 1;\n    return SUNDAY_REGIONS.has(loc.maximize().region ?? '') ? 0 : 1;\n  } catch {\n    return 1;\n  }\n}\n\n/** Six whole weeks around month `month` of `year`, from `firstDay` (0 Sunday, 1 Monday). */\nexport function monthGrid(year: number, month: number, firstDay: 0 | 1): CalendarDay[] {\n  const first = new Date(Date.UTC(year, month, 1));\n  const lead = (first.getUTCDay() - firstDay + DAYS_IN_WEEK) % DAYS_IN_WEEK;\n  const days: CalendarDay[] = [];\n  for (let i = 0; i < DAYS_SHOWN; i++) {\n    const d = new Date(Date.UTC(year, month, 1 - lead + i));\n    days.push({ year: d.getUTCFullYear(), month: d.getUTCMonth(), day: d.getUTCDate() });\n  }\n  return days;\n}\n\nconst pad = (n: number) => String(n).padStart(2, '0');\nconst iso = (d: CalendarDay) => `${String(d.year).padStart(4, '0')}-${pad(d.month + 1)}-${pad(d.day)}`;\n\nfunction parseIso(value: string | undefined): CalendarDay | null {\n  const m = /^(\\d{4})-(\\d{2})-(\\d{2})$/.exec(value ?? '');\n  if (!m) return null;\n  return { year: Number(m[1]), month: Number(m[2]) - 1, day: Number(m[3]) };\n}\n\nfunction todayDay(): CalendarDay {\n  const now = new Date();\n  return { year: now.getFullYear(), month: now.getMonth(), day: now.getDate() };\n}\n\n/** `d` moved by `days` (any sign), across months and years. */\nfunction addDays(d: CalendarDay, days: number): CalendarDay {\n  const t = new Date(Date.UTC(d.year, d.month, d.day + days));\n  return { year: t.getUTCFullYear(), month: t.getUTCMonth(), day: t.getUTCDate() };\n}\n\n/**\n * A month of days drawn by the widget: arrows to turn it, today marked, the\n * chosen day marked, a button for today, and the keys a date grid takes. It\n * only tells which day was picked; what that day goes into is its owner's\n * business (a date field's calendar, the Go to dialog).\n */\nexport class MonthView {\n  readonly element: HTMLDivElement;\n  private readonly grid: HTMLDivElement;\n  private readonly titleEl: HTMLDivElement;\n  private chosen = '';\n  private limits: DayLimits = {};\n  private today = iso(todayDay());\n  /** The month shown and the day the keys are on. */\n  private view = { year: 0, month: 0 };\n  private focusDay: CalendarDay = todayDay();\n\n  constructor(\n    labels: CalendarLabels,\n    private readonly locale: string,\n    private readonly onPick: (value: string) => void,\n  ) {\n    const element = document.createElement('div');\n    element.className = 'tcw-calendar';\n\n    const head = document.createElement('div');\n    head.className = 'tcw-calendar-head';\n    const title = document.createElement('div');\n    title.className = 'tcw-calendar-title';\n    title.setAttribute('aria-live', 'polite');\n    head.append(this.navButton(labels.prevMonth, -1), title, this.navButton(labels.nextMonth, 1));\n\n    const weekdays = document.createElement('div');\n    weekdays.className = 'tcw-calendar-weekdays';\n    weekdays.setAttribute('aria-hidden', 'true');\n    const firstDay = weekStart(locale);\n    const dayName = new Intl.DateTimeFormat(locale, { weekday: 'narrow', timeZone: 'UTC' });\n    for (let i = 0; i < DAYS_IN_WEEK; i++) {\n      // 2023-01-01 was a Sunday.\n      const cell = document.createElement('span');\n      cell.className = 'tcw-calendar-weekday';\n      cell.textContent = dayName.format(new Date(Date.UTC(2023, 0, 1 + ((firstDay + i) % DAYS_IN_WEEK))));\n      weekdays.appendChild(cell);\n    }\n\n    const grid = document.createElement('div');\n    grid.className = 'tcw-calendar-grid';\n    grid.setAttribute('role', 'grid');\n    grid.addEventListener('keydown', (e) => this.onKey(e));\n    grid.addEventListener('click', (e) => {\n      const day = (e.target as Element).closest<HTMLButtonElement>('.tcw-calendar-day');\n      if (day && !day.disabled && day.dataset.date) this.pick(day.dataset.date);\n    });\n\n    const foot = document.createElement('div');\n    foot.className = 'tcw-calendar-foot';\n    const today = document.createElement('button');\n    today.type = 'button';\n    today.className = 'tcw-calendar-today';\n    today.textContent = labels.today;\n    today.addEventListener('click', () => this.pick(this.today));\n    foot.appendChild(today);\n\n    element.append(head, weekdays, grid, foot);\n    this.element = element;\n    this.grid = grid;\n    this.titleEl = title;\n  }\n\n  /** Show the month of `value` (today's when it is no date), that day marked, days outside `limits` greyed. */\n  show(value: string, limits: DayLimits = {}): void {\n    this.chosen = value;\n    this.limits = limits;\n    this.today = parseIso(limits.today) ? limits.today! : iso(todayDay());\n    const start = this.clamp(parseIso(value) ?? parseIso(this.today)!);\n    this.focusDay = start;\n    this.view = { year: start.year, month: start.month };\n    this.render();\n  }\n\n  /** Moves keyboard focus onto the days. */\n  focusGrid(): void {\n    this.grid.querySelector<HTMLButtonElement>('[tabindex=\"0\"]')?.focus();\n  }\n\n  private navButton(label: string, by: -1 | 1): HTMLButtonElement {\n    const b = document.createElement('button');\n    b.type = 'button';\n    b.className = 'tcw-calendar-nav';\n    b.setAttribute('aria-label', label);\n    b.innerHTML = by < 0\n      ? '<svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M10 3.5L5.5 8l4.5 4.5\"/></svg>'\n      : '<svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M6 3.5L10.5 8 6 12.5\"/></svg>';\n    b.addEventListener('click', () => this.turn(by));\n    return b;\n  }\n\n  private turn(by: number): void {\n    const t = new Date(Date.UTC(this.view.year, this.view.month + by, 1));\n    this.view = { year: t.getUTCFullYear(), month: t.getUTCMonth() };\n    // The keys' day follows into the new month, on the same date where it has one.\n    const last = new Date(Date.UTC(this.view.year, this.view.month + 1, 0)).getUTCDate();\n    this.focusDay = this.clamp({ ...this.view, day: Math.min(this.focusDay.day, last) });\n    this.view = { year: this.focusDay.year, month: this.focusDay.month };\n    this.render();\n  }\n\n  /** `day` moved inside the limits, so the keys never rest on a greyed day. */\n  private clamp(day: CalendarDay): CalendarDay {\n    const value = iso(day);\n    const min = parseIso(this.limits.min);\n    const max = parseIso(this.limits.max);\n    if (min && value < iso(min)) return min;\n    if (max && value > iso(max)) return max;\n    return day;\n  }\n\n  private allowed(value: string): boolean {\n    const { min, max } = this.limits;\n    return !(min && value < min) && !(max && value > max);\n  }\n\n  private render(): void {\n    const locale = this.locale;\n    this.titleEl.textContent = new Intl.DateTimeFormat(locale, { month: 'long', year: 'numeric', timeZone: 'UTC' })\n      .format(new Date(Date.UTC(this.view.year, this.view.month, 1)));\n    const today = this.today;\n    const focus = iso(this.focusDay);\n    const fullDate = new Intl.DateTimeFormat(locale, { dateStyle: 'full', timeZone: 'UTC' });\n    this.grid.textContent = '';\n    let row: HTMLElement | null = null;\n    for (const [i, day] of monthGrid(this.view.year, this.view.month, weekStart(locale)).entries()) {\n      if (i % DAYS_IN_WEEK === 0) {\n        row = document.createElement('div');\n        row.className = 'tcw-calendar-week';\n        row.setAttribute('role', 'row');\n        this.grid.appendChild(row);\n      }\n      const value = iso(day);\n      const b = document.createElement('button');\n      b.type = 'button';\n      b.className = 'tcw-calendar-day';\n      b.dataset.date = value;\n      b.setAttribute('role', 'gridcell');\n      b.textContent = String(day.day);\n      b.setAttribute('aria-label', fullDate.format(new Date(Date.UTC(day.year, day.month, day.day))));\n      b.setAttribute('aria-selected', String(value === this.chosen));\n      b.tabIndex = value === focus ? 0 : -1;\n      if (day.month !== this.view.month) b.classList.add('tcw-outside');\n      if (value === today) b.classList.add('tcw-today');\n      if (!this.allowed(value)) b.disabled = true;\n      row?.appendChild(b);\n    }\n  }\n\n  private onKey(e: KeyboardEvent): void {\n    const moves: Record<string, number> = { ArrowLeft: -1, ArrowRight: 1, ArrowUp: -DAYS_IN_WEEK, ArrowDown: DAYS_IN_WEEK };\n    const rtl = this.element.isConnected && getComputedStyle(this.element).direction === 'rtl';\n    if (e.key in moves) {\n      const by = rtl && (e.key === 'ArrowLeft' || e.key === 'ArrowRight') ? -moves[e.key] : moves[e.key];\n      this.moveFocus(addDays(this.focusDay, by));\n    } else if (e.key === 'PageUp' || e.key === 'PageDown') {\n      this.turn(e.key === 'PageUp' ? -1 : 1);\n      this.focusGrid();\n    } else if (e.key === 'Home' || e.key === 'End') {\n      const last = new Date(Date.UTC(this.view.year, this.view.month + 1, 0)).getUTCDate();\n      this.moveFocus({ ...this.view, day: e.key === 'Home' ? 1 : last });\n    } else if (e.key === 'Enter' || e.key === ' ') {\n      this.pick(iso(this.focusDay));\n    } else {\n      return;\n    }\n    e.preventDefault();\n  }\n\n  private moveFocus(target: CalendarDay): void {\n    const day = this.clamp(target);\n    this.focusDay = day;\n    if (day.year !== this.view.year || day.month !== this.view.month) {\n      this.view = { year: day.year, month: day.month };\n    }\n    this.render();\n    this.focusGrid();\n  }\n\n  private pick(value: string): void {\n    if (this.allowed(value)) this.onPick(value);\n  }\n}\n"],"mappings":"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"}

package/dist/platformKeys-B82-j1Fs.cjs

@@ -0,0 +1,2 @@
+var e=typeof navigator<`u`&&/mac|iphone|ipad|ipod/i.test(navigator.platform||navigator.userAgent)?`⌘`:`Ctrl`,t=e=>e.toLowerCase().replace(/[\s+]+/g,``).replace(/[\u2010-\u2015\u2212]/g,`-`);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});
+//# sourceMappingURL=platformKeys-B82-j1Fs.cjs.map

package/dist/platformKeys-B82-j1Fs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"platformKeys-B82-j1Fs.cjs","names":[],"sources":["../src/widget/platformKeys.ts"],"sourcesContent":["/** Whether the keyboard is a Mac's, where Ctrl's shortcuts take ⌘. */\nconst isMac =\n  typeof navigator !== 'undefined' && /mac|iphone|ipad|ipod/i.test(navigator.platform || navigator.userAgent);\n\n/** The key Ctrl stands for here: ⌘ on a Mac. */\nexport const MOD_KEY = isMac ? '⌘' : 'Ctrl';\n\n/** Text as a search compares it: lower case, no spaces or pluses (\"alt g\", \"Alt+G\" alike), any dash a hyphen (\"0–9\"). */\nexport const searchForm = (text: string): string =>\n  text.toLowerCase().replace(/[\\s+]+/g, '').replace(/[\\u2010-\\u2015\\u2212]/g, '-');\n"],"mappings":"AAKA,IAAa,EAHX,OAAO,UAAc,KAAe,wBAAwB,KAAK,UAAU,UAAY,UAAU,UAAU,CAG9E,IAAM,OAGxB,EAAc,GACzB,EAAK,aAAa,CAAC,QAAQ,UAAW,GAAG,CAAC,QAAQ,yBAA0B,IAAI"}

package/dist/platformKeys-Dd1qOCjF.js

@@ -0,0 +1,5 @@
+var e = typeof navigator < "u" && /mac|iphone|ipad|ipod/i.test(navigator.platform || navigator.userAgent) ? "⌘" : "Ctrl", t = (e) => e.toLowerCase().replace(/[\s+]+/g, "").replace(/[\u2010-\u2015\u2212]/g, "-");
+//#endregion
+export { t as n, e as t };
+
+//# sourceMappingURL=platformKeys-Dd1qOCjF.js.map

package/dist/platformKeys-Dd1qOCjF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"platformKeys-Dd1qOCjF.js","names":[],"sources":["../src/widget/platformKeys.ts"],"sourcesContent":["/** Whether the keyboard is a Mac's, where Ctrl's shortcuts take ⌘. */\nconst isMac =\n  typeof navigator !== 'undefined' && /mac|iphone|ipad|ipod/i.test(navigator.platform || navigator.userAgent);\n\n/** The key Ctrl stands for here: ⌘ on a Mac. */\nexport const MOD_KEY = isMac ? '⌘' : 'Ctrl';\n\n/** Text as a search compares it: lower case, no spaces or pluses (\"alt g\", \"Alt+G\" alike), any dash a hyphen (\"0–9\"). */\nexport const searchForm = (text: string): string =>\n  text.toLowerCase().replace(/[\\s+]+/g, '').replace(/[\\u2010-\\u2015\\u2212]/g, '-');\n"],"mappings":"AAKA,IAAa,IAHX,OAAO,YAAc,OAAe,wBAAwB,KAAK,UAAU,YAAY,UAAU,UAAU,GAG9E,MAAM,QAGxB,KAAc,MACzB,EAAK,aAAa,CAAC,QAAQ,WAAW,GAAG,CAAC,QAAQ,0BAA0B,IAAI"}

package/dist/settingsControls-DIjzCFHI.js

@@ -0,0 +1,379 @@
+import { i as e } from "./focusTrap-Br9Zfje0.js";
+import { stepDecimals as t } from "@tradecanvas/commons";
+//#region src/widget/WidgetContextMenu.ts
+var n = 4, r = 2, i = 150, a = "[role=menuitem], [role=menuitemcheckbox], [role=menuitemradio]", o = "(max-width: 640px)", s = "tcw:back", c = /* @__PURE__ */ new Set();
+function l(e, t, n, r = e, i = !1) {
+	let a = i ? r - t >= 0 ? r - t : e : e + t > n ? r - t : e;
+	return Math.max(0, Math.min(a, n - t));
+}
+function u(e) {
+	return e.radio ? "menuitemradio" : e.checked === void 0 ? "menuitem" : "menuitemcheckbox";
+}
+function d(t) {
+	let n = "<span class=\"tcw-context-icon\"></span>";
+	return t.radio ? t.checked ? "<span class=\"tcw-context-icon tcw-context-dot\"></span>" : n : t.checked ? e("check", 14) : t.icon && e(t.icon, 14) || n;
+}
+var f = class t {
+	el;
+	onPick = null;
+	onRemove = null;
+	returnFocus = null;
+	anchor = null;
+	child = null;
+	parent = null;
+	hoverTimer = null;
+	hoverItem = null;
+	onDocPointer = (e) => {
+		let t = e.target;
+		this.holds(t) || this.anchor?.contains(t) || this.close();
+	};
+	onWheel = (e) => {
+		this.holds(e.target) || this.close();
+	};
+	onAway = () => this.close();
+	constructor(e, t, n = "") {
+		this.host = e, this.backLabel = n, this.el = document.createElement("div"), this.el.className = "tcw-context-menu", this.el.setAttribute("role", "menu"), this.el.setAttribute("aria-label", t), this.el.hidden = !0, this.el.addEventListener("keydown", (e) => this.onKeyDown(e)), e.appendChild(this.el);
+	}
+	open(e, t, n, r, i, a, o = t, s = !1) {
+		this.show(e, {
+			x: t,
+			y: n,
+			xBack: o,
+			yBack: n,
+			before: s
+		}, r, i, a, !0);
+	}
+	openUnder(e, t, n, i = "start", a = r) {
+		let o = t.getBoundingClientRect(), s = this.host.getBoundingClientRect(), c = i === "end" !== this.rtl();
+		this.open(e, o.left - s.left, o.bottom - s.top + a, n, t, void 0, o.right - s.left, c);
+	}
+	openBeside(e, t, n) {
+		let i = t.getBoundingClientRect(), a = this.host.getBoundingClientRect(), o = i.right - a.left + r, s = i.left - a.left - r;
+		this.show(e, {
+			x: o,
+			y: i.top - a.top,
+			xBack: s,
+			yBack: i.bottom - a.top,
+			before: this.rtl()
+		}, n, t, void 0, !0), this.returnFocus = t;
+	}
+	static closeAnchoredTo(e) {
+		let t = [...c].filter((t) => t.anchor === e);
+		for (let e of t) e.close();
+		return t.length > 0;
+	}
+	static focusedAnchor() {
+		return [...c].find((e) => e.anchor !== null && e.hasFocus())?.anchor ?? null;
+	}
+	close() {
+		if (this.clearHover(), this.child?.close(), this.el.hidden) return;
+		c.delete(this);
+		let e = !this.parent || this.el.contains(document.activeElement);
+		this.el.hidden = !0, this.onPick = null, this.onRemove = null, this.anchor?.setAttribute("aria-expanded", "false"), this.anchor = null, document.removeEventListener("pointerdown", this.onDocPointer, !0), document.removeEventListener("wheel", this.onWheel, { capture: !0 }), window.removeEventListener("resize", this.onAway), window.removeEventListener("blur", this.onAway), e && this.returnFocus?.isConnected && this.returnFocus.focus({ preventScroll: !0 }), this.returnFocus = null;
+	}
+	isOpen() {
+		return !this.el.hidden;
+	}
+	hasFocus() {
+		return document.activeElement !== null && this.holds(document.activeElement);
+	}
+	destroy() {
+		this.close(), this.child?.destroy(), this.el.remove();
+	}
+	show(e, t, r, i, a, o) {
+		this.clearHover(), this.child?.close(), this.returnFocus = document.activeElement instanceof HTMLElement ? document.activeElement : null, this.onPick = r, this.onRemove = a ?? null, this.anchor = i ?? null, this.anchor?.setAttribute("aria-expanded", "true"), this.el.replaceChildren(...e.map((e) => this.entry(e))), this.el.hidden = !1, c.add(this);
+		let s = this.host.getBoundingClientRect(), u = Math.min(this.host.clientWidth, window.innerWidth - s.left) - n, d = Math.min(this.host.clientHeight, window.innerHeight - s.top) - n;
+		this.el.style.maxHeight = `${Math.max(0, d - this.frameHeight())}px`, this.el.style.left = `${l(t.x, this.el.offsetWidth, u, t.xBack, t.before)}px`, this.el.style.top = `${l(t.y, this.el.offsetHeight, d, t.yBack)}px`, document.addEventListener("pointerdown", this.onDocPointer, !0), document.addEventListener("wheel", this.onWheel, {
+			capture: !0,
+			passive: !0
+		}), window.addEventListener("resize", this.onAway), window.addEventListener("blur", this.onAway);
+		let f = this.revealChoice();
+		o && (f ?? this.items()[0])?.focus({ preventScroll: !0 });
+	}
+	frameHeight() {
+		let e = getComputedStyle(this.el);
+		if (e.boxSizing === "border-box") return 0;
+		let t = (e) => parseFloat(e) || 0;
+		return t(e.paddingTop) + t(e.paddingBottom) + t(e.borderTopWidth) + t(e.borderBottomWidth);
+	}
+	revealChoice() {
+		let e = this.el.querySelector("[role=menuitemradio][aria-checked=true]");
+		return !e || e.offsetTop + e.offsetHeight <= this.el.clientHeight ? null : (this.el.scrollTop = e.offsetTop - (this.el.clientHeight - e.offsetHeight) / 2, e);
+	}
+	rtl() {
+		return this.host.closest("[dir]")?.getAttribute("dir") === "rtl";
+	}
+	holds(e) {
+		return this.el.contains(e) || (this.child?.holds(e) ?? !1);
+	}
+	entry(e) {
+		if (e === "separator") {
+			let e = document.createElement("div");
+			return e.className = "tcw-context-sep", e.setAttribute("role", "separator"), e;
+		}
+		let t = document.createElement("button");
+		t.type = "button", t.className = `tcw-context-item${e.danger ? " tcw-context-danger" : ""}`, t.setAttribute("role", u(e)), (e.radio || e.checked !== void 0) && t.setAttribute("aria-checked", String(e.checked ?? !1)), t.tabIndex = -1, t.dataset.id = e.id, t.innerHTML = d(e);
+		let n = document.createElement("span");
+		n.className = "tcw-context-label", n.textContent = e.label, t.appendChild(n), this.appendEnd(t, e);
+		let r = e.submenu;
+		return t.addEventListener("pointermove", (n) => {
+			n.pointerType !== "touch" && this.hover(t, e.label, r);
+		}), t.addEventListener("click", () => {
+			r ? this.openSubmenu(t, e.label, r, !0) : this.pick(e.id);
+		}), e.remove ? this.removableRow(t, e.remove) : t;
+	}
+	appendEnd(t, n) {
+		if (n.count !== void 0) {
+			let e = document.createElement("span");
+			e.className = "tcw-context-count", e.textContent = String(n.count), t.appendChild(e);
+		}
+		if (n.shortcut) {
+			t.setAttribute("aria-keyshortcuts", n.shortcut);
+			let e = document.createElement("kbd");
+			e.className = "tcw-context-key", e.setAttribute("aria-hidden", "true"), e.textContent = n.shortcut, t.appendChild(e);
+		}
+		n.submenu && (t.setAttribute("aria-haspopup", "menu"), t.setAttribute("aria-expanded", "false"), t.insertAdjacentHTML("beforeend", e("chevronRight", 12)), t.lastElementChild?.classList.add("tcw-context-more"));
+	}
+	removableRow(t, n) {
+		t.setAttribute("aria-keyshortcuts", "Delete");
+		let r = document.createElement("button");
+		r.type = "button", r.className = "tcw-context-remove", r.tabIndex = -1, r.setAttribute("aria-hidden", "true"), r.title = n, r.innerHTML = e("x", 12), r.addEventListener("click", () => this.remove(t));
+		let i = document.createElement("div");
+		return i.className = "tcw-context-row", i.setAttribute("role", "none"), i.append(t, r), i;
+	}
+	openSubmenu(e, t, n, r) {
+		this.clearHover();
+		let i = this.child ?? this.makeChild();
+		if (i.isOpen() && i.anchor === e) {
+			r && i.items()[0]?.focus({ preventScroll: !0 });
+			return;
+		}
+		i.close(), i.el.setAttribute("aria-label", t);
+		let a = this.host.getBoundingClientRect(), c = e.getBoundingClientRect(), l = {
+			x: c.right - a.left,
+			y: c.top - a.top,
+			xBack: c.left - a.left,
+			yBack: c.bottom - a.top,
+			before: this.rtl()
+		}, u = window.matchMedia?.(o).matches ?? !1, d = u ? [
+			{
+				id: s,
+				label: t,
+				icon: "chevronLeft"
+			},
+			"separator",
+			...n
+		] : n;
+		i.show(d, l, (e) => {
+			e !== s && this.pick(e);
+		}, e, (e) => this.onRemove?.(e), r);
+		let f = u ? i.el.querySelector(`[data-id="${s}"]`) : null;
+		f?.classList.add("tcw-context-back"), f && this.backLabel && f.setAttribute("aria-label", `${this.backLabel}: ${t}`), i.returnFocus = e;
+	}
+	makeChild() {
+		let e = new t(this.host, "", this.backLabel);
+		return e.parent = this, e.el.addEventListener("pointerenter", () => this.clearHover()), this.child = e, e;
+	}
+	hover(e, t, n) {
+		if (this.hoverTimer !== null && this.hoverItem === e) return;
+		this.clearHover();
+		let r = this.child?.isOpen() ? this.child.anchor : null;
+		(n ? r === e : r === null) || (this.hoverItem = e, this.hoverTimer = setTimeout(() => {
+			this.hoverTimer = null, this.hoverItem = null, n ? this.openSubmenu(e, t, n, !1) : this.child?.close();
+		}, i));
+	}
+	clearHover() {
+		this.hoverItem = null, this.hoverTimer !== null && (clearTimeout(this.hoverTimer), this.hoverTimer = null);
+	}
+	remove(e) {
+		let t = e.dataset.id, n = e.closest(".tcw-context-row");
+		if (!t || !n) return;
+		let r = this.items().indexOf(e);
+		this.onRemove?.(t), n.remove();
+		let i = [...this.el.children].filter((e, t, n) => e.classList.contains("tcw-context-sep") && (t === 0 || t === n.length - 1 || n[t - 1].classList.contains("tcw-context-sep")));
+		for (let e of i) e.remove();
+		let a = this.items();
+		if (a.length === 0) {
+			this.close();
+			return;
+		}
+		a[Math.min(r, a.length - 1)].focus({ preventScroll: !0 });
+	}
+	pick(e) {
+		let t = this.onPick;
+		this.close(), t?.(e);
+	}
+	items() {
+		return [...this.el.querySelectorAll(a)];
+	}
+	onKeyDown(e) {
+		let t = this.items(), n = t.indexOf(document.activeElement), [r, i] = this.rtl() ? ["ArrowLeft", "ArrowRight"] : ["ArrowRight", "ArrowLeft"], a = -1;
+		if (e.key === "ArrowDown") a = (n + 1) % t.length;
+		else if (e.key === "ArrowUp") a = (n - 1 + t.length) % t.length;
+		else if (e.key === "Home") a = 0;
+		else if (e.key === "End") a = t.length - 1;
+		else if (e.key === r && t[n]?.hasAttribute("aria-haspopup")) {
+			e.preventDefault(), t[n].click();
+			return;
+		} else if (e.key === i && this.parent) {
+			e.preventDefault(), this.close();
+			return;
+		} else if (e.key === "Delete" && n >= 0) {
+			e.preventDefault(), this.remove(t[n]);
+			return;
+		} else if (e.key === "Escape" || e.key === "Tab") {
+			e.preventDefault(), e.stopPropagation();
+			let t = this;
+			for (; e.key === "Tab" && t.parent;) t = t.parent;
+			t.close();
+			return;
+		} else return;
+		e.preventDefault(), this.child?.close(), t[a]?.focus({ preventScroll: !0 });
+	}
+};
+//#endregion
+//#region src/widget/settingsControls.ts
+function p(e, t) {
+	let n = document.createElement("label");
+	n.className = "tcw-settings-row";
+	let r = document.createElement("span");
+	return r.className = "tcw-settings-label", r.textContent = e, n.append(r, t), n;
+}
+function m(e, t, n) {
+	let r = document.createElement("label");
+	r.className = "tcw-settings-row tcw-check-row";
+	let i = document.createElement("input");
+	i.type = "checkbox", i.checked = t, i.addEventListener("change", () => n(i.checked));
+	let a = document.createElement("span");
+	return a.className = "tcw-settings-label", a.textContent = e, r.append(i, a), r;
+}
+function h(e, t) {
+	let n = document.createElement("button");
+	return n.type = "button", n.className = `tcw-toggle${e ? " tcw-on" : ""}`, n.setAttribute("role", "switch"), n.setAttribute("aria-checked", String(e)), n.addEventListener("click", () => {
+		let e = !n.classList.contains("tcw-on");
+		n.classList.toggle("tcw-on", e), n.setAttribute("aria-checked", String(e)), t(e);
+	}), n;
+}
+function g(e, t, n) {
+	let r = document.createElement("input");
+	return r.type = "number", r.className = "tcw-indi-input", r.value = String(e), r.step = String(t.step ?? (Number.isInteger(e) ? 1 : .001)), t.min !== void 0 && (r.min = String(t.min)), t.max !== void 0 && (r.max = String(t.max)), r.addEventListener("change", () => {
+		if (r.value.trim() === "") return;
+		let e = Number(r.value);
+		Number.isFinite(e) && (t.whole && (e = Math.round(e)), t.min !== void 0 && (e = Math.max(t.min, e)), t.max !== void 0 && (e = Math.min(t.max, e)), r.value = String(e), n(e));
+	}), r;
+}
+function _(e, t) {
+	let n = document.createElement("input");
+	return n.type = "color", n.className = "tcw-indi-color", n.value = y(e), n.addEventListener("input", () => t(n.value)), n;
+}
+function v(e, t, n) {
+	let r = document.createElement("select");
+	r.className = "tcw-indi-input tcw-indi-select";
+	for (let t of e) {
+		let e = document.createElement("option");
+		e.value = t.value, e.textContent = t.label, r.appendChild(e);
+	}
+	return r.value = t, r.addEventListener("change", () => n(r.value)), r;
+}
+function y(e) {
+	if (typeof e != "string") return "#000000";
+	let t = e.trim();
+	if (/^#[0-9a-f]{6}$/i.test(t)) return t.toLowerCase();
+	if (/^#[0-9a-f]{8}$/i.test(t)) return t.slice(0, 7).toLowerCase();
+	if (/^#[0-9a-f]{3,4}$/i.test(t)) return `#${t[1]}${t[1]}${t[2]}${t[2]}${t[3]}${t[3]}`.toLowerCase();
+	let n = /^rgba?\(\s*(\d+)[\s,]+(\d+)[\s,]+(\d+)/i.exec(t);
+	if (n) return `#${[
+		n[1],
+		n[2],
+		n[3]
+	].map((e) => Math.min(255, Number(e)).toString(16).padStart(2, "0")).join("")}`;
+	let r = x(t);
+	return r !== null && r !== t ? y(r) : "#000000";
+}
+var b;
+function x(e) {
+	if (b === void 0) try {
+		b = typeof document < "u" ? document.createElement("canvas").getContext("2d") : null;
+	} catch {
+		b = null;
+	}
+	if (!b) return null;
+	b.fillStyle = "#010203", b.fillStyle = e;
+	let t = String(b.fillStyle);
+	return t === "#010203" ? null : t;
+}
+function S(e) {
+	if (typeof e != "string") return 1;
+	let t = /^rgba\([^)]*,\s*([\d.]+)\s*\)$/i.exec(e.trim());
+	return t ? Math.max(0, Math.min(1, Number(t[1]))) : 1;
+}
+function C(e, t) {
+	let n = y(e), [r, i, a] = [
+		1,
+		3,
+		5
+	].map((e) => parseInt(n.slice(e, e + 2), 16));
+	return `rgba(${r}, ${i}, ${a}, ${Math.round(t * 100) / 100})`;
+}
+var w = {
+	ArrowRight: 1,
+	ArrowDown: 1,
+	ArrowLeft: -1,
+	ArrowUp: -1
+};
+function T(e, t, n, r) {
+	let i = document.createElement("div");
+	i.className = "tcw-segmented", i.setAttribute("role", "radiogroup"), i.setAttribute("aria-label", r);
+	let a = e.map((e) => {
+		let t = document.createElement("button");
+		return t.type = "button", t.className = "tcw-segment", t.setAttribute("role", "radio"), t.dataset.value = e.value, t.textContent = e.label, t.addEventListener("click", () => s(e.value)), t;
+	}), o = (e) => {
+		let t = Math.max(0, a.findIndex((t) => t.dataset.value === e));
+		a.forEach((n, r) => {
+			n.setAttribute("aria-checked", String(n.dataset.value === e)), n.tabIndex = r === t ? 0 : -1;
+		});
+	}, s = (e) => {
+		o(e), n(e);
+	};
+	return i.addEventListener("keydown", (t) => {
+		let n = a.findIndex((e) => e === t.target);
+		if (n < 0 || t.altKey || t.ctrlKey || t.metaKey) return;
+		let r = a.length - 1, o;
+		if (t.key === "Home") o = 0;
+		else if (t.key === "End") o = r;
+		else if (t.key in w) {
+			let e = i.closest("[dir]")?.getAttribute("dir") === "rtl", r = t.key === "ArrowLeft" || t.key === "ArrowRight";
+			o = (n + (e && r ? -w[t.key] : w[t.key]) + a.length) % a.length;
+		} else return;
+		t.preventDefault(), a[o].focus(), s(e[o].value);
+	}), o(t), i.append(...a), i;
+}
+function E(e, n, r) {
+	if (!(r > 0) || !Number.isFinite(e)) return e;
+	let i = e / r, a = Math.round(i), o = Math.abs(i - a) < 1e-9 * Math.max(1, Math.abs(i)), s = n > 0 ? o ? a + 1 : Math.ceil(i) : o ? a - 1 : Math.floor(i);
+	return s < 1 ? e : Number((s * r).toFixed(t(r)));
+}
+function D(t, n) {
+	let r = document.createElement("div");
+	r.className = "tcw-stepper", r.dir = "ltr";
+	let i = (e) => {
+		let r = Number(t.value), i = t.value.trim() !== "" && Number.isFinite(r) ? r : n.fallback?.() ?? 0, a = E(i, e, n.step(i, e));
+		t.value = n.format ? n.format(a) : String(a), t.dispatchEvent(new Event("input"));
+	}, a = (t, n) => {
+		let r = document.createElement("button");
+		return r.type = "button", r.className = "tcw-stepper-btn", r.tabIndex = -1, r.setAttribute("aria-label", n), r.innerHTML = e(t > 0 ? "plus" : "minus", 14), r.addEventListener("click", () => i(t)), r;
+	};
+	t.addEventListener("keydown", (e) => {
+		e.key !== "ArrowUp" && e.key !== "ArrowDown" || (e.preventDefault(), i(e.key === "ArrowUp" ? 1 : -1));
+	});
+	let o = a(-1, n.labels.down), s = a(1, n.labels.up);
+	return r.append(o, t, s), {
+		element: r,
+		down: o,
+		up: s
+	};
+}
+//#endregion
+export { T as a, D as c, C as d, f, g as i, y as l, S as n, v as o, _ as r, p as s, m as t, h as u };
+
+//# sourceMappingURL=settingsControls-DIjzCFHI.js.map