@fkui/vue 5.41.0 → 5.43.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 */
 
 /**
@@ -2767,6 +2798,17 @@ type: PropType<FModalButtonDescriptor[]>;
 required: false;
 default: () => FModalButtonDescriptor[];
 };
+/**
+* Default behavior is that the modal will restore focus to previous element once closed.
+* - "on" (default) - component will set focus both when opened and closed
+* - "off" - focus strategy disabled
+* - "open" - focus will only be applied once modal is opened
+*/
+focus: {
+type: PropType<"on" | "off" | "open">;
+default: string;
+validator(value: string): boolean;
+};
 }>, {}, {}, {
 preparedButtons(): FModalButton[];
 }, {
@@ -2829,9 +2871,21 @@ type: PropType<FModalButtonDescriptor[]>;
 required: false;
 default: () => FModalButtonDescriptor[];
 };
+/**
+* Default behavior is that the modal will restore focus to previous element once closed.
+* - "on" (default) - component will set focus both when opened and closed
+* - "off" - focus strategy disabled
+* - "open" - focus will only be applied once modal is opened
+*/
+focus: {
+type: PropType<"on" | "off" | "open">;
+default: string;
+validator(value: string): boolean;
+};
 }>> & Readonly<{
 [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }>, {
+focus: "on" | "off" | "open";
 size: string;
 content: string;
 isOpen: boolean;
@@ -2871,6 +2925,11 @@ type: StringConstructor;
 default: string;
 validator(value: string): boolean;
 };
+focus: {
+type: PropType<"on" | "off" | "open">;
+default: string;
+validator(value: string): boolean;
+};
 }>, {}, FModalData, {
 modalClass(): string[];
 containerClasses(): string[];
@@ -2913,9 +2972,15 @@ type: StringConstructor;
 default: string;
 validator(value: string): boolean;
 };
+focus: {
+type: PropType<"on" | "off" | "open">;
+default: string;
+validator(value: string): boolean;
+};
 }>> & Readonly<{
 onClose?: ((...args: any[]) => any) | undefined;
 }>, {
+focus: "on" | "off" | "open";
 type: "" | "warning" | "error" | "information";
 size: string;
 isOpen: boolean;
@@ -3701,6 +3766,11 @@ type: StringConstructor;
 default: string;
 validator(value: string): boolean;
 };
+focus: {
+type: PropType<"on" | "off" | "open">;
+default: string;
+validator(value: string): boolean;
+};
 }>, {}, FModalData, {
 modalClass(): string[];
 containerClasses(): string[];
@@ -3743,9 +3813,15 @@ type: StringConstructor;
 default: string;
 validator(value: string): boolean;
 };
+focus: {
+type: PropType<"on" | "off" | "open">;
+default: string;
+validator(value: string): boolean;
+};
 }>> & Readonly<{
 onClose?: ((...args: any[]) => any) | undefined;
 }>, {
+focus: "on" | "off" | "open";
 type: "" | "warning" | "error" | "information";
 size: string;
 isOpen: boolean;
@@ -4138,6 +4214,11 @@ type: PropType<FModalButtonDescriptor[]>;
 required: false;
 default: () => FModalButtonDescriptor[];
 };
+focus: {
+type: PropType<"on" | "off" | "open">;
+default: string;
+validator(value: string): boolean;
+};
 }>, {}, {}, {
 preparedButtons(): FModalButton[];
 }, {
@@ -4179,9 +4260,15 @@ type: PropType<FModalButtonDescriptor[]>;
 required: false;
 default: () => FModalButtonDescriptor[];
 };
+focus: {
+type: PropType<"on" | "off" | "open">;
+default: string;
+validator(value: string): boolean;
+};
 }>> & Readonly<{
 [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }>, {
+focus: "on" | "off" | "open";
 size: string;
 content: string;
 isOpen: boolean;
@@ -4221,6 +4308,11 @@ type: StringConstructor;
 default: string;
 validator(value: string): boolean;
 };
+focus: {
+type: PropType<"on" | "off" | "open">;
+default: string;
+validator(value: string): boolean;
+};
 }>, {}, FModalData, {
 modalClass(): string[];
 containerClasses(): string[];
@@ -4263,9 +4355,15 @@ type: StringConstructor;
 default: string;
 validator(value: string): boolean;
 };
