optikos 0.4.0 → 0.5.1

package/dist/types/components/data/grouping/grouping.d.ts

@@ -1,6 +1,9 @@
 import type { Model } from '../../../data/model.js';
-import type { Column } from '../../../data/column.js';
+import { summarize } from '../../../data/column.js';
+import { type GroupChoice, type GroupingControl } from './controls.js';
 import type { GridPlugin } from '../grid/grid.js';
+export { summarize };
+export type { GroupChoice, GroupingControl };
 export interface GroupingOptions {
     /** Record field to group by. */
     field?: string;
@@ -12,6 +15,14 @@ export interface GroupingOptions {
     summary?: 'group' | 'grand' | 'both';
     /** Start with every group closed. */
     collapsed?: boolean;
+    /** Icon buttons inside the grid, beside the pager: expand all, collapse all and, with `choices`, a "Group by" menu. `false` leaves one out. */
+    controls?: boolean | {
+        expand?: boolean;
+        collapse?: boolean;
+        by?: boolean;
+    };
+    /** The ways to group offered by the controls' menu (a field or a function each). */
+    choices?: GroupChoice[];
 }
 export interface Grouping extends GridPlugin {
     expandAll(): void;
@@ -20,9 +31,10 @@ export interface Grouping extends GridPlugin {
     setGroupBy(by: string | ((rec: Model) => unknown) | null): void;
     /** Opens or closes one group by its key. */
     toggle(key: unknown, open?: boolean): void;
+    /** The in-grid controls: show or hide one. */
+    setControlVisible(control: GroupingControl, visible: boolean): void;
+    setControlDisabled(control: GroupingControl, disabled: boolean): void;
 }
-/** The value of a column's `summary` over some records. */
-export declare function summarize(col: Column, recs: Model[]): unknown;
 /**
  * Groups the rows of the current page (a remote store groups what it loaded, not the whole set) under a header with
  * its count; the header toggles by click, Enter/Space, → and ←. Sorting works inside each group. Group headers and total

package/dist/types/components/data/quicksearch/quicksearch.d.ts

@@ -0,0 +1,13 @@
+import type { GridPlugin } from '../grid/grid.js';
+export interface QuickSearchOptions {
+    /** The record fields the text is looked for in (any of them matching keeps the row). */
+    fields: string[];
+    /** ms after the last key before filtering. Default 250. */
+    delay?: number;
+    placeholder?: string;
+}
+/**
+ * A search box inside the grid, in the row with the pager: what is typed keeps the rows where any of `fields` contains
+ * it. Other filters (a FilterBuilder) keep working beside it; a filter that replaces them clears the box.
+ */
+export declare function quickSearch(options: QuickSearchOptions): GridPlugin;

package/dist/types/components/data/timeentry/timeentry.d.ts

@@ -0,0 +1,37 @@
+import type { TimelineItem, TimelinePlugin } from '../timeline/timeline.js';
+export interface TimeEntryOptions {
+    /** Minutes everything snaps to. Default 15. */
+    step?: number;
+    /** Shortest entry, in minutes. Default `step`. */
+    minDuration?: number;
+    /** Length of an entry created with the keyboard, in minutes. Default 60. */
+    duration?: number;
+    /** `false` keeps two entries of one lane from overlapping: a drag stops at the neighbour, a move is refused. Default `true`. */
+    overlap?: boolean;
+    /** Let an entry change lane (drag up/down, ↑/↓). Default `false`. */
+    moveAcrossLanes?: boolean;
+    /** Minutes a lane should add up to: its total is `is-under`, `is-met` or `is-over` that. */
+    target?: number;
+    /** Return `false` to lock an entry (approved, invoiced): it cannot be moved, resized, edited or removed. */
+    editable?: (item: TimelineItem) => boolean;
+    /** Fields of a new entry besides `lane`, `start` and `end`. */
+    defaults?: Partial<TimelineItem>;
+    /**
+     * Opens your own dialog to fill a new entry (`'create'`, after the drag or Enter) or to edit one (`'edit'`, double click
+     * or Enter on a block). Resolve with the fields to set (`title`, `text`, ...), or with `false` to cancel.
+     */
+    form?: (item: TimelineItem, mode: 'create' | 'edit') => Promise<Partial<TimelineItem> | false | void> | Partial<TimelineItem> | false | void;
+}
+/** A duration in minutes as people write it: `7h30`, `8h`, `45m`. */
+export declare function formatDuration(minutes: number): string;
+/**
+ * Creates, moves, resizes and removes entries on a `range` Timeline: drag an empty lane to create, drag a block to move,
+ * its ends to resize; the same with the keyboard (see the ficha). Snaps to `step`, keeps to `from`/`to`, can forbid
+ * overlap and lock entries. Shows each lane's total (and a grand total) against `target`.
+ *
+ * Events on the timeline: `before-create({ lane, start, end })` → `create(item)`, `before-change(item, next, old)` →
+ * `change(item, next, old)`, `before-remove(item)` → `remove(item)`, `edit(item)` (double click, Enter). With a `store`
+ * the records are updated here (the app saves); without, the `items` are.
+ * Touch: a block drags at once; an empty lane needs a long press (about half a second) so a swipe still scrolls.
+ */
+export declare function timeEntry(options?: TimeEntryOptions): TimelinePlugin;

package/dist/types/components/data/timeline/timeline.d.ts

@@ -27,6 +27,8 @@ export interface TimelineConfig extends ComponentConfig {
     to?: string;
     /** `range`: a marker at the current time. Default true. */
     now?: boolean;
+    /** `range`: `horizontal` (time runs left to right, one row per lane, default) or `vertical` (time runs top to bottom, one column per lane). */
+    direction?: 'horizontal' | 'vertical';
     /** Optional features (`timeEntry()`...). See `TimelinePlugin`. */
     plugins?: TimelinePlugin[];
 }
@@ -39,6 +41,7 @@ export interface TimelineScale {
     lo: number;
     hi: number;
     clock: boolean;
+    vertical: boolean;
     parse(v: string): number;
     format(ms: number): string;
 }

package/dist/types/components/exportbar.d.ts

@@ -0,0 +1 @@
+export * from '../components/data/exportbar/exportbar.js';

package/dist/types/components/feedback/alert/alert.d.ts

@@ -0,0 +1,28 @@
+import { Component, type ComponentConfig } from '../../../core/component.js';
+export type AlertTone = 'info' | 'success' | 'warning' | 'danger';
+export interface AlertConfig extends ComponentConfig {
+    /** Default `info`. */
+    tone?: AlertTone;
+    title?: string;
+    text?: string;
+    /** Default by tone; `false` leaves it out. */
+    icon?: string | false;
+    /** A close button: hides the alert and fires `close`. */
+    closable?: boolean;
+    /** Default `alert` for `warning` and `danger` (read at once), `status` for the others (read when idle). */
+    role?: 'alert' | 'status' | 'note';
+}
+/** A message in the page, not over it: a form error, "nothing here yet", a notice. */
+export declare class Alert extends Component<AlertConfig> {
+    protected baseCls: string;
+    private titleEl;
+    private textEl;
+    private iconEl;
+    protected onRender(): void;
+    setTone(tone: AlertTone): void;
+    setIcon(icon: string | false | undefined): void;
+    setTitle(title: string): void;
+    setText(text: string): void;
+    /** Hides it and fires `close`; `show()` brings it back. */
+    close(): void;
+}

package/dist/types/components/fields/datetimefield/datetimefield.d.ts

@@ -7,6 +7,8 @@ export interface DateTimeFieldConfig extends FieldConfig<string | null> {
     step?: number;
     /** The value is the ISO instant (`2026-11-10T17:30:00.000Z`) of what the user typed, in their time zone. Default: the local `YYYY-MM-DDTHH:mm`. */
     utc?: boolean;
+    /** `HH:mm` used (and shown) when only the date is filled in, e.g. `'23:59'` for an end date. */
+    defaultTime?: string;
 }
 /** A date and a time of day side by side. The value is one ISO string (local, or UTC with `utc`) or null. */
 export declare class DateTimeField extends Field<string | null, DateTimeFieldConfig> {

package/dist/types/components/fields/maskfield/maskfield.d.ts

@@ -1,5 +1,5 @@
 import { TextField, type TextFieldConfig } from '../textfield/textfield.js';
-export interface MaskFieldConfig extends TextFieldConfig {
+export interface MaskFieldConfig extends TextFieldConfig<string | null> {
     /**
      * The pattern: `0` a digit, `A` a letter, `*` any character, `\` makes the next character a literal. A list picks the
      * pattern by length: `['000.000.000-00', '00.000.000/0000-00']` is a CPF until the 12th digit, then a CNPJ.
@@ -8,19 +8,38 @@ export interface MaskFieldConfig extends TextFieldConfig {
     mask: string | string[];
     /** The value is only what was typed into the slots (`12345678900`), not the formatted text (`123.456.789-00`). Default false. */
     raw?: boolean;
+    /**
+     * A value the app already holds but only shows masked (`'***.***.***-12'`): it is displayed read-only, `getValue()` is
+     * `null` while untouched (keep what is saved), and typing (or Enter) replaces it. Esc on an empty replacement keeps it.
+     */
+    stored?: string;
 }
 /** A text field that formats what is typed into a pattern (phone, tax id, postal code, plate...). */
-export declare class MaskField extends TextField<string, MaskFieldConfig> {
+export declare class MaskField extends TextField<string | null, MaskFieldConfig> {
     protected baseCls: string;
     private masks;
+    private keeping;
+    constructor(config: MaskFieldConfig);
     private compiled;
     /** What was typed into the slots: the literals of the patterns are dropped (with a `*` slot, only where the text repeats one). */
     private extract;
     private pick;
     private format;
     private norm;
-    protected display(v: string): string;
-    setValue(v: string, silent?: boolean): void;
+    protected display(v: string | null): string;
+    /** A saved value that was not touched counts as filled in (so `required` is satisfied). */
+    protected isEmpty(v: string | null): boolean;
+    getValue(): string | null;
+    setValue(v: string | null, silent?: boolean): void;
+    /** `true` while the saved value is shown and nothing has replaced it. */
+    isStored(): boolean;
+    /** Back to the saved value (what Esc does on an empty replacement). */
+    keepStored(): void;
+    /** Opens the field for a new value. */
+    replaceStored(): void;
+    private showStored;
+    protected applyValue(v: string | null): void;
+    protected onRender(): void;
     protected createControl(): HTMLDivElement;
     protected onInput(): void;
     protected check(): string;

package/dist/types/components/layout/carousel/carousel.d.ts

@@ -13,6 +13,12 @@ export interface CarouselConfig extends ContainerConfig {
     /** Default `true`. */
     arrows?: boolean;
     active?: number;
+    /** `slide` (default) scrolls the row; `fade` stacks the items and cross-fades them (one at a time, no swipe). */
+    transition?: 'slide' | 'fade';
+    /** Puts the dots, the play button and the caption over the bottom of the content, on a scrim. */
+    overlay?: boolean;
+    /** One caption per item, shown for the active one. */
+    captions?: string[];
 }
 /** Pages through its items on a scroll-snap row: images, cards or any component. */
 export declare class Carousel extends Container<CarouselConfig> {
@@ -22,6 +28,7 @@ export declare class Carousel extends Container<CarouselConfig> {
     private nextBtn;
     private dotsEl;
     private toggleBtn;
+    private captionEl;
     private index;
     private stopped;
     private scrollTimer?;
@@ -40,6 +47,7 @@ export declare class Carousel extends Container<CarouselConfig> {
     private set;
     /** Slides, dots, arrows: everything that follows the item count or the active one. */
     private refresh;
+    setCaptions(captions: string[]): void;
     getActive(): number;
     /** Goes to item `i` (kept between 0 and the last position). `before-change` can cancel. */
     goTo(i: number): void;

package/dist/types/components/navigation/navmenu/navmenu.d.ts

@@ -19,6 +19,8 @@ export interface NavMenuConfig extends ComponentConfig {
     active?: string;
     /** Rail: icons only. */
     collapsed?: boolean;
+    /** Width (px or CSS) the parent container takes while collapsed, and gives back on expand: the sidebar follows the rail. */
+    railWidth?: number | string;
     /** Opening a group closes the others at its level. */
     accordion?: boolean;
 }
@@ -36,6 +38,7 @@ export declare class NavMenu extends Component<NavMenuConfig> {
     private flyout?;
     private flyoutOf?;
     private hoverTimer?;
+    private parentWidth?;
     protected onRender(): void;
     getItem(id: string, list?: NavItem[]): NavItem | undefined;
     private parentsOf;
@@ -63,6 +66,7 @@ export declare class NavMenu extends Component<NavMenuConfig> {
     /** Rail mode: a group's children in a Menu beside its icon (title as the header, badges kept). */
     private openFlyout;
     setCollapsed(collapsed: boolean): void;
+    private fit;
     /** Hides what does not match and opens the groups that have a match; empty text clears the filter. */
     filter(text: string): void;
     private rows;

package/dist/types/components/quicksearch.d.ts

@@ -0,0 +1 @@
+export * from '../components/data/quicksearch/quicksearch.js';

package/dist/types/components/timeentry.d.ts

@@ -0,0 +1 @@
+export * from '../components/data/timeentry/timeentry.js';

package/dist/types/core/component.d.ts

@@ -17,8 +17,11 @@ export interface ComponentConfig {
     /** A permission name: without it (per `setPermissionResolver`) the component is hidden, or disabled with `permissionMode: 'disable'`. */
     permission?: string;
     permissionMode?: 'hide' | 'disable';
-    /** Component-scoped tokens: `{ radius: '0' }` on a button sets `--op-button-radius`. Keys starting with `--` are used as is. */
-    theme?: Record<string, string | number>;
+    /**
+     * Component-scoped tokens: `{ radius: '0' }` on a button sets `--op-button-radius` (keys starting with `--` are used as is).
+     * A string names themes for this component and everything inside it: `'dark'`, `'dark tenant-dark'` (the `data-op-theme` attribute).
+     */
+    theme?: string | Record<string, string | number>;
     /**
      * Default `true`: the component keeps its size when only its *state* changes (loading, searching, invalid).
      * The CSS reserves room for the state's extra content instead of growing. `false` lets it fit the content.
@@ -92,7 +95,7 @@ export declare class Component<C extends ComponentConfig = ComponentConfig> exte
     setFlex(v: number | string): void;
     setStableSize(stable: boolean): void;
     setTooltip(text: string): void;
-    setTheme(theme: Record<string, string | number>): void;
+    setTheme(theme: string | Record<string, string | number>): void;
     /** Shows (or removes) a loading mask. A string is shown as text under the spinner. */
     setLoading(loading: boolean | string): void;
     /** The element that receives focus on `focus()`. */

package/dist/types/core/container.d.ts

@@ -13,6 +13,8 @@ export interface TabPanelConfig {
 export interface ContainerConfig extends ComponentConfig, TabPanelConfig {
     items?: Array<AnyConfig | Component | string>;
     layout?: LayoutSpec;
+    /** Shortcut for the layout option of the same name: under this width (px) a `border` layout turns its west/east regions into drawers and numeric `columns` collapse to one. */
+    narrowBelow?: number;
     /** Config merged into every item that does not set the key itself. */
     defaults?: Record<string, unknown>;
     /** `type` used by items that do not declare one. */

package/dist/types/data/column.d.ts

@@ -20,13 +20,13 @@ export interface Column<T extends Record<string, any> = any> {
     hidden?: boolean;
     /** Pinned to the start or the end while the body scrolls sideways (give it a `width`; default 140). The columns of one edge stay together. */
     locked?: 'start' | 'end';
-    /** With the `grouping()` plugin: what the total row shows for this column. */
+    /** With `grouping()` or `columnTotals()`: what the total shows. Numbers: `sum`, `avg`, `min`, `max`, `count`; dates: `min` (earliest), `max` (latest), `count`; or your own function of the values. */
     summary?: 'sum' | 'avg' | 'min' | 'max' | 'count' | ((values: any[], recs: Model<T>[]) => unknown);
     /** Text for the total of this column (default: the column's `format`, else the plain value). */
     summaryRenderer?: (value: any, col: Column<T>) => string | Node;
     /** Left out while `setPermissionResolver` denies it. */
     permission?: string;
-    /** Name registered with `registerFormat` (`money`, `date`, `number`, `percent`, `bool`) or a function. */
+    /** Name registered with `registerFormat` (`money`, `date`, `number`, `percent`, `bool`, `duration`: minutes as `7h 30m`) or a function. */
     format?: string | Formatter;
     /** Full control over the cell content. Text is escaped; return a Node for markup. */
     renderer?: (value: any, rec: Model<T>, col: Column<T>) => string | Node;
@@ -38,3 +38,5 @@ export interface Column<T extends Record<string, any> = any> {
 }
 /** Cell content for a record: `renderer` first, then `format`, then the plain value. */
 export declare function cellContent<T extends Record<string, any>>(col: Column<T>, rec: Model<T>): string | Node;
+/** The value of a column's `summary` over some records. */
+export declare function summarize(col: Column, recs: Model[]): unknown;

package/dist/types/index.d.ts

@@ -3,6 +3,7 @@ export * from './data/index.js';
 export * from './themes/index.js';
 export * from './motion/index.js';
 export * from './ui/index.js';
+export * from './build/index.js';
 export * from './components/base/avatar/avatar.js';
 export * from './components/base/badge/badge.js';
 export * from './components/base/button/button.js';
@@ -16,21 +17,26 @@ export * from './components/charts/chart/chart.js';
 export * from './components/charts/stat/stat.js';
 export * from './components/chat/chat/chat.js';
 export * from './components/data/cellediting/cellediting.js';
+export * from './components/data/columntotals/columntotals.js';
 export * from './components/data/dataview/dataview.js';
+export * from './components/data/exportbar/exportbar.js';
 export * from './components/data/filterbuilder/filterbuilder.js';
 export * from './components/data/grid/grid.js';
 export * from './components/data/gridexport/gridexport.js';
 export * from './components/data/gridstate/gridstate.js';
 export * from './components/data/grouping/grouping.js';
 export * from './components/data/pagination/pagination.js';
+export * from './components/data/quicksearch/quicksearch.js';
 export * from './components/data/rowediting/rowediting.js';
 export * from './components/data/searchgrid/searchgrid.js';
 export * from './components/data/table/table.js';
+export * from './components/data/timeentry/timeentry.js';
 export * from './components/data/timeline/timeline.js';
 export * from './components/data/tree/tree.js';
 export * from './components/data/treegrid/treegrid.js';
 export * from './components/data/viewmanager/viewmanager.js';
 export * from './components/dates/calendar/calendar.js';
+export * from './components/feedback/alert/alert.js';
 export * from './components/feedback/spinner/spinner.js';
 export * from './components/fields/checkbox/checkbox.js';
 export * from './components/fields/checkboxgroup/checkboxgroup.js';

package/dist/types/layout/layout.d.ts

@@ -16,8 +16,13 @@ export interface Layout {
     isNarrow?(): boolean;
     setNarrow?(narrow: boolean): void;
 }
+/** `type` plus that layout's options; the common ones are typed for the editor. */
 export type LayoutConfig = {
     type: string;
+    narrowBelow?: number;
+    gap?: number | string;
+    columns?: number | string;
+    open?: 'west' | 'east';
     [option: string]: unknown;
 };
 export type LayoutSpec = string | LayoutConfig | Layout;

package/dist/ui.js

@@ -1,2 +1,2 @@
-import{a,b,c,d,e,f,g,h,i,j,k}from"./chunk-YXOKWCYS.js";import"./chunk-DWA45BWR.js";import"./chunk-3FCIZKIN.js";import"./chunk-ZSPJZ3ZH.js";import"./chunk-NNR2FNHG.js";import"./chunk-CFGCB37K.js";import"./chunk-U5L76VVB.js";import"./chunk-P4O57S6N.js";import"./chunk-S2CMWKVB.js";import"./chunk-TQPQ4UEA.js";import"./chunk-M7FNPRV4.js";import"./chunk-6PZPBPAD.js";import"./chunk-JJLOUMCJ.js";import"./chunk-4CWYF4O7.js";import"./chunk-5PWPAN62.js";import"./chunk-5BMG5ZBY.js";import"./chunk-JE56CJX2.js";import"./chunk-UQRQH2JW.js";import"./chunk-HRW25TMU.js";import"./chunk-3F4MN2BU.js";import"./chunk-SEW5OCQF.js";import"./chunk-Z6L55FTN.js";import"./chunk-643FOYQB.js";import"./chunk-CMV3F6HR.js";import"./chunk-N2LS4JD6.js";import"./chunk-H25XXQVH.js";import"./chunk-IUOEPAWG.js";import"./chunk-AQ3RTHG5.js";import"./chunk-R32HPK7R.js";import"./chunk-4AZ44KV4.js";import"./chunk-GEJKFE4X.js";import"./chunk-GFFZTFQH.js";import"./chunk-BCVOUMJJ.js";import"./chunk-MNSDGJKA.js";import"./chunk-RG6SHPHF.js";import"./chunk-2YRQULDC.js";import"./chunk-HLS5FI55.js";import"./chunk-DIOJGTUN.js";import"./chunk-BQEFLPDA.js";import"./chunk-2GKIF7A6.js";import"./chunk-OWEQT2HN.js";import"./chunk-E4VNLYO2.js";import"./chunk-676AKAGF.js";import"./chunk-XR677UYD.js";import"./chunk-VV7CFMPZ.js";import"./chunk-TIPK3SCJ.js";import"./chunk-2HNQ2XRY.js";import"./chunk-XQHATUKN.js";import"./chunk-L5SQQFO7.js";import"./chunk-6NCXO5ZP.js";import"./chunk-4AA4FQEM.js";import"./chunk-2UPUC4RK.js";import"./chunk-V5G5JECN.js";import"./chunk-UDXO3KM3.js";import"./chunk-PZSHOSOS.js";import"./chunk-3VDLX7ET.js";import"./chunk-S4QD5NID.js";import"./chunk-4C666HHU.js";export{d as Direction,c as LabelPos,g as LayoutKind,j as Op,e as Region,h as Selection,f as Side,k as ThemeName,i as ToastType,b as Variant,a as ui};
+import{a as b,b as c,c as d,d as e,e as f,f as g,g as h,h as i,i as j,j as k}from"./chunk-LLHDEUIA.js";import{a}from"./chunk-WWETTEUZ.js";import"./chunk-VADYSXHY.js";import"./chunk-J6D4T4WY.js";import"./chunk-GYGX4VYF.js";import"./chunk-OQFQDTLL.js";import"./chunk-MMPPDQ2E.js";import"./chunk-XI4IBUE3.js";import"./chunk-MBRCE5A7.js";import"./chunk-EO2IXU2W.js";import"./chunk-4DW5WBZB.js";import"./chunk-NAWQBQ57.js";import"./chunk-I5KHVFJ4.js";import"./chunk-YRCR5ELY.js";import"./chunk-NYXRPWIB.js";import"./chunk-BHKI2SU3.js";import"./chunk-MRDX3RVJ.js";import"./chunk-LRUKKIYA.js";import"./chunk-IB5T27PW.js";import"./chunk-JF4WPGJQ.js";import"./chunk-WVJSNE6Q.js";import"./chunk-R52OSARY.js";import"./chunk-DHUBCB4H.js";import"./chunk-VOCGAAG7.js";import"./chunk-TJJL2GSJ.js";import"./chunk-5WE2JOBY.js";import"./chunk-IE7KRNFJ.js";import"./chunk-EQ4IWYLW.js";import"./chunk-FTZMF2QX.js";import"./chunk-H2KFAM7L.js";import"./chunk-TJXH3F7Z.js";import"./chunk-6IXVTWFH.js";import"./chunk-BPCD37A2.js";import"./chunk-NBR5IRZT.js";import"./chunk-SQTM4QFP.js";import"./chunk-OVEQUN4V.js";import"./chunk-VCYCNSJY.js";import"./chunk-KVUELLYF.js";import"./chunk-QT5JRZZJ.js";import"./chunk-2GKIF7A6.js";import"./chunk-OWEQT2HN.js";import"./chunk-U5RENLU4.js";import"./chunk-E4VNLYO2.js";import"./chunk-676AKAGF.js";import"./chunk-VV7CFMPZ.js";import"./chunk-RI62AESU.js";import"./chunk-TIPK3SCJ.js";import"./chunk-KMBTJ5AG.js";import"./chunk-PZSHOSOS.js";import"./chunk-IODSL7KU.js";import"./chunk-XFDNXSU5.js";import"./chunk-L5SQQFO7.js";import"./chunk-3VDLX7ET.js";import"./chunk-S4QD5NID.js";import"./chunk-6NCXO5ZP.js";import"./chunk-4AA4FQEM.js";import"./chunk-2UPUC4RK.js";import"./chunk-V5G5JECN.js";import"./chunk-4C666HHU.js";export{d as Direction,c as LabelPos,g as LayoutKind,j as Op,e as Region,h as Selection,f as Side,k as ThemeName,i as ToastType,b as Variant,a as ui};
 //# sourceMappingURL=ui.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "optikos",
-  "version": "0.4.0",
+  "version": "0.5.1",
   "description": "Declarative UI components in plain TypeScript: forms, grids, windows and themes. No runtime dependencies.",
   "keywords": [
     "ui",
@@ -51,6 +51,10 @@
       "types": "./dist/types/ui/index.d.ts",
       "import": "./dist/ui.js"
     },
+    "./build": {
+      "types": "./dist/types/build/index.d.ts",
+      "import": "./dist/build.js"
+    },
     "./testing": {
       "types": "./dist/types/testing/index.d.ts",
       "import": "./dist/testing.js"

package/dist/chunk-2HNQ2XRY.js

@@ -1,2 +0,0 @@
-import{b as t}from"./chunk-XQHATUKN.js";function a(e,n){let r=n.data[e.field];return e.renderer?e.renderer(r,n,e):e.format?t(e.format,r):r==null?"":String(r)}export{a};
-//# sourceMappingURL=chunk-2HNQ2XRY.js.map

package/dist/chunk-2HNQ2XRY.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/data/column.ts"],
-  "sourcesContent": ["import { format, type Formatter } from './format';\nimport type { Model } from './model';\n\n/** A grid/table column. `T` is the record shape: `field` then autocompletes its keys (any string still works). */\nexport interface Column<T extends Record<string, any> = any> {\n  field: Extract<keyof T, string> | (string & {});\n  header?: string;\n  /** Fixed width in px. */\n  width?: number;\n  /** Share of the free space (like CSS `fr`). Default 1 when there is no `width`. */\n  flex?: number;\n  /** A label that groups columns (\"Identification\", \"Values\"...): a band over the header and sections in the column menu. */\n  group?: string;\n  minWidth?: number;\n  /** Upper bound when the user resizes it. */\n  maxWidth?: number;\n  /** `false` keeps a column's width fixed even when the grid has `resizableColumns`. */\n  resizable?: boolean;\n  align?: 'left' | 'center' | 'right';\n  sortable?: boolean;\n  hidden?: boolean;\n  /** Pinned to the start or the end while the body scrolls sideways (give it a `width`; default 140). The columns of one edge stay together. */\n  locked?: 'start' | 'end';\n  /** With the `grouping()` plugin: what the total row shows for this column. */\n  summary?: 'sum' | 'avg' | 'min' | 'max' | 'count' | ((values: any[], recs: Model<T>[]) => unknown);\n  /** Text for the total of this column (default: the column's `format`, else the plain value). */\n  summaryRenderer?: (value: any, col: Column<T>) => string | Node;\n  /** Left out while `setPermissionResolver` denies it. */\n  permission?: string;\n  /** Name registered with `registerFormat` (`money`, `date`, `number`, `percent`, `bool`) or a function. */\n  format?: string | Formatter;\n  /** Full control over the cell content. Text is escaped; return a Node for markup. */\n  renderer?: (value: any, rec: Model<T>, col: Column<T>) => string | Node;\n  cls?: string;\n  /** With the `cellEditing()` grid plugin: `true` (an editor for the value's type), a field type (`'select'`) or a field config. */\n  editor?: boolean | string | Record<string, any>;\n  /** With `cellEditing()`: whether this record's cell can be edited (default: every record, when `editor` is set). */\n  editable?: (rec: Model<T>) => boolean;\n}\n\n/** Cell content for a record: `renderer` first, then `format`, then the plain value. */\nexport function cellContent<T extends Record<string, any>>(col: Column<T>, rec: Model<T>): string | Node {\n  const v = rec.data[col.field];\n  if (col.renderer) return col.renderer(v, rec, col);\n  if (col.format) return format(col.format, v);\n  return v == null ? '' : String(v);\n}\n"],
-  "mappings": "wCAyCO,SAASA,EAA2CC,EAAgBC,EAA8B,CACvG,IAAMC,EAAID,EAAI,KAAKD,EAAI,KAAK,EAC5B,OAAIA,EAAI,SAAiBA,EAAI,SAASE,EAAGD,EAAKD,CAAG,EAC7CA,EAAI,OAAeG,EAAOH,EAAI,OAAQE,CAAC,EACpCA,GAAK,KAAO,GAAK,OAAOA,CAAC,CAClC",
-  "names": ["cellContent", "col", "rec", "v", "format"]
-}

package/dist/chunk-5PWPAN62.js

@@ -1,2 +0,0 @@
-import{a as g}from"./chunk-2YRQULDC.js";import{a as d}from"./chunk-TIPK3SCJ.js";import{e as h,f as m}from"./chunk-S4QD5NID.js";h("en",{maskIncomplete:"Complete the format {mask}"});h("pt-BR",{maskIncomplete:"Complete o formato {mask}"});var f={0:/\d/,A:/\p{L}/u,"*":/./su};function u(l){let t=[];for(let e=0;e<l.length;e++){let i=l[e];i==="\\"&&e+1<l.length?t.push({lit:l[++e]}):t.push(i in f?{kind:i}:{lit:i})}return t}var c=l=>l.filter(t=>"kind"in t).length,p=class extends g{baseCls="op-field op-textfield op-maskfield";masks=[];compiled(){let t=this.config.mask;return this.masks=(Array.isArray(t)?t:[t]).map(u).sort((e,i)=>c(e)-c(i))}extract(t){let e=this.masks.length?this.masks:this.compiled(),i=new Set(e.flatMap(r=>r.flatMap(o=>"lit"in o?[o.lit]:[]))),s=e.some(r=>r.some(o=>"kind"in o&&o.kind==="*")),n="";for(let r of t)i.has(r)&&(!s||!/[\p{L}\d]/u.test(r))||(n+=r);return n}pick(t){let e=this.masks.length?this.masks:this.compiled();return e.find(i=>c(i)>=t.length)??e[e.length-1]}format(t,e=this.pick(t)){let i="",s=0;for(let n of e){if(s>=t.length)break;if("lit"in n){i+=n.lit;continue}for(;s<t.length&&!f[n.kind].test(t[s]);)s++;s<t.length&&(i+=t[s++])}return i}norm(t){let e=this.format(this.extract(t??""));return this.config.raw?this.extract(e):e}display(t){return this.format(this.extract(t??""))}setValue(t,e=!1){super.setValue(this.norm(t),e)}createControl(){let t=super.createControl(),e=this.compiled()[0];return this.config.placeholder||(this.input.placeholder=e.map(i=>"lit"in i?i.lit:"_").join("")),this.masks.every(i=>i.every(s=>"lit"in s||s.kind==="0"))&&this.input.setAttribute("inputmode","numeric"),t}onInput(){let t=this.input,e=t.selectionStart??t.value.length,i=this.extract(t.value.slice(0,e)).length,s=this.extract(t.value),n=this.format(s),r=e>=t.value.length;if(t.value=n,!r&&document.activeElement===t){let o=0,a=0;for(;a<n.length&&o<i;)this.extract(n[a++]).length&&o++;t.setSelectionRange(a,a)}this.el.classList.toggle("has-value",!!n),this.commit(this.config.raw?this.extract(n):n),this.error&&this.validate()}check(){let t=super.check(),e=this.extract(this.value??"");if(t||!e)return t;let i=this.pick(e);return e.length<c(i)?m("maskIncomplete",{mask:i.map(s=>"lit"in s?s.lit:"_").join("")}):""}setMask(t){this.config.mask=t,this.compiled(),this.rendered&&this.setValue(this.value,!0)}};d("maskfield",p);export{p as a};
-//# sourceMappingURL=chunk-5PWPAN62.js.map

package/dist/chunk-5PWPAN62.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/components/fields/maskfield/maskfield.ts"],
-  "sourcesContent": ["import { TextField, type TextFieldConfig } from '../textfield/textfield';\nimport { register } from '../../../core/registry';\nimport { t, addMessages } from '../../../core/i18n';\n\naddMessages('en', { maskIncomplete: 'Complete the format {mask}' });\naddMessages('pt-BR', { maskIncomplete: 'Complete o formato {mask}' });\n\nexport interface MaskFieldConfig extends TextFieldConfig {\n  /**\n   * The pattern: `0` a digit, `A` a letter, `*` any character, `\\` makes the next character a literal. A list picks the\n   * pattern by length: `['000.000.000-00', '00.000.000/0000-00']` is a CPF until the 12th digit, then a CNPJ.\n   * The core knows no country: formats like these belong to the app.\n   */\n  mask: string | string[];\n  /** The value is only what was typed into the slots (`12345678900`), not the formatted text (`123.456.789-00`). Default false. */\n  raw?: boolean;\n}\n\ntype Slot = { kind: '0' | 'A' | '*' } | { lit: string };\nconst KINDS: Record<string, RegExp> = { 0: /\\d/, A: /\\p{L}/u, '*': /./su };\n\nfunction compile(mask: string): Slot[] {\n  const out: Slot[] = [];\n  for (let i = 0; i < mask.length; i++) {\n    const ch = mask[i];\n    if (ch === '\\\\' && i + 1 < mask.length) out.push({ lit: mask[++i] });\n    else out.push(ch in KINDS ? { kind: ch as '0' | 'A' | '*' } : { lit: ch });\n  }\n  return out;\n}\nconst slots = (m: Slot[]) => m.filter((s) => 'kind' in s).length;\n\n/** A text field that formats what is typed into a pattern (phone, tax id, postal code, plate...). */\nexport class MaskField extends TextField<string, MaskFieldConfig> {\n  protected override baseCls = 'op-field op-textfield op-maskfield';\n  private masks: Slot[][] = [];\n\n  private compiled(): Slot[][] {\n    const m = this.config.mask;\n    return (this.masks = (Array.isArray(m) ? m : [m]).map(compile).sort((a, b) => slots(a) - slots(b)));\n  }\n\n  /** What was typed into the slots: the literals of the patterns are dropped (with a `*` slot, only where the text repeats one). */\n  private extract(text: string): string {\n    const masks = this.masks.length ? this.masks : this.compiled();\n    const lits = new Set(masks.flatMap((m) => m.flatMap((s) => ('lit' in s ? [s.lit] : []))));\n    const wild = masks.some((m) => m.some((s) => 'kind' in s && s.kind === '*'));\n    let out = '';\n    for (const ch of text) if (!(lits.has(ch) && (!wild || !/[\\p{L}\\d]/u.test(ch)))) out += ch;\n    return out;\n  }\n\n  private pick(raw: string): Slot[] {\n    const masks = this.masks.length ? this.masks : this.compiled();\n    return masks.find((m) => slots(m) >= raw.length) ?? masks[masks.length - 1];\n  }\n\n  private format(raw: string, mask = this.pick(raw)): string {\n    let out = '';\n    let i = 0;\n    for (const s of mask) {\n      if (i >= raw.length) break;\n      if ('lit' in s) {\n        out += s.lit;\n        continue;\n      }\n      while (i < raw.length && !KINDS[s.kind].test(raw[i])) i++;\n      if (i < raw.length) out += raw[i++];\n    }\n    return out;\n  }\n\n  private norm(v: string | null): string {\n    const text = this.format(this.extract(v ?? ''));\n    return this.config.raw ? this.extract(text) : text;\n  }\n\n  protected override display(v: string): string {\n    return this.format(this.extract(v ?? ''));\n  }\n\n  override setValue(v: string, silent = false): void {\n    super.setValue(this.norm(v), silent);\n  }\n\n  protected override createControl() {\n    const wrap = super.createControl();\n    const sample = this.compiled()[0];\n    if (!this.config.placeholder) this.input.placeholder = sample.map((s) => ('lit' in s ? s.lit : '_')).join('');\n    if (this.masks.every((m) => m.every((s) => 'lit' in s || s.kind === '0'))) this.input.setAttribute('inputmode', 'numeric');\n    return wrap;\n  }\n\n  protected override onInput() {\n    const input = this.input;\n    const caret = input.selectionStart ?? input.value.length;\n    const before = this.extract(input.value.slice(0, caret)).length;\n    const raw = this.extract(input.value);\n    const text = this.format(raw);\n    const atEnd = caret >= input.value.length;\n    input.value = text;\n    if (!atEnd && document.activeElement === input) {\n      // the caret stays after the same number of typed characters\n      let n = 0;\n      let pos = 0;\n      while (pos < text.length && n < before) if (this.extract(text[pos++]).length) n++;\n      input.setSelectionRange(pos, pos);\n    }\n    this.el.classList.toggle('has-value', !!text);\n    this.commit(this.config.raw ? this.extract(text) : text);\n    if (this.error) this.validate();\n  }\n\n  protected override check(): string {\n    const base = super.check();\n    const raw = this.extract(this.value ?? '');\n    if (base || !raw) return base;\n    const mask = this.pick(raw);\n    if (raw.length < slots(mask)) return t('maskIncomplete', { mask: mask.map((s) => ('lit' in s ? s.lit : '_')).join('') });\n    return '';\n  }\n\n  setMask(mask: string | string[]) {\n    this.config.mask = mask;\n    this.compiled();\n    if (this.rendered) this.setValue(this.value, true);\n  }\n}\nregister('maskfield', MaskField);\n"],
-  "mappings": "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",
-  "names": ["addMessages", "KINDS", "compile", "mask", "out", "i", "ch", "slots", "m", "s", "MaskField", "TextField", "a", "b", "text", "masks", "lits", "wild", "raw", "v", "silent", "wrap", "sample", "input", "caret", "before", "atEnd", "n", "pos", "base", "t", "register"]
-}

package/dist/chunk-AQ3RTHG5.js

@@ -1,2 +0,0 @@
-import{a as n}from"./chunk-TIPK3SCJ.js";import{f as o}from"./chunk-UDXO3KM3.js";var t=class extends o{baseCls="op-label";build(){let e=document.createElement(this.config.for?"label":"span");return e.className="op-label",this.config.for&&(e.htmlFor=this.config.for),e}onRender(){this.setText(this.config.text??""),this.setVariant(this.config.variant??"default")}setText(e){this.config.text=e,this.rendered&&(this.el.textContent=e)}setVariant(e){if(this.config.variant=e,!!this.rendered)for(let i of["default","muted","title"])this.el.classList.toggle(`op-label--${i}`,i===e)}};n("label",t);export{t as a};
-//# sourceMappingURL=chunk-AQ3RTHG5.js.map

package/dist/chunk-AQ3RTHG5.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/components/base/label/label.ts"],
-  "sourcesContent": ["import { Component, type ComponentConfig } from '../../../core/component';\nimport { register } from '../../../core/registry';\n\nexport interface LabelConfig extends ComponentConfig {\n  text?: string;\n  /** Id of the field this label names (renders a `<label for>`). */\n  for?: string;\n  variant?: 'default' | 'muted' | 'title';\n}\n\nexport class Label extends Component<LabelConfig> {\n  protected override baseCls = 'op-label';\n  protected override build() {\n    const el = document.createElement(this.config.for ? 'label' : 'span');\n    el.className = 'op-label';\n    if (this.config.for) (el as HTMLLabelElement).htmlFor = this.config.for;\n    return el;\n  }\n  protected override onRender() {\n    this.setText(this.config.text ?? '');\n    this.setVariant(this.config.variant ?? 'default');\n  }\n  setText(text: string) {\n    this.config.text = text;\n    if (this.rendered) this.el.textContent = text;\n  }\n  setVariant(variant: NonNullable<LabelConfig['variant']>) {\n    this.config.variant = variant;\n    if (!this.rendered) return;\n    for (const v of ['default', 'muted', 'title']) this.el.classList.toggle(`op-label--${v}`, v === variant);\n  }\n}\nregister('label', Label);\n"],
-  "mappings": "gFAUO,IAAMA,EAAN,cAAoBC,CAAuB,CAC7B,QAAU,WACV,OAAQ,CACzB,IAAMC,EAAK,SAAS,cAAc,KAAK,OAAO,IAAM,QAAU,MAAM,EACpE,OAAAA,EAAG,UAAY,WACX,KAAK,OAAO,MAAMA,EAAwB,QAAU,KAAK,OAAO,KAC7DA,CACT,CACmB,UAAW,CAC5B,KAAK,QAAQ,KAAK,OAAO,MAAQ,EAAE,EACnC,KAAK,WAAW,KAAK,OAAO,SAAW,SAAS,CAClD,CACA,QAAQC,EAAc,CACpB,KAAK,OAAO,KAAOA,EACf,KAAK,WAAU,KAAK,GAAG,YAAcA,EAC3C,CACA,WAAWC,EAA8C,CAEvD,GADA,KAAK,OAAO,QAAUA,EAClB,EAAC,KAAK,SACV,QAAWC,IAAK,CAAC,UAAW,QAAS,OAAO,EAAG,KAAK,GAAG,UAAU,OAAO,aAAaA,CAAC,GAAIA,IAAMD,CAAO,CACzG,CACF,EACAE,EAAS,QAASN,CAAK",
-  "names": ["Label", "Component", "el", "text", "variant", "v", "register"]
-}

package/dist/chunk-BJWREA76.js

@@ -1,2 +0,0 @@
-import{c as T}from"./chunk-DIOJGTUN.js";import{b as S}from"./chunk-XQHATUKN.js";import{b as h}from"./chunk-PZSHOSOS.js";import{e as _,f as b}from"./chunk-S4QD5NID.js";_("en",{groupTotal:"Total",groupCount:"{n}",groupToggle:"Toggle group"});_("pt-BR",{groupTotal:"Total",groupCount:"{n}",groupToggle:"Alternar grupo"});var A=a=>typeof a=="number"?a:Number(a);function G(a,s){let p=s.map(r=>r.data[a.field]),l=p.filter(r=>r!=null&&r!==""&&!isNaN(A(r))).map(A),g=a.summary;return typeof g=="function"?g(p,s):g==="count"?p.filter(r=>r!=null&&r!=="").length:l.length?g==="sum"?l.reduce((r,y)=>r+y,0):g==="avg"?l.reduce((r,y)=>r+y,0)/l.length:g==="min"?Math.min(...l):Math.max(...l):null}function O(a={}){let s,p=a.by??(a.field?e=>e.data[a.field]:void 0),l=new Set,g=!!a.collapsed,r=[],y=[],M=a.summary??"group",v=e=>e.filter(o=>!o.classList.contains("op-grid__selcell")&&!o.classList.contains("op-grid__actcell"));function L(e,o,u){return{cls:`op-grid__row--total ${u}`,paint(d,f){f.setAttribute("aria-label",e);let t=s.getColumns();v(d).forEach((n,c)=>{let i=t[c];if(!i)return;let E=i.summary?(m=>i.summaryRenderer?i.summaryRenderer(m,i):m==null?"":i.format?S(i.format,m):String(m))(G(i,o)):c===0?e:"";n.replaceChildren(E),n.classList.toggle("op-grid__cell--right",i.align==="right")})}}}function w(){let o=s.getStore().getRange();if(!p)return s.setRowLayout(void 0);let u=new Map;for(let t of o){let n=p(t);u.set(n,[...u.get(n)??[],t])}if(r=[...u.keys()],g){for(let t of r)l.add(String(t));g=!1}let d=[],f=s.getColumns().some(t=>t.summary);for(let[t,n]of u){let c=!l.has(String(t));if(d.push({level:1,expanded:c,cls:"op-grid__row--group",paint(i,E){let[m]=v(i);m.classList.add("is-group-label"),m.replaceChildren(h("span","op-grid__twist",{"aria-hidden":"true"},T("chevron-down")),h("span","op-grid__group-name",{},a.label?a.label(t,n):String(t??"\u2014")),h("span","op-grid__group-count",{},b("groupCount",{n:n.length}))),E.dataset.group=String(t)}}),!!c){for(let i of n)d.push({rec:i,level:2,cls:"is-grouped"});f&&M!=="grand"&&d.push(L(b("groupTotal"),n,"is-group-total"))}}f&&M!=="group"&&d.push(L(b("groupTotal"),o,"is-grand-total")),s.setRowLayout(d)}function k(e,o){let u=String(e),d=o??l.has(u);d!==!l.has(u)&&(d?l.delete(u):l.add(u),w(),s.emit("group-toggle",e,d))}let R=e=>{let o=e?.closest(".op-grid__row--group");return o?r.find(u=>String(u)===o.dataset.group):void 0};return{init(e){s=e;let o=e.el,u=o.querySelector("[role=grid]"),d=t=>{let n=R(t.target);(n!==void 0||t.target.closest(".op-grid__row--group"))&&k(n)},f=t=>{if(t.target!==u)return;let n=s.getRowEntry(s.getActive());if(!n||n.rec||n.level!==1)return;let c=R(document.getElementById(`${s.id}-r${s.getActive()}`)),i=n.expanded;if(t.key==="Enter"||t.key===" ")k(c);else if(t.key==="ArrowRight"&&!i)k(c,!0);else if(t.key==="ArrowLeft"&&i)k(c,!1);else return;t.preventDefault(),t.stopPropagation()};return o.addEventListener("click",d),o.addEventListener("keydown",f,!0),y=[C(e),()=>o.removeEventListener("click",d),()=>o.removeEventListener("keydown",f,!0),()=>s.setRowLayout(void 0)],w(),()=>y.forEach(t=>t())},expandAll(){l.clear(),w()},collapseAll(){for(let e of r)l.add(String(e));w()},toggle:k,setGroupBy(e){p=e===null?void 0:typeof e=="string"?o=>o.data[e]:e,l.clear(),w()}};function C(e){return e.getStore().subscribe(o=>queueMicrotask(()=>!e.destroyed&&w()))}}export{G as a,O as b};
-//# sourceMappingURL=chunk-BJWREA76.js.map

package/dist/chunk-BJWREA76.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/components/data/grouping/grouping.ts"],
-  "sourcesContent": ["// Row grouping with totals for the Grid, as a plugin: `plugins: [grouping({ field: 'event' })]`.\nimport { format } from '../../../data/format';\nimport type { Model } from '../../../data/model';\nimport type { Column } from '../../../data/column';\nimport { h } from '../../../core/dom';\nimport { t, addMessages } from '../../../core/i18n';\nimport { iconEl } from '../../base/icon/icon';\nimport type { Grid, GridPlugin, RowEntry } from '../grid/grid';\n\naddMessages('en', { groupTotal: 'Total', groupCount: '{n}', groupToggle: 'Toggle group' });\naddMessages('pt-BR', { groupTotal: 'Total', groupCount: '{n}', groupToggle: 'Alternar grupo' });\n\nexport interface GroupingOptions {\n  /** Record field to group by. */\n  field?: string;\n  /** Or any function of the record (a year, a range): its result is the group. */\n  by?: (rec: Model) => unknown;\n  /** Text of a group header (before the count). Default: the key. */\n  label?: (key: unknown, recs: Model[]) => string;\n  /** Total rows of the columns that have a `summary`: `group` (under each group), `grand` (at the end) or `both`. Default `group`. */\n  summary?: 'group' | 'grand' | 'both';\n  /** Start with every group closed. */\n  collapsed?: boolean;\n}\n\nexport interface Grouping extends GridPlugin {\n  expandAll(): void;\n  collapseAll(): void;\n  /** Changes what to group by; `null` shows the plain list. */\n  setGroupBy(by: string | ((rec: Model) => unknown) | null): void;\n  /** Opens or closes one group by its key. */\n  toggle(key: unknown, open?: boolean): void;\n}\n\nconst num = (v: unknown) => (typeof v === 'number' ? v : Number(v));\n\n/** The value of a column's `summary` over some records. */\nexport function summarize(col: Column, recs: Model[]): unknown {\n  const values = recs.map((r) => r.data[col.field]);\n  const nums = values.filter((v) => v != null && v !== '' && !isNaN(num(v))).map(num);\n  const s = col.summary;\n  if (typeof s === 'function') return s(values, recs);\n  if (s === 'count') return values.filter((v) => v != null && v !== '').length;\n  if (!nums.length) return null;\n  if (s === 'sum') return nums.reduce((a, b) => a + b, 0);\n  if (s === 'avg') return nums.reduce((a, b) => a + b, 0) / nums.length;\n  return s === 'min' ? Math.min(...nums) : Math.max(...nums);\n}\n\n/**\n * Groups the rows of the current page (a remote store groups what it loaded, not the whole set) under a header with\n * its count; the header toggles by click, Enter/Space, \u2192 and \u2190. Sorting works inside each group. Group headers and total\n * rows are virtual rows like any other. Fires `group-toggle(key, open)` on the grid.\n */\nexport function grouping(options: GroupingOptions = {}): Grouping {\n  let grid!: Grid;\n  let by = options.by ?? (options.field ? (r: Model) => r.data[options.field!] : undefined);\n  const closed = new Set<string>();\n  let all = !!options.collapsed;\n  let keys: unknown[] = [];\n  let off: Array<() => void> = [];\n\n  const where = options.summary ?? 'group';\n\n  /** The cells of the user columns in a row (the checkbox and action cells are not). */\n  const userCells = (cells: HTMLElement[]) => cells.filter((c) => !c.classList.contains('op-grid__selcell') && !c.classList.contains('op-grid__actcell'));\n\n  function totals(label: string, recs: Model[], cls: string): RowEntry {\n    return {\n      cls: `op-grid__row--total ${cls}`,\n      paint(cells, row) {\n        row.setAttribute('aria-label', label);\n        const cols = grid.getColumns();\n        userCells(cells).forEach((cell, n) => {\n          const col = cols[n];\n          if (!col) return;\n          const out = col.summary ? ((v) => (col.summaryRenderer ? col.summaryRenderer(v, col) : v == null ? '' : col.format ? format(col.format, v) : String(v)))(summarize(col, recs)) : n === 0 ? label : '';\n          cell.replaceChildren(out);\n          cell.classList.toggle('op-grid__cell--right', col.align === 'right');\n        });\n      },\n    };\n  }\n\n  function build() {\n    const store = grid.getStore();\n    const recs = store.getRange();\n    if (!by) return grid.setRowLayout(undefined);\n    const groups = new Map<unknown, Model[]>();\n    for (const r of recs) {\n      const k = by(r);\n      groups.set(k, [...(groups.get(k) ?? []), r]);\n    }\n    keys = [...groups.keys()];\n    if (all) {\n      for (const k of keys) closed.add(String(k));\n      all = false;\n    }\n    const rows: RowEntry[] = [];\n    const hasSummary = grid.getColumns().some((c) => c.summary);\n    for (const [key, list] of groups) {\n      const open = !closed.has(String(key));\n      rows.push({\n        level: 1,\n        expanded: open,\n        cls: 'op-grid__row--group',\n        paint(cells, row) {\n          const [label] = userCells(cells);\n          label.classList.add('is-group-label');\n          label.replaceChildren(\n            h('span', 'op-grid__twist', { 'aria-hidden': 'true' }, iconEl('chevron-down')),\n            h('span', 'op-grid__group-name', {}, options.label ? options.label(key, list) : String(key ?? '\u2014')),\n            h('span', 'op-grid__group-count', {}, t('groupCount', { n: list.length })),\n          );\n          row.dataset.group = String(key);\n        },\n      });\n      if (!open) continue;\n      for (const rec of list) rows.push({ rec, level: 2, cls: 'is-grouped' });\n      if (hasSummary && where !== 'grand') rows.push(totals(t('groupTotal'), list, 'is-group-total'));\n    }\n    if (hasSummary && where !== 'group') rows.push(totals(t('groupTotal'), recs, 'is-grand-total'));\n    grid.setRowLayout(rows);\n  }\n\n  function toggle(key: unknown, open?: boolean) {\n    const id = String(key);\n    const to = open ?? closed.has(id);\n    if (to === !closed.has(id)) return;\n    if (to) closed.delete(id);\n    else closed.add(id);\n    build();\n    grid.emit('group-toggle', key, to);\n  }\n\n  const keyOfRow = (el: Element | null) => {\n    const row = el?.closest<HTMLElement>('.op-grid__row--group');\n    return row ? keys.find((k) => String(k) === row.dataset.group) : undefined;\n  };\n\n  return {\n    init(g) {\n      grid = g;\n      const el = g.el;\n      const table = el.querySelector<HTMLElement>('[role=grid]')!;\n      const onClick = (e: Event) => {\n        const k = keyOfRow(e.target as Element);\n        if (k !== undefined || (e.target as Element).closest('.op-grid__row--group')) toggle(k);\n      };\n      const onKey = (e: KeyboardEvent) => {\n        if (e.target !== table) return;\n        const active = grid.getRowEntry(grid.getActive());\n        if (!active || active.rec || active.level !== 1) return;\n        const k = keyOfRow(document.getElementById(`${grid.id}-r${grid.getActive()}`));\n        const open = active.expanded;\n        if (e.key === 'Enter' || e.key === ' ') toggle(k);\n        else if (e.key === 'ArrowRight' && !open) toggle(k, true);\n        else if (e.key === 'ArrowLeft' && open) toggle(k, false);\n        else return;\n        e.preventDefault();\n        e.stopPropagation();\n      };\n      el.addEventListener('click', onClick);\n      el.addEventListener('keydown', onKey, true);\n      off = [store(g), () => el.removeEventListener('click', onClick), () => el.removeEventListener('keydown', onKey, true), () => grid.setRowLayout(undefined)];\n      build();\n      return () => off.forEach((f) => f());\n    },\n    expandAll() {\n      closed.clear();\n      build();\n    },\n    collapseAll() {\n      for (const k of keys) closed.add(String(k));\n      build();\n    },\n    toggle,\n    setGroupBy(next) {\n      by = next === null ? undefined : typeof next === 'string' ? (r: Model) => r.data[next] : next;\n      closed.clear();\n      build();\n    },\n  };\n\n  function store(g: Grid) {\n    return g.getStore().subscribe((c) => queueMicrotask(() => !g.destroyed && build()));\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["addMessages", "num", "v", "summarize", "col", "recs", "values", "nums", "s", "a", "b", "grouping", "options", "grid", "by", "r", "closed", "all", "keys", "off", "where", "userCells", "cells", "c", "totals", "label", "cls", "row", "cols", "cell", "n", "out", "format", "build", "groups", "k", "rows", "hasSummary", "key", "list", "open", "iconEl", "t", "rec", "toggle", "id", "to", "keyOfRow", "el", "g", "table", "onClick", "e", "onKey", "active", "store", "f", "next"]
-}

package/dist/chunk-BQEFLPDA.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/layout/layout.ts", "../src/core/container.ts"],
-  "sourcesContent": ["import type { Component } from '../core/component';\nimport type { Container } from '../core/container';\nimport { px } from '../core/dom';\n\nexport interface Layout {\n  init(c: Container): void;\n  add?(c: Container, cmp: Component, index: number): void;\n  remove?(c: Container, cmp: Component, index: number): void;\n  /** Card only. */\n  activate?(c: Container, cmp: Component): void;\n  getActive?(c: Container): Component | undefined;\n  /** Border only: below `narrowBelow` the west/east regions become drawers; these open and close them. */\n  openRegion?(name: string): void;\n  closeRegion?(name?: string): void;\n  toggleRegion?(name: string): void;\n  isRegionOpen?(name: string): boolean;\n  /** Layouts that adapt to the width: whether the container is currently narrow, and a way to force it (tests, previews). */\n  isNarrow?(): boolean;\n  setNarrow?(narrow: boolean): void;\n}\n\nexport type LayoutConfig = { type: string; [option: string]: unknown };\nexport type LayoutSpec = string | LayoutConfig | Layout;\nexport type LayoutFactory = (config: Record<string, any>) => Layout;\n\nconst factories = new Map<string, LayoutFactory>();\n\n/** Registers a layout strategy under a name; users add their own the same way. */\nexport function registerLayout(name: string, factory: LayoutFactory): void {\n  factories.set(name, factory);\n}\n\nexport function createLayout(spec: LayoutSpec): Layout {\n  if (typeof spec === 'object' && 'init' in spec) return spec as Layout;\n  const cfg = (typeof spec === 'string' ? { type: spec } : spec) as LayoutConfig;\n  const f = factories.get(cfg.type);\n  if (!f) throw new Error(`Optikos: unknown layout \"${cfg.type}\"`);\n  return f(cfg);\n}\n\n/**\n * Keeps the class `is-narrow` on the container body while it is narrower than `below` px (a ResizeObserver on the\n * container itself, not the window, so a layout inside a small panel adapts too). Emits `narrow-change` on the container.\n */\nfunction watchNarrow(c: Container, below: number, on?: (narrow: boolean) => void) {\n  const body = c.getBody();\n  let narrow = false;\n  const set = (n: boolean) => {\n    if (n === narrow) return;\n    narrow = n;\n    body.classList.toggle('is-narrow', n);\n    on?.(n);\n    c.emit('narrow-change', n);\n  };\n  if (typeof ResizeObserver !== 'undefined') {\n    const ro = new ResizeObserver(() => body.clientWidth > 0 && set(body.clientWidth < below));\n    ro.observe(body);\n    c.own(() => ro.disconnect());\n  }\n  return { isNarrow: () => narrow, setNarrow: set };\n}\n\n/** Layouts that are only a class plus custom properties; the CSS does the work. */\nconst cssLayout =\n  (name: string, vars: string[] = []): LayoutFactory =>\n  (cfg) => ({\n    init(c) {\n      const body = c.getBody();\n      body.classList.add('op-layout', `op-layout-${name}`);\n      for (const v of vars) if (cfg[v] != null) body.style.setProperty(`--op-layout-${v}`, px(cfg[v]));\n    },\n  });\n\nregisterLayout('fit', cssLayout('fit'));\nconst hbox = cssLayout('hbox', ['gap', 'align', 'justify', 'wrap']);\n/** `stackBelow: 600`: under that width the row becomes a column. */\nregisterLayout('hbox', (cfg) => {\n  const base = hbox(cfg);\n  let w: ReturnType<typeof watchNarrow> | undefined;\n  return {\n    ...base,\n    init(c) {\n      base.init(c);\n      if (cfg.stackBelow) {\n        c.getBody().classList.add('op-layout-stack');\n        w = watchNarrow(c, Number(cfg.stackBelow));\n      }\n    },\n    isNarrow: () => !!w?.isNarrow(),\n    setNarrow: (n) => w?.setNarrow(n),\n  };\n});\nregisterLayout('vbox', cssLayout('vbox', ['gap', 'align', 'justify', 'wrap']));\n\n/** Numeric `columns` collapse to one column under `narrowBelow` px (default 480; `0` turns it off). */\nregisterLayout('grid', (cfg) => {\n  let w: ReturnType<typeof watchNarrow> | undefined;\n  return {\n    init(c) {\n      const body = c.getBody();\n      body.classList.add('op-layout', 'op-layout-grid');\n      if (cfg.gap != null) body.style.setProperty('--op-layout-gap', px(cfg.gap));\n      const cols = cfg.columns ?? 1;\n      if (typeof cols === 'number') {\n        body.style.setProperty('--op-layout-columns', String(cols));\n        const below = cfg.narrowBelow == null ? 480 : Number(cfg.narrowBelow);\n        if (below > 0 && cols > 1) w = watchNarrow(c, below);\n      } else body.style.gridTemplateColumns = cols;\n    },\n    add(_c, cmp) {\n      const span = cmp.config.colspan;\n      if (span) cmp.el.style.gridColumn = span === 'full' ? '1 / -1' : `span ${span}`;\n    },\n    isNarrow: () => !!w?.isNarrow(),\n    setNarrow: (n) => w?.setNarrow(n),\n  };\n});\n\n/**\n * Regions around a center. Under `narrowBelow` px (default 768) the west and east regions leave the grid and become\n * drawers over the center, closed until `openRegion('west')` (or `open: 'west'` in the layout config, to start open).\n * A scrim behind an open drawer closes it on click; Esc closes it too.\n */\nregisterLayout('border', (cfg) => {\n  let w: ReturnType<typeof watchNarrow> | undefined;\n  let cont!: Container;\n  const regions = () => Array.from(cont.getBody().children).filter((e): e is HTMLElement => e instanceof HTMLElement && (e.dataset.region === 'west' || e.dataset.region === 'east'));\n  const find = (name: string) => regions().find((e) => e.dataset.region === name);\n  const sync = () => cont.getBody().classList.toggle('has-open-region', regions().some((e) => e.classList.contains('is-open')));\n  const close = (name?: string) => {\n    for (const e of regions()) if (!name || e.dataset.region === name) e.classList.remove('is-open');\n    sync();\n  };\n  return {\n    init(c) {\n      cont = c;\n      const body = c.getBody();\n      body.classList.add('op-layout', 'op-layout-border');\n      if (cfg.gap != null) body.style.setProperty('--op-layout-gap', px(cfg.gap));\n      w = watchNarrow(c, cfg.narrowBelow == null ? 768 : Number(cfg.narrowBelow), (narrow) => {\n        if (!narrow) close();\n        else if (cfg.open) find(String(cfg.open))?.classList.add('is-open'), sync();\n      });\n      // the scrim is the body's own ::after: a click that lands on the body itself (not a child) closes the drawer\n      c.listen(body, 'click', (e: Event) => e.target === body && close());\n      c.listen(body, 'keydown', (e: KeyboardEvent) => {\n        if (e.key === 'Escape' && body.classList.contains('has-open-region') && body.classList.contains('is-narrow')) {\n          e.stopPropagation();\n          close();\n        }\n      });\n    },\n    add(_c, cmp) {\n      const region = cmp.config.region ?? 'center';\n      cmp.el.style.gridArea = region;\n      cmp.el.dataset.region = region;\n    },\n    openRegion(name) {\n      const e = find(name);\n      if (!e || !w?.isNarrow()) return;\n      close();\n      e.classList.add('is-open');\n      sync();\n      (e.querySelector<HTMLElement>('input,button,[tabindex]') ?? e).focus?.();\n    },\n    closeRegion: close,\n    toggleRegion(name) {\n      if (find(name)?.classList.contains('is-open')) close(name);\n      else this.openRegion!(name);\n    },\n    isRegionOpen: (name) => !!find(name)?.classList.contains('is-open'),\n    isNarrow: () => !!w?.isNarrow(),\n    setNarrow: (n) => w?.setNarrow(n),\n  };\n});\n\nregisterLayout('card', (cfg) => {\n  let active: Component | undefined;\n  // children that were never rendered (lazy tabs) only get the flag; their DOM is not built just to hide it\n  const show = (c: Container, cmp: Component | undefined) => {\n    active = cmp;\n    for (const i of c.items) {\n      if (i.rendered) i.el.hidden = i !== cmp;\n      else i.config.hidden = i !== cmp;\n    }\n    c.emit('activate', cmp);\n  };\n  return {\n    init(c) {\n      c.getBody().classList.add('op-layout', 'op-layout-fit');\n      const a = cfg.activeItem ?? c.config.activeItem ?? 0;\n      show(c, typeof a === 'number' ? c.items[a] : c.items.find((i) => i.id === a));\n    },\n    add(c, cmp) {\n      cmp.el.hidden = cmp !== active && !!active;\n      if (!active) show(c, cmp);\n    },\n    remove(c, cmp, index) {\n      if (cmp === active) show(c, c.items[Math.min(index, c.items.length - 1)]);\n    },\n    activate: show,\n    getActive: () => active,\n  };\n});\n", "import { Component, type ComponentConfig, type Parent } from './component';\nimport { create, type AnyConfig } from './registry';\nimport { createLayout, type Layout, type LayoutSpec } from '../layout/layout';\n\n/** What a Tabs header reads from its panel (any Container, not just Panel). */\nexport interface TabPanelConfig {\n  title?: string;\n  icon?: string;\n  closable?: boolean;\n  reloadable?: boolean;\n  /** Called by the tab's \u21BB; a returned Promise keeps the tab busy until it settles. */\n  onReload?: (panel: any) => void | Promise<unknown>;\n}\n\nexport interface ContainerConfig extends ComponentConfig, TabPanelConfig {\n  items?: Array<AnyConfig | Component | string>;\n  layout?: LayoutSpec;\n  /** Config merged into every item that does not set the key itself. */\n  defaults?: Record<string, unknown>;\n  /** `type` used by items that do not declare one. */\n  defaultType?: string;\n  /** Layout `card`: initial visible child (index or id). */\n  activeItem?: number | string;\n}\n\nexport class Container<C extends ContainerConfig = ContainerConfig> extends Component<C> implements Parent {\n  protected override baseCls = 'op-container';\n  protected defaultLayout: LayoutSpec | undefined;\n  items: Component[] = [];\n  layout?: Layout;\n\n  constructor(config: C = {} as C) {\n    super(config);\n    this.items = (config.items ?? []).map((i) => this.make(i));\n  }\n\n  /** Element that holds the children. Panels override it. */\n  getBody(): HTMLElement {\n    return this.el;\n  }\n\n  /** Turns shorthand strings (`'->'`) into configs. Subclasses override; the base has none. */\n  protected shorthand(s: string): AnyConfig {\n    throw new Error(`Optikos: no shorthand for item \"${s}\" in ${this.baseCls}`);\n  }\n\n  private make(item: AnyConfig | Component | string): Component {\n    if (typeof item === 'string') item = this.shorthand(item);\n    const c = item instanceof Component ? item : create({ type: this.config.defaultType, ...this.config.defaults, ...item });\n    c.parent = this;\n    return c;\n  }\n\n  protected override onRender(): void {\n    const spec = this.config.layout ?? this.defaultLayout;\n    if (spec) (this.layout = createLayout(spec)).init(this);\n    this.items.forEach((c, i) => this.attach(c, i));\n  }\n\n  protected attach(c: Component, index: number): void {\n    const body = this.getBody();\n    const next = this.items.slice(index + 1).find((x) => x.rendered && x.el.parentNode === body);\n    body.insertBefore(c.el, next?.el ?? null);\n    this.layout?.add?.(this, c, index);\n    if (this.mounted) c.notifyMount();\n  }\n\n  add(item: AnyConfig | Component | string): Component {\n    return this.insert(this.items.length, item);\n  }\n\n  insert(index: number, item: AnyConfig | Component | string): Component {\n    const c = this.make(item);\n    this.items.splice(index, 0, c);\n    if (this.rendered) this.attach(c, index);\n    this.emit('add', c);\n    return c;\n  }\n\n  /** Removes a child (by instance, id or index). Destroys it unless `destroy` is `false`. */\n  remove(child: Component | string | number, destroy = true): Component | undefined {\n    const i = typeof child === 'number' ? child : this.items.findIndex((c) => c === child || c.id === child);\n    const c = this.items[i];\n    if (!c) return;\n    this.items.splice(i, 1);\n    c.parent = undefined;\n    this.layout?.remove?.(this, c, i);\n    if (destroy) c.destroy();\n    else if (c.rendered) c.el.remove();\n    this.emit('remove', c);\n    return c;\n  }\n\n  removeAll(destroy = true): void {\n    for (const c of [...this.items]) this.remove(c, destroy);\n  }\n\n  getItems(): Component[] {\n    return this.items;\n  }\n\n  /** Direct child by id. */\n  get(id: string): Component | undefined {\n    return this.items.find((c) => c.id === id);\n  }\n\n  /** All descendants (depth-first) matching `fn`. */\n  query(fn: (c: Component) => boolean): Component[] {\n    const out: Component[] = [];\n    for (const c of this.items) {\n      if (fn(c)) out.push(c);\n      if (c instanceof Container) out.push(...c.query(fn));\n    }\n    return out;\n  }\n\n  /** Layout `card`: which child is visible. */\n  getActiveItem(): Component | undefined {\n    return this.layout?.getActive?.(this);\n  }\n  setActiveItem(item: Component | string | number): void {\n    const c = typeof item === 'number' ? this.items[item] : this.items.find((x) => x === item || x.id === item);\n    if (c) this.layout?.activate?.(this, c);\n  }\n\n  override notifyMount(): void {\n    super.notifyMount();\n    for (const c of this.items) c.notifyMount();\n  }\n\n  protected override onDestroy(): void {\n    for (const c of [...this.items]) c.destroy();\n  }\n\n  override setDisabled(disabled: boolean): void {\n    super.setDisabled(disabled);\n    for (const c of this.items) c.setDisabled(disabled);\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["factories", "registerLayout", "name", "factory", "createLayout", "spec", "cfg", "f", "watchNarrow", "c", "below", "on", "body", "narrow", "set", "n", "ro", "cssLayout", "vars", "v", "px", "hbox", "base", "w", "cols", "_c", "cmp", "span", "cont", "regions", "e", "find", "sync", "close", "region", "active", "show", "i", "a", "index", "Container", "_Container", "Component", "config", "i", "s", "item", "c", "create", "spec", "createLayout", "index", "body", "next", "x", "child", "destroy", "id", "fn", "out", "disabled"]
-}