@quidgest/ui 0.27.1 → 0.28.0

package/esm/components/QSwitch/QSwitch.d.ts

@@ -8,9 +8,204 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
+    labelPosition: import('..').QLabelPosition;
     trueLabel: string;
     falseLabel: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    fieldComponent: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly id?: string | undefined;
+            readonly class?: string | unknown[] | undefined;
+            readonly label?: string | undefined;
+            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;
+            readonly invalid?: boolean | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
+        $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;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('..').QFieldProps> & Readonly<{}>, {
+            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)[];
+            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<{
+        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<{}>, "helpDescribedBy" | "fieldRef" | ("size" | "icons" | "texts" | "helpDisplay" | "labelPosition")> & {
+        fieldRef: HTMLElement | null;
+        helpDescribedBy: string | undefined;
+    } & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            'label.prepend'?(_: {}): any;
+            'label.append'?(_: {}): any;
+            control?(_: {
+                describedBy: string | undefined;
+            }): any;
+            prepend?(_: {}): any;
+            default?(_: {
+                describedBy: string | undefined;
+            }): any;
+            append?(_: {}): any;
+            extras?(_: {}): any;
+        };
+    }) | null;
     inputEl: HTMLInputElement;
 }, any>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"QSwitch.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSwitch/QSwitch.vue"],"names":[],"mappings":"AA8CA;AAgJC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,GAAG,CAAA;AAKrC,KAAK,WAAW,GAAG,YAAY,CAAC;AAiFjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;;;;;;;;;;;AAwGhB,wBASG"}
+{"version":3,"file":"QSwitch.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSwitch/QSwitch.vue"],"names":[],"mappings":"AA0DA;AAiMC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,GAAG,CAAA;AAMrC,KAAK,WAAW,GAAG,YAAY,CAAC;AAsHjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAoK2oX,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;AAvBjxX,wBASG"}

package/esm/components/QSwitch/QSwitch.vue.js

@@ -1,27 +1,33 @@
 import { useId as e } from "../../composables/useId/index.js";
 import { useColor as t } from "../../composables/useColor/index.js";
-import { QLabel as n } from "../QLabel/index.js";
-import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, defineComponent as u, mergeModels as d, mergeProps as f, normalizeClass as p, normalizeStyle as m, openBlock as h, toDisplayString as g, toRef as _, unref as v, useModel as y, useTemplateRef as b, vModelCheckbox as x, withDirectives as S, withModifiers as C } from "vue";
+import { mergeDescribedBy as n } from "../__internal__/QHelpPopover/resolveHelp.js";
+import { QField as r } from "../QField/index.js";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, defineComponent as d, mergeModels as f, mergeProps as p, normalizeClass as m, normalizeStyle as h, onBeforeUnmount as g, onMounted as _, openBlock as v, toDisplayString as y, toRef as b, unref as x, useAttrs as S, useModel as C, useTemplateRef as w, vModelCheckbox as T, withCtx as E, withDirectives as D, withModifiers as O } from "vue";
 //#region src/components/QSwitch/QSwitch.vue?vue&type=script&setup=true&lang.ts
