@fkui/vue 5.40.0 → 5.42.0

package/dist/types/index.d.ts

@@ -86,6 +86,16 @@ inverted: boolean;
 
 declare const __VLS_component_2: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 
+declare const __VLS_component_3: DefineComponent<IPopupListboxProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+}, string, PublicProps, Readonly<IPopupListboxProps> & Readonly<{
+onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+popup: HTMLDivElement;
+wrapper: HTMLDivElement;
+content: HTMLDivElement;
+}, any>;
+
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -108,10 +118,25 @@ declare function __VLS_template_2(): {
     rootEl: HTMLDivElement;
 };
 
+declare function __VLS_template_3(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        popup: HTMLDivElement;
+        wrapper: HTMLDivElement;
+        content: HTMLDivElement;
+    };
+    rootEl: any;
+};
+
 declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 
 declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
 
+declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
+
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
@@ -124,6 +149,12 @@ declare type __VLS_WithTemplateSlots_2<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_3<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 /* Excluded from this release type: actionFromKeyboardEvent */
 
 /**
@@ -3116,15 +3147,18 @@ default: boolean;
 };
 }>, {}, IPopupData, {
 popupClasses(): string[];
+isInline(): boolean;
 forceInline(): boolean;
 forceOverlay(): boolean;
 teleportTarget(): string | Element;
 }, {
 toggleIsOpen(isOpen: boolean): Promise<void>;
+calculatePlacement(): Promise<void>;
 applyFocus(): void;
 isMobileSize(): boolean;
 onDocumentClickHandler(): void;
-onWindowResizeHandler(): void;
+onWindowResizeDebounced(): void;
+onWindowResize(): Promise<void>;
 onPopupClickHandler(event: Event): void;
 onKeyEsc(): void;
 onKeyTab(event: KeyboardEvent): void;
@@ -5415,15 +5449,18 @@ default: boolean;
 };
 }>, {}, IPopupData, {
 popupClasses(): string[];
+isInline(): boolean;
 forceInline(): boolean;
 forceOverlay(): boolean;
 teleportTarget(): string | Element;
 }, {
 toggleIsOpen(isOpen: boolean): Promise<void>;
+calculatePlacement(): Promise<void>;
 applyFocus(): void;
 isMobileSize(): boolean;
 onDocumentClickHandler(): void;
-onWindowResizeHandler(): void;
+onWindowResizeDebounced(): void;
+onWindowResize(): Promise<void>;
 onPopupClickHandler(event: Event): void;
 onKeyEsc(): void;
 onKeyTab(event: KeyboardEvent): void;
@@ -11334,15 +11371,18 @@ default: boolean;
 };
 }>, {}, IPopupData, {
 popupClasses(): string[];
+isInline(): boolean;
 forceInline(): boolean;
 forceOverlay(): boolean;
 teleportTarget(): string | Element;
 }, {
 toggleIsOpen(isOpen: boolean): Promise<void>;
+calculatePlacement(): Promise<void>;
 applyFocus(): void;
 isMobileSize(): boolean;
 onDocumentClickHandler(): void;
-onWindowResizeHandler(): void;
+onWindowResizeDebounced(): void;
+onWindowResize(): Promise<void>;
 onPopupClickHandler(event: Event): void;
 onKeyEsc(): void;
 onKeyTab(event: KeyboardEvent): void;
@@ -17000,9 +17040,9 @@ validator(value: string): value is FTableColumnType;
 type: "text" | "date" | "action" | "numeric";
 description: string;
 shrink: boolean;
+expand: boolean;
 visible: boolean;
 rowHeader: boolean;
-expand: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 /**
@@ -18429,8 +18469,8 @@ default(): AnimationCallback;
 };
 }>> & Readonly<{}>, {
 animate: boolean;
-expanded: string | number | boolean;
 useVShow: boolean;
+expanded: string | number | boolean;
 opacity: boolean;
 beforeAnimation: AnimationCallback;
 afterAnimation: AnimationCallback;
@@ -19148,8 +19188,8 @@ default(): AnimationCallback;
 };
 }>> & Readonly<{}>, {
 animate: boolean;
-expanded: string | number | boolean;
 useVShow: boolean;
+expanded: string | number | boolean;
 opacity: boolean;
 beforeAnimation: AnimationCallback;
 afterAnimation: AnimationCallback;
@@ -19708,15 +19748,18 @@ default: boolean;
 };
 }>, {}, IPopupData, {
 popupClasses(): string[];
+isInline(): boolean;
 forceInline(): boolean;
 forceOverlay(): boolean;
 teleportTarget(): string | Element;
 }, {
 toggleIsOpen(isOpen: boolean): Promise<void>;
+calculatePlacement(): Promise<void>;
 applyFocus(): void;
 isMobileSize(): boolean;
 onDocumentClickHandler(): void;
-onWindowResizeHandler(): void;
+onWindowResizeDebounced(): void;
+onWindowResize(): Promise<void>;
 onPopupClickHandler(event: Event): void;
 onKeyEsc(): void;
 onKeyTab(event: KeyboardEvent): void;
@@ -19818,7 +19861,6 @@ export declare interface IPopupData {
     teleportDisabled: boolean;
     placement: Placement;
     focus: StackHandle | null;
-    noCloseOnResize: boolean;
 }
 
 export declare const IPopupError: DefineComponent<ExtractPropTypes<    {
@@ -19951,6 +19993,15 @@ export declare interface IPopupErrorData {
     arrowOffset: number;
 }
 
+export declare const IPopupListbox: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
+
+declare interface IPopupListboxProps {
+    isOpen: boolean;
+    anchor: HTMLElement | null;
+    numOfItems: number;
+    itemHeight?: number;
+}
+
 export declare const IPopupMenu: DefineComponent<ExtractPropTypes<    {
 /**
 * Key of the currently selected and highlighted item.
@@ -20163,15 +20214,18 @@ default: boolean;
 };
 }>, {}, IPopupData, {
 popupClasses(): string[];
+isInline(): boolean;
 forceInline(): boolean;
 forceOverlay(): boolean;
 teleportTarget(): string | Element;
 }, {
 toggleIsOpen(isOpen: boolean): Promise<void>;
+calculatePlacement(): Promise<void>;
 applyFocus(): void;
 isMobileSize(): boolean;
 onDocumentClickHandler(): void;
-onWindowResizeHandler(): void;
+onWindowResizeDebounced(): void;
+onWindowResize(): Promise<void>;
 onPopupClickHandler(event: Event): void;
 onKeyEsc(): void;
 onKeyTab(event: KeyboardEvent): void;

package/htmlvalidate/elements/internal-components.js

@@ -228,4 +228,26 @@ module.exports = defineMetadata({
             },
         },
     },
+
+    "i-popup-listbox": {
+        flow: true,
+        interactive: true,
+        permittedContent: ["@flow"],
+        permittedDescendants: [{ exclude: ["@interactive"] }],
+        attributes: {
+            "is-open": {
+                boolean: true,
+                required: true,
+            },
+            anchor: {
+                required: true,
+            },
+            numOfItems: {
+                required: true,
+            },
+            itemHeight: {
+                required: false,
+            },
+        },
+    },
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fkui/vue",
-  "version": "5.40.0",
+  "version": "5.42.0",
   "description": "Vue implementation of FKUI components",
   "keywords": [
     "fkui",
@@ -79,5 +79,5 @@
     "node": ">= 20",
     "npm": ">= 7"
   },
-  "gitHead": "6cd48f3625440d79dd0bb851e9c3875f772ce451"
+  "gitHead": "3cfa52273826f2e8eb802e2c769679e4269b13d8"
 }