@revolist/ui 4.0.9 → 4.0.10

package/browser/robots.txt

@@ -0,0 +1,4 @@
+User-agent: *
+Allow: /
+
+Sitemap: https://ui.rv-grid.com/sitemap.xml

package/browser.d.ts

@@ -0,0 +1,3 @@
+/** Standalone browser distribution over the same native/component contracts. */
+export * from './native';
+export * from './framework';

package/browser.js

@@ -0,0 +1,34 @@
+import { calculateAnchoredPopoverPosition as e } from "./core/anchored-popover.js";
+import { t } from "./_chunks/mount-BgI_QV2H.js";
+import { a as n, i as r, l as i, n as a, r as o, s, t as c } from "./_chunks/top-layer-popup-DU1r_2v5.js";
+import { getUiMotionDuration as l, inheritUiMotion as u, isUiMotionEnabled as d } from "./core/motion.js";
+import { createControlId as f } from "./core/control-id.js";
+import { PopoverController as p, TooltipController as m, createTooltipElement as h } from "./core/popover-controller.js";
+import { controlAttributes as g, controlClassName as _ } from "./control-attributes.js";
+import { createControl as v, decorateIconAction as y, nativeControlTag as b, registerControl as x, renderControl as S } from "./control-presentation.js";
+import { t as C } from "./_chunks/control-zCLB1tGz.js";
+import { PaginationPanel as w, paginationItems as T, renderPaginationButton as E } from "./pagination.js";
+import { G as D, H as O, K as k, U as A, V as j, W as M, z as N } from "./_chunks/controls-Ip2E6jIu.js";
+import { r as P, t as F } from "./_chunks/tooltip-BkuH0JdW.js";
+import { d as I, u as L } from "./_chunks/dialog.parts-CpMwNhTM.js";
+import { createDialogButton as R, createDialogCloseButton as z, createDialogElements as B, getDialogFocusableElements as V, trapDialogFocus as H } from "./dialog/dialog.dom.js";
+import { attachDialogDrag as U } from "./dialog/dialog.drag.js";
+import { t as W } from "./_chunks/tooltip-text-CH_c2J-J.js";
+import { TooltipGroup as G, createTooltipGroup as K } from "./core/tooltip-options.js";
+import { DialogController as q, attachMenuKeyboard as J, attachResizeHandle as Y } from "./surfaces.js";
+import { normalizeProgressRange as X } from "./progress/range.js";
+import { badgeClassName as Z } from "./badge.js";
+import { createFormField as Q, createTextControl as $ } from "./form-controls/index.js";
+import { AVATAR_CELL_BACKGROUNDS as ee } from "./color-palette/common-palettes.js";
+import { AvatarElement as te, avatarTemplate as ne, avatarWithTextTemplate as re, createAvatarElement as ie, getAvatarCellBackground as ae, getAvatarIndex as oe, getAvatarInitials as se } from "./avatar/index.js";
+import { renderProgressBar as ce } from "./progress/bar.js";
+import { renderRangeSlider as le } from "./filter/filters/slider/component.js";
+import { renderCircularProgress as ue } from "./progress/circular.js";
+import { applyControlPresentation as de } from "./html-controls.js";
+import { n as fe, t as pe } from "./_chunks/native-RudS9C_q.js";
+import { a as me, i as he, n as ge, r as _e, t as ve } from "./_chunks/native-C9tJWAXF.js";
+import { a as ye, c as be, d as xe, f as Se, h as Ce, i as we, l as Te, m as Ee, n as De, o as Oe, p as ke, r as Ae, s as je, t as Me, u as Ne } from "./_chunks/cell-visuals-r6DOOhGh.js";
+import { i as Pe, n as Fe, r as Ie, t as Le } from "./_chunks/component-metadata-B_hLjtM0.js";
+import { n as Re, t as ze } from "./_chunks/framework-mount-CX0oj05W.js";
+import { uiComponents as Be } from "./framework.js";
+export { ee as AVATAR_CELL_BACKGROUNDS, L as ActionFooterView, te as AvatarElement, F as ControlTooltip, me as DRAWING_TOOL_PATHS, q as DialogController, w as PaginationPanel, p as PopoverController, n as TOOLTIP_STYLES, m as TooltipController, G as TooltipGroup, W as TooltipText, de as applyControlPresentation, U as attachDialogDrag, J as attachMenuKeyboard, Y as attachResizeHandle, ne as avatarTemplate, re as avatarWithTextTemplate, Z as badgeClassName, e as calculateAnchoredPopoverPosition, Le as componentModels, Fe as componentRenderSlots, g as controlAttributes, _ as controlClassName, ve as createAlertElement, ie as createAvatarElement, j as createButtonElement, v as createControl, f as createControlId, R as createDialogButton, z as createDialogCloseButton, B as createDialogElements, C as createDropdownControl, Q as createFormField, ze as createFrameworkMount, pe as createSearchInput, $ as createTextControl, h as createTooltipElement, K as createTooltipGroup, y as decorateIconAction, Ie as dropdownRenderSlots, s as ensureTooltipStyles, De as formatTimelineEvents, ae as getAvatarCellBackground, oe as getAvatarIndex, se as getAvatarInitials, V as getDialogFocusableElements, l as getUiMotionDuration, c as hideTopLayerPopup, u as inheritUiMotion, d as isUiMotionEnabled, t as mountAiAssistant, he as mountColorPicker, I as mountDialogActionFooter, b as nativeControlTag, X as normalizeProgressRange, r as ownsPopupTarget, T as paginationItems, Pe as pdfViewerRenderSlots, a as popupOwnsTarget, i as prepareTooltipSurface, x as registerControl, ge as releaseAlertElement, je as renderAggregateSummary, N as renderAlert, _e as renderAlertInto, be as renderBadgeValue, Te as renderChange, ue as renderCircularProgress, S as renderControl, O as renderCounter, we as renderHeatmap, Ne as renderLabelledIcon, A as renderLoadingIndicator, M as renderMenuItem, ye as renderMiniBarChart, E as renderPaginationButton, xe as renderPercentageSummary, Me as renderPie, ce as renderProgressBar, Se as renderProgressLine, ke as renderProgressLineValue, le as renderRangeSlider, D as renderRatingStars, k as renderScalarSlider, fe as renderSearchInput, Oe as renderSparkline, Ee as renderThumbs, Ae as renderTimeline, Ce as renderTypeIcon, o as showTopLayerPopup, H as trapDialogFocus, Be as uiComponents, P as useTooltip, Re as withFrameworkContent };

