@quidgest/ui 0.27.1 → 0.28.0

package/esm/components/QIcon/QIconFont.d.ts

@@ -1,6 +1,4 @@
 import { QIconFontProps } from '.';
-declare const _default: import('vue').DefineComponent<QIconFontProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QIconFontProps> & Readonly<{}>, {
-    library: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+declare const _default: import('vue').DefineComponent<QIconFontProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QIconFontProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
 export default _default;
 //# sourceMappingURL=QIconFont.vue.d.ts.map

package/esm/components/QIcon/QIconFont.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QIconFont.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QIcon/QIconFont.vue"],"names":[],"mappings":"AAMA;AAuCC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;;;;AAmExC,wBAQG"}
+{"version":3,"file":"QIconFont.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QIcon/QIconFont.vue"],"names":[],"mappings":"AAMA;AAqCC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;;AA6DxC,wBAOG"}

package/esm/components/QIcon/QIconFont.vue.js

@@ -8,10 +8,10 @@ var c = ["id"], l = /*@__PURE__*/ r({
 		class: {},
 		icon: {},
 		variant: {},
-		library: { default: "" }
+		library: {}
 	},
 	setup(r) {
-		let l = r, u = e(o(l, "id")), d = t(() => l.variant ? `${l.library}-${l.variant}` : l.library), f = t(() => l.library && l.icon ? `${l.library}-${l.icon}` : l.icon);
+		let l = r, u = e(o(l, "id")), d = t(() => l.library && l.variant ? `${l.library}-${l.variant}` : l.library), f = t(() => l.library && l.icon ? `${l.library}-${l.icon}` : l.icon);
 		return (e, t) => (a(), n("i", {
 			id: s(u),
 			class: i([

package/esm/components/QIcon/QIconSvg.d.ts

@@ -5,8 +5,6 @@ declare const _default: import('vue').DefineComponent<QIconSvgProps, {}, {}, {},
 }, string, import('vue').PublicProps, Readonly<QIconSvgProps> & Readonly<{
     onUnloaded?: (() => any) | undefined;
     onLoaded?: ((value: Element) => any) | undefined;
-}>, {
-    bundle: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=QIconSvg.vue.d.ts.map

package/esm/components/QIcon/QIconSvg.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QIconSvg.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QIcon/QIconSvg.vue"],"names":[],"mappings":"AASA;AAmDC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;;;;;;;;;;AAiGvC,wBASG"}
+{"version":3,"file":"QIconSvg.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QIcon/QIconSvg.vue"],"names":[],"mappings":"AASA;AAiDC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;;;;;;;;AA2FvC,wBAQG"}

package/esm/components/QIcon/QIconSvg.vue.js

@@ -8,7 +8,7 @@ var c = /*@__PURE__*/ r({
 		id: {},
 		class: {},
 		icon: {},
-		bundle: { default: "" }
+		bundle: {}
 	},
 	emits: ["loaded", "unloaded"],
 	setup(r, { emit: c }) {

package/esm/components/QIcon/QSvgSymbol.d.ts

@@ -4,11 +4,11 @@
  */
 type QSvgSymbolProps = {
     /**
-     * The source URL of the SVG bundle.
+     * The source URL of the SVG bundle. Nothing is loaded while it is empty.
      *
      * @category Configuration
      */
-    src: string;
+    src?: string;
     /**
      * The ID of the SVG symbol to be rendered.
      *
@@ -47,6 +47,7 @@ declare const _default: import('vue').DefineComponent<QSvgSymbolProps, {}, {}, {
 }>, {
     symbol: string;
     title: string;
+    src: string;
     transformSource: (svg: SVGElement) => SVGElement;
     keepDuringLoading: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/esm/components/QIcon/QSvgSymbol.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QSvgSymbol.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QIcon/QSvgSymbol.vue"],"names":[],"mappings":"AASA;AA4NC;;;GAGG;AACH,KAAK,eAAe,GAAG;IACtB;;;;OAIG;IACH,GAAG,EAAE,MAAM,CAAA;IAEX;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;;OAKG;IACH,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,UAAU,CAAA;IAEjD;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAA;;;;;;;;;;YAxBS,MAAM;WAOP,MAAM;qBAQI,CAAC,GAAG,EAAE,UAAU,KAAK,UAAU;uBAQ7B,OAAO;;AAyN7B,wBAQG"}
+{"version":3,"file":"QSvgSymbol.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QIcon/QSvgSymbol.vue"],"names":[],"mappings":"AASA;AAqPC;;;GAGG;AACH,KAAK,eAAe,GAAG;IACtB;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;;OAKG;IACH,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,UAAU,CAAA;IAEjD;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAA;;;;;;;;;;YAxBS,MAAM;WAOP,MAAM;SAdR,MAAM;qBAsBM,CAAC,GAAG,EAAE,UAAU,KAAK,UAAU;uBAQ7B,OAAO;;AAmP7B,wBAQG"}

package/esm/components/QIcon/QSvgSymbol.vue.js

@@ -6,7 +6,7 @@ var h = ["innerHTML"], g = /*@__PURE__*/ i({
 	inheritAttrs: !1,
 	__name: "QSvgSymbol",
 	props: {
-		src: {},
+		src: { default: void 0 },
 		symbol: { default: "" },
 		title: { default: "" },
 		transformSource: {
@@ -32,36 +32,45 @@ var h = ["innerHTML"], g = /*@__PURE__*/ i({
 				if (!n) return null;
 				t = n;
 			}
-			return _.transformSource && (t = _.transformSource(t.cloneNode(!0))), _.title && (_.transformSource || (t = t.cloneNode(!0)), k(t, _.title)), t;
+			return _.transformSource && (t = _.transformSource(t.cloneNode(!0))), _.title && (_.transformSource || (t = t.cloneNode(!0)), A(t, _.title)), t;
 		}
 		let C = t(() => x.value ? S(x.value) : null), w = t(() => x.value !== null && C.value === null), T = t(() => {
 			if (!x.value || !C.value) return {};
 			let e = {};
-			return D(e, x.value), D(e, C.value), O(e, y), y.id || delete e.id, e;
-		});
-		async function E(t) {
+			return O(e, x.value), O(e, C.value), k(e, y), y.id || delete e.id, e;
+		}), E = 0;
+		async function D(t) {
+			let n = ++E;
+			if (!t) {
+				x.value && (x.value = null, v("unloaded"));
+				return;
+			}
 			try {
-				let n = e(t);
-				x.value && n.getIsPending() && !_.keepDuringLoading && (x.value = null, v("unloaded")), x.value = await n, await s();
-				let r = b?.proxy?.$el;
-				r instanceof Element && v("loaded", r);
+				let r = e(t);
+				x.value && r.getIsPending() && !_.keepDuringLoading && (x.value = null, v("unloaded"));
+				let i = await r;
+				if (n !== E) return;
+				x.value = i, await s();
+				let a = b?.proxy?.$el;
+				a instanceof Element && v("loaded", a);
 			} catch (e) {
+				if (n !== E) return;
 				x.value && (x.value = null, v("unloaded")), v("error", e);
 			}
 		}
 		l(() => {
-			E(_.src);
+			D(_.src);
 		}), m(() => _.src, (e) => {
-			E(e);
+			D(e);
 		});
-		function D(e, t) {
+		function O(e, t) {
 			let n = t.attributes;
 			if (n) for (let t of n) e[t.name] = t.value;
 		}
-		function O(e, t) {
+		function k(e, t) {
 			for (let [n, r] of Object.entries(t)) r !== !1 && r != null && (e[n] = r);
 		}
-		function k(e, t) {
+		function A(e, t) {
 			let n = e.getElementsByTagName("title");
 			if (n.length) n[0].textContent = t;
 			else {

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

@@ -1,9 +1,7 @@
 declare const QIcon: import('vue').DefineComponent<import('./types').QIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./types').QIconProps> & Readonly<{}>, {
     type: "svg" | "font" | "img";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const QIconFont: import('vue').DefineComponent<import('./types').QIconFontProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./types').QIconFontProps> & Readonly<{}>, {
-    library: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+declare const QIconFont: import('vue').DefineComponent<import('./types').QIconFontProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./types').QIconFontProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
 declare const QIconImg: import('vue').DefineComponent<import('./types').QIconBaseProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./types').QIconBaseProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLImageElement>;
 declare const QIconSvg: import('vue').DefineComponent<import('./types').QIconSvgProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     unloaded: () => any;
@@ -11,9 +9,7 @@ declare const QIconSvg: import('vue').DefineComponent<import('./types').QIconSvg
 }, string, import('vue').PublicProps, Readonly<import('./types').QIconSvgProps> & Readonly<{
     onUnloaded?: (() => any) | undefined;
     onLoaded?: ((value: Element) => any) | undefined;
-}>, {
-    bundle: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export { QIcon, QIconFont, QIconImg, QIconSvg };
 export * from './types';
 //# sourceMappingURL=index.d.ts.map

package/esm/components/QIcon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QIcon/index.ts"],"names":[],"mappings":"AASA,QAAA,MAAM,KAAK;;6EAA0B,CAAA;AACrC,QAAA,MAAM,SAAS;;qFAA8B,CAAA;AAC7C,QAAA,MAAM,QAAQ,yVAA6B,CAAA;AAC3C,QAAA,MAAM,QAAQ;;;;;;;;6EAA6B,CAAA;AAG3C,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAA;AAG/C,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QIcon/index.ts"],"names":[],"mappings":"AASA,QAAA,MAAM,KAAK;;6EAA0B,CAAA;AACrC,QAAA,MAAM,SAAS,oVAA8B,CAAA;AAC7C,QAAA,MAAM,QAAQ,yVAA6B,CAAA;AAC3C,QAAA,MAAM,QAAQ;;;;;;kFAA6B,CAAA;AAG3C,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAA;AAG/C,cAAc,SAAS,CAAA"}

package/esm/components/QIcon/index.js

@@ -1,9 +1,9 @@
-import { setupPropsProxy as e } from "../../utils/setupPropsProxy.js";
-import t from "./QIcon2.vue.js";
-import n from "./QIconFont2.vue.js";
-import r from "./QIconImg2.vue.js";
-import i from "./QIconSvg2.vue.js";
+import e from "./QIcon2.vue.js";
+import t from "./QIconFont2.vue.js";
+import n from "./QIconImg2.vue.js";
+import r from "./QIconSvg2.vue.js";
+import { setupPropsProxy as i } from "../../utils/setupPropsProxy.js";
 //#region src/components/QIcon/index.ts
-var a = e(t), o = e(n), s = e(r), c = e(i);
+var a = i(e), o = i(t), s = i(n), c = i(r);
 //#endregion
 export { a as QIcon, o as QIconFont, s as QIconImg, c as QIconSvg };

package/esm/components/QIcon/types.d.ts

@@ -32,13 +32,15 @@ export type QIconProps = QIconBaseProps & {
 };
 export type QIconFontProps = QIconBaseProps & {
     /**
-     * The icon variant.
+     * The icon variant, added as the `<library>-<variant>` class. Ignored without `library`.
      *
      * @category Presentation
      */
     variant?: string;
     /**
-     * The name of the icon library.
+     * The name of the icon library, used as the class prefix (`<library>-<icon>`).
+     * Usually set once for the app through framework defaults (`QIconFont: { library }`).
+     * Without it, `icon` is used as the class name as is.
      *
      * @category Configuration
      */
@@ -47,7 +49,9 @@ export type QIconFontProps = QIconBaseProps & {
 export type QIconImgProps = QIconBaseProps;
 export type QIconSvgProps = QIconBaseProps & {
     /**
-     * The name of the SVG bundle.
+     * The URL of the SVG bundle that holds the icon symbols.
+     * Usually set once for the app through framework defaults (`QIconSvg: { bundle }`).
+     * Without it, no icon is rendered.
      *
      * @category Configuration
      */

package/esm/components/QIcon/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QIcon/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,cAAc,GAAG,mBAAmB,GAAG;IAClD;;;;;;;OAOG;IACH,IAAI,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG;IACzC;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,CAAA;CAC7B,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,GAAG;IAC7C;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,cAAc,CAAA;AAE1C,MAAM,MAAM,aAAa,GAAG,cAAc,GAAG;IAC5C;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;CACf,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QIcon/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,cAAc,GAAG,mBAAmB,GAAG;IAClD;;;;;;;OAOG;IACH,IAAI,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG;IACzC;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,CAAA;CAC7B,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,GAAG;IAC7C;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,cAAc,CAAA;AAE1C,MAAM,MAAM,aAAa,GAAG,cAAc,GAAG;IAC5C;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;CACf,CAAA"}

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"}