@nanahoshi/mona-ui 0.24.4 → 0.24.6

package/fesm2022/nanahoshi-mona-ui-dropdowns.mjs

@@ -1,16 +1,22 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, DestroyRef, input, output, effect, untracked, afterNextRender, Directive, Injectable, signal, DOCUMENT, ElementRef, computed } from '@angular/core';
+import { InjectionToken, inject, DestroyRef, input, output, effect, untracked, afterNextRender, Directive, Injectable, signal, DOCUMENT, ElementRef } from '@angular/core';
 import { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';
 import { ListService } from '@nanahoshi/mona-ui/internal/list';
 import { PreventableEvent } from '@nanahoshi/mona-ui/common';
+import { PopupService, dropdownPopupAnimation, PopupCloseEvent, PopupCloseSource } from '@nanahoshi/mona-ui/popup';
 import { Subject, takeUntil, take, filter, switchMap, fromEvent } from 'rxjs';
 import { ConnectionPositionPair } from '@angular/cdk/overlay';
 import { focusCanReturn, themeOverlaySurfaceClasses } from '@nanahoshi/mona-ui/internal';
-import { PopupService, dropdownPopupAnimation } from '@nanahoshi/mona-ui/popup';
+import { LiveAnnouncer } from '@angular/cdk/a11y';
 import { formatNumber, MonaI18nService } from '@nanahoshi/mona-ui/i18n';
 import { cva } from 'class-variance-authority';
 
-const DropdownDataInputToken = new InjectionToken("DROPDOWN_DATA_INPUT");
+const DROPDOWN_DATA_INPUT_TOKEN = new InjectionToken("DROPDOWN_DATA_INPUT");
+/**
+ * @deprecated Use {@link DROPDOWN_DATA_INPUT_TOKEN}.
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention -- kept so existing imports keep working
+const DropdownDataInputToken = DROPDOWN_DATA_INPUT_TOKEN;
 
 const DROPDOWN_POPUP_INPUT_TOKEN = new InjectionToken("DROPDOWN_POPUP_INPUT");
 
@@ -93,8 +99,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
         ng-template[monaDropDownTreeFooterTemplate],
         ng-template[monaComboBoxFooterTemplate],
         ng-template[monaMultiSelectFooterTemplate]
-    `,
-                    standalone: true
+    `
                 }]
         }] });
 
@@ -111,8 +116,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
         ng-template[monaDropDownListGroupHeaderTemplate],
         ng-template[monaComboBoxGroupHeaderTemplate],
         ng-template[monaMultiSelectGroupHeaderTemplate]
-  `,
-                    standalone: true
+  `
                 }]
         }] });
 
@@ -149,7 +153,7 @@ class DropdownGroupableDirective {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DropdownGroupableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.6", type: DropdownGroupableDirective, isStandalone: true, selector: "\n        mona-auto-complete[monaDropDownGroupable],\n        mona-combo-box[monaDropDownGroupable],\n        mona-dropdown-list[monaDropDownGroupable],\n        mona-multi-select[monaDropDownGroupable],\n    ", inputs: { groupBy: { classPropertyName: "groupBy", publicName: "groupBy", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "monaDropDownGroupable", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.6", type: DropdownGroupableDirective, isStandalone: true, selector: "\n        mona-auto-complete[monaDropDownGroupable],\n        mona-combo-box[monaDropDownGroupable],\n        mona-dropdown-list[monaDropDownGroupable],\n        mona-multi-select[monaDropDownGroupable]\n    ", inputs: { groupBy: { classPropertyName: "groupBy", publicName: "groupBy", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "monaDropDownGroupable", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DropdownGroupableDirective, decorators: [{
             type: Directive,
@@ -158,7 +162,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
         mona-auto-complete[monaDropDownGroupable],
         mona-combo-box[monaDropDownGroupable],
         mona-dropdown-list[monaDropDownGroupable],
-        mona-multi-select[monaDropDownGroupable],
+        mona-multi-select[monaDropDownGroupable]
     `
                 }]
         }], ctorParameters: () => [], propDecorators: { groupBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupBy", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "monaDropDownGroupable", required: false }] }] } });
@@ -177,8 +181,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
         ng-template[monaDropDownTreeHeaderTemplate],
         ng-template[monaComboBoxHeaderTemplate],
         ng-template[monaMultiSelectHeaderTemplate]
-  `,
-                    standalone: true
+  `
                 }]
         }] });
 
@@ -195,8 +198,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
         ng-template[monaDropDownListItemTemplate],
         ng-template[monaComboBoxItemTemplate],
         ng-template[monaMultiSelectItemTemplate]
-    `,
-                    standalone: true
+    `
                 }]
         }] });
 
@@ -214,8 +216,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
         ng-template[monaDropDownTreeNoDataTemplate],
         ng-template[monaComboBoxNoDataTemplate],
         ng-template[monaMultiSelectNoDataTemplate]
-    `,
-                    standalone: true
+    `
                 }]
         }] });
 
@@ -256,13 +257,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
         mona-dropdown-list[monaDropDownVirtualScroll],
         mona-combo-box[monaDropDownVirtualScroll],
         mona-multi-select[monaDropDownVirtualScroll]
-    `,
-                    standalone: true
+    `
                 }]
         }], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "monaDropDownVirtualScroll", required: false }] }] } });
 
 class DropdownDataHandlerDirective {
-    #host = inject(DropdownDataInputToken);
+    #host = inject(DROPDOWN_DATA_INPUT_TOKEN);
     #listService = inject(ListService);
     constructor() {
         effect(() => {
@@ -345,8 +345,8 @@ class DropdownPopupHandlerDirective {
     #destroyRef = inject(DestroyRef);
     #document = inject(DOCUMENT);
     #dropdownService = inject(DropdownService);
-    #hostElementRef = inject((ElementRef));
     #host = inject(DROPDOWN_POPUP_INPUT_TOKEN);
+    #hostElementRef = inject((ElementRef));
     #popupService = inject(PopupService);
     constructor() {
         afterNextRender({
@@ -408,7 +408,8 @@ class DropdownPopupHandlerDirective {
         const closeOnScroll = settings.closeOnScroll ?? true;
         const hasBackdrop = settings.hasBackdrop ?? false;
         const height = settings.height;
-        const maxHeight = this.getMaxHeight(settings.maxHeight, settings.height);
+        // The host's popupHeight caps the popup; shorter lists still shrink to fit.
+        const maxHeight = this.getMaxHeight(settings.maxHeight ?? (this.#host.popupHeight() || undefined), height);
         const minWidth = this.getMinWidth(settings.minWidth, settings.width);
         const offset = settings.offset ?? { horizontal: 0, vertical: 4 };
         const popupConnectionPoint = settings.popupConnectionPoint ?? "topleft";
@@ -524,6 +525,11 @@ class DropdownListPopupHandlerDirective {
         this.#dropdownListService?.navigate$.next({ item });
     }
     handleKeyDown(e) {
+        // Keys pressed while an IME is composing text (Enter to confirm a conversion, arrows to pick a candidate)
+        // belong to the IME. Safari reports the confirming Enter with isComposing false but keyCode 229.
+        if (e.isComposing || e.keyCode === 229) {
+            return;
+        }
         const event = new PreventableEvent("beforeKeydown", e);
         this.#dropdownService.beforeKeydown$.next(event);
         if (event.isDefaultPrevented()) {
@@ -533,7 +539,9 @@ class DropdownListPopupHandlerDirective {
             this.handleArrowKeys(e);
         }
         else if (e.key === "Escape") {
-            this.closePopup();
+            this.#dropdownService
+                .popupRef()
+                ?.close(new PopupCloseEvent({ event: e, originalEvent: e, via: PopupCloseSource.Escape }));
         }
         else if (e.key === "Tab") {
             this.closePopup();
@@ -614,54 +622,55 @@ const DROPDOWNS_DEFAULT_MESSAGES = {
     resultsAvailable: (count) => count === 1 ? `${localizeNumber(count)} result available` : `${localizeNumber(count)} results available`
 };
 
+/**
+ * Announces how many results a dropdown shows after its list is filtered, or after its items change, while the
+ * popup is open ("3 results available", "No results found").
+ *
+ * The announcement goes through the CDK `LiveAnnouncer`, whose live region lives at the end of the document, so it
+ * never becomes part of the combobox's content. The highlighted option isn't announced here:
+ * `aria-activedescendant` already does that.
+ */
 class DropdownLiveRegionDirective {
-    #dropdownService;
-    #expanded;
-    #host;
-    #i18n;
-    #listService;
-    #messages;
+    #dropdownService = inject(DropdownService);
+    #i18n = inject(MonaI18nService);
+    #listService = inject(ListService);
+    #liveAnnouncer = inject(LiveAnnouncer);
+    #messages = this.#i18n.componentMessages("dropdowns", DROPDOWNS_DEFAULT_MESSAGES);
     constructor() {
-        this.#dropdownService = inject(DropdownService);
-        this.#expanded = computed(() => this.#dropdownService.popupRef() !== null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "#expanded" }] : /* istanbul ignore next */ []));
-        this.#host = inject(ElementRef);
-        this.#i18n = inject(MonaI18nService);
-        this.#listService = inject(ListService);
-        this.#messages = this.#i18n.componentMessages("dropdowns", DROPDOWNS_DEFAULT_MESSAGES);
-        this.liveRegionText = computed(() => {
-            const highlightedItem = this.#listService.highlightedItem();
-            const selectedItem = this.#listService.selectedListItems().lastOrDefault();
+        // What the list showed when it was last announced, or when the popup opened. Null while the popup is closed.
+        let lastState = null;
+        effect(() => {
+            const expanded = this.#dropdownService.popupRef() !== null;
+            const filterText = this.#listService.filterText();
             const count = this.#listService.viewItems().size();
-            const activeItem = highlightedItem ?? selectedItem;
-            if (activeItem && this.#expanded()) {
-                const text = this.#listService.getItemText(activeItem);
-                const positionInfo = this.#listService.getItemPosition(activeItem);
-                if (positionInfo) {
-                    return this.#messages().itemPosition(text, positionInfo.position, positionInfo.total);
+            untracked(() => {
+                if (!expanded) {
+                    lastState = null;
+                    return;
                 }
-                return text;
-            }
-            return count === 0 ? this.#messages().noResultsFound : this.#messages().resultsAvailable(count);
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "liveRegionText" }] : /* istanbul ignore next */ []));
-        effect(() => {
-            this.#host.nativeElement.textContent = this.liveRegionText();
+                const state = `${filterText}\u0000${count}`;
+                if (state === lastState) {
+                    return;
+                }
+                const opening = lastState === null;
+                lastState = state;
+                // Opening the popup isn't news, unless the text that opened it already filtered the list (a combo
+                // box or auto-complete opens on the first keystroke).
+                if (opening && !filterText) {
+                    return;
+                }
+                const messages = this.#messages();
+                void this.#liveAnnouncer.announce(count === 0 ? messages.noResultsFound : messages.resultsAvailable(count), "polite");
+            });
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DropdownLiveRegionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.6", type: DropdownLiveRegionDirective, isStandalone: true, selector: "span[monaDropdownLiveRegion]", host: { properties: { "class.sr-only": "true", "attr.aria-live": "\"polite\"", "attr.aria-atomic": "\"true\"", "attr.aria-label": "liveRegionText()" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.6", type: DropdownLiveRegionDirective, isStandalone: true, selector: "[monaDropdownLiveRegion]", ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DropdownLiveRegionDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: "span[monaDropdownLiveRegion]",
-                    host: {
-                        "[class.sr-only]": "true",
-                        "[attr.aria-live]": '"polite"',
-                        "[attr.aria-atomic]": '"true"',
-                        "[attr.aria-label]": "liveRegionText()"
-                    }
+                    selector: "[monaDropdownLiveRegion]"
                 }]
         }], ctorParameters: () => [] });
 