-var w = [
+var k = [
 	"id",
 	"aria-checked",
-	"disabled"
-], T = { class: "q-switch__labels" }, E = {
+	"disabled",
+	"aria-describedby"
+], A = { class: "q-switch__labels" }, j = {
 	class: "q-switch__label q-switch__label--off",
 	"aria-hidden": "true"
-}, D = {
+}, M = {
 	class: "q-switch__label q-switch__label--on",
 	"aria-hidden": "true"
-}, O = /*@__PURE__*/ u({
+}, N = /*@__PURE__*/ d({
 	inheritAttrs: !1,
 	__name: "QSwitch",
-	props: /*@__PURE__*/ d({
+	props: /*@__PURE__*/ f({
 		id: {},
 		class: {},
 		label: {},
 		required: { type: Boolean },
-		labelPosition: {},
+		labelPosition: { default: "left" },
+		help: {},
+		helpDisplay: {},
+		icons: {},
+		texts: {},
 		trueLabel: { default: "On" },
 		falseLabel: { default: "Off" },
 		showStateLabels: { type: Boolean },
@@ -35,58 +41,92 @@ var w = [
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(u) {
-		let d = u, O = y(u, "modelValue"), k = b("inputEl"), A = (e) => {
-			d.readonly && (e.preventDefault(), e.stopImmediatePropagation(), e.target.checked = !!O.value);
-		}, j = () => {
-			d.disabled || d.readonly || k.value?.click();
-		}, M = e(_(d, "id")), { style: N } = t(_(d, "checkedColor")), { style: P } = t(_(d, "uncheckedColor")), F = i(() => [
+	setup(d) {
+		let f = d, N = C(d, "modelValue"), P = w("inputEl"), F = w("fieldComponent");
+		function I(e) {
+			e.stopPropagation();
+		}
+		_(() => {
+			F.value?.$el.addEventListener("click", I);
+		}), g(() => {
+			F.value?.$el.removeEventListener("click", I);
+		});
+		let L = (e) => {
+			f.readonly && (e.preventDefault(), e.stopImmediatePropagation(), e.target.checked = !!N.value);
+		}, R = () => {
+			f.disabled || f.readonly || P.value?.click();
+		}, z = e(b(f, "id")), B = S(), V = a(() => `${z.value}_field`), H = a(() => typeof B["aria-describedby"] == "string" ? B["aria-describedby"] : void 0), { style: U } = t(b(f, "checkedColor")), { style: W } = t(b(f, "uncheckedColor")), G = a(() => f.size === "small" || f.size === "large" ? `q-switch--${f.size}` : void 0), K = a(() => f.size === "small" || f.size === "large" ? `q-switch-field--${f.size}` : void 0), q = a(() => !!f.label && (f.labelPosition === "left" || f.labelPosition === "right")), J = a(() => [
 			"q-switch",
-			d.size === "small" || d.size === "large" ? `q-switch--${d.size}` : void 0,
+			G.value,
 			{
-				"q-switch--checked": O.value,
-				"q-switch--disabled": d.disabled,
-				"q-switch--readonly": d.readonly,
-				"q-switch--with-labels": d.showStateLabels && (d.trueLabel || d.falseLabel)
-			},
-			d.class
-		]), I = i(() => ({
-			"--q-switch-checked-background": N.value?.mainColor,
-			"--q-switch-on-checked-background": N.value?.onMainColor,
-			"--q-switch-unchecked-background": P.value?.mainColor,
-			"--q-switch-on-unchecked-background": P.value?.onMainColor
+				"q-switch--checked": N.value,
+				"q-switch--disabled": f.disabled,
+				"q-switch--readonly": f.readonly,
+				"q-switch--with-labels": f.showStateLabels && (f.trueLabel || f.falseLabel)
+			}
+		]), Y = a(() => ({
+			"--q-switch-checked-background": U.value?.mainColor,
+			"--q-switch-on-checked-background": U.value?.onMainColor,
+			"--q-switch-unchecked-background": W.value?.mainColor,
+			"--q-switch-on-unchecked-background": W.value?.onMainColor
 		}));
-		return (e, t) => (h(), s("div", {
-			class: "q-switch__container",
-			onClick: t[2] ||= C(() => {}, ["stop"])
-		}, [d.label ? (h(), a(v(n), {
-			key: 0,
-			for: v(M),
-			label: d.label,
-			required: d.required
-		}, null, 8, [
+		return (e, t) => (v(), o(x(r), {
+			id: V.value,
+			ref_key: "fieldComponent",
+			ref: F,
+			class: m(["q-switch-field", [
+				f.class,
+				K.value,
+				q.value ? "q-field--row" : void 0
+			]]),
+			for: x(z),
+			label: f.label,
+			"label-position": f.labelPosition,
+			readonly: f.readonly,
+			disabled: f.disabled,
+			required: f.required,
+			help: f.help,
+			"help-display": f.helpDisplay,
+			icons: f.icons,
+			texts: f.texts
+		}, {
+			control: E(({ describedBy: r }) => [l("div", {
+				class: "q-switch__container",
+				onClick: R
+			}, [l("div", {
+				class: m(J.value),
+				style: h(Y.value)
+			}, [D(l("input", p({
+				id: x(z),
+				ref_key: "inputEl",
+				ref: P,
+				"onUpdate:modelValue": t[0] ||= (e) => N.value = e,
+				class: "q-switch__input",
+				type: "checkbox",
+				role: "switch",
+				"aria-checked": N.value,
+				disabled: f.disabled
+			}, e.$attrs, {
+				"aria-describedby": x(n)(r, H.value),
+				onClick: t[1] ||= O(() => {}, ["stop"]),
+				onInput: L
+			}), null, 16, k), [[T, N.value]]), l("div", A, [l("span", j, [f.showStateLabels ? (v(), c(i, { key: 0 }, [u(y(f.falseLabel), 1)], 64)) : s("v-if", !0)]), l("span", M, [f.showStateLabels ? (v(), c(i, { key: 0 }, [u(y(f.trueLabel), 1)], 64)) : s("v-if", !0)])])], 6)])]),
+			_: 1
+		}, 8, [
+			"id",
+			"class",
 			"for",
 			"label",
-			"required"
-		])) : o("v-if", !0), c("div", {
-			class: p(F.value),
-			style: m(I.value),
-			onClick: j
-		}, [S(c("input", f({
-			id: v(M),
-			ref_key: "inputEl",
-			ref: k,
-			"onUpdate:modelValue": t[0] ||= (e) => O.value = e,
-			class: "q-switch__input",
-			type: "checkbox",
-			role: "switch",
-			"aria-checked": O.value,
-			disabled: d.disabled
-		}, e.$attrs, {
-			onClick: t[1] ||= C(() => {}, ["stop"]),
-			onInput: A
-		}), null, 16, w), [[x, O.value]]), c("div", T, [c("span", E, [d.showStateLabels ? (h(), s(r, { key: 0 }, [l(g(d.falseLabel), 1)], 64)) : o("v-if", !0)]), c("span", D, [d.showStateLabels ? (h(), s(r, { key: 0 }, [l(g(d.trueLabel), 1)], 64)) : o("v-if", !0)])])], 6)]));
+			"label-position",
+			"readonly",
+			"disabled",
+			"required",
+			"help",
+			"help-display",
+			"icons",
+			"texts"
+		]));
 	}
 });
 //#endregion
-export { O as default };
+export { N as default };

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

@@ -1,6 +1,6 @@
 declare const QSwitch: import('vue').DefineComponent<{
     modelValue?: boolean;
-} & Omit<import('..').QLabelProps, "for"> & {
+} & Omit<import('..').QLabelProps, "for"> & import('..').QFieldHelpProps & {
     trueLabel?: string;
     falseLabel?: string;
     showStateLabels?: boolean;
@@ -13,7 +13,7 @@ declare const QSwitch: import('vue').DefineComponent<{
     "update:modelValue": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<{
     modelValue?: boolean;
-} & Omit<import('..').QLabelProps, "for"> & {
+} & Omit<import('..').QLabelProps, "for"> & import('..').QFieldHelpProps & {
     trueLabel?: string;
     falseLabel?: string;
     showStateLabels?: boolean;
@@ -25,9 +25,204 @@ declare const QSwitch: import('vue').DefineComponent<{
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
+    labelPosition: import('..').QLabelPosition;
     trueLabel: string;
     falseLabel: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    fieldComponent: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly id?: string | undefined;
+            readonly class?: string | unknown[] | undefined;
+            readonly label?: string | undefined;
+            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;
+            readonly invalid?: boolean | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
+        $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;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('..').QFieldProps> & Readonly<{}>, {
+            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)[];
+            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<{
+        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<{}>, "helpDescribedBy" | "fieldRef" | ("size" | "icons" | "texts" | "helpDisplay" | "labelPosition")> & {
+        fieldRef: HTMLElement | null;
+        helpDescribedBy: string | undefined;
+    } & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            'label.prepend'?(_: {}): any;
+            'label.append'?(_: {}): any;
+            control?(_: {
+                describedBy: string | undefined;
+            }): any;
+            prepend?(_: {}): any;
+            default?(_: {
+                describedBy: string | undefined;
+            }): any;
+            append?(_: {}): any;
+            extras?(_: {}): any;
+        };
+    }) | null;
     inputEl: HTMLInputElement;
 }, any>;
 export { QSwitch };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSwitch/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAA4B,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSwitch/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAOq70B,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;OAP/g1B,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,cAAc,SAAS,CAAA"}

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

@@ -1,9 +1,10 @@
 import { QComponentSize } from '../../types/component';
+import { QFieldHelpProps } from '../QField';
 import { QLabelProps } from '../QLabel';
 /**
  * Props for the QSwitch component.
  */
-export type QSwitchProps = Omit<QLabelProps, 'for'> & {
+export type QSwitchProps = Omit<QLabelProps, 'for'> & QFieldHelpProps & {
     /**
      * Label displayed when switch is in the "true" state.
      *

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QSwitch/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAE5C;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG;IACrD;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IAEzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,cAAc,CAAA;IAErB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QSwitch/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAE5C;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,GAClD,eAAe,GAAG;IACjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IAEzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,cAAc,CAAA;IAErB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA"}