@nanahoshi/mona-ui 0.22.1 → 0.23.1

package/types/nanahoshi-mona-ui-internal-list.d.ts

@@ -10,10 +10,21 @@ import { Subject, ReplaySubject } from 'rxjs';
 interface ListItemOptions<T> {
     data: T;
     header?: string;
+    /**
+     * Marks the item as a group header. Defaults to `true` when a non-empty `header` is given.
+     * Set it explicitly for groups whose key is empty, which still need a header row.
+     */
+    isHeader?: boolean;
+    /**
+     * Reuses an existing identifier, so an item rebuilt for refreshed data keeps its DOM id and tracking.
+     * A new UUID is generated when omitted.
+     */
+    uid?: string;
 }
 declare class ListItem<TData> {
     readonly data: TData;
     readonly header: string;
+    readonly isHeader: boolean;
     readonly uid: string;
     constructor(options: ListItemOptions<TData>);
 }
@@ -108,11 +119,27 @@ declare class ListService<TData> {
     readonly focus$: Subject<void>;
     readonly focusableItem: _angular_core.Signal<ListItem<TData> | null>;
     readonly groupBy: _angular_core.WritableSignal<ListKeySelector<TData>>;
+    /**
+     * Maps each option uid to the uid of the group header it is listed under.
+     */
+    readonly groupHeaderUids: _angular_core.Signal<Map<string, string>>;
     readonly groupableOptions: _angular_core.WritableSignal<GroupableOptions<TData, any>>;
+    /**
+     * The highlighted (active) item. When the data changes, it is re-resolved to the item with the same `uid`,
+     * or cleared when that item is gone.
+     */
     readonly highlightedItem: _angular_core.WritableSignal<ListItem<TData> | null>;
     readonly itemFocusOut$: Subject<ListItem<TData>>;
-    readonly navigatedItem$: Subject<ListItem<TData> | null>;
+    /**
+     * Position of each option among all filtered options (not only the current page), for `aria-posinset`
+     * and `aria-setsize`.
+     */
+    readonly itemPositions: _angular_core.Signal<Map<string, {
+        position: number;
+        total: number;
+    }>>;
     readonly navigableOptions: _angular_core.WritableSignal<NavigableOptions>;
+    readonly navigatedItem$: Subject<ListItem<TData> | null>;
     readonly pageState: _angular_core.WritableSignal<PageState>;
     readonly pageableOptions: _angular_core.WritableSignal<PagerSettings>;
     readonly scrollToItem$: ReplaySubject<{
@@ -126,16 +153,20 @@ declare class ListService<TData> {
     readonly selectionChange$: Subject<ListItem<TData>>;
     readonly textField: _angular_core.WritableSignal<string | Selector<TData, string>>;
     readonly valueField: _angular_core.WritableSignal<string | Selector<TData, unknown>>;
+    /**
+     * Visible items in display order: filtered, ordered and grouped (with header rows), but not paged.
+     */
     readonly viewItems: _angular_core.Signal<ImmutableSet<ListItem<TData>>>;
     readonly virtualScrollOptions: _angular_core.WritableSignal<VirtualScrollOptions>;
-    readonly itemPositions: _angular_core.Signal<Map<string, {
-        position: number;
-        total: number;
-    }>>;
-    getItemPosition(item: ListItem<TData>): {
-        position: number;
-        total: number;
-    } | null;
+    clearFilter(): void;
+    clearHighlightedItem(): void;
+    clearSelections(): void;
+    /**
+     * Finds the next item whose text starts with the typeahead buffer, starting after the active item.
+     * Group headers and disabled items are never matched.
+     */
+    cycleThroughMatchedItems(buffer: string): ListItem<TData> | null;
+    deselectItems(item: Iterable<ListItem<TData>>): void;
     /**
      * Resolves the selection value of a data item through `valueField`.
      *
@@ -146,14 +177,25 @@ declare class ListService<TData> {
      * Falsy results such as `0`, `false`, and `""` are valid values and do not fall back to the item.
      */
     getDataItemValue(dataItem: TData): unknown;
-    clearFilter(): void;
-    clearHighlightedItem(): void;
-    clearSelections(): void;
-    cycleThroughMatchedItems(buffer: string): ListItem<TData> | null;
-    deselectItems(item: Iterable<ListItem<TData>>): void;
     getFilterDebounceDuration(): number;
     getGroupField(item: ListItem<TData>): any;
+    /**
+     * Returns the uid of the group header an item is rendered under, or `null` when the list is not grouped.
+     */
+    getGroupHeaderUid(item: ListItem<TData>): string | null;
+    getItemPosition(item: ListItem<TData>): {
+        position: number;
+        total: number;
+    } | null;
+    /**
+     * Resolves the display text of an item through `textField`.
+     * Non-string field values (numbers, dates, …) are converted with `String()`, and nullish values become `""`.
+     */
     getItemText(item: ListItem<TData>): string;
+    /**
+     * Finds the item that typed text should resolve to: an exact text match first (respecting `caseSensitive`),
+     * otherwise the first item accepted by the filter operator. Group headers and disabled items are skipped.
+     */
     getMatchingFilteredItem(text: string): ListItem<TData> | null;
     isDisabled(item: ListItem<TData>): boolean;
     isFilteringEnabled(): boolean;
@@ -162,6 +204,11 @@ declare class ListService<TData> {
     navigate(direction: NavigationDirection, mode: NavigationMode, focus: boolean): ListItem<TData> | null;
     notifySelectionChange(item: ListItem<TData>): void;
     scrollToItem(item: ListItem<TData>, focus: boolean): void;
+    /**
+     * Selects every enabled item currently in view, keeping existing selections. Only applies in multiple mode.
+     * @returns whether the selection changed.
+     */
+    selectAllItems(): boolean;
     selectItem(item: ListItem<TData>, scroll?: boolean, focus?: boolean): void;
     setData(data: Iterable<TData>): void;
     setDisabledBy(disabledBy: string | Predicate<TData>): void;
@@ -179,11 +226,16 @@ declare class ListService<TData> {
     setValueField(valueField: string | Selector<TData, unknown>): void;
     setVirtualScrollOptions(options: VirtualScrollOptions): void;
     private filterItem;
+    /**
+     * Returns the item when it is one of the navigable items, otherwise `null`.
+     * An anchor that was filtered out or removed must not be navigated from.
+     */
+    private getItemInView;
     private getOrderKey;
     private getPreviousItemForNavigation;
     private getSelectionKey;
-    private navigateForMultipleSelection;
     private navigateFirstForSingleSelection;
+    private navigateForMultipleSelection;
     private navigateForSingleSelection;
     private navigateLastForSingleSelection;
     private navigateNextForSingleSelection;
@@ -196,7 +248,15 @@ declare class ListService<TData> {
 declare class ListComponent<TData> implements OnInit {
     #private;
     private readonly filterInput;
+    /**
+     * Id of the highlighted option, used as `aria-activedescendant` by the filter input.
+     */
+    protected readonly activeDescendant: Signal<string | null>;
     protected readonly classes: Signal<string>;
+    /**
+     * The `listId` input, or a generated id so the listbox can always be referenced by `aria-controls`.
+     */
+    protected readonly effectiveListId: Signal<string>;
     protected readonly footerTemplate: Signal<TemplateRef<any> | undefined>;
     protected readonly groupHeaderClasses: Signal<string>;
     protected readonly groupHeaderTemplate: Signal<TemplateRef<any> | undefined>;
@@ -235,10 +295,16 @@ declare class ListComponent<TData> implements OnInit {
     constructor();
     ngOnInit(): void;
     protected onFilterChange(event: FilterChangeEvent): void;
-    protected onListItemCheck(item: ListItem<TData>): void;
     protected onListItemClick(item: ListItem<TData>): void;
+    protected trackByUid(_: number, item: ListItem<TData>): string;
     private cycleThroughMatchedItems;
     private focusToItem;
+    /**
+     * Handles multiple-selection shortcuts from the WAI-ARIA listbox pattern:
+     * Space toggles the highlighted option and Ctrl/Cmd+A selects every enabled option.
+     * @returns whether the event was handled.
+     */
+    private handleMultipleSelectionKeys;
     private handleNavigation;
     private handlePageScroll;
     private scrollToItem;

package/types/nanahoshi-mona-ui-internal-tree.d.ts

@@ -67,6 +67,11 @@ declare class TreeNode<T> {
     readonly data: T;
     readonly loading: _angular_core.WritableSignal<boolean>;
     readonly uid: string;
+    /**
+     * Whether children from an asynchronous children selector have been loaded. Loaded children are cached,
+     * so collapsing and re-expanding the node does not request them again.
+     */
+    childrenLoaded: boolean;
     index: string;
     parent: TreeNode<T> | null;
     constructor(data: T);
@@ -269,6 +274,15 @@ declare class TreeService<T> {
     static flatten<T>(nodes: Iterable<TreeNode<T>>): List<TreeNode<T>>;
     clearFilter(): void;
     detachNode(node: TreeNode<T>): void;
+    /**
+     * Expands every expandable, enabled sibling of a node (the `*` key of the WAI-ARIA tree pattern).
+     */
+    expandSiblings(node: TreeNode<T>): void;
+    /**
+     * Finds the next visible node, after the navigated node and wrapping around, whose text starts with `prefix`
+     * (case-insensitive). Used for typeahead.
+     */
+    findNodeByText(prefix: string): TreeNode<T> | null;
     getNodeByUid(uid: string): TreeNode<T> | null;
     getNodeElementId(uid: string): string;
     getNodeText(node: TreeNode<T>): string;
@@ -283,7 +297,15 @@ declare class TreeService<T> {
     isSelected(node: TreeNode<T>): boolean;
     isTreeFiltered(): boolean;
     isVisible(node: TreeNode<T>): boolean;
-    loadNodeChildren(node: TreeNode<T>): void;
+    /**
+     * Loads the children of a node from an asynchronous children selector.
+     * Children are loaded once and cached; pass `reload` to request them again. A new load cancels a pending one.
+     */
+    loadNodeChildren(node: TreeNode<T>, reload?: boolean): void;
+    /**
+     * Moves a node relative to a target node. Moving a node onto itself or into its own subtree is ignored,
+     * because it would detach the subtree and create a parent cycle.
+     */
     moveNode(sourceNode: TreeNode<T>, targetNode: TreeNode<T>, position: DropPosition): void;
     navigate(direction: "next" | "previous" | "first" | "last"): TreeNode<T> | null;
     notifySelectionChange(node: TreeNode<T>): void;
@@ -314,21 +336,40 @@ declare class TreeService<T> {
     setSelectedDataItems(dataItems: Iterable<T>): void;
     setSelectedKeys(keys: Iterable<any>): void;
     setTextField(selector: string | Selector<T, string>): void;
+    /**
+     * Expands or collapses a node the way user interaction does: disabled nodes are left alone, children of an
+     * asynchronous children selector are loaded on first expand, and `nodeExpand$` is notified.
+     * @returns whether the expand state changed.
+     */
+    toggleNodeExpand(node: TreeNode<T>, expanded: boolean): boolean;
     getCheckKey(node: TreeNode<T>): any;
     getDisableKey(node: TreeNode<T>): any;
     private applyCheckedKeysToNodes;
     private computeVisibleUids;
     private createFlatNodes;
+    /**
+     * Builds tree nodes for hierarchical data, reusing the existing node of each data item so node state survives
+     * a data refresh. A data object that appears more than once gets a node of its own for every extra occurrence.
+     */
     private createHierarchicalNodes;
     private createNodeDictionary;
     private createNodes;
+    /**
+     * The derived check state of a parent: `true` when all of its check-state children are checked,
+     * or `null` when it has none (its own state then stands).
+     */
+    private deriveParentChecked;
+    /**
+     * Children that determine a parent's derived check state: those with a checkbox and, unless
+     * `checkDisabledChildren` is set, only enabled ones, because the user cannot change disabled children.
+     */
+    private getCheckStateChildren;
     private getExpandKey;
     private getChildNodes;
     private getDataItemSelectKey;
     private getParentNodes;
     private getSelectKey;
     private isAnyParentCollapsed;
-    private isAnyParentDisabled;
     private isFiltered;
     private loadCheckedKeysForChildren;
     private moveNodeAfter;
@@ -360,6 +401,7 @@ declare class TreeComponent<T> {
     private setKeydownSubscription;
     private setNodeDragHandlerSubscription;
     private setSubscriptions;
+    private setTypeaheadSubscription;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeComponent<any>, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TreeComponent<any>, "mona-tree", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; }, {}, ["nodeTemplate"], never, true, never>;
 }
@@ -378,6 +420,8 @@ declare const TREE_DEFAULT_MESSAGES: MonaTreeViewMessages;
  * @param idKey - The property key used to uniquely identify each node (e.g., 'id').
  * @param parentIdKey - The property key holding the parent node's id, or null for roots (e.g., 'parentId').
  * @returns A new array representing the updated flat tree, with the moved node's parentIdKey updated.
+ * The array is returned unchanged when the position is "outside" or the target is the dragged node or one of its
+ * descendants, which would otherwise create a parent cycle.
  */
 declare function moveFlatTreeNode<T extends Record<string, any>>(treeData: Iterable<T>, event: NodeDropEvent<T>, idKey: keyof T, parentIdKey: keyof T): T[];
 
@@ -387,7 +431,10 @@ declare function moveFlatTreeNode<T extends Record<string, any>>(treeData: Itera
  * @param event - The drag-and-drop event payload.
  * @param idKey - The property key used to identify nodes (e.g., 'id').
  * @param childrenKey - The property key containing the nested items (e.g., 'items').
- * @returns A new array representing the updated tree structure.
+ * @returns A new top-level array representing the updated tree structure.
+ * Nested children arrays are updated in place, so untouched data items keep their identity (and their tree state).
+ * The move is skipped, returning the tree unchanged, when the position is "outside", the target is missing,
+ * or the target is the dragged node or one of its descendants, so a node is never lost or made its own ancestor.
  */
 declare function moveTreeNode<T extends Record<string, any>>(treeData: Iterable<T>, event: NodeDropEvent<T>, idKey: keyof T, childrenKey: keyof T): T[];
 

package/types/nanahoshi-mona-ui-internal.d.ts

@@ -72,7 +72,8 @@ type Action<P = void, R = void> = (arg: P) => R;
 
 /**
  * Generates a unique control ID for an element.
- * The ID consists of a prefix, a random hexadecimal string, and a suffix.
+ * The ID consists of the `mona-` prefix followed by a random hexadecimal string.
+ * It contains only characters that are safe in CSS selectors, so it can be used with `querySelector("#…")` unescaped.
  * @param {number} [level=0] - The nesting level of the element. This increases the length of the generated ID.
  * @param {number} [length=7] - The base length of the random part of the ID.
  * @returns {string} A unique control ID string for use for elements.
@@ -99,12 +100,12 @@ declare const themeOverlaySurfaceClasses = "\n    [background-color:var(--mona-e
 declare const restoreOverlayScroll: (overlayRef: OverlayRef, element: HTMLElement) => void;
 
 interface WindowStyleSettings {
+    left?: number;
     maxHeight?: number;
     maxWidth?: number;
     minHeight?: number;
     minWidth?: number;
     top?: number;
-    left?: number;
     windowClass?: string | string[];
 }
 declare const setWindowStyles: (element: HTMLElement, settings: WindowStyleSettings) => void;
@@ -136,8 +137,21 @@ declare enum NavigationKeys {
 declare const NavigationKeysList: string[];
 declare const isNavigationKey: (key: string) => boolean;
 
-declare const isTypeaheadKey: (key: string) => boolean;
+/**
+ * Modifier state of a keyboard event. Typeahead is skipped while Ctrl, Meta or Alt is held,
+ * so shortcuts such as Ctrl+A or Cmd+C keep their default behavior.
+ */
+interface TypeaheadModifiers {
+    readonly altKey?: boolean;
+    readonly ctrlKey?: boolean;
+    readonly metaKey?: boolean;
+}
+/**
+ * Returns whether a `KeyboardEvent.key` value should feed typeahead.
+ * Any single letter or digit in any script counts, plus space, `-` and `_`.
+ */
+declare const isTypeaheadKey: (key: string, modifiers?: TypeaheadModifiers) => boolean;
 declare const setupTypeahead: (typeaheadKey$: Observable<string>) => Observable<string>;
 
 export { AttributeBinderDirective, NavigationKeys, NavigationKeysList, createElementControlId, focusElement, hex2rgba, hsla2hsva, hsva2rgba, isNavigationKey, isTypeaheadKey, isValidHex, isValidHsla, isValidRgb, restoreOverlayScroll, rgba2hex, rgba2hsla, rgba2hsva, rxFromResize, rxTimeout, setWindowStyles, setupTypeahead, string2Hsla, string2rgba, themeControlBackdropClasses, themeControlSurfaceClasses, themeOverlayBackdropClasses, themeOverlaySurfaceClasses, themeRaisedBackdropClasses, themeRaisedSurfaceClasses, toCssValue };
-export type { Action, AttributeConfig, Channel, ColorScheme, HSL, HSLA, HSV, HSVA, HSVChannel, RGB, RGBA, RGBAChannel, RGBChannel, VariantInputs, WindowStyleSettings };
+export type { Action, AttributeConfig, Channel, ColorScheme, HSL, HSLA, HSV, HSVA, HSVChannel, RGB, RGBA, RGBAChannel, RGBChannel, TypeaheadModifiers, VariantInputs, WindowStyleSettings };

package/types/nanahoshi-mona-ui-locales.d.ts

@@ -239,6 +239,7 @@ declare const MONA_AR_SA_LOCALE: {
             selectRow: (rowNumber: number) => string;
         };
         list: {
+            filterList: string;
             noData: string;
         };
         listBox: {
@@ -616,6 +617,7 @@ declare const MONA_ES_ES_LOCALE: {
             selectRow: (rowNumber: number) => string;
         };
         list: {
+            filterList: string;
             noData: string;
         };
         listBox: {
@@ -993,6 +995,7 @@ declare const MONA_DE_DE_LOCALE: {
             selectRow: (rowNumber: number) => string;
         };
         list: {
+            filterList: string;
             noData: string;
         };
         listBox: {
@@ -1370,6 +1373,7 @@ declare const MONA_FR_FR_LOCALE: {
             selectRow: (rowNumber: number) => string;
         };
         list: {
+            filterList: string;
             noData: string;
         };
         listBox: {
@@ -1747,6 +1751,7 @@ declare const MONA_IT_IT_LOCALE: {
             selectRow: (rowNumber: number) => string;
         };
         list: {
+            filterList: string;
             noData: string;
         };
         listBox: {
@@ -2124,6 +2129,7 @@ declare const MONA_JA_JP_LOCALE: {
             selectRow: (rowNumber: number) => string;
         };
         list: {
+            filterList: string;
             noData: string;
         };
         listBox: {
@@ -2501,6 +2507,7 @@ declare const MONA_KO_KR_LOCALE: {
             selectRow: (rowNumber: number) => string;
         };
         list: {
+            filterList: string;
             noData: string;
         };
         listBox: {
@@ -2878,6 +2885,7 @@ declare const MONA_PT_BR_LOCALE: {
             selectRow: (rowNumber: number) => string;
         };
         list: {
+            filterList: string;
             noData: string;
         };
         listBox: {
@@ -3255,6 +3263,7 @@ declare const MONA_ZH_CN_LOCALE: {
             selectRow: (rowNumber: number) => string;
         };
         list: {
+            filterList: string;
             noData: string;
         };
         listBox: {
@@ -3632,6 +3641,7 @@ declare const MONA_ZH_TW_LOCALE: {
             selectRow: (rowNumber: number) => string;
         };
         list: {
+            filterList: string;
             noData: string;
         };
         listBox: {
@@ -4009,6 +4019,7 @@ declare const MONA_TR_TR_LOCALE: {
             selectRow: (rowNumber: number) => string;
         };
         list: {
+            filterList: string;
             noData: string;
         };
         listBox: {
@@ -4386,6 +4397,7 @@ declare const MONA_ID_ID_LOCALE: {
             selectRow: (rowNumber: number) => string;
         };
         list: {
+            filterList: string;
             noData: string;
         };
         listBox: {
@@ -4763,6 +4775,7 @@ declare const MONA_RU_RU_LOCALE: {
             selectRow: (rowNumber: number) => string;
         };
         list: {
+            filterList: string;
             noData: string;
         };
         listBox: {

package/fesm2022/nanahoshi-mona-ui-grid-grid-footer-cell.component-blRlw0Ie.mjs

@@ -1,108 +0,0 @@
-import { NgTemplateOutlet } from '@angular/common';
-import * as i0 from '@angular/core';
-import { inject, computed, input, ChangeDetectionStrategy, Component } from '@angular/core';
-import { ImmutableDictionary } from '@mirei/ts-collections';
-import { c as GridService } from './nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-C_mj53LF.mjs';
-
-class GridFooterCellComponent {
-    constructor() {
-        this.#gridService = inject(GridService);
-        this.aggregate = computed(() => {
-            const field = this.column().field;
-            const groupKey = this.groupKey();
-            if (groupKey == null) {
-                return this.aggregateMap().get(field) ?? null;
-            }
-            return this.#gridService.groupAggregateMap().get(groupKey)?.aggregates.get(field) ?? null;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "aggregate" }] : /* istanbul ignore next */ []));
-        this.aggregateMap = computed(() => {
-            const groupKey = this.groupKey();
-            if (groupKey == null) {
-                return this.#gridService.aggregateMap();
-            }
-            return (this.#gridService.groupAggregateMap().get(groupKey)?.aggregates ??
-                ImmutableDictionary.create());
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "aggregateMap" }] : /* istanbul ignore next */ []));
-        this.displayValue = computed(() => {
-            return this.#gridService.resolveAggregateValue(this.aggregate(), this.column().aggregate);
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "displayValue" }] : /* istanbul ignore next */ []));
-        this.templateContext = computed(() => {
-            const column = this.column();
-            const columnIndex = this.columnIndex();
-            const aggregate = this.aggregate();
-            const aggregates = this.aggregateMap().toObject(e => e.key, e => e.value);
-            const value = this.displayValue();
-            const groupKey = this.groupKey();
-            if (groupKey == null) {
-                return {
-                    $implicit: value,
-                    aggregate,
-                    aggregates,
-                    column,
-                    columnIndex,
-                    rows: this.#gridService.aggregateRows()
-                };
-            }
-            const groupFooterAggregate = this.#gridService.groupAggregateMap().get(groupKey);
-            return {
-                $implicit: value,
-                aggregate,
-                aggregates,
-                column,
-                columnIndex,
-                count: groupFooterAggregate?.count ?? 0,
-                depth: groupFooterAggregate?.depth ?? 0,
-                groupKey,
-                groupValue: groupFooterAggregate?.groupValue,
-                rows: groupFooterAggregate?.rows ?? []
-            };
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "templateContext" }] : /* istanbul ignore next */ []));
-        this.templateRef = computed(() => {
-            if (this.groupKey() != null) {
-                return this.column().groupFooterTemplate;
-            }
-            return this.column().footerTemplate;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "templateRef" }] : /* istanbul ignore next */ []));
-        this.column = input.required(/* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "column" }] : /* istanbul ignore next */ []));
-        this.columnIndex = input.required(/* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "columnIndex" }] : /* istanbul ignore next */ []));
-        this.groupKey = input(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "groupKey" }] : /* istanbul ignore next */ []));
-    }
-    #gridService;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: GridFooterCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: GridFooterCellComponent, isStandalone: true, selector: "mona-grid-footer-cell", inputs: { column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: true, transformFunction: null }, columnIndex: { classPropertyName: "columnIndex", publicName: "columnIndex", isSignal: true, isRequired: true, transformFunction: null }, groupKey: { classPropertyName: "groupKey", publicName: "groupKey", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "flex items-center h-full" }, ngImport: i0, template: `
-        @if (templateRef(); as templateRef) {
-            <ng-container [ngTemplateOutlet]="templateRef" [ngTemplateOutletContext]="templateContext()"></ng-container>
-        } @else if (displayValue() != null) {
-            <span class="block truncate font-medium">{{ displayValue() }}</span>
-        }
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: GridFooterCellComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: "mona-grid-footer-cell",
-                    template: `
-        @if (templateRef(); as templateRef) {
-            <ng-container [ngTemplateOutlet]="templateRef" [ngTemplateOutletContext]="templateContext()"></ng-container>
-        } @else if (displayValue() != null) {
-            <span class="block truncate font-medium">{{ displayValue() }}</span>
-        }
-    `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [NgTemplateOutlet],
-                    host: {
-                        class: "flex items-center h-full"
-                    }
-                }]
-        }], propDecorators: { column: [{ type: i0.Input, args: [{ isSignal: true, alias: "column", required: true }] }], columnIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnIndex", required: true }] }], groupKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupKey", required: false }] }] } });
-
-export { GridFooterCellComponent };
-//# sourceMappingURL=nanahoshi-mona-ui-grid-grid-footer-cell.component-blRlw0Ie.mjs.map

package/fesm2022/nanahoshi-mona-ui-grid-grid-footer-table-cell.directive-Cviex3cR.mjs

@@ -1,44 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, computed, input, Directive } from '@angular/core';
-import { c as GridService, A as gridFooterTableCellThemeVariants } from './nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-C_mj53LF.mjs';
-
-class GridFooterTableCellDirective {
-    constructor() {
-        this.#gridService = inject(GridService, { optional: true });
-        this.className = computed(() => {
-            return (gridFooterTableCellThemeVariants() +
-                (this.#gridService?.virtualScrollOptions().enabled
-                    ? " h-(--mona-grid-row-height) max-h-(--mona-grid-row-height) overflow-hidden py-0! align-middle"
-                    : ""));
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "className" }] : /* istanbul ignore next */ []));
-        this.minWidth = computed(() => this.footerColumn()?.minWidth ?? this.footerCellMinWidth(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "minWidth" }] : /* istanbul ignore next */ []));
-        this.width = computed(() => this.footerColumn()?.calculatedWidth ?? this.footerCellWidth(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
-        this.footerCellMinWidth = input(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "footerCellMinWidth" }] : /* istanbul ignore next */ []));
-        this.footerCellWidth = input(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "footerCellWidth" }] : /* istanbul ignore next */ []));
-        this.footerColumn = input(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "footerColumn" }] : /* istanbul ignore next */ []));
-    }
-    #gridService;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: GridFooterTableCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.6", type: GridFooterTableCellDirective, isStandalone: true, selector: "td[monaGridFooterTableCell]", inputs: { footerCellMinWidth: { classPropertyName: "footerCellMinWidth", publicName: "footerCellMinWidth", isSignal: true, isRequired: false, transformFunction: null }, footerCellWidth: { classPropertyName: "footerCellWidth", publicName: "footerCellWidth", isSignal: true, isRequired: false, transformFunction: null }, footerColumn: { classPropertyName: "footerColumn", publicName: "footerColumn", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "gridcell" }, properties: { "class": "className()", "style.width.px": "width()", "style.min-width.px": "minWidth()" } }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: GridFooterTableCellDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: "td[monaGridFooterTableCell]",
-                    host: {
-                        "[class]": "className()",
-                        "[style.width.px]": "width()",
-                        "[style.min-width.px]": "minWidth()",
-                        role: "gridcell"
-                    }
-                }]
-        }], propDecorators: { footerCellMinWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerCellMinWidth", required: false }] }], footerCellWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerCellWidth", required: false }] }], footerColumn: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerColumn", required: false }] }] } });
-
-export { GridFooterTableCellDirective };
-//# sourceMappingURL=nanahoshi-mona-ui-grid-grid-footer-table-cell.directive-Cviex3cR.mjs.map