@@ -719,5 +728,5 @@ const dropdownPopupThemeVariants = cva(`
  * Generated bundle index. Do not edit.
  */
 
-export { DROPDOWNS_DEFAULT_MESSAGES, DROPDOWN_POPUP_INPUT_TOKEN, DropdownDataHandlerDirective, DropdownDataInputToken, DropdownFilterableDirective, DropdownFooterTemplateDirective, DropdownGroupHeaderTemplateDirective, DropdownGroupableDirective, DropdownHeaderTemplateDirective, DropdownItemTemplateDirective, DropdownListPopupHandlerDirective, DropdownListService, DropdownLiveRegionDirective, DropdownNoDataTemplateDirective, DropdownPopupHandlerDirective, DropdownPrefixTemplateDirective, DropdownService, DropdownSuffixTemplateDirective, DropdownVirtualScrollDirective, dropdownPopupThemeVariants };
+export { DROPDOWNS_DEFAULT_MESSAGES, DROPDOWN_DATA_INPUT_TOKEN, DROPDOWN_POPUP_INPUT_TOKEN, DropdownDataHandlerDirective, DropdownDataInputToken, DropdownFilterableDirective, DropdownFooterTemplateDirective, DropdownGroupHeaderTemplateDirective, DropdownGroupableDirective, DropdownHeaderTemplateDirective, DropdownItemTemplateDirective, DropdownListPopupHandlerDirective, DropdownListService, DropdownLiveRegionDirective, DropdownNoDataTemplateDirective, DropdownPopupHandlerDirective, DropdownPrefixTemplateDirective, DropdownService, DropdownSuffixTemplateDirective, DropdownVirtualScrollDirective, dropdownPopupThemeVariants };
 //# sourceMappingURL=nanahoshi-mona-ui-dropdowns.mjs.map

package/fesm2022/nanahoshi-mona-ui-editor.mjs

@@ -918,7 +918,7 @@ class EditorFontFamilyComponent {
         this.editorService.editor.chain().focus().setFontFamily(fontFamily).run();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: EditorFontFamilyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: EditorFontFamilyComponent, isStandalone: true, selector: "mona-editor-font-family", ngImport: i0, template: "<mona-dropdown-list\n    [data]=\"editorService.fonts()\"\n    [value]=\"selectedFontFamily()\"\n    (valueChange)=\"onFontFamilyChange($event)\"\n    [size]=\"'small'\"\n    [class]=\"dropdownListClass()\"\n    [title]=\"messages().selectFontFamily\">\n    <ng-template monaDropDownListItemTemplate let-font>\n        <span [style.font-family]=\"font\">{{ font }}</span>\n    </ng-template>\n</mona-dropdown-list>\n", dependencies: [{ kind: "component", type: DropdownListComponent, selector: "mona-dropdown-list", inputs: ["aria-label", "aria-labelledby", "data", "disabled", "invalid", "itemDisabled", "loading", "placeholder", "popupClass", "popupHeight", "popupWidth", "readonly", "required", "rounded", "showClearButton", "size", "textField", "touched", "class", "value", "valueField", "valuePrimitive"], outputs: ["close", "closed", "disabledChange", "open", "opened", "touch", "valueChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: DropdownItemTemplateDirective, selector: "        ng-template[monaDropDownItemTemplate],        ng-template[monaAutoCompleteItemTemplate],        ng-template[monaDropDownListItemTemplate],        ng-template[monaComboBoxItemTemplate],        ng-template[monaMultiSelectItemTemplate]    " }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: EditorFontFamilyComponent, isStandalone: true, selector: "mona-editor-font-family", ngImport: i0, template: "<mona-dropdown-list\n    [data]=\"editorService.fonts()\"\n    [value]=\"selectedFontFamily()\"\n    (valueChange)=\"onFontFamilyChange($event)\"\n    [size]=\"'small'\"\n    [class]=\"dropdownListClass()\"\n    [title]=\"messages().selectFontFamily\">\n    <ng-template monaDropDownListItemTemplate let-font>\n        <span [style.font-family]=\"font\">{{ font }}</span>\n    </ng-template>\n</mona-dropdown-list>\n", dependencies: [{ kind: "component", type: DropdownListComponent, selector: "mona-dropdown-list", inputs: ["aria-describedby", "aria-label", "aria-labelledby", "data", "disabled", "invalid", "itemDisabled", "loading", "placeholder", "popupClass", "popupHeight", "popupWidth", "readonly", "required", "rounded", "showClearButton", "size", "textField", "touched", "class", "value", "valueField", "valuePrimitive"], outputs: ["close", "closed", "open", "opened", "touch", "valueChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: DropdownItemTemplateDirective, selector: "        ng-template[monaDropDownItemTemplate],        ng-template[monaAutoCompleteItemTemplate],        ng-template[monaDropDownListItemTemplate],        ng-template[monaComboBoxItemTemplate],        ng-template[monaMultiSelectItemTemplate]    " }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: EditorFontFamilyComponent, decorators: [{
             type: Component,
@@ -1002,7 +1002,7 @@ class EditorFontSizeComponent {
         this.editorService.editor.chain().focus().setFontSize(fontSize).run();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: EditorFontSizeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: EditorFontSizeComponent, isStandalone: true, selector: "mona-editor-font-size", ngImport: i0, template: "<mona-dropdown-list\n    [data]=\"editorService.fontSizes()\"\n    [placeholder]=\"messages().fontSize\"\n    [value]=\"selectedFontSize()\"\n    (valueChange)=\"onFontSizeChange($event)\"\n    [size]=\"'small'\"\n    [class]=\"dropdownListClass()\"\n    [title]=\"messages().selectFontSize\"></mona-dropdown-list>\n", dependencies: [{ kind: "component", type: DropdownListComponent, selector: "mona-dropdown-list", inputs: ["aria-label", "aria-labelledby", "data", "disabled", "invalid", "itemDisabled", "loading", "placeholder", "popupClass", "popupHeight", "popupWidth", "readonly", "required", "rounded", "showClearButton", "size", "textField", "touched", "class", "value", "valueField", "valuePrimitive"], outputs: ["close", "closed", "disabledChange", "open", "opened", "touch", "valueChange"] }, { kind: "ngmodule", type: FormsModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: EditorFontSizeComponent, isStandalone: true, selector: "mona-editor-font-size", ngImport: i0, template: "<mona-dropdown-list\n    [data]=\"editorService.fontSizes()\"\n    [placeholder]=\"messages().fontSize\"\n    [value]=\"selectedFontSize()\"\n    (valueChange)=\"onFontSizeChange($event)\"\n    [size]=\"'small'\"\n    [class]=\"dropdownListClass()\"\n    [title]=\"messages().selectFontSize\"></mona-dropdown-list>\n", dependencies: [{ kind: "component", type: DropdownListComponent, selector: "mona-dropdown-list", inputs: ["aria-describedby", "aria-label", "aria-labelledby", "data", "disabled", "invalid", "itemDisabled", "loading", "placeholder", "popupClass", "popupHeight", "popupWidth", "readonly", "required", "rounded", "showClearButton", "size", "textField", "touched", "class", "value", "valueField", "valuePrimitive"], outputs: ["close", "closed", "open", "opened", "touch", "valueChange"] }, { kind: "ngmodule", type: FormsModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: EditorFontSizeComponent, decorators: [{
             type: Component,
@@ -1068,7 +1068,7 @@ class EditorHeadingsComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: EditorHeadingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: EditorHeadingsComponent, isStandalone: true, selector: "mona-editor-headings", ngImport: i0, template: "<mona-dropdown-list\n    [data]=\"headingsDropdownListData()\"\n    [value]=\"selectedHeadingsDropdownItem()\"\n    (valueChange)=\"onFormatChange($event)\"\n    [size]=\"'small'\"\n    [class]=\"dropdownListClass()\"\n    textField=\"text\"\n    valueField=\"value\"\n    [title]=\"messages().format\">\n    <ng-template monaDropDownListItemTemplate let-dataItem>\n        @switch (dataItem.value) {\n            @case (HeadingType.Heading1) {\n                <h1 class=\"m-0 text-2xl font-bold\">{{ dataItem.text }}</h1>\n            }\n            @case (HeadingType.Heading2) {\n                <h2 class=\"m-0 text-xl font-bold\">{{ dataItem.text }}</h2>\n            }\n            @case (HeadingType.Heading3) {\n                <h3 class=\"m-0 text-lg font-bold\">{{ dataItem.text }}</h3>\n            }\n            @case (HeadingType.Heading4) {\n                <h4 class=\"m-0 text-base font-bold\">{{ dataItem.text }}</h4>\n            }\n            @case (HeadingType.Heading5) {\n                <h5 class=\"m-0 text-sm font-bold\">{{ dataItem.text }}</h5>\n            }\n            @case (HeadingType.Heading6) {\n                <h6 class=\"m-0 text-xs font-bold\">{{ dataItem.text }}</h6>\n            }\n            @case (HeadingType.Paragraph) {\n                <p class=\"m-0 text-sm\">{{ dataItem.text }}</p>\n            }\n            @default {\n                <p class=\"m-0 text-sm\">{{ dataItem.text }}</p>\n            }\n        }\n    </ng-template>\n</mona-dropdown-list>\n", dependencies: [{ kind: "component", type: DropdownListComponent, selector: "mona-dropdown-list", inputs: ["aria-label", "aria-labelledby", "data", "disabled", "invalid", "itemDisabled", "loading", "placeholder", "popupClass", "popupHeight", "popupWidth", "readonly", "required", "rounded", "showClearButton", "size", "textField", "touched", "class", "value", "valueField", "valuePrimitive"], outputs: ["close", "closed", "disabledChange", "open", "opened", "touch", "valueChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: DropdownItemTemplateDirective, selector: "        ng-template[monaDropDownItemTemplate],        ng-template[monaAutoCompleteItemTemplate],        ng-template[monaDropDownListItemTemplate],        ng-template[monaComboBoxItemTemplate],        ng-template[monaMultiSelectItemTemplate]    " }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: EditorHeadingsComponent, isStandalone: true, selector: "mona-editor-headings", ngImport: i0, template: "<mona-dropdown-list\n    [data]=\"headingsDropdownListData()\"\n    [value]=\"selectedHeadingsDropdownItem()\"\n    (valueChange)=\"onFormatChange($event)\"\n    [size]=\"'small'\"\n    [class]=\"dropdownListClass()\"\n    textField=\"text\"\n    valueField=\"value\"\n    [title]=\"messages().format\">\n    <ng-template monaDropDownListItemTemplate let-dataItem>\n        @switch (dataItem.value) {\n            @case (HeadingType.Heading1) {\n                <h1 class=\"m-0 text-2xl font-bold\">{{ dataItem.text }}</h1>\n            }\n            @case (HeadingType.Heading2) {\n                <h2 class=\"m-0 text-xl font-bold\">{{ dataItem.text }}</h2>\n            }\n            @case (HeadingType.Heading3) {\n                <h3 class=\"m-0 text-lg font-bold\">{{ dataItem.text }}</h3>\n            }\n            @case (HeadingType.Heading4) {\n                <h4 class=\"m-0 text-base font-bold\">{{ dataItem.text }}</h4>\n            }\n            @case (HeadingType.Heading5) {\n                <h5 class=\"m-0 text-sm font-bold\">{{ dataItem.text }}</h5>\n            }\n            @case (HeadingType.Heading6) {\n                <h6 class=\"m-0 text-xs font-bold\">{{ dataItem.text }}</h6>\n            }\n            @case (HeadingType.Paragraph) {\n                <p class=\"m-0 text-sm\">{{ dataItem.text }}</p>\n            }\n            @default {\n                <p class=\"m-0 text-sm\">{{ dataItem.text }}</p>\n            }\n        }\n    </ng-template>\n</mona-dropdown-list>\n", dependencies: [{ kind: "component", type: DropdownListComponent, selector: "mona-dropdown-list", inputs: ["aria-describedby", "aria-label", "aria-labelledby", "data", "disabled", "invalid", "itemDisabled", "loading", "placeholder", "popupClass", "popupHeight", "popupWidth", "readonly", "required", "rounded", "showClearButton", "size", "textField", "touched", "class", "value", "valueField", "valuePrimitive"], outputs: ["close", "closed", "open", "opened", "touch", "valueChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: DropdownItemTemplateDirective, selector: "        ng-template[monaDropDownItemTemplate],        ng-template[monaAutoCompleteItemTemplate],        ng-template[monaDropDownListItemTemplate],        ng-template[monaComboBoxItemTemplate],        ng-template[monaMultiSelectItemTemplate]    " }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: EditorHeadingsComponent, decorators: [{
             type: Component,

package/fesm2022/nanahoshi-mona-ui-filter.mjs

@@ -704,7 +704,7 @@ class FilterMenuComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: FilterMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: FilterMenuComponent, isStandalone: true, selector: "mona-filter-menu", inputs: { dateOptions: { classPropertyName: "dateOptions", publicName: "dateOptions", isSignal: true, isRequired: false, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, operators: { classPropertyName: "operators", publicName: "operators", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { apply: "apply", field: "fieldChange", operators: "operatorsChange", type: "typeChange", value: "valueChange" }, host: { properties: { "class": "baseClass()" } }, ngImport: i0, template: "<div [class]=\"filterMenuItemClass()\">\n    @if (type() === \"string\") {\n        <mona-dropdown-list\n            [data]=\"stringFilterMenuDataItems() | operatorFilter: operators()\"\n            textField=\"text\"\n            valueField=\"value\"\n            [size]=\"size()\"\n            [rounded]=\"rounded()\"\n            [ngModel]=\"selectedFilterMenuDataItemList()[0]\"\n            (ngModelChange)=\"onFilterOperatorChange(0, $event)\"></mona-dropdown-list>\n        <mona-text-box\n            [ngModel]=\"stringFilterValues()[0]\"\n            (ngModelChange)=\"stringFilterValues.set([$event, stringFilterValues()[1]])\"\n            [size]=\"size()\"\n            [disabled]=\"selectedFilterMenuDataItemList()[0]?.value | valuelessOperator\"></mona-text-box>\n    }\n\n    @if (type() === \"number\") {\n        <mona-dropdown-list\n            [data]=\"numericFilterMenuDataItems() | operatorFilter: operators()\"\n            textField=\"text\"\n            valueField=\"value\"\n            [size]=\"size()\"\n            [rounded]=\"rounded()\"\n            [ngModel]=\"selectedFilterMenuDataItemList()[0]\"\n            (ngModelChange)=\"onFilterOperatorChange(0, $event)\"></mona-dropdown-list>\n        <mona-numeric-text-box\n            [ngModel]=\"numberFilterValues()[0]\"\n            (ngModelChange)=\"numberFilterValues.set([$event, numberFilterValues()[1]])\"\n            [size]=\"size()\"\n            [rounded]=\"rounded()\"\n            [disabled]=\"selectedFilterMenuDataItemList()[0]?.value | valuelessOperator\"></mona-numeric-text-box>\n    }\n\n    @if (type() === \"date\") {\n        <mona-dropdown-list\n            [data]=\"dateFilterMenuDataItems() | operatorFilter: operators()\"\n            textField=\"text\"\n            valueField=\"value\"\n            [size]=\"size()\"\n            [rounded]=\"rounded()\"\n            [ngModel]=\"selectedFilterMenuDataItemList()[0]\"\n            (ngModelChange)=\"onFilterOperatorChange(0, $event)\"></mona-dropdown-list>\n\n        @if (type() === \"date\") {\n            <mona-date-picker\n                [ngModel]=\"dateFilterValues()[0]\"\n                (ngModelChange)=\"dateFilterValues.set([$event, dateFilterValues()[1]])\"\n                [format]=\"effectiveDateOptions().format\"\n                [size]=\"size()\"\n                [rounded]=\"rounded()\"\n                [disabled]=\"selectedFilterMenuDataItemList()[0]?.value | valuelessOperator\"></mona-date-picker>\n        }\n    }\n\n    @if (type() === \"boolean\") {\n        <mona-dropdown-list\n            [data]=\"booleanFilterMenuDataItems() | operatorFilter: operators()\"\n            textField=\"text\"\n            valueField=\"value\"\n            [ngModel]=\"selectedFilterMenuDataItemList()[0]\"\n            [size]=\"size()\"\n            [rounded]=\"rounded()\"\n            (ngModelChange)=\"onFilterOperatorChange(0, $event)\"></mona-dropdown-list>\n    }\n</div>\n@if (firstFilterValid()) {\n    <div [class]=\"filterMenuItemClass()\">\n        <mona-button-group selection=\"single\" [size]=\"size()\" [rounded]=\"rounded()\" [disabled]=\"!firstFilterValid()\">\n            @for (item of connectorDataItems(); track item.value) {\n                <button\n                    monaButton\n                    [selected]=\"item.value === selectedConnectorItem()?.value\"\n                    (selectedChange)=\"onConnectorChange(item, $event)\">\n                    {{ item.text }}\n                </button>\n            }\n        </mona-button-group>\n    </div>\n}\n@if (!!selectedConnectorItem()) {\n    <div [class]=\"filterMenuItemClass()\">\n        @if (type() === \"string\") {\n            <mona-dropdown-list\n                [data]=\"stringFilterMenuDataItems() | operatorFilter: operators()\"\n                textField=\"text\"\n                valueField=\"value\"\n                [size]=\"size()\"\n                [rounded]=\"rounded()\"\n                [ngModel]=\"selectedFilterMenuDataItemList()[1]\"\n                (ngModelChange)=\"onFilterOperatorChange(1, $event)\"></mona-dropdown-list>\n            <mona-text-box\n                [ngModel]=\"stringFilterValues()[1]\"\n                (ngModelChange)=\"stringFilterValues.set([stringFilterValues()[0], $event])\"\n                [disabled]=\"selectedFilterMenuDataItemList()[1]?.value | valuelessOperator\"></mona-text-box>\n        }\n\n        @if (type() === \"number\") {\n            <mona-dropdown-list\n                [data]=\"numericFilterMenuDataItems() | operatorFilter: operators()\"\n                textField=\"text\"\n                valueField=\"value\"\n                [size]=\"size()\"\n                [rounded]=\"rounded()\"\n                [ngModel]=\"selectedFilterMenuDataItemList()[1]\"\n                (ngModelChange)=\"onFilterOperatorChange(1, $event)\"></mona-dropdown-list>\n\n            <mona-numeric-text-box\n                [size]=\"size()\"\n                [rounded]=\"rounded()\"\n                [ngModel]=\"numberFilterValues()[1]\"\n                (ngModelChange)=\"numberFilterValues.set([numberFilterValues()[0], $event])\"\n                [disabled]=\"selectedFilterMenuDataItemList()[1]?.value | valuelessOperator\"></mona-numeric-text-box>\n        }\n\n        @if (type() === \"date\") {\n            <mona-dropdown-list\n                [data]=\"dateFilterMenuDataItems() | operatorFilter: operators()\"\n                textField=\"text\"\n                valueField=\"value\"\n                [size]=\"size()\"\n                [rounded]=\"rounded()\"\n                [ngModel]=\"selectedFilterMenuDataItemList()[1]\"\n                (ngModelChange)=\"onFilterOperatorChange(1, $event)\"></mona-dropdown-list>\n\n            @if (type() === \"date\") {\n                <mona-date-picker\n                    [ngModel]=\"dateFilterValues()[1]\"\n                    (ngModelChange)=\"dateFilterValues.set([dateFilterValues()[0], $event])\"\n                    [format]=\"effectiveDateOptions().format\"\n                    [size]=\"size()\"\n                    [rounded]=\"rounded()\"\n                    [disabled]=\"selectedFilterMenuDataItemList()[1]?.value | valuelessOperator\"></mona-date-picker>\n            }\n        }\n\n        @if (type() === \"boolean\") {\n            <mona-dropdown-list\n                [data]=\"booleanFilterMenuDataItems() | operatorFilter: operators()\"\n                textField=\"text\"\n                valueField=\"value\"\n                [size]=\"size()\"\n                [rounded]=\"rounded()\"\n                [ngModel]=\"selectedFilterMenuDataItemList()[1]\"\n                (ngModelChange)=\"onFilterOperatorChange(1, $event)\"></mona-dropdown-list>\n        }\n    </div>\n}\n<div [class]=\"`${filterMenuItemClass()} ${filterMenuActionsClass()}`\">\n    <button\n        monaButton\n        (click)=\"onFilterApply()\"\n        [look]=\"'primary'\"\n        [size]=\"size()\"\n        [rounded]=\"rounded()\"\n        [disabled]=\"applyDisabled()\">\n        {{ messages().apply }}\n    </button>\n    <button monaButton (click)=\"onFilterClear()\" [look]=\"'default'\" [size]=\"size()\" [rounded]=\"rounded()\">{{ messages().clear }}</button>\n</div>\n", dependencies: [{ kind: "component", type: DropdownListComponent, selector: "mona-dropdown-list", inputs: ["aria-label", "aria-labelledby", "data", "disabled", "invalid", "itemDisabled", "loading", "placeholder", "popupClass", "popupHeight", "popupWidth", "readonly", "required", "rounded", "showClearButton", "size", "textField", "touched", "class", "value", "valueField", "valuePrimitive"], outputs: ["close", "closed", "disabledChange", "open", "opened", "touch", "valueChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: TextBoxComponent, selector: "mona-text-box", inputs: ["aria-describedby", "aria-label", "aria-labelledby", "clearButton", "disabled", "inputAttributes", "inputClass", "inputId", "inputStyle", "invalid", "maxLength", "minLength", "name", "placeholder", "readonly", "required", "rounded", "size", "touched", "type", "class", "value"], outputs: ["inputBlur", "inputFocus", "touch", "valueChange"] }, { kind: "component", type: NumericTextBoxComponent, selector: "mona-numeric-text-box", inputs: ["formatter", "maxValue", "minValue", "step", "value"], outputs: ["valueChange"] }, { kind: "component", type: DatePickerComponent, selector: "mona-date-picker", inputs: ["disabled", "disabledDates", "firstDay", "format", "invalid", "max", "min", "placeholder", "popupClass", "popupHeight", "popupWidth", "readonly", "readonlyInput", "required", "rounded", "showClearButton", "size", "touched", "class", "value", "weekNumber"], outputs: ["close", "closed", "open", "opened", "touch", "valueChange"] }, { kind: "component", type: ButtonGroupComponent, selector: "mona-button-group", inputs: ["allowEmpty", "aria-label", "disabled", "look", "rounded", "selection", "size", "class"], outputs: ["buttonClick", "disabledChange", "selectionChange"] }, { kind: "directive", type: ButtonDirective, selector: "button[monaButton]", inputs: ["aria-haspopup", "disabled", "iconOnly", "loading", "look", "rounded", "selected", "size", "tabindex", "toggleable", "type", "class"], outputs: ["lookChange", "selectedChange"] }, { kind: "pipe", type: ValuelessOperatorPipe, name: "valuelessOperator" }, { kind: "pipe", type: OperatorFilterPipe, name: "operatorFilter" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: FilterMenuComponent, isStandalone: true, selector: "mona-filter-menu", inputs: { dateOptions: { classPropertyName: "dateOptions", publicName: "dateOptions", isSignal: true, isRequired: false, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, operators: { classPropertyName: "operators", publicName: "operators", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { apply: "apply", field: "fieldChange", operators: "operatorsChange", type: "typeChange", value: "valueChange" }, host: { properties: { "class": "baseClass()" } }, ngImport: i0, template: "<div [class]=\"filterMenuItemClass()\">\n    @if (type() === \"string\") {\n        <mona-dropdown-list\n            [data]=\"stringFilterMenuDataItems() | operatorFilter: operators()\"\n            textField=\"text\"\n            valueField=\"value\"\n            [size]=\"size()\"\n            [rounded]=\"rounded()\"\n            [ngModel]=\"selectedFilterMenuDataItemList()[0]\"\n            (ngModelChange)=\"onFilterOperatorChange(0, $event)\"></mona-dropdown-list>\n        <mona-text-box\n            [ngModel]=\"stringFilterValues()[0]\"\n            (ngModelChange)=\"stringFilterValues.set([$event, stringFilterValues()[1]])\"\n            [size]=\"size()\"\n            [disabled]=\"selectedFilterMenuDataItemList()[0]?.value | valuelessOperator\"></mona-text-box>\n    }\n\n    @if (type() === \"number\") {\n        <mona-dropdown-list\n            [data]=\"numericFilterMenuDataItems() | operatorFilter: operators()\"\n            textField=\"text\"\n            valueField=\"value\"\n            [size]=\"size()\"\n            [rounded]=\"rounded()\"\n            [ngModel]=\"selectedFilterMenuDataItemList()[0]\"\n            (ngModelChange)=\"onFilterOperatorChange(0, $event)\"></mona-dropdown-list>\n        <mona-numeric-text-box\n            [ngModel]=\"numberFilterValues()[0]\"\n            (ngModelChange)=\"numberFilterValues.set([$event, numberFilterValues()[1]])\"\n            [size]=\"size()\"\n            [rounded]=\"rounded()\"\n            [disabled]=\"selectedFilterMenuDataItemList()[0]?.value | valuelessOperator\"></mona-numeric-text-box>\n    }\n\n    @if (type() === \"date\") {\n        <mona-dropdown-list\n            [data]=\"dateFilterMenuDataItems() | operatorFilter: operators()\"\n            textField=\"text\"\n            valueField=\"value\"\n            [size]=\"size()\"\n            [rounded]=\"rounded()\"\n            [ngModel]=\"selectedFilterMenuDataItemList()[0]\"\n            (ngModelChange)=\"onFilterOperatorChange(0, $event)\"></mona-dropdown-list>\n\n        @if (type() === \"date\") {\n            <mona-date-picker\n                [ngModel]=\"dateFilterValues()[0]\"\n                (ngModelChange)=\"dateFilterValues.set([$event, dateFilterValues()[1]])\"\n                [format]=\"effectiveDateOptions().format\"\n                [size]=\"size()\"\n                [rounded]=\"rounded()\"\n                [disabled]=\"selectedFilterMenuDataItemList()[0]?.value | valuelessOperator\"></mona-date-picker>\n        }\n    }\n\n    @if (type() === \"boolean\") {\n        <mona-dropdown-list\n            [data]=\"booleanFilterMenuDataItems() | operatorFilter: operators()\"\n            textField=\"text\"\n            valueField=\"value\"\n            [ngModel]=\"selectedFilterMenuDataItemList()[0]\"\n            [size]=\"size()\"\n            [rounded]=\"rounded()\"\n            (ngModelChange)=\"onFilterOperatorChange(0, $event)\"></mona-dropdown-list>\n    }\n</div>\n@if (firstFilterValid()) {\n    <div [class]=\"filterMenuItemClass()\">\n        <mona-button-group selection=\"single\" [size]=\"size()\" [rounded]=\"rounded()\" [disabled]=\"!firstFilterValid()\">\n            @for (item of connectorDataItems(); track item.value) {\n                <button\n                    monaButton\n                    [selected]=\"item.value === selectedConnectorItem()?.value\"\n                    (selectedChange)=\"onConnectorChange(item, $event)\">\n                    {{ item.text }}\n                </button>\n            }\n        </mona-button-group>\n    </div>\n}\n@if (!!selectedConnectorItem()) {\n    <div [class]=\"filterMenuItemClass()\">\n        @if (type() === \"string\") {\n            <mona-dropdown-list\n                [data]=\"stringFilterMenuDataItems() | operatorFilter: operators()\"\n                textField=\"text\"\n                valueField=\"value\"\n                [size]=\"size()\"\n                [rounded]=\"rounded()\"\n                [ngModel]=\"selectedFilterMenuDataItemList()[1]\"\n                (ngModelChange)=\"onFilterOperatorChange(1, $event)\"></mona-dropdown-list>\n            <mona-text-box\n                [ngModel]=\"stringFilterValues()[1]\"\n                (ngModelChange)=\"stringFilterValues.set([stringFilterValues()[0], $event])\"\n                [disabled]=\"selectedFilterMenuDataItemList()[1]?.value | valuelessOperator\"></mona-text-box>\n        }\n\n        @if (type() === \"number\") {\n            <mona-dropdown-list\n                [data]=\"numericFilterMenuDataItems() | operatorFilter: operators()\"\n                textField=\"text\"\n                valueField=\"value\"\n                [size]=\"size()\"\n                [rounded]=\"rounded()\"\n                [ngModel]=\"selectedFilterMenuDataItemList()[1]\"\n                (ngModelChange)=\"onFilterOperatorChange(1, $event)\"></mona-dropdown-list>\n\n            <mona-numeric-text-box\n                [size]=\"size()\"\n                [rounded]=\"rounded()\"\n                [ngModel]=\"numberFilterValues()[1]\"\n                (ngModelChange)=\"numberFilterValues.set([numberFilterValues()[0], $event])\"\n                [disabled]=\"selectedFilterMenuDataItemList()[1]?.value | valuelessOperator\"></mona-numeric-text-box>\n        }\n\n        @if (type() === \"date\") {\n            <mona-dropdown-list\n                [data]=\"dateFilterMenuDataItems() | operatorFilter: operators()\"\n                textField=\"text\"\n                valueField=\"value\"\n                [size]=\"size()\"\n                [rounded]=\"rounded()\"\n                [ngModel]=\"selectedFilterMenuDataItemList()[1]\"\n                (ngModelChange)=\"onFilterOperatorChange(1, $event)\"></mona-dropdown-list>\n\n            @if (type() === \"date\") {\n                <mona-date-picker\n                    [ngModel]=\"dateFilterValues()[1]\"\n                    (ngModelChange)=\"dateFilterValues.set([dateFilterValues()[0], $event])\"\n                    [format]=\"effectiveDateOptions().format\"\n                    [size]=\"size()\"\n                    [rounded]=\"rounded()\"\n                    [disabled]=\"selectedFilterMenuDataItemList()[1]?.value | valuelessOperator\"></mona-date-picker>\n            }\n        }\n\n        @if (type() === \"boolean\") {\n            <mona-dropdown-list\n                [data]=\"booleanFilterMenuDataItems() | operatorFilter: operators()\"\n                textField=\"text\"\n                valueField=\"value\"\n                [size]=\"size()\"\n                [rounded]=\"rounded()\"\n                [ngModel]=\"selectedFilterMenuDataItemList()[1]\"\n                (ngModelChange)=\"onFilterOperatorChange(1, $event)\"></mona-dropdown-list>\n        }\n    </div>\n}\n<div [class]=\"`${filterMenuItemClass()} ${filterMenuActionsClass()}`\">\n    <button\n        monaButton\n        (click)=\"onFilterApply()\"\n        [look]=\"'primary'\"\n        [size]=\"size()\"\n        [rounded]=\"rounded()\"\n        [disabled]=\"applyDisabled()\">\n        {{ messages().apply }}\n    </button>\n    <button monaButton (click)=\"onFilterClear()\" [look]=\"'default'\" [size]=\"size()\" [rounded]=\"rounded()\">{{ messages().clear }}</button>\n</div>\n", dependencies: [{ kind: "component", type: DropdownListComponent, selector: "mona-dropdown-list", inputs: ["aria-describedby", "aria-label", "aria-labelledby", "data", "disabled", "invalid", "itemDisabled", "loading", "placeholder", "popupClass", "popupHeight", "popupWidth", "readonly", "required", "rounded", "showClearButton", "size", "textField", "touched", "class", "value", "valueField", "valuePrimitive"], outputs: ["close", "closed", "open", "opened", "touch", "valueChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: TextBoxComponent, selector: "mona-text-box", inputs: ["aria-describedby", "aria-label", "aria-labelledby", "clearButton", "disabled", "inputAttributes", "inputClass", "inputId", "inputStyle", "invalid", "maxLength", "minLength", "name", "placeholder", "readonly", "required", "rounded", "size", "touched", "type", "class", "value"], outputs: ["inputBlur", "inputFocus", "touch", "valueChange"] }, { kind: "component", type: NumericTextBoxComponent, selector: "mona-numeric-text-box", inputs: ["formatter", "maxValue", "minValue", "step", "value"], outputs: ["valueChange"] }, { kind: "component", type: DatePickerComponent, selector: "mona-date-picker", inputs: ["aria-describedby", "aria-label", "aria-labelledby", "disabled", "disabledDates", "firstDay", "format", "inputId", "invalid", "max", "min", "placeholder", "popupClass", "popupHeight", "popupWidth", "readonly", "readonlyInput", "required", "rounded", "showClearButton", "size", "touched", "class", "value", "weekNumber"], outputs: ["close", "closed", "open", "opened", "touch", "valueChange"] }, { kind: "component", type: ButtonGroupComponent, selector: "mona-button-group", inputs: ["allowEmpty", "aria-label", "disabled", "look", "rounded", "selection", "size", "class"], outputs: ["buttonClick", "disabledChange", "selectionChange"] }, { kind: "directive", type: ButtonDirective, selector: "button[monaButton]", inputs: ["aria-haspopup", "disabled", "iconOnly", "loading", "look", "rounded", "selected", "size", "tabindex", "toggleable", "type", "class"], outputs: ["lookChange", "selectedChange"] }, { kind: "pipe", type: ValuelessOperatorPipe, name: "valuelessOperator" }, { kind: "pipe", type: OperatorFilterPipe, name: "operatorFilter" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: FilterMenuComponent, decorators: [{
             type: Component,

package/fesm2022/{nanahoshi-mona-ui-grid-grid-footer-row.component-DLOPRuFv.mjs → nanahoshi-mona-ui-grid-grid-footer-row.component-CD_ODHpU.mjs}

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { inject, computed, input, Directive, ChangeDetectionStrategy, Component } from '@angular/core';
-import { a as GridService, v as gridFooterTableCellThemeVariants, w as gridFooterTableRowThemeVariants, m as GridLockedCellDirective } from './nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-D4lUDbfx.mjs';
+import { a as GridService, v as gridFooterTableCellThemeVariants, w as gridFooterTableRowThemeVariants, m as GridLockedCellDirective } from './nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-BvUM9nPt.mjs';
 import { NgTemplateOutlet } from '@angular/common';
 import { ImmutableDictionary } from '@mirei/ts-collections';
 
@@ -166,4 +166,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
         }], propDecorators: { groupKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupKey", required: false }] }] } });
 
 export { GridFooterRowComponent };
-//# sourceMappingURL=nanahoshi-mona-ui-grid-grid-footer-row.component-DLOPRuFv.mjs.map
+//# sourceMappingURL=nanahoshi-mona-ui-grid-grid-footer-row.component-CD_ODHpU.mjs.map

package/fesm2022/{nanahoshi-mona-ui-grid-grid-list.component-Dw5U9H0a.mjs → nanahoshi-mona-ui-grid-grid-list.component-0jN7I1jo.mjs}

@@ -5,9 +5,9 @@ import { inject, DestroyRef, ElementRef, viewChild, computed, input, afterNextRe
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { ImmutableList } from '@mirei/ts-collections';
 import { fromEvent } from 'rxjs';
-import { G as GridNavigationService, g as gridListBaseThemeVariants, a as GridService, b as gridRowDragPreviewThemeVariants, c as gridListTableThemeVariants, d as GridColgroupComponent } from './nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-D4lUDbfx.mjs';
-import { G as GridAddRowComponent, a as GridDetailRowComponent, b as GridGroupRowComponent, c as GridRowComponent } from './nanahoshi-mona-ui-grid-grid-row.component-D1kyAzD8.mjs';
-import { GridFooterRowComponent } from './nanahoshi-mona-ui-grid-grid-footer-row.component-DLOPRuFv.mjs';
+import { G as GridNavigationService, g as gridListBaseThemeVariants, a as GridService, b as gridRowDragPreviewThemeVariants, c as gridListTableThemeVariants, d as GridColgroupComponent } from './nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-BvUM9nPt.mjs';
+import { G as GridAddRowComponent, a as GridDetailRowComponent, b as GridGroupRowComponent, c as GridRowComponent } from './nanahoshi-mona-ui-grid-grid-row.component-BI_iE7pl.mjs';
+import { GridFooterRowComponent } from './nanahoshi-mona-ui-grid-grid-footer-row.component-CD_ODHpU.mjs';
 
 const ROW_MOVE_DURATION = 200;
 const ROW_MOVE_EASING = "cubic-bezier(0.2, 0, 0, 1)";
@@ -173,4 +173,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
         }], ctorParameters: () => [], propDecorators: { bodyTableElementRef: [{ type: i0.ViewChild, args: ["bodyTable", { isSignal: true }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }] } });
 
 export { GridListComponent };
-//# sourceMappingURL=nanahoshi-mona-ui-grid-grid-list.component-Dw5U9H0a.mjs.map
+//# sourceMappingURL=nanahoshi-mona-ui-grid-grid-list.component-0jN7I1jo.mjs.map

package/fesm2022/{nanahoshi-mona-ui-grid-grid-row.component-D1kyAzD8.mjs → nanahoshi-mona-ui-grid-grid-row.component-BI_iE7pl.mjs}

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { inject, computed, input, Directive, Component, signal, ElementRef, viewChild, output, effect, untracked, afterNextRender, ChangeDetectionStrategy, model, Injector, LOCALE_ID } from '@angular/core';
-import { a as GridService, i as gridListTableCellThemeVariants, j as gridCellEditorBaseThemeVariants, k as gridCellEditorInputThemeVariants, l as gridListTableRowThemeVariants, m as GridLockedCellDirective, n as GridLogicalCellDirective, o as gridGroupRowThemeVariants, G as GridNavigationService, p as gridCellBaseThemeVariants, q as gridCellContainerThemeVariants, r as gridCellDirtyIndicatorThemeVariants, s as gridCellTextThemeVariants, t as gridRowReorderHandleThemeVariants, u as gridSelectionCellThemeVariants } from './nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-D4lUDbfx.mjs';
+import { a as GridService, i as gridListTableCellThemeVariants, j as gridCellEditorBaseThemeVariants, k as gridCellEditorInputThemeVariants, l as gridListTableRowThemeVariants, m as GridLockedCellDirective, n as GridLogicalCellDirective, o as gridGroupRowThemeVariants, G as GridNavigationService, p as gridCellBaseThemeVariants, q as gridCellContainerThemeVariants, r as gridCellDirtyIndicatorThemeVariants, s as gridCellTextThemeVariants, t as gridRowReorderHandleThemeVariants, u as gridSelectionCellThemeVariants } from './nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-BvUM9nPt.mjs';
 import { NgTemplateOutlet, formatDate } from '@angular/common';
 import { ContextMenuComponent } from '@nanahoshi/mona-ui/contextmenu';
 import { twMerge } from 'tailwind-merge';
@@ -380,7 +380,7 @@ class GridEditorComponent {
         this.formField()().value.set(value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: GridEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: GridEditorComponent, isStandalone: true, selector: "mona-grid-editor", inputs: { autoFocus: { classPropertyName: "autoFocus", publicName: "autoFocus", isSignal: true, isRequired: false, transformFunction: null }, column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: true, transformFunction: null }, isNew: { classPropertyName: "isNew", publicName: "isNew", isSignal: true, isRequired: false, transformFunction: null }, session: { classPropertyName: "session", publicName: "session", isSignal: true, isRequired: true, transformFunction: null }, tabNavigationEnabled: { classPropertyName: "tabNavigationEnabled", publicName: "tabNavigationEnabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { cancelEdit: "cancelEdit", commit: "commit", tabNavigate: "tabNavigate" }, host: { listeners: { "keydown": "onHostKeydown($event)" }, properties: { "class": "baseClass()" } }, viewQueries: [{ propertyName: "numericTextBoxRef", first: true, predicate: NumericTextBoxComponent, descendants: true, isSignal: true }, { propertyName: "textBoxRef", first: true, predicate: TextBoxComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (column().editTemplate) {\n    <ng-container\n        [ngTemplateOutlet]=\"column().editTemplate\"\n        [ngTemplateOutletContext]=\"{ $implicit: editTemplateContext() }\"></ng-container>\n} @else {\n    <div class=\"relative flex items-center w-full min-h-8\">\n        @switch (column().dataType) {\n            @case (\"string\") {\n                <mona-text-box\n                    [class]=\"editorInputClass()\"\n                    [inputAttributes]=\"{ autocomplete: 'off' }\"\n                    [rounded]=\"'none'\"\n                    [formField]=\"$any(formField())\"\n                    (keydown.enter)=\"commit.emit()\"\n                    (keydown.escape)=\"onEditCancel()\"\n                    (inputBlur)=\"commit.emit()\"\n                    [size]=\"'small'\"></mona-text-box>\n            }\n            @case (\"number\") {\n                <mona-numeric-text-box\n                    [class]=\"editorInputClass()\"\n                    [rounded]=\"'none'\"\n                    [formField]=\"$any(formField())\"\n                    (keydown.enter)=\"commit.emit()\"\n                    (keydown.escape)=\"onEditCancel()\"\n                    (inputBlur)=\"commit.emit()\"\n                    [size]=\"'small'\"></mona-numeric-text-box>\n            }\n            @case (\"boolean\") {\n                <mona-check-box\n                    class=\"{{ editorInputClass() }} ms-2\"\n                    [rounded]=\"'none'\"\n                    [formField]=\"$any(formField())\"\n                    (click)=\"onBooleanEditorClick()\"\n                    (focusout)=\"onBooleanEditorFocusOut($event)\"\n                    (pointerdown)=\"onBooleanEditorPointerDown()\"\n                    (keydown.escape)=\"onEditCancel()\"\n                    (keydown.enter)=\"commit.emit()\"></mona-check-box>\n            }\n            @case (\"date\") {\n                <mona-date-picker\n                    [class]=\"editorInputClass()\"\n                    [rounded]=\"'none'\"\n                    [formField]=\"$any(formField())\"\n                    (keydown.enter)=\"onDatePickerEnter($event)\"\n                    (keydown.escape)=\"onEditCancel()\"\n                    (focusout)=\"onDatePickerFocusOut($event)\"\n                    (opened)=\"onDatePickerOpen()\"\n                    (closed)=\"onDatePickerClose()\"\n                    size=\"small\"></mona-date-picker>\n            }\n        }\n        @if (hasFieldError()) {\n            <span class=\"shrink-0 px-1 text-error\" #fieldErrorIcon>\n                <svg lucideOctagonAlert [size]=\"12\"></svg>\n            </span>\n            <mona-tooltip [target]=\"fieldErrorIcon\">\n                <span class=\"p-1\">{{ fieldErrorMessage() }}</span>\n            </mona-tooltip>\n        }\n    </div>\n}\n", dependencies: [{ kind: "component", type: CheckBoxComponent, selector: "mona-check-box", inputs: ["checked", "disabled", "indeterminate", "invalid", "label", "labelPosition", "labelSize", "required", "rounded", "tabIndex", "touched", "class"], outputs: ["checkedChange", "inputBlur", "inputChange", "inputFocus", "touch"] }, { kind: "component", type: DatePickerComponent, selector: "mona-date-picker", inputs: ["disabled", "disabledDates", "firstDay", "format", "invalid", "max", "min", "placeholder", "popupClass", "popupHeight", "popupWidth", "readonly", "readonlyInput", "required", "rounded", "showClearButton", "size", "touched", "class", "value", "weekNumber"], outputs: ["close", "closed", "open", "opened", "touch", "valueChange"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "component", type: LucideOctagonAlert, selector: "svg[lucideOctagonAlert], svg[lucideAlertOctagon]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NumericTextBoxComponent, selector: "mona-numeric-text-box", inputs: ["formatter", "maxValue", "minValue", "step", "value"], outputs: ["valueChange"] }, { kind: "component", type: TextBoxComponent, selector: "mona-text-box", inputs: ["aria-describedby", "aria-label", "aria-labelledby", "clearButton", "disabled", "inputAttributes", "inputClass", "inputId", "inputStyle", "invalid", "maxLength", "minLength", "name", "placeholder", "readonly", "required", "rounded", "size", "touched", "type", "class", "value"], outputs: ["inputBlur", "inputFocus", "touch", "valueChange"] }, { kind: "component", type: TooltipComponent, selector: "mona-tooltip", inputs: ["disabled", "hideDelay", "position", "rounded", "showDelay", "target"], outputs: ["hidden", "shown"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: GridEditorComponent, isStandalone: true, selector: "mona-grid-editor", inputs: { autoFocus: { classPropertyName: "autoFocus", publicName: "autoFocus", isSignal: true, isRequired: false, transformFunction: null }, column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: true, transformFunction: null }, isNew: { classPropertyName: "isNew", publicName: "isNew", isSignal: true, isRequired: false, transformFunction: null }, session: { classPropertyName: "session", publicName: "session", isSignal: true, isRequired: true, transformFunction: null }, tabNavigationEnabled: { classPropertyName: "tabNavigationEnabled", publicName: "tabNavigationEnabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { cancelEdit: "cancelEdit", commit: "commit", tabNavigate: "tabNavigate" }, host: { listeners: { "keydown": "onHostKeydown($event)" }, properties: { "class": "baseClass()" } }, viewQueries: [{ propertyName: "numericTextBoxRef", first: true, predicate: NumericTextBoxComponent, descendants: true, isSignal: true }, { propertyName: "textBoxRef", first: true, predicate: TextBoxComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (column().editTemplate) {\n    <ng-container\n        [ngTemplateOutlet]=\"column().editTemplate\"\n        [ngTemplateOutletContext]=\"{ $implicit: editTemplateContext() }\"></ng-container>\n} @else {\n    <div class=\"relative flex items-center w-full min-h-8\">\n        @switch (column().dataType) {\n            @case (\"string\") {\n                <mona-text-box\n                    [class]=\"editorInputClass()\"\n                    [inputAttributes]=\"{ autocomplete: 'off' }\"\n                    [rounded]=\"'none'\"\n                    [formField]=\"$any(formField())\"\n                    (keydown.enter)=\"commit.emit()\"\n                    (keydown.escape)=\"onEditCancel()\"\n                    (inputBlur)=\"commit.emit()\"\n                    [size]=\"'small'\"></mona-text-box>\n            }\n            @case (\"number\") {\n                <mona-numeric-text-box\n                    [class]=\"editorInputClass()\"\n                    [rounded]=\"'none'\"\n                    [formField]=\"$any(formField())\"\n                    (keydown.enter)=\"commit.emit()\"\n                    (keydown.escape)=\"onEditCancel()\"\n                    (inputBlur)=\"commit.emit()\"\n                    [size]=\"'small'\"></mona-numeric-text-box>\n            }\n            @case (\"boolean\") {\n                <mona-check-box\n                    class=\"{{ editorInputClass() }} ms-2\"\n                    [rounded]=\"'none'\"\n                    [formField]=\"$any(formField())\"\n                    (click)=\"onBooleanEditorClick()\"\n                    (focusout)=\"onBooleanEditorFocusOut($event)\"\n                    (pointerdown)=\"onBooleanEditorPointerDown()\"\n                    (keydown.escape)=\"onEditCancel()\"\n                    (keydown.enter)=\"commit.emit()\"></mona-check-box>\n            }\n            @case (\"date\") {\n                <mona-date-picker\n                    [class]=\"editorInputClass()\"\n                    [rounded]=\"'none'\"\n                    [formField]=\"$any(formField())\"\n                    (keydown.enter)=\"onDatePickerEnter($event)\"\n                    (keydown.escape)=\"onEditCancel()\"\n                    (focusout)=\"onDatePickerFocusOut($event)\"\n                    (opened)=\"onDatePickerOpen()\"\n                    (closed)=\"onDatePickerClose()\"\n                    size=\"small\"></mona-date-picker>\n            }\n        }\n        @if (hasFieldError()) {\n            <span class=\"shrink-0 px-1 text-error\" #fieldErrorIcon>\n                <svg lucideOctagonAlert [size]=\"12\"></svg>\n            </span>\n            <mona-tooltip [target]=\"fieldErrorIcon\">\n                <span class=\"p-1\">{{ fieldErrorMessage() }}</span>\n            </mona-tooltip>\n        }\n    </div>\n}\n", dependencies: [{ kind: "component", type: CheckBoxComponent, selector: "mona-check-box", inputs: ["checked", "disabled", "indeterminate", "invalid", "label", "labelPosition", "labelSize", "required", "rounded", "tabIndex", "touched", "class"], outputs: ["checkedChange", "inputBlur", "inputChange", "inputFocus", "touch"] }, { kind: "component", type: DatePickerComponent, selector: "mona-date-picker", inputs: ["aria-describedby", "aria-label", "aria-labelledby", "disabled", "disabledDates", "firstDay", "format", "inputId", "invalid", "max", "min", "placeholder", "popupClass", "popupHeight", "popupWidth", "readonly", "readonlyInput", "required", "rounded", "showClearButton", "size", "touched", "class", "value", "weekNumber"], outputs: ["close", "closed", "open", "opened", "touch", "valueChange"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "component", type: LucideOctagonAlert, selector: "svg[lucideOctagonAlert], svg[lucideAlertOctagon]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NumericTextBoxComponent, selector: "mona-numeric-text-box", inputs: ["formatter", "maxValue", "minValue", "step", "value"], outputs: ["valueChange"] }, { kind: "component", type: TextBoxComponent, selector: "mona-text-box", inputs: ["aria-describedby", "aria-label", "aria-labelledby", "clearButton", "disabled", "inputAttributes", "inputClass", "inputId", "inputStyle", "invalid", "maxLength", "minLength", "name", "placeholder", "readonly", "required", "rounded", "size", "touched", "type", "class", "value"], outputs: ["inputBlur", "inputFocus", "touch", "valueChange"] }, { kind: "component", type: TooltipComponent, selector: "mona-tooltip", inputs: ["disabled", "hideDelay", "position", "rounded", "showDelay", "target"], outputs: ["hidden", "shown"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: GridEditorComponent, decorators: [{
             type: Component,
@@ -943,4 +943,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
         }], propDecorators: { index: [{ type: i0.Input, args: [{ isSignal: true, alias: "index", required: true }] }], row: [{ type: i0.Input, args: [{ isSignal: true, alias: "row", required: true }] }] } });
 
 export { GridAddRowComponent as G, GridDetailRowComponent as a, GridGroupRowComponent as b, GridRowComponent as c };
-//# sourceMappingURL=nanahoshi-mona-ui-grid-grid-row.component-D1kyAzD8.mjs.map
+//# sourceMappingURL=nanahoshi-mona-ui-grid-grid-row.component-BI_iE7pl.mjs.map

package/fesm2022/{nanahoshi-mona-ui-grid-grid-virtual-list.component-ECK1_smx.mjs → nanahoshi-mona-ui-grid-grid-virtual-list.component-Sa1aAtJ-.mjs}

@@ -1,4 +1,4 @@
-import { G as GridNavigationService, a as GridService, g as gridListBaseThemeVariants, e as gridFooterThemeVariants, f as gridFooterTableThemeVariants, c as gridListTableThemeVariants, h as GRID_DEFAULT_VIRTUAL_ROW_HEIGHT, d as GridColgroupComponent } from './nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-D4lUDbfx.mjs';
+import { G as GridNavigationService, a as GridService, g as gridListBaseThemeVariants, e as gridFooterThemeVariants, f as gridFooterTableThemeVariants, c as gridListTableThemeVariants, h as GRID_DEFAULT_VIRTUAL_ROW_HEIGHT, d as GridColgroupComponent } from './nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-BvUM9nPt.mjs';
 import { CdkVirtualScrollViewport, CdkFixedSizeVirtualScroll, CdkVirtualForOf } from '@angular/cdk/scrolling';
 import * as i0 from '@angular/core';
 import { inject, DestroyRef, ElementRef, Injector, viewChild, computed, input, effect, untracked, afterNextRender, ChangeDetectionStrategy, Component } from '@angular/core';
@@ -6,8 +6,8 @@ import { toObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { ImmutableList } from '@mirei/ts-collections';
 import { rxTimeout } from '@nanahoshi/mona-ui/internal';
 import { fromEvent } from 'rxjs';
-import { G as GridAddRowComponent, a as GridDetailRowComponent, b as GridGroupRowComponent, c as GridRowComponent } from './nanahoshi-mona-ui-grid-grid-row.component-D1kyAzD8.mjs';
-import { GridFooterRowComponent } from './nanahoshi-mona-ui-grid-grid-footer-row.component-DLOPRuFv.mjs';
+import { G as GridAddRowComponent, a as GridDetailRowComponent, b as GridGroupRowComponent, c as GridRowComponent } from './nanahoshi-mona-ui-grid-grid-row.component-BI_iE7pl.mjs';
+import { GridFooterRowComponent } from './nanahoshi-mona-ui-grid-grid-footer-row.component-CD_ODHpU.mjs';
 
 class GridVirtualListComponent {
     #destroyRef;
@@ -170,4 +170,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
         }], ctorParameters: () => [], propDecorators: { addRowScrollElementRef: [{ type: i0.ViewChild, args: ["addRowScrollElement", { isSignal: true }] }], bodyTableElementRef: [{ type: i0.ViewChild, args: ["bodyTable", { isSignal: true }] }], footerScrollElementRef: [{ type: i0.ViewChild, args: ["footerScrollElement", { isSignal: true }] }], viewport: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkVirtualScrollViewport), { isSignal: true }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }] } });
 
 export { GridVirtualListComponent };
-//# sourceMappingURL=nanahoshi-mona-ui-grid-grid-virtual-list.component-ECK1_smx.mjs.map
+//# sourceMappingURL=nanahoshi-mona-ui-grid-grid-virtual-list.component-Sa1aAtJ-.mjs.map