@keenmate/web-grid 1.0.0 → 1.0.1

package/README.md

@@ -779,9 +779,18 @@ The manifest follows the [component-variables schema](https://raw.githubusercont
 
 Dark mode is triggered automatically by:
 - OS preference: `@media (prefers-color-scheme: dark)`
-- Attribute: `data-theme="dark"` on ancestor
-- Bootstrap: `data-bs-theme="dark"` on ancestor
-- Class: `.dark` on ancestor (Tailwind CSS)
+- Attribute: `data-theme="dark"` on any ancestor or host element
+- Bootstrap: `data-bs-theme="dark"` on any ancestor or host element
+- Class: `.dark` on any ancestor (Tailwind CSS)
+
+To **force light mode** when the OS is in dark mode, set one of:
+- Attribute: `data-theme="light"` on any ancestor or host element
+- Bootstrap: `data-bs-theme="light"` on any ancestor or host element
+- Class: `.light` on any ancestor (Tailwind CSS)
+
+This is useful when your app manages its own theme (e.g. via a toggle) and needs to override the OS preference. The light mode selectors restore the `--base-*` fallback chain so theme-designer values are respected.
+
+Ancestor detection uses `:host-context()` to cross shadow DOM boundaries (Chrome 88+, Firefox 128+, Safari 15.4+).
 
 ### Dynamic Cell & Row Styling
 

package/dist/modules/toolbar/index.d.ts

@@ -33,7 +33,7 @@ export declare function renderToolbarHTML<T>(items: NormalizedToolbarItem<T>[],
 /**
  * Open toolbar for a specific row
  */
-export declare function openToolbar<T>(ctx: GridContext<T>, rowElement: HTMLElement, rowIndex: number, items: NormalizedToolbarItem<T>[], row: T, onItemClick: (item: NormalizedToolbarItem<T>) => void, cursorX?: number): void;
+export declare function openToolbar<T>(ctx: GridContext<T>, rowElement: HTMLElement, rowIndex: number, items: NormalizedToolbarItem<T>[], row: T, onItemClick: (item: NormalizedToolbarItem<T>, event: MouseEvent, triggerElement: HTMLElement) => void, cursorX?: number): void;
 /**
  * Close the active toolbar
  */

package/dist/types.d.ts

@@ -125,6 +125,7 @@ export type Column<T> = {
     isEditButtonVisible?: boolean;
     tooltipMember?: string;
     tooltipCallback?: (value: unknown, row: T) => string | null;
+    isTooltipHtml?: boolean;
     beforeCopyCallback?: (value: unknown, row: T) => string;
     beforePasteCallback?: (value: string, row: T) => unknown;
     validationTooltipCallback?: (context: ValidationTooltipContext<T>) => string | null;
@@ -196,6 +197,8 @@ export type ToolbarClickDetail<T> = {
     item: NormalizedToolbarItem<T>;
     rowIndex: number;
     row: T;
+    event: MouseEvent;
+    triggerElement: HTMLElement;
 };
 export type RowActionType = PredefinedToolbarItemType;
 export type RowActionClickDetail<T> = {