+focus: {
+type: PropType<"on" | "off" | "open">;
+default: string;
+validator(value: string): boolean;
+};
 }>> & Readonly<{
 onClose?: ((...args: any[]) => any) | undefined;
 }>, {
+focus: "on" | "off" | "open";
 type: "" | "warning" | "error" | "information";
 size: string;
 isOpen: boolean;
@@ -8433,6 +8531,11 @@ type: StringConstructor;
 default: string;
 validator(value: string): boolean;
 };
+focus: {
+type: PropType<"on" | "off" | "open">;
+default: string;
+validator(value: string): boolean;
+};
 }>, {}, FModalData, {
 modalClass(): string[];
 containerClasses(): string[];
@@ -8475,9 +8578,15 @@ type: StringConstructor;
 default: string;
 validator(value: string): boolean;
 };
+focus: {
+type: PropType<"on" | "off" | "open">;
+default: string;
+validator(value: string): boolean;
+};
 }>> & Readonly<{
 onClose?: ((...args: any[]) => any) | undefined;
 }>, {
+focus: "on" | "off" | "open";
 type: "" | "warning" | "error" | "information";
 size: string;
 isOpen: boolean;
@@ -10794,6 +10903,17 @@ type: StringConstructor;
 default: string;
 validator(value: string): boolean;
 };
+/**
+* Default behavior is that the modal will restore focus to previous element once closed.
+* - "on" (default) - component will set focus both when opened and closed
+* - "off" - focus strategy disabled
+* - "open" - focus will only be applied once modal is opened
+*/
+focus: {
+type: PropType<"on" | "off" | "open">;
+default: string;
+validator(value: string): boolean;
+};
 }>, {}, FModalData, {
 modalClass(): string[];
 containerClasses(): string[];
@@ -10863,9 +10983,21 @@ type: StringConstructor;
 default: string;
 validator(value: string): boolean;
 };
+/**
+* Default behavior is that the modal will restore focus to previous element once closed.
+* - "on" (default) - component will set focus both when opened and closed
+* - "off" - focus strategy disabled
+* - "open" - focus will only be applied once modal is opened
+*/
+focus: {
+type: PropType<"on" | "off" | "open">;
+default: string;
+validator(value: string): boolean;
+};
 }>> & Readonly<{
 onClose?: ((...args: any[]) => any) | undefined;
 }>, {
+focus: "on" | "off" | "open";
 type: "" | "warning" | "error" | "information";
 size: string;
 isOpen: boolean;
@@ -17009,9 +17141,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>;
 
 /**
@@ -18438,8 +18570,8 @@ default(): AnimationCallback;
 };
 }>> & Readonly<{}>, {
 animate: boolean;
-expanded: string | number | boolean;
 useVShow: boolean;
+expanded: string | number | boolean;
 opacity: boolean;
 beforeAnimation: AnimationCallback;
 afterAnimation: AnimationCallback;
@@ -19157,8 +19289,8 @@ default(): AnimationCallback;
 };
 }>> & Readonly<{}>, {
 animate: boolean;
-expanded: string | number | boolean;
 useVShow: boolean;
+expanded: string | number | boolean;
 opacity: boolean;
 beforeAnimation: AnimationCallback;
 afterAnimation: AnimationCallback;
@@ -19962,6 +20094,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.

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.41.0",
+  "version": "5.43.0",
   "description": "Vue implementation of FKUI components",
   "keywords": [
     "fkui",
@@ -79,5 +79,5 @@
     "node": ">= 20",
     "npm": ">= 7"
   },
-  "gitHead": "41ad991a815606ff0f0b7ebd4c9ecc4789ca32f1"
+  "gitHead": "ba47827ac97cfa01defc879b00bb07c5b01ca5b0"
 }