@quidgest/ui 0.27.0 → 0.28.0

package/esm/components/QInputGroup/QInputGroup.d.ts

@@ -5,7 +5,9 @@ declare function __VLS_template(): {
         'label.prepend'?(_: {}): any;
         'label.append'?(_: {}): any;
         prepend?(_: {}): any;
-        default?(_: {}): any;
+        default?(_: {
+            describedBy: string | undefined;
+        }): any;
         append?(_: {}): any;
         extras?(_: {}): any;
     };
@@ -20,6 +22,10 @@ declare function __VLS_template(): {
                 readonly required?: boolean | undefined;
                 readonly for?: string | undefined;
                 readonly labelPosition?: import('..').QLabelPosition | undefined;
+                readonly help?: string | undefined;
+                readonly helpDisplay?: import('../..').QHelpDisplay | undefined;
+                readonly icons?: typeof import('../QField/constants').DEFAULT_ICONS | undefined;
+                readonly texts?: typeof import('../QField/constants').DEFAULT_TEXTS | undefined;
                 readonly size?: import('..').QFieldSize | undefined;
                 readonly readonly?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
@@ -29,7 +35,115 @@ declare function __VLS_template(): {
             $refs: {
                 [x: string]: unknown;
             } & {
+                controlAnchor: HTMLDivElement;
                 field: HTMLDivElement;
+                standaloneHelp: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../__internal__/QHelpPopover').QHelpPopoverProps> & Readonly<{}>, {
+                    triggerEl: import('vue').ComputedRef<HTMLElement | undefined>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                    icons: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_ICONS;
+                    texts: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_TEXTS;
+                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                    trigger: ({
+                        $: import('vue').ComponentInternalInstance;
+                        $data: {};
+                        $props: {
+                            readonly id?: string | undefined;
+                            readonly class?: string | unknown[] | undefined;
+                            readonly label?: string | undefined;
+                            readonly help?: string | undefined;
+                            readonly helpDisplay?: import('../..').QHelpDisplay | undefined;
+                            readonly icons?: typeof import('../QButton/constants').DEFAULT_ICONS | undefined;
+                            readonly texts?: typeof import('../QButton/constants').DEFAULT_TEXTS | undefined;
+                            readonly variant?: import('..').QButtonVariant | undefined;
+                            readonly color?: string | undefined;
+                            readonly surface?: string | undefined;
+                            readonly borderless?: boolean | undefined;
+                            readonly elevated?: boolean | undefined;
+                            readonly block?: boolean | undefined;
+                            readonly size?: import('../..').QComponentSize | undefined;
+                            readonly iconPos?: import('..').QButtonIconPosition | undefined;
+                            readonly pill?: boolean | undefined;
+                            readonly effect?: import('..').QButtonEffect | undefined;
+                            readonly disabled?: boolean | undefined;
+                            readonly loading?: boolean | undefined;
+                            readonly tabindex?: number | undefined;
+                            readonly onClick?: ((event: MouseEvent) => any) | undefined;
+                        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                        $attrs: import('vue').Attrs;
+                        $refs: {
+                            [x: string]: unknown;
+                        } & {
+                            buttonEl: HTMLButtonElement;
+                        };
+                        $slots: Readonly<{
+                            [name: string]: import('vue').Slot<any> | undefined;
+                        }>;
+                        $root: import('vue').ComponentPublicInstance | null;
+                        $parent: import('vue').ComponentPublicInstance | null;
+                        $host: Element | null;
+                        $emit: (event: "click", event: MouseEvent) => void;
+                        $el: any;
+                        $options: import('vue').ComponentOptionsBase<Readonly<import('..').QButtonProps> & Readonly<{
+                            onClick?: ((event: MouseEvent) => any) | undefined;
+                        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                            click: (event: MouseEvent) => any;
+                        }, string, {
+                            effect: import('..').QButtonEffect;
+                            color: string;
+                            variant: import('..').QButtonVariant;
+                            icons: typeof import('../QButton/constants').DEFAULT_ICONS;
+                            texts: typeof import('../QButton/constants').DEFAULT_TEXTS;
+                            helpDisplay: import('../..').QHelpDisplay;
+                            iconPos: import('..').QButtonIconPosition;
+                        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                            beforeCreate?: (() => void) | (() => void)[];
+                            created?: (() => void) | (() => void)[];
+                            beforeMount?: (() => void) | (() => void)[];
+                            mounted?: (() => void) | (() => void)[];
+                            beforeUpdate?: (() => void) | (() => void)[];
+                            updated?: (() => void) | (() => void)[];
+                            activated?: (() => void) | (() => void)[];
+                            deactivated?: (() => void) | (() => void)[];
+                            beforeDestroy?: (() => void) | (() => void)[];
+                            beforeUnmount?: (() => void) | (() => void)[];
+                            destroyed?: (() => void) | (() => void)[];
+                            unmounted?: (() => void) | (() => void)[];
+                            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                        };
+                        $forceUpdate: () => void;
+                        $nextTick: typeof import('vue').nextTick;
+                        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                    } & Readonly<{
+                        effect: import('..').QButtonEffect;
+                        color: string;
+                        variant: import('..').QButtonVariant;
+                        icons: typeof import('../QButton/constants').DEFAULT_ICONS;
+                        texts: typeof import('../QButton/constants').DEFAULT_TEXTS;
+                        helpDisplay: import('../..').QHelpDisplay;
+                        iconPos: import('..').QButtonIconPosition;
+                    }> & Omit<Readonly<import('..').QButtonProps> & Readonly<{
+                        onClick?: ((event: MouseEvent) => any) | undefined;
+                    }>, "effect" | "color" | "variant" | "icons" | "texts" | "helpDisplay" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
+                        $slots: {
+                            default?(_: {}): any;
+                            append?(_: {}): any;
+                        };
+                    }) | null;
+                }, any, import('vue').ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import('../__internal__/QHelpPopover').QHelpPopoverProps> & Readonly<{}>, {
+                    triggerEl: import('vue').ComputedRef<HTMLElement | undefined>;
+                }, {}, {}, {}, {
+                    icons: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_ICONS;
+                    texts: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_TEXTS;
+                }> | null;
             };
             $slots: Readonly<{
                 [name: string]: import('vue').Slot<any> | undefined;
@@ -40,9 +154,13 @@ declare function __VLS_template(): {
             $emit: (event: string, ...args: any[]) => void;
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<import('..').QFieldProps> & Readonly<{}>, {
-                fieldRef: Readonly<import('vue').ShallowRef<HTMLDivElement | null>>;
+                fieldRef: Readonly<import('vue').ShallowRef<HTMLElement | null>>;
+                helpDescribedBy: import('vue').ComputedRef<string | undefined>;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
                 size: import('..').QFieldSize;
+                icons: typeof import('../QField/constants').DEFAULT_ICONS;
+                texts: typeof import('../QField/constants').DEFAULT_TEXTS;
+                helpDisplay: import('../..').QHelpDisplay;
                 labelPosition: import('..').QLabelPosition;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -66,16 +184,24 @@ declare function __VLS_template(): {
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
             size: import('..').QFieldSize;
+            icons: typeof import('../QField/constants').DEFAULT_ICONS;
+            texts: typeof import('../QField/constants').DEFAULT_TEXTS;
+            helpDisplay: import('../..').QHelpDisplay;
             labelPosition: import('..').QLabelPosition;
-        }> & Omit<Readonly<import('..').QFieldProps> & Readonly<{}>, "fieldRef" | ("size" | "labelPosition")> & {
-            fieldRef: HTMLDivElement | null;
+        }> & Omit<Readonly<import('..').QFieldProps> & Readonly<{}>, "helpDescribedBy" | "fieldRef" | ("size" | "icons" | "texts" | "helpDisplay" | "labelPosition")> & {
+            fieldRef: HTMLElement | null;
+            helpDescribedBy: string | undefined;
         } & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 'label.prepend'?(_: {}): any;
                 'label.append'?(_: {}): any;
-                control?(_: {}): any;
+                control?(_: {
+                    describedBy: string | undefined;
+                }): any;
                 prepend?(_: {}): any;
-                default?(_: {}): any;
+                default?(_: {
+                    describedBy: string | undefined;
+                }): any;
                 append?(_: {}): any;
                 extras?(_: {}): any;
             };
@@ -85,7 +211,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<QInputGroupProps, {
-    fieldRef: import('vue').ComputedRef<HTMLDivElement | null | undefined>;
+    fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
+    helpDescribedBy: import('vue').ComputedRef<string | undefined>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QInputGroupProps> & Readonly<{}>, {
     size: import('..').QFieldSize;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
@@ -99,6 +226,10 @@ declare const __VLS_component: import('vue').DefineComponent<QInputGroupProps, {
             readonly required?: boolean | undefined;
             readonly for?: string | undefined;
             readonly labelPosition?: import('..').QLabelPosition | undefined;
+            readonly help?: string | undefined;
+            readonly helpDisplay?: import('../..').QHelpDisplay | undefined;
+            readonly icons?: typeof import('../QField/constants').DEFAULT_ICONS | undefined;
+            readonly texts?: typeof import('../QField/constants').DEFAULT_TEXTS | undefined;
             readonly size?: import('..').QFieldSize | undefined;
             readonly readonly?: boolean | undefined;
             readonly disabled?: boolean | undefined;
@@ -108,7 +239,115 @@ declare const __VLS_component: import('vue').DefineComponent<QInputGroupProps, {
         $refs: {
             [x: string]: unknown;
         } & {
+            controlAnchor: HTMLDivElement;
             field: HTMLDivElement;
+            standaloneHelp: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../__internal__/QHelpPopover').QHelpPopoverProps> & Readonly<{}>, {
+                triggerEl: import('vue').ComputedRef<HTMLElement | undefined>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                icons: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_ICONS;
+                texts: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_TEXTS;
+            }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                trigger: ({
+                    $: import('vue').ComponentInternalInstance;
+                    $data: {};
+                    $props: {
+                        readonly id?: string | undefined;
+                        readonly class?: string | unknown[] | undefined;
+                        readonly label?: string | undefined;
+                        readonly help?: string | undefined;
+                        readonly helpDisplay?: import('../..').QHelpDisplay | undefined;
+                        readonly icons?: typeof import('../QButton/constants').DEFAULT_ICONS | undefined;
+                        readonly texts?: typeof import('../QButton/constants').DEFAULT_TEXTS | undefined;
+                        readonly variant?: import('..').QButtonVariant | undefined;
+                        readonly color?: string | undefined;
+                        readonly surface?: string | undefined;
+                        readonly borderless?: boolean | undefined;
+                        readonly elevated?: boolean | undefined;
+                        readonly block?: boolean | undefined;
+                        readonly size?: import('../..').QComponentSize | undefined;
+                        readonly iconPos?: import('..').QButtonIconPosition | undefined;
+                        readonly pill?: boolean | undefined;
+                        readonly effect?: import('..').QButtonEffect | undefined;
+                        readonly disabled?: boolean | undefined;
+                        readonly loading?: boolean | undefined;
+                        readonly tabindex?: number | undefined;
+                        readonly onClick?: ((event: MouseEvent) => any) | undefined;
+                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                    $attrs: import('vue').Attrs;
+                    $refs: {
+                        [x: string]: unknown;
+                    } & {
+                        buttonEl: HTMLButtonElement;
+                    };
+                    $slots: Readonly<{
+                        [name: string]: import('vue').Slot<any> | undefined;
+                    }>;
+                    $root: import('vue').ComponentPublicInstance | null;
+                    $parent: import('vue').ComponentPublicInstance | null;
+                    $host: Element | null;
+                    $emit: (event: "click", event: MouseEvent) => void;
+                    $el: any;
+                    $options: import('vue').ComponentOptionsBase<Readonly<import('..').QButtonProps> & Readonly<{
+                        onClick?: ((event: MouseEvent) => any) | undefined;
+                    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                        click: (event: MouseEvent) => any;
+                    }, string, {
+                        effect: import('..').QButtonEffect;
+                        color: string;
+                        variant: import('..').QButtonVariant;
+                        icons: typeof import('../QButton/constants').DEFAULT_ICONS;
+                        texts: typeof import('../QButton/constants').DEFAULT_TEXTS;
+                        helpDisplay: import('../..').QHelpDisplay;
+                        iconPos: import('..').QButtonIconPosition;
+                    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                        beforeCreate?: (() => void) | (() => void)[];
+                        created?: (() => void) | (() => void)[];
+                        beforeMount?: (() => void) | (() => void)[];
+                        mounted?: (() => void) | (() => void)[];
+                        beforeUpdate?: (() => void) | (() => void)[];
+                        updated?: (() => void) | (() => void)[];
+                        activated?: (() => void) | (() => void)[];
+                        deactivated?: (() => void) | (() => void)[];
+                        beforeDestroy?: (() => void) | (() => void)[];
+                        beforeUnmount?: (() => void) | (() => void)[];
+                        destroyed?: (() => void) | (() => void)[];
+                        unmounted?: (() => void) | (() => void)[];
+                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                    };
+                    $forceUpdate: () => void;
+                    $nextTick: typeof import('vue').nextTick;
+                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                } & Readonly<{
+                    effect: import('..').QButtonEffect;
+                    color: string;
+                    variant: import('..').QButtonVariant;
+                    icons: typeof import('../QButton/constants').DEFAULT_ICONS;
+                    texts: typeof import('../QButton/constants').DEFAULT_TEXTS;
+                    helpDisplay: import('../..').QHelpDisplay;
+                    iconPos: import('..').QButtonIconPosition;
+                }> & Omit<Readonly<import('..').QButtonProps> & Readonly<{
+                    onClick?: ((event: MouseEvent) => any) | undefined;
+                }>, "effect" | "color" | "variant" | "icons" | "texts" | "helpDisplay" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
+                    $slots: {
+                        default?(_: {}): any;
+                        append?(_: {}): any;
+                    };
+                }) | null;
+            }, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import('../__internal__/QHelpPopover').QHelpPopoverProps> & Readonly<{}>, {
+                triggerEl: import('vue').ComputedRef<HTMLElement | undefined>;
+            }, {}, {}, {}, {
+                icons: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_ICONS;
+                texts: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_TEXTS;
+            }> | null;
         };
         $slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
@@ -119,9 +358,13 @@ declare const __VLS_component: import('vue').DefineComponent<QInputGroupProps, {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<import('..').QFieldProps> & Readonly<{}>, {
-            fieldRef: Readonly<import('vue').ShallowRef<HTMLDivElement | null>>;
+            fieldRef: Readonly<import('vue').ShallowRef<HTMLElement | null>>;
+            helpDescribedBy: import('vue').ComputedRef<string | undefined>;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
             size: import('..').QFieldSize;
+            icons: typeof import('../QField/constants').DEFAULT_ICONS;
+            texts: typeof import('../QField/constants').DEFAULT_TEXTS;
+            helpDisplay: import('../..').QHelpDisplay;
             labelPosition: import('..').QLabelPosition;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -145,16 +388,24 @@ declare const __VLS_component: import('vue').DefineComponent<QInputGroupProps, {
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
         size: import('..').QFieldSize;
+        icons: typeof import('../QField/constants').DEFAULT_ICONS;
+        texts: typeof import('../QField/constants').DEFAULT_TEXTS;
+        helpDisplay: import('../..').QHelpDisplay;
         labelPosition: import('..').QLabelPosition;
-    }> & Omit<Readonly<import('..').QFieldProps> & Readonly<{}>, "fieldRef" | ("size" | "labelPosition")> & {
-        fieldRef: HTMLDivElement | null;
+    }> & Omit<Readonly<import('..').QFieldProps> & Readonly<{}>, "helpDescribedBy" | "fieldRef" | ("size" | "icons" | "texts" | "helpDisplay" | "labelPosition")> & {
+        fieldRef: HTMLElement | null;
+        helpDescribedBy: string | undefined;
     } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             'label.prepend'?(_: {}): any;
             'label.append'?(_: {}): any;
-            control?(_: {}): any;
+            control?(_: {
+                describedBy: string | undefined;
+            }): any;
             prepend?(_: {}): any;
-            default?(_: {}): any;
+            default?(_: {
+                describedBy: string | undefined;
+            }): any;
             append?(_: {}): any;
             extras?(_: {}): any;
         };

package/esm/components/QInputGroup/QInputGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QInputGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QInputGroup/QInputGroup.vue"],"names":[],"mappings":"AA2CA;AAwFC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAA;AAgC1C,iBAAS,cAAc;WA2HT,OAAO,IAA6B;;iCAhBb,GAAG;gCACJ,GAAG;yBACT,GAAG;yBACH,GAAG;wBACJ,GAAG;wBACH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA4Do+jB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;EA5CznkB;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA+B++jB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;OArBxnkB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QInputGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QInputGroup/QInputGroup.vue"],"names":[],"mappings":"AAiDA;AAiGC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAA;AAsC1C,iBAAS,cAAc;WA0IT,OAAO,IAA6B;;iCAhBb,GAAG;gCACJ,GAAG;yBACT,GAAG;;;YACH,GAAG;wBACJ,GAAG;wBACH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDA4Du+hB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;EA5C5niB;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDA+Bk/hB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;OArB3niB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QInputGroup/QInputGroup.vue.js

@@ -19,6 +19,10 @@ var b = {
 		required: { type: Boolean },
 		for: {},
 		labelPosition: {},
+		help: {},
+		helpDisplay: {},
+		icons: {},
+		texts: {},
 		size: { default: "large" },
 		readonly: { type: Boolean },
 		disabled: { type: Boolean },
@@ -30,7 +34,10 @@ var b = {
 		let T = u, E = t(g(T, "id"));
 		e({ QField: { size: "block" } });
 		let D = v("field");
-		return w({ fieldRef: i(() => D.value?.fieldRef) }), (e, t) => (m(), a(_(r), {
+		return w({
+			fieldRef: i(() => D.value?.fieldRef),
+			helpDescribedBy: i(() => D.value?.helpDescribedBy)
+		}), (e, t) => (m(), a(_(r), {
 			id: _(E),
 			ref: "field",
 			class: f(["q-input-group", T.class]),
@@ -41,13 +48,17 @@ var b = {
 			size: T.size,
 			readonly: T.readonly,
 			disabled: T.disabled,
-			invalid: T.invalid
+			invalid: T.invalid,
+			help: T.help,
+			"help-display": T.helpDisplay,
+			icons: T.icons,
+			texts: T.texts
 		}, c({
 			"label.prepend": y(() => [h(e.$slots, "label.prepend")]),
 			"label.append": y(() => [h(e.$slots, "label.append")]),
-			default: y(() => [
+			default: y(({ describedBy: t }) => [
 				e.$slots.prepend || T.prependIcon ? (m(), s("div", b, [T.prependIcon ? (m(), s("span", x, [l(_(n), p(d(T.prependIcon)), null, 16)])) : o("v-if", !0), h(e.$slots, "prepend")])) : o("v-if", !0),
-				h(e.$slots, "default"),
+				h(e.$slots, "default", { describedBy: t }),
 				e.$slots.append || T.appendIcon ? (m(), s("div", S, [T.appendIcon ? (m(), s("span", C, [l(_(n), p(d(T.appendIcon)), null, 16)])) : o("v-if", !0), h(e.$slots, "append")])) : o("v-if", !0)
 			]),
 			_: 2
@@ -65,7 +76,11 @@ var b = {
 			"size",
 			"readonly",
 			"disabled",
-			"invalid"
+			"invalid",
+			"help",
+			"help-display",
+			"icons",
+			"texts"
 		]));
 	}
 });

package/esm/components/QInputGroup/index.d.ts

@@ -1,6 +1,7 @@
 declare const QInputGroup: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').QInputGroupProps> & Readonly<{}>, {
-        fieldRef: import('vue').ComputedRef<HTMLDivElement | null | undefined>;
+        fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
+        helpDescribedBy: import('vue').ComputedRef<string | undefined>;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
         size: import('..').QFieldSize;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -14,6 +15,10 @@ declare const QInputGroup: {
                 readonly required?: boolean | undefined;
                 readonly for?: string | undefined;
                 readonly labelPosition?: import('..').QLabelPosition | undefined;
+                readonly help?: string | undefined;
+                readonly helpDisplay?: import('../..').QHelpDisplay | undefined;
+                readonly icons?: typeof import('../QField/constants').DEFAULT_ICONS | undefined;
+                readonly texts?: typeof import('../QField/constants').DEFAULT_TEXTS | undefined;
                 readonly size?: import('..').QFieldSize | undefined;
                 readonly readonly?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
@@ -23,7 +28,115 @@ declare const QInputGroup: {
             $refs: {
                 [x: string]: unknown;
             } & {
+                controlAnchor: HTMLDivElement;
                 field: HTMLDivElement;
+                standaloneHelp: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../__internal__/QHelpPopover').QHelpPopoverProps> & Readonly<{}>, {
+                    triggerEl: import('vue').ComputedRef<HTMLElement | undefined>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                    icons: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_ICONS;
+                    texts: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_TEXTS;
+                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                    trigger: ({
+                        $: import('vue').ComponentInternalInstance;
+                        $data: {};
+                        $props: {
+                            readonly id?: string | undefined;
+                            readonly class?: string | unknown[] | undefined;
+                            readonly label?: string | undefined;
+                            readonly help?: string | undefined;
+                            readonly helpDisplay?: import('../..').QHelpDisplay | undefined;
+                            readonly icons?: typeof import('../QButton/constants').DEFAULT_ICONS | undefined;
+                            readonly texts?: typeof import('../QButton/constants').DEFAULT_TEXTS | undefined;
+                            readonly variant?: import('..').QButtonVariant | undefined;
+                            readonly color?: string | undefined;
+                            readonly surface?: string | undefined;
+                            readonly borderless?: boolean | undefined;
+                            readonly elevated?: boolean | undefined;
+                            readonly block?: boolean | undefined;
+                            readonly size?: import('../..').QComponentSize | undefined;
+                            readonly iconPos?: import('..').QButtonIconPosition | undefined;
+                            readonly pill?: boolean | undefined;
+                            readonly effect?: import('..').QButtonEffect | undefined;
+                            readonly disabled?: boolean | undefined;
+                            readonly loading?: boolean | undefined;
+                            readonly tabindex?: number | undefined;
+                            readonly onClick?: ((event: MouseEvent) => any) | undefined;
+                        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                        $attrs: import('vue').Attrs;
+                        $refs: {
+                            [x: string]: unknown;
+                        } & {
+                            buttonEl: HTMLButtonElement;
+                        };
+                        $slots: Readonly<{
+                            [name: string]: import('vue').Slot<any> | undefined;
+                        }>;
+                        $root: import('vue').ComponentPublicInstance | null;
+                        $parent: import('vue').ComponentPublicInstance | null;
+                        $host: Element | null;
+                        $emit: (event: "click", event: MouseEvent) => void;
+                        $el: any;
+                        $options: import('vue').ComponentOptionsBase<Readonly<import('..').QButtonProps> & Readonly<{
+                            onClick?: ((event: MouseEvent) => any) | undefined;
+                        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                            click: (event: MouseEvent) => any;
+                        }, string, {
+                            effect: import('..').QButtonEffect;
+                            color: string;
+                            variant: import('..').QButtonVariant;
+                            icons: typeof import('../QButton/constants').DEFAULT_ICONS;
+                            texts: typeof import('../QButton/constants').DEFAULT_TEXTS;
+                            helpDisplay: import('../..').QHelpDisplay;
+                            iconPos: import('..').QButtonIconPosition;
+                        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                            beforeCreate?: (() => void) | (() => void)[];
+                            created?: (() => void) | (() => void)[];
+                            beforeMount?: (() => void) | (() => void)[];
+                            mounted?: (() => void) | (() => void)[];
+                            beforeUpdate?: (() => void) | (() => void)[];
+                            updated?: (() => void) | (() => void)[];
+                            activated?: (() => void) | (() => void)[];
+                            deactivated?: (() => void) | (() => void)[];
+                            beforeDestroy?: (() => void) | (() => void)[];
+                            beforeUnmount?: (() => void) | (() => void)[];
+                            destroyed?: (() => void) | (() => void)[];
+                            unmounted?: (() => void) | (() => void)[];
+                            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                        };
+                        $forceUpdate: () => void;
+                        $nextTick: typeof import('vue').nextTick;
+                        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                    } & Readonly<{
+                        effect: import('..').QButtonEffect;
+                        color: string;
+                        variant: import('..').QButtonVariant;
+                        icons: typeof import('../QButton/constants').DEFAULT_ICONS;
+                        texts: typeof import('../QButton/constants').DEFAULT_TEXTS;
+                        helpDisplay: import('../..').QHelpDisplay;
+                        iconPos: import('..').QButtonIconPosition;
+                    }> & Omit<Readonly<import('..').QButtonProps> & Readonly<{
+                        onClick?: ((event: MouseEvent) => any) | undefined;
+                    }>, "effect" | "color" | "variant" | "icons" | "texts" | "helpDisplay" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
+                        $slots: {
+                            default?(_: {}): any;
+                            append?(_: {}): any;
+                        };
+                    }) | null;
+                }, any, import('vue').ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import('../__internal__/QHelpPopover').QHelpPopoverProps> & Readonly<{}>, {
+                    triggerEl: import('vue').ComputedRef<HTMLElement | undefined>;
+                }, {}, {}, {}, {
+                    icons: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_ICONS;
+                    texts: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_TEXTS;
+                }> | null;
             };
             $slots: Readonly<{
                 [name: string]: import('vue').Slot<any> | undefined;
@@ -34,9 +147,13 @@ declare const QInputGroup: {
             $emit: (event: string, ...args: any[]) => void;
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<import('..').QFieldProps> & Readonly<{}>, {
-                fieldRef: Readonly<import('vue').ShallowRef<HTMLDivElement | null>>;
+                fieldRef: Readonly<import('vue').ShallowRef<HTMLElement | null>>;
+                helpDescribedBy: import('vue').ComputedRef<string | undefined>;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
                 size: import('..').QFieldSize;
+                icons: typeof import('../QField/constants').DEFAULT_ICONS;
+                texts: typeof import('../QField/constants').DEFAULT_TEXTS;
+                helpDisplay: import('../..').QHelpDisplay;
                 labelPosition: import('..').QLabelPosition;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -60,16 +177,24 @@ declare const QInputGroup: {
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
             size: import('..').QFieldSize;
+            icons: typeof import('../QField/constants').DEFAULT_ICONS;
+            texts: typeof import('../QField/constants').DEFAULT_TEXTS;
+            helpDisplay: import('../..').QHelpDisplay;
             labelPosition: import('..').QLabelPosition;
-        }> & Omit<Readonly<import('..').QFieldProps> & Readonly<{}>, "fieldRef" | ("size" | "labelPosition")> & {
-            fieldRef: HTMLDivElement | null;
+        }> & Omit<Readonly<import('..').QFieldProps> & Readonly<{}>, "helpDescribedBy" | "fieldRef" | ("size" | "icons" | "texts" | "helpDisplay" | "labelPosition")> & {
+            fieldRef: HTMLElement | null;
+            helpDescribedBy: string | undefined;
         } & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 'label.prepend'?(_: {}): any;
                 'label.append'?(_: {}): any;
-                control?(_: {}): any;
+                control?(_: {
+                    describedBy: string | undefined;
+                }): any;
                 prepend?(_: {}): any;
-                default?(_: {}): any;
+                default?(_: {
+                    describedBy: string | undefined;
+                }): any;
                 append?(_: {}): any;
                 extras?(_: {}): any;
             };
@@ -82,7 +207,8 @@ declare const QInputGroup: {
         M: {};
         Defaults: {};
     }, Readonly<import('./types').QInputGroupProps> & Readonly<{}>, {
-        fieldRef: import('vue').ComputedRef<HTMLDivElement | null | undefined>;
+        fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
+        helpDescribedBy: import('vue').ComputedRef<string | undefined>;
     }, {}, {}, {}, {
         size: import('..').QFieldSize;
     }>;
@@ -90,7 +216,8 @@ declare const QInputGroup: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./types').QInputGroupProps> & Readonly<{}>, {
-    fieldRef: import('vue').ComputedRef<HTMLDivElement | null | undefined>;
+    fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
+    helpDescribedBy: import('vue').ComputedRef<string | undefined>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
     size: import('..').QFieldSize;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
@@ -98,7 +225,9 @@ declare const QInputGroup: {
         'label.prepend'?(_: {}): any;
         'label.append'?(_: {}): any;
         prepend?(_: {}): any;
-        default?(_: {}): any;
+        default?(_: {
+            describedBy: string | undefined;
+        }): any;
         append?(_: {}): any;
         extras?(_: {}): any;
     };