package/buttons/svg-button.js

@@ -1,8 +1,8 @@
 import { t as e } from "../_chunks/jsxRuntime.module-ksX_VSbv.js";
 import { SvgIcon as t } from "../icons/icon.js";
-import { t as n } from "../_chunks/native-control-xc_B4vfn.js";
+import { t as n } from "../_chunks/native-control-DjJ8Na3T.js";
 import { controlClassName as r } from "../control-attributes.js";
-import { n as i } from "../_chunks/tooltip-B5ziciEP.js";
+import { n as i } from "../_chunks/tooltip-BkuH0JdW.js";
 //#region package/buttons/svg-button.tsx
 function a({ label: a, variant: o, icon: s, visibleLabel: c, className: l, iconClassName: u, labelClassName: d, children: f, iconContent: p, badge: m, badgeClassName: h = "", class: g, disabled: _, title: v, ...y }) {
 	let b = i(typeof v == "string" ? v : a, !0, {
@@ -26,7 +26,7 @@ function a({ label: a, variant: o, icon: s, visibleLabel: c, className: l, iconC
 			b.triggerProps.onMouseEnter(e), y.onMouseEnter?.(e);
 		},
 		onMouseLeave: (e) => {
-			b.triggerProps.onMouseLeave(), y.onMouseLeave?.(e);
+			b.triggerProps.onMouseLeave(e), y.onMouseLeave?.(e);
 		},
 		onPointerDown: (e) => {
 			b.triggerProps.onPointerDown(e), y.onPointerDown?.(e);

package/calendar/_calendar.scss

@@ -87,7 +87,11 @@
 .revo-calendar__header .revo-calendar__month-label-button {
   width: auto;
   max-width: 100%;
-  height: var(--calendar-cell-size);
+  min-height: var(--calendar-cell-size);
+  height: auto;
+  overflow: visible;
+  white-space: normal;
+  overflow-wrap: anywhere;
   padding: 4px 9px;
   justify-self: center;
 }
@@ -143,6 +147,7 @@
 
 .revo-calendar__weekdays span {
   min-height: 18px;
+  overflow-wrap: anywhere;
   color: var(--revo-grid-filter-popup-label-color, var(--rv-ui-text-muted));
   font-size: 11px;
   font-weight: 500;
@@ -153,7 +158,7 @@
 .revo-calendar__day {
   position: relative;
   min-width: 0;
-  height: var(--calendar-cell-size);
+  height: max(var(--calendar-cell-size), 1lh);
   padding: 0;
   border-radius: 0;
   line-height: var(--calendar-cell-size);
@@ -260,12 +265,15 @@
   max-width: 100%;
 }
 .revo-calendar__month-panel {
-  width: var(--revo-calendar-month-width, calc(var(--calendar-cell-size) * 7));
+  width: var(
+    --revo-calendar-month-width,
+    max(calc(var(--calendar-cell-size) * 7), 14em)
+  );
   max-width: 100%;
   min-width: 0;
 }
 .revo-calendar--week-numbers .revo-calendar__month-panel {
-  width: calc(var(--calendar-cell-size) * 8);
+  width: max(calc(var(--calendar-cell-size) * 8), 16em);
 }
 .revo-calendar--week-numbers .revo-calendar__weekdays,
 .revo-calendar--week-numbers .revo-calendar__week {

package/calendar/calendar.js

@@ -1 +1 @@
-export { t as Calendar } from "../_chunks/calendar-C4zH4Ppn.js";
+export { t as Calendar } from "../_chunks/calendar-CQHVwHLW.js";

package/calendar/index.js

@@ -1,9 +1,9 @@
 import { DEFAULT_CALENDAR_TRANSLATIONS as e } from "./translations.js";
 import { a as t, i as n, n as r, o as i, r as a, t as o } from "../_chunks/model-CFrBgRHm.js";
 import { CalendarHeader as s, CalendarWeekdays as c } from "./header.js";
-import { t as l } from "../_chunks/calendar-C4zH4Ppn.js";
+import { t as l } from "../_chunks/calendar-CQHVwHLW.js";
 import { CalendarDay as u } from "./day.js";
 import { CalendarMonthGrid as d } from "./month-grid.js";
 import { CalendarYearGrid as f } from "./year-grid.js";
-import { t as p } from "../_chunks/picker-0h5TwXGT.js";
+import { t as p } from "../_chunks/picker-DDUmhT93.js";
 export { l as Calendar, u as CalendarDay, s as CalendarHeader, d as CalendarMonthGrid, p as CalendarPicker, c as CalendarWeekdays, f as CalendarYearGrid, e as DEFAULT_CALENDAR_TRANSLATIONS, o as createCalendarMonth, r as isCalendarDateDisabled, a as isCalendarMonthDisabled, n as isDateInCalendarRange, t as moveCalendarFocus, i as orderCalendarRange };

package/choice-chips/index.js

@@ -1 +1 @@
-export { t as ChoiceChip, n as ChoiceChipInfoButton, r as ChoiceChips } from "../_chunks/choice-chips-D2cJju-g.js";
+export { t as ChoiceChip, n as ChoiceChipInfoButton, r as ChoiceChips } from "../_chunks/choice-chips-BIGT7gjO.js";

package/color-palette/color-palette.js

@@ -1,3 +1,3 @@
-import { t as e } from "../_chunks/color-palette-D7AS20M1.js";
+import { t as e } from "../_chunks/color-palette-DL0f3igd.js";
 import { DEFAULT_COLOR_PALETTE_OPTIONS as t } from "./palette.js";
 export { e as ColorPalette, t as DEFAULT_COLOR_PALETTE_OPTIONS };

package/color-palette/color-picker.js

@@ -1,3 +1,3 @@
-import { n as e } from "../_chunks/color-palette-D7AS20M1.js";
-import { t } from "../_chunks/color-picker-BanAQVfz.js";
+import { n as e } from "../_chunks/color-palette-DL0f3igd.js";
+import { t } from "../_chunks/color-picker-BWBM9GE1.js";
 export { t as ColorPicker, e as normalizeHexColor };

package/configurator-actions.js

@@ -1 +1 @@
-export { t as CONFIGURATOR_AREA_ICONS, n as ConfiguratorActionButton, r as ConfiguratorActionGroup, i as ConfiguratorActionIcon, a as ConfiguratorActionPanel, o as ConfiguratorActionTrigger, s as ConfiguratorFieldCaption, c as ConfiguratorFieldPicker, l as ConfiguratorFieldSearch, u as ConfiguratorFieldTypeIcon, d as ConfiguratorFilterStatus, f as ConfiguratorHint, p as ConfiguratorRemoveButton, m as ConfiguratorZoneActions, h as renderConfiguratorActionTrigger } from "./_chunks/configurator-actions-CvZf5nYp.js";
+export { t as CONFIGURATOR_AREA_ICONS, n as ConfiguratorActionButton, r as ConfiguratorActionGroup, i as ConfiguratorActionIcon, a as ConfiguratorActionPanel, o as ConfiguratorActionTrigger, s as ConfiguratorFieldCaption, c as ConfiguratorFieldPicker, l as ConfiguratorFieldSearch, u as ConfiguratorFieldTypeIcon, d as ConfiguratorFilterStatus, f as ConfiguratorHint, p as ConfiguratorRemoveButton, m as ConfiguratorZoneActions, h as renderConfiguratorActionTrigger } from "./_chunks/configurator-actions-BhIk4oM_.js";

package/configurator-aggregation-list.js

@@ -1,7 +1,7 @@
 import { i as e } from "./_chunks/hooks.module-CXpO2xq6.js";
 import { t } from "./_chunks/jsxRuntime.module-ksX_VSbv.js";
-import { t as n } from "./_chunks/native-control-xc_B4vfn.js";
-import { t as r } from "./_chunks/selection-list-tooltips-DqqLeO_m.js";
+import { t as n } from "./_chunks/native-control-DjJ8Na3T.js";
+import { t as r } from "./_chunks/selection-list-tooltips-j84Wufjj.js";
 import "./_chunks/check-BFIC9pge.js";
 import { t as i } from "./_chunks/calculator-BG0Xd_Uw.js";
 //#region package/configurator-aggregation-list.tsx

package/configurator-drop-zone.js

@@ -1,6 +1,6 @@
 import { i as e } from "./_chunks/preact.module-DzTStiZX.js";
 import { t } from "./_chunks/jsxRuntime.module-ksX_VSbv.js";
-import { a as n, f as r, o as i, p as a, v as o } from "./_chunks/field-configurator-BWZnm3gE.js";
+import { a as n, f as r, o as i, p as a, v as o } from "./_chunks/field-configurator-BMQnmWNd.js";
 import { useFieldDropTarget as s } from "./field-reorder.hook.js";
 //#region package/configurator-drop-zone.tsx
 function c({ title: c, label: l, id: u, footer: d, removeLabel: f, headerActions: p, renderActions: m, allowFieldRemoving: h = !0, panel: g, items: _, itemKeys: v, dimensions: y, placeholder: b, i18n: x, renderItem: S, onRemove: C, onDrop: w, onDragOver: T, canDrop: E = () => !0, onDragEnter: D, onItemDragStart: O, onItemDragEnd: k, allowFieldDragging: A = !0, dragActive: j, renderIcon: M }) {

package/controls.js

@@ -1,4 +1,4 @@
-import { t as e } from "./_chunks/selection-list-tooltips-DqqLeO_m.js";
-import { A as t, B as n, C as r, D as i, E as a, F as o, I as s, L as c, M as l, N as u, O as d, P as f, R as p, S as m, T as h, _ as g, a as _, b as v, c as y, d as b, f as x, g as S, h as C, i as w, j as T, k as E, l as D, m as O, n as k, o as A, p as j, r as M, s as N, t as P, u as F, v as I, w as L, x as R, y as z } from "./_chunks/controls-BF6WlGT4.js";
+import { t as e } from "./_chunks/selection-list-tooltips-j84Wufjj.js";
+import { A as t, B as n, C as r, D as i, E as a, F as o, I as s, L as c, M as l, N as u, O as d, P as f, R as p, S as m, T as h, _ as g, a as _, b as v, c as y, d as b, f as x, g as S, h as C, i as w, j as T, k as E, l as D, m as O, n as k, o as A, p as j, r as M, s as N, t as P, u as F, v as I, w as L, x as R, y as z } from "./_chunks/controls-Ip2E6jIu.js";
 import { EditorList as B, EditorListGroup as V, EditorListItem as H, EditorListItemContent as U, EditorPane as W, EditorSplitLayout as G } from "./editor-layout/index.js";
 export { p as Alert, n as Badge, P as Button, k as ButtonGroup, M as Chip, w as CircularProgress, _ as CountBadge, A as DateInput, N as DateTimeInput, y as Disclosure, D as EmptyState, F as FieldError, b as FieldHint, x as FormSection, j as IconButton, B as Listbox, V as ListboxGroup, H as ListboxOption, U as ListboxOptionContent, O as LoadingOverlay, C as Menu, S as MenuItem, g as MenuSeparator, I as NumberInput, z as NumberStepper, v as Pagination, W as Pane, R as Panel, m as PanelResizeHandle, r as RadioGroup, L as Rating, h as ResizeHandle, a as SegmentedControl, i as Spinner, G as SplitLayout, d as Submenu, E as TabPanel, t as Tabs, T as TextInput, l as Textarea, u as TimeInput, f as ToggleButton, o as Toolbar, s as ToolbarGroup, c as ToolbarSeparator, e as useSelectionListTooltips };

package/core/editor-popup.js

@@ -1 +1 @@
-export { t as mountEditorPopup } from "../_chunks/editor-popup-BTmjGg2_.js";
+export { t as mountEditorPopup } from "../_chunks/editor-popup-Ds0GPAcn.js";

package/core/popover-controller.d.ts

@@ -1,3 +1,4 @@
+import { TooltipAnchor, TooltipContent, TooltipControllerOptions } from './tooltip-options';
 export interface PopoverOptions {
     anchor: HTMLElement | SVGElement;
     placement?: 'above';
@@ -23,13 +24,37 @@ export declare class PopoverController {
     destroy(): void;
 }
 export declare function createTooltipElement(document: Document, className?: string): HTMLDivElement;
-/** Imperative binding adapter over the same session used by useTooltip. */
+/** Imperative/delegated adapter over the shared tooltip session. */
 export declare class TooltipController {
+    private session?;
+    private root?;
+    private content;
+    private options;
     private release?;
-    bind(anchor: HTMLElement | SVGElement, text: string, options?: {
-        trigger?: 'hover' | 'click';
-        surface?: HTMLElement;
-        onEscape?: () => void;
-    }): () => void;
+    private abort?;
+    private context?;
+    private generation;
+    private loading;
+    private asyncContent;
+    private renderedNode?;
+    private renderedNodes;
+    get isOpen(): boolean;
+    get element(): HTMLElement | undefined;
+    target(): TooltipAnchor | undefined;
+    private render;
+    private renderCurrent;
+    private load;
+    private reveal;
+    /** Bind one trigger, or a container with options.filter for delegated triggers. */
+    bind(anchor: TooltipAnchor, content: TooltipContent, options?: TooltipControllerOptions): () => void;
+    update(options: TooltipControllerOptions): void;
+    setContent(content: TooltipContent): void;
+    /** Immediate imperative methods; controlled values still authorize visibility. */
+    show(target?: TooltipAnchor | undefined): void;
+    hide(): void;
+    toggle(target?: TooltipAnchor | undefined): void;
+    /** Synchronize controlled/default state without emitting another change request. */
+    setOpen(open: boolean, target?: TooltipAnchor | undefined): void;
+    refresh(): void;
     destroy(): void;
 }

package/core/popover-controller.js

@@ -1,56 +1,57 @@
 import { calculateAnchoredPopoverPosition as e } from "./anchored-popover.js";
-import { t } from "../_chunks/jsxRuntime.module-ksX_VSbv.js";
-import { createPreactElement as n, releasePreactElement as r } from "../preact-mount.js";
-import { o as i, r as a, t as o } from "../_chunks/top-layer-popup-BHajfliG.js";
-import { t as s } from "../_chunks/tooltip-session-D74h-uqu.js";
-import { createControlId as c } from "./control-id.js";
+import { c as t } from "../_chunks/preact.module-DzTStiZX.js";
+import { t as n } from "../_chunks/jsxRuntime.module-ksX_VSbv.js";
+import { createPreactElement as r, releasePreactElement as i, renderPreactInto as a } from "../preact-mount.js";
+import { o, r as s, t as c } from "../_chunks/top-layer-popup-DU1r_2v5.js";
 import { inheritUiMotion as l } from "./motion.js";
+import { t as u } from "../_chunks/tooltip-session-BBKkwhLZ.js";
+import { createControlId as d } from "./control-id.js";
 //#region package/core/popover-controller.tsx
-var u = /* @__PURE__ */ new WeakMap(), d = class {
+var f = /* @__PURE__ */ new WeakMap(), p = class {
 	active;
 	get isOpen() {
 		return !!this.active;
 	}
 	open(t) {
 		this.close(!1);
-		let { anchor: n, content: r } = t, s = n.ownerDocument, c = s.defaultView, d = u.get(s) ?? [];
-		u.set(s, d);
-		let f = r.parentNode, p = r.nextSibling, m = r.hidden, h = r.getAttribute("style"), g = r.getAttribute("popover"), _ = l(n, r), v = () => {
+		let { anchor: n, content: r } = t, i = n.ownerDocument, a = i.defaultView, u = f.get(i) ?? [];
+		f.set(i, u);
+		let d = r.parentNode, p = r.nextSibling, m = r.hidden, h = r.getAttribute("style"), g = r.getAttribute("popover"), _ = l(n, r), v = () => {
 			if (!n.isConnected) {
 				x(!1);
 				return;
 			}
-			let a = (t.placement === "above" ? i : e)(n.getBoundingClientRect(), r.getBoundingClientRect(), {
-				width: s.documentElement.clientWidth || c?.innerWidth || 0,
-				height: s.documentElement.clientHeight || c?.innerHeight || 0
+			let s = (t.placement === "above" ? o : e)(n.getBoundingClientRect(), r.getBoundingClientRect(), {
+				width: i.documentElement.clientWidth || a?.innerWidth || 0,
+				height: i.documentElement.clientHeight || a?.innerHeight || 0
 			});
 			Object.assign(r.style, {
-				left: `${a.left}px`,
-				top: `${a.top}px`
+				left: `${s.left}px`,
+				top: `${s.top}px`
 			});
 		}, y, b = !1, x = (e = t.restoreFocus !== !1) => {
 			if (b) return;
-			b = !0, s.removeEventListener("pointerdown", S, !0), r.removeEventListener("keydown", C), s.removeEventListener("keydown", C), c?.removeEventListener("resize", v), s.removeEventListener("scroll", v, !0), w?.disconnect();
-			let i = d.indexOf(r);
-			i !== -1 && d.splice(i, 1), o(r, y), _(), f?.isConnected ? f.insertBefore(r, p?.parentNode === f ? p : null) : r.remove(), h === null ? r.removeAttribute("style") : r.setAttribute("style", h), r.hidden = m, g === null ? r.removeAttribute("popover") : r.setAttribute("popover", g), this.active?.content === r && (this.active = void 0), e && n.isConnected && n.focus({ preventScroll: !0 }), t.onClose?.();
+			b = !0, i.removeEventListener("pointerdown", S, !0), r.removeEventListener("keydown", C), i.removeEventListener("keydown", C), a?.removeEventListener("resize", v), i.removeEventListener("scroll", v, !0), w?.disconnect();
+			let o = u.indexOf(r);
+			o !== -1 && u.splice(o, 1), c(r, y), _(), d?.isConnected ? d.insertBefore(r, p?.parentNode === d ? p : null) : r.remove(), h === null ? r.removeAttribute("style") : r.setAttribute("style", h), r.hidden = m, g === null ? r.removeAttribute("popover") : r.setAttribute("popover", g), this.active?.content === r && (this.active = void 0), e && n.isConnected && n.focus({ preventScroll: !0 }), t.onClose?.();
 		}, S = (e) => {
-			if (d.at(-1) !== r) return;
+			if (u.at(-1) !== r) return;
 			let i = e.composedPath();
 			t.closeOnOutside !== !1 && !i.includes(n) && !i.includes(r) && x(!1);
 		}, C = (e) => {
-			d.at(-1) === r && e.key === "Escape" && t.closeOnEscape !== !1 && !e.defaultPrevented && (e.preventDefault(), e.stopPropagation(), x());
+			u.at(-1) === r && e.key === "Escape" && t.closeOnEscape !== !1 && !e.defaultPrevented && (e.preventDefault(), e.stopPropagation(), x());
 		};
-		(t.appendTo ?? s.body).append(r), r.hidden = !1, Object.assign(r.style, {
+		(t.appendTo ?? i.body).append(r), r.hidden = !1, Object.assign(r.style, {
 			position: "fixed",
 			inset: "auto",
 			margin: "0"
-		}), y = a(r, t.display ?? "block");
-		let w = c?.ResizeObserver ? new c.ResizeObserver(v) : void 0;
+		}), y = s(r, t.display ?? "block");
+		let w = a?.ResizeObserver ? new a.ResizeObserver(v) : void 0;
 		return w?.observe(n), w?.observe(r), this.active = {
 			content: r,
 			close: x,
 			position: v
-		}, d.push(r), s.addEventListener("pointerdown", S, !0), r.addEventListener("keydown", C), s.addEventListener("keydown", C), c?.addEventListener("resize", v), s.addEventListener("scroll", v, !0), v(), {
+		}, u.push(r), i.addEventListener("pointerdown", S, !0), r.addEventListener("keydown", C), i.addEventListener("keydown", C), a?.addEventListener("resize", v), i.addEventListener("scroll", v, !0), v(), {
 			close: x,
 			refresh: v
 		};
@@ -65,38 +66,162 @@ var u = /* @__PURE__ */ new WeakMap(), d = class {
 		this.close(!1);
 	}
 };
-function f(e, r = "grid-tooltip") {
-	return n(e, /* @__PURE__ */ t("div", {
-		id: c("rv-tooltip"),
-		class: r,
+function m(e, t = "grid-tooltip") {
+	return r(e, /* @__PURE__ */ n("div", {
+		id: d("rv-tooltip"),
+		class: t,
 		role: "tooltip",
 		hidden: !0
 	}));
 }
-var p = class {
+var h = class {
+	session;
+	root;
+	content = "";
+	options = {};
 	release;
+	abort;
+	context;
+	generation = 0;
+	loading = !1;
+	asyncContent;
+	renderedNode;
+	renderedNodes = [];
+	get isOpen() {
+		return this.session?.isOpen ?? !1;
+	}
+	get element() {
+		return this.session?.element;
+	}
+	target() {
+		return this.session?.target;
+	}
+	render(e) {
+		let n = this.element;
+		if (!n) return;
+		let r = e && typeof e == "object" && "nodeType" in e ? e : void 0, i = r?.nodeType === 11 ? r === this.renderedNode && !r.childNodes.length ? this.renderedNodes : [...r.childNodes] : r ? [r] : [];
+		for (let e of this.renderedNodes) n.contains(e) && e.parentNode?.removeChild(e);
+		this.renderedNode = r, this.renderedNodes = i, a(n, t("span", {
+			class: "rv-tooltip__content",
+			ref: r ? (e) => {
+				if (e) for (let t of i) t.parentNode !== e && e.append(t);
+			} : void 0
+		}, r ? null : e)), this.session?.refresh();
+	}
+	renderCurrent() {
+		this.context && this.render(this.options.loadContent && this.asyncContent !== void 0 ? this.asyncContent : this.options.renderContent?.(this.context) ?? this.content);
+	}
+	load(e) {
+		this.abort?.abort(), this.abort = new AbortController();
+		let t = ++this.generation;
+		this.asyncContent = void 0;
+		let n = this.options.loadContent;
+		if (!n) {
+			this.loading = !1, this.renderCurrent();
+			return;
+		}
+		this.loading = !0, this.element?.setAttribute("aria-busy", "true"), this.render(this.options.loadingContent ?? this.content);
+		let r = this.abort.signal;
+		Promise.resolve().then(() => n({
+			...e,
+			signal: r
+		})).then((n) => {
+			!r.aborted && t === this.generation && this.isOpen && (this.loading = !1, this.element?.removeAttribute("aria-busy"), this.asyncContent = n, this.render(n), this.options.onContentLoad?.(n, e));
+		}, (n) => {
+			!r.aborted && t === this.generation && this.isOpen && (this.loading = !1, this.element?.removeAttribute("aria-busy"), this.options.errorContent === void 0 ? this.hide() : (this.asyncContent = this.options.errorContent, this.render(this.options.errorContent)), this.options.onError?.(n, e));
+		});
+	}
+	reveal(e, t, n) {
+		this.context = {
+			target: e,
+			reason: t,
+			event: n
+		}, (!this.isOpen || this.target() !== e) && this.renderCurrent(), this.session?.show(e, t, n);
+	}
 	bind(e, t, n = {}) {
-		this.destroy();
-		let i = n.surface ?? f(e.ownerDocument, "rv-tooltip");
-		i.textContent = t;
-		let a = new s();
-		a.setSurface(i), a.onEscape = n.onEscape;
-		let o = n.trigger === "click", c = e.getAttribute("aria-expanded");
-		o && e.setAttribute("aria-expanded", "false"), a.onHide = () => {
-			o && e.setAttribute("aria-expanded", "false");
+		this.destroy(), this.root = e, this.content = t, this.options = n, n.filter && e.querySelector(n.filter);
+		let r = n.surface ?? m(e.ownerDocument, "rv-tooltip");
+		n.id && (r.id = n.id), r.id ||= d("rv-tooltip");
+		let o = this.session = new u();
+		o.setSurface(r), o.configure(n);
+		let s = /* @__PURE__ */ new Map(), c = (e, t) => {
+			s.has(e) || s.set(e, e.getAttribute("aria-expanded")), e.setAttribute("aria-expanded", String(t));
+		};
+		n.trigger === "click" && !n.filter && c(e, !1), o.onShow = (e) => {
+			f().includes("click") && c(e.target, !0), this.context = e, this.load(e);
+		}, o.onHide = () => {
+			this.abort?.abort(), this.generation++, this.loading = !1, r.removeAttribute("aria-busy"), this.target() && s.has(this.target()) && c(this.target(), !1);
 		};
-		let l = () => {
-			a.show(e), o && e.setAttribute("aria-expanded", String(a.isOpen));
-		}, u = () => a.isOpen ? a.hide() : l(), d = () => a.focus(e), p = () => a.blur(), m = () => a.leave(e), h = () => {
-			a.pointerDown(), a.hide();
-		}, g = (e) => a.keyDown(e);
-		return o ? e.addEventListener("click", u) : (e.addEventListener("pointerenter", l), e.addEventListener("pointerleave", m), e.addEventListener("focus", d), e.addEventListener("blur", p), e.addEventListener("pointerdown", h), e.addEventListener("keydown", g)), this.release = () => {
-			a.destroy(), e.removeEventListener("click", u), e.removeEventListener("pointerenter", l), e.removeEventListener("pointerleave", m), e.removeEventListener("focus", d), e.removeEventListener("blur", p), e.removeEventListener("pointerdown", h), e.removeEventListener("keydown", g), o && (c === null ? e.removeAttribute("aria-expanded") : e.setAttribute("aria-expanded", c)), n.surface || r(i);
-		}, () => this.destroy();
+		let l = (t) => {
+			if (!this.options.filter) return e;
+			let n = t.target?.closest?.(this.options.filter);
+			return n && e.contains(n) ? n : void 0;
+		}, f = () => Array.isArray(this.options.trigger) ? this.options.trigger : this.options.trigger === "manual" ? [] : this.options.trigger === "click" ? ["click"] : this.options.trigger === "focus" ? ["focus"] : ["hover", "focus"], p = [
+			[n.filter ? "pointerover" : "pointerenter", (e) => {
+				let t = l(e), n = e.relatedTarget;
+				n && t?.contains(n) || t && f().includes("hover") && e.pointerType !== "touch" && this.reveal(t, "hover", e);
+			}],
+			[n.filter ? "pointerout" : "pointerleave", (e) => {
+				let t = l(e);
+				if (!t || t !== this.target()) return;
+				let n = e.relatedTarget;
+				n && t.contains(n) || o.leave(t, e);
+			}],
+			["focus", (e) => {
+				let t = l(e);
+				t && f().includes("focus") && this.reveal(t, "focus", e);
+			}],
+			["blur", (e) => {
+				let t = l(e);
+				t && t === this.target() && o.blur(e);
+			}],
+			["pointerdown", (e) => {
+				o.pointerDown(), this.options.hideOnClick !== !1 && !f().includes("click") && o.hide("press", e);
+			}],
+			["keydown", (e) => {
+				(!f().includes("click") || e.key === "Escape") && o.keyDown(e);
+			}],
+			["click", (e) => {
+				let t = l(e);
+				t && (f().includes("click") ? this.isOpen && this.target() === t ? o.hide("click", e) : this.reveal(t, "click", e) : this.options.hideOnClick !== !1 && o.hide("press", e));
+			}]
+		];
+		for (let [t, n] of p) e.addEventListener(t, n, !0);
+		return this.release = () => {
+			this.abort?.abort(), this.generation++;
+			for (let [t, n] of p) e.removeEventListener(t, n, !0);
+			o.destroy(), a(r, null);
+			for (let [e, t] of s) t === null ? e.removeAttribute("aria-expanded") : e.setAttribute("aria-expanded", t);
+			n.surface || i(r);
+		}, n.filter || (this.context = {
+			target: e,
+			reason: "imperative"
+		}, this.renderCurrent()), e.ownerDocument.activeElement === e && f().includes("focus") && this.reveal(e, "focus"), () => this.destroy();
+	}
+	update(e) {
+		this.options.loadContent && !e.loadContent && (this.abort?.abort(), this.generation++, this.loading = !1, this.asyncContent = void 0, this.element?.removeAttribute("aria-busy")), this.options = e, this.session?.configure(e), e.id && this.element && !this.isOpen && (this.element.id = e.id), this.isOpen && !this.loading && this.renderCurrent();
+	}
+	setContent(e) {
+		this.content = e, this.isOpen && !this.loading && this.renderCurrent();
+	}
+	show(e = this.target() ?? this.root) {
+		e && this.reveal(e, "imperative");
+	}
+	hide() {
+		this.session?.hide();
+	}
+	toggle(e = this.target() ?? this.root) {
+		this.isOpen ? this.hide() : this.show(e);
+	}
+	setOpen(e, t = this.target() ?? this.root) {
+		e && t ? this.reveal(t, "controlled") : this.session?.hide("controlled");
+	}
+	refresh() {
+		this.isOpen && this.context && this.load(this.context), this.session?.refresh();
 	}
 	destroy() {
-		this.release?.(), this.release = void 0;
+		this.release?.(), this.release = void 0, this.session = void 0, this.root = void 0, this.context = void 0, this.abort = void 0, this.asyncContent = void 0, this.renderedNode = void 0, this.renderedNodes = [];
 	}
 };
 //#endregion
-export { d as PopoverController, p as TooltipController, f as createTooltipElement };
+export { p as PopoverController, h as TooltipController, m as createTooltipElement };

package/core/popup-ownership.d.ts

@@ -1,2 +1,2 @@
-/** Includes portalled descendants linked by their owning trigger's aria-controls. */
+/** Includes semantic popups and auxiliary controls sharing their portalled surface. */
 export declare function ownsPopupTarget(root: HTMLElement | null | undefined, target: Node | null): boolean;