@nanahoshi/mona-ui 0.23.0 → 0.23.1

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: {