@quidgest/ui 0.18.0 → 0.20.0

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

@@ -1,5 +1,6 @@
 import { QFieldProps } from '../QField';
 import { Group, Item } from '../QList/types';
+import { QOverlayAnchor } from '../QOverlay';
 import { DEFAULT_ICONS, DEFAULT_TEXTS } from './constants';
 export type QSelectProps = QFieldProps & {
     /**
@@ -26,6 +27,18 @@ export type QSelectProps = QFieldProps & {
      * @category Behavior
      */
     inline?: boolean;
+    /**
+     * An alternative element used to anchor and size the options overlay.
+     *
+     * @category Identification
+     */
+    overlayAnchor?: QOverlayAnchor;
+    /**
+     * Whether pressing Tab while an option is focused selects it before focus moves away.
+     *
+     * @category Behavior
+     */
+    selectOnTab?: boolean;
     /**
      * Whether multiple options can be selected.
      *

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE/D,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG;IACxC;;;;OAIG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;IAEd;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,EAAE,CAAA;IAEhB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;;OAKG;IAEH,UAAU,CAAC,EAAE,GAAG,CAAA;IAEhB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE/D,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG;IACxC;;;;OAIG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;IAEd;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,EAAE,CAAA;IAEhB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;OAIG;IACH,aAAa,CAAC,EAAE,cAAc,CAAA;IAE9B;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;;OAKG;IAEH,UAAU,CAAC,EAAE,GAAG,CAAA;IAEhB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA"}

package/esm/components/QSidebar/QSidebar.d.ts

@@ -1,14 +1,38 @@
-import { QSidebarProps } from '.';
+import { SidebarItemRegistration } from './context';
+import { QSidebarProps } from './types';
 type __VLS_Props = QSidebarProps;
 type __VLS_PublicProps = {
     modelValue?: string;
 } & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Partial<Record<`anchor:${string}`, (_: {
-        item: import('./types').QSidebarAnchorItemConfig;
-    }) => any>> & Partial<Record<`header.prepend:${string}`, (_: {}) => any>> & Partial<Record<`header:${string}`, (_: {}) => any>> & Partial<Record<`header.append:${string}`, (_: {}) => any>> & Partial<Record<`content:${string}`, (_: {}) => any>> & Partial<Record<`footer:${string}`, (_: {}) => any>>;
-    refs: {};
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        anchor: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            anchorWidth?: number;
+            modelValue?: string;
+            items: SidebarItemRegistration[];
+        }> & Readonly<{}>, {
+            itemsEl: Readonly<import('vue').ShallowRef<HTMLElement | null>>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            items: HTMLDivElement;
+        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            anchorWidth?: number;
+            modelValue?: string;
+            items: SidebarItemRegistration[];
+        }> & Readonly<{}>, {
+            itemsEl: Readonly<import('vue').ShallowRef<HTMLElement | null>>;
+        }, {}, {}, {}, {}> | null;
+    };
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
@@ -28,7 +52,30 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }>, {
     position: "left" | "right";
     anchorWidth: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    anchor: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        anchorWidth?: number;
+        modelValue?: string;
+        items: SidebarItemRegistration[];
+    }> & Readonly<{}>, {
+        itemsEl: Readonly<import('vue').ShallowRef<HTMLElement | null>>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        items: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        anchorWidth?: number;
+        modelValue?: string;
+        items: SidebarItemRegistration[];
+    }> & Readonly<{}>, {
+        itemsEl: Readonly<import('vue').ShallowRef<HTMLElement | null>>;
+    }, {}, {}, {}, {}> | null;
+}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1 +1 @@
-{"version":3,"file":"QSidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSidebar/QSidebar.vue"],"names":[],"mappings":"AAgEA;AAgOC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;AAKtC,KAAK,WAAW,GAAG,aAAa,CAAC;AAsJlC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAyKT,OAAO,IAA6B;;;UAhBmC,GAAG,2DACnB,GAAG,mDACH,GAAG,0DACH,GAAG,oDACH,GAAG,mDACH,GAAG;;;EAgBvE;AAsBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;wFASnB,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":"QSidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSidebar/QSidebar.vue"],"names":[],"mappings":"AAgBA;AAqOC,OAAO,KAAK,EAAkB,uBAAuB,EAAE,MAAM,WAAW,CAAA;AACxE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAM5C,KAAK,WAAW,GAAG,aAAa,CAAC;AAqMlC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAiDT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgB/B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAUnB,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/QSidebar/QSidebar.vue.js

@@ -1,11 +1,13 @@
-import e from "./QSidebarAnchor2.vue.js";
-import t from "./QSidebarPanel2.vue.js";
-import { Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createSlots as s, createVNode as c, defineComponent as l, mergeModels as u, normalizeClass as d, normalizeStyle as f, openBlock as p, ref as m, renderList as h, renderSlot as g, useModel as _, watch as v, withCtx as y } from "vue";
+import { useGroup as e } from "../../composables/useGroup/index.js";
+import t from "./QSidebarAnchor2.vue.js";
+import { SidebarSymbol as n } from "./context.js";
+import { computed as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, mergeModels as c, normalizeClass as l, normalizeStyle as u, openBlock as d, provide as f, ref as p, renderSlot as m, shallowRef as h, useModel as g, useTemplateRef as _, watch as v } from "vue";
 //#region src/components/QSidebar/QSidebar.vue?vue&type=script&setup=true&lang.ts
-var b = /*@__PURE__*/ l({
+var y = ["id"], b = { class: "q-sidebar__panels" }, x = /*@__PURE__*/ s({
 	__name: "QSidebar",
-	props: /*@__PURE__*/ u({
-		panels: {},
+	props: /*@__PURE__*/ c({
+		id: {},
+		class: {},
 		anchorWidth: { default: 50 },
 		showLabels: { type: Boolean },
 		position: { default: "left" }
@@ -13,122 +15,90 @@ var b = /*@__PURE__*/ l({
 		modelValue: {},
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ u([
+	emits: /*@__PURE__*/ c([
 		"click:item",
 		"resize",
 		"resize:start",
 		"resize:end"
 	], ["update:modelValue"]),
-	setup(l, { emit: u }) {
-		let b = l, x = u, S = _(l, "modelValue"), C = m();
-		v(S, (e) => {
-			e && (C.value = e);
+	setup(s, { emit: c }) {
+		let x = s, S = c, C = g(s, "modelValue"), { active: w } = e({
+			active: C,
+			required: !1
+		});
+		v(w, (e) => {
+			C.value = e;
+		});
+		let T = _("anchor"), E = h([]), D = p(), O = p(!1), k = p();
+		function A() {
+			k.value = void 0;
+		}
+		v(C, (e, t) => {
+			O.value = !e || !t, e && t && A(), e && (D.value = e);
 		}, { immediate: !0 });
-		let w = r(() => b.panels?.find((e) => e.id === C.value)), T = r(() => !!w.value), E = m(), D = r(() => {
-			if (E.value !== void 0) return T.value ? typeof E.value == "number" ? `${b.anchorWidth + E.value}px` : `calc(${b.anchorWidth}px + ${E.value})` : `${b.anchorWidth}px`;
-		}), O = r(() => [
+		let j = r(() => E.value.find((e) => e.value === D.value)), M = r(() => !!j.value), N = r(() => {
+			if (!(!j.value?.resizable.value || k.value === void 0)) return { width: `${(x.anchorWidth ?? 0) + k.value}px` };
+		}), P = r(() => [
 			"q-sidebar",
-			`q-sidebar--${w.value?.initialWidth ?? "small"}`,
-			`q-sidebar--${b.position}`,
+			`q-sidebar--${j.value?.initialWidth.value ?? "small"}`,
+			`q-sidebar--${x.position}`,
+			x.class,
 			{
-				"q-sidebar--expanded": T.value,
-				[`q-sidebar--min-${w.value?.minWidth}`]: w.value?.resizable && w.value?.minWidth !== void 0,
-				[`q-sidebar--max-${w.value?.maxWidth}`]: w.value?.resizable && w.value?.maxWidth !== void 0
+				"q-sidebar--expanded": M.value,
+				[`q-sidebar--min-${j.value?.minWidth.value}`]: !!j.value?.resizable.value && j.value?.minWidth.value !== void 0,
+				[`q-sidebar--max-${j.value?.maxWidth.value}`]: !!j.value?.resizable.value && j.value?.maxWidth.value !== void 0
 			}
-		]), k = r(() => b.position === "left" ? "right" : "left");
-		function A() {
-			x("resize:start");
+		]);
+		function F(e) {
+			E.value = [...E.value, e];
+		}
+		function I(e) {
+			E.value = E.value.filter((t) => t.value !== e);
 		}
-		function j(e) {
-			E.value = e, x("resize", e);
+		function L(e) {
+			S("click:item", e);
 		}
-		function M() {
-			x("resize:end", E.value);
+		function R() {
+			S("resize:start");
 		}
-		function N(e) {
-			x("click:item", e);
+		function z(e) {
+			k.value = e, S("resize", e);
 		}
-		function P() {
-			S.value || (C.value = void 0);
+		function B(e) {
+			S("resize:end", e);
 		}
-		function F() {
-			let e = w.value?.initialWidth;
-			typeof e == "number" ? E.value = e : E.value = void 0;
+		function V() {
+			C.value || (D.value = void 0, A());
 		}
-		return v([() => b.anchorWidth, w], F, {
-			immediate: !0,
-			deep: !0
-		}), (r, u) => (p(), o("div", {
-			class: d(O.value),
-			style: f({ width: D.value })
-		}, [c(e, {
-			modelValue: S.value,
-			"onUpdate:modelValue": u[0] ||= (e) => S.value = e,
-			panels: b.panels,
-			"anchor-width": b.anchorWidth,
-			"show-labels": b.showLabels,
-			"onClick:item": N
-		}, s({ _: 2 }, [h(b.panels, (e) => ({
-			name: e.id,
-			fn: y(() => [g(r.$slots, `anchor:${e.id}`, { item: e })])
-		}))]), 1032, [
-			"modelValue",
-			"panels",
+		return v(() => x.anchorWidth, A), f(n, {
+			anchorItemsEl: r(() => T.value?.itemsEl ?? null),
+			position: r(() => x.position ?? "left"),
+			showLabels: r(() => !!x.showLabels),
+			anchorWidth: r(() => x.anchorWidth),
+			animatePanel: r(() => O.value),
+			items: E,
+			register: F,
+			unregister: I,
+			onItemClick: L,
+			onResizeStart: R,
+			onPanelResize: z,
+			onResizeEnd: B,
+			onPanelAfterLeave: V
+		}), (e, n) => (d(), i("div", {
+			id: x.id,
+			class: l(P.value),
+			style: u(N.value)
+		}, [o(t, {
+			ref: "anchor",
+			"anchor-width": x.anchorWidth,
+			"model-value": C.value,
+			items: E.value
+		}, null, 8, [
 			"anchor-width",
-			"show-labels"
-		]), c(n, {
-			name: l.position === "left" ? "slide-right" : "slide-left",
-			onAfterLeave: P
-		}, {
-			default: y(() => [S.value && w.value ? (p(), i(t, {
-				key: 0,
-				"show-grip": "",
-				title: w.value.title,
-				"initial-width": w.value.initialWidth,
-				"min-width": w.value.minWidth,
-				"max-width": w.value.maxWidth,
-				resizable: w.value.resizable,
-				"resize-position": k.value,
-				"onResize:start": A,
-				onResize: j,
-				"onResize:end": M
-			}, s({ _: 2 }, [
-				r.$slots[`header.prepend:${S.value}`] ? {
-					name: "header.prepend",
-					fn: y(() => [g(r.$slots, `header.prepend:${S.value}`)]),
-					key: "0"
-				} : void 0,
-				r.$slots[`header:${S.value}`] ? {
-					name: "header",
-					fn: y(() => [g(r.$slots, `header:${S.value}`)]),
-					key: "1"
-				} : void 0,
-				r.$slots[`header.append:${S.value}`] ? {
-					name: "header.append",
-					fn: y(() => [g(r.$slots, `header.append:${S.value}`)]),
-					key: "2"
-				} : void 0,
-				r.$slots[`content:${S.value}`] ? {
-					name: "content",
-					fn: y(() => [g(r.$slots, `content:${S.value}`)]),
-					key: "3"
-				} : void 0,
-				r.$slots[`footer:${S.value}`] ? {
-					name: "footer",
-					fn: y(() => [g(r.$slots, `footer:${S.value}`)]),
-					key: "4"
-				} : void 0
-			]), 1032, [
-				"title",
-				"initial-width",
-				"min-width",
-				"max-width",
-				"resizable",
-				"resize-position"
-			])) : a("v-if", !0)]),
-			_: 3
-		}, 8, ["name"])], 6));
+			"model-value",
+			"items"
+		]), a("div", b, [m(e.$slots, "default")])], 14, y));
 	}
 });
 //#endregion
-export { b as default };
+export { x as default };

package/esm/components/QSidebar/QSidebarAnchor.d.ts

@@ -1,215 +1,29 @@
-import { QSidebarAnchorProps } from '.';
-import { nextTick } from 'vue';
-type __VLS_Props = QSidebarAnchorProps;
-type __VLS_PublicProps = {
+import { SidebarItemRegistration } from './context';
+/** Internal props for the anchor strip (not part of the public package API). */
+type QSidebarAnchorProps = {
+    /**
+     * Width of the anchor section in pixels.
+     *
+     * @category Presentation
+     */
+    anchorWidth?: number;
+    /**
+     * Currently active sidebar item value.
+     *
+     * @category State
+     */
     modelValue?: string;
-} & __VLS_Props;
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Partial<Record<string, (_: {
-        item: import('./types').QSidebarAnchorItemConfig;
-    }) => any>>;
-    refs: {
-        itemRefs: (({
-            $: import('vue').ComponentInternalInstance;
-            $data: {};
-            $props: {
-                readonly modelValue?: boolean | undefined;
-                readonly id?: string | undefined;
-                readonly class?: string | unknown[] | undefined;
-                readonly label?: string | undefined;
-                readonly variant?: import('..').QButtonVariant | undefined;
-                readonly color?: string | undefined;
-                readonly borderless?: boolean | undefined;
-                readonly elevated?: boolean | undefined;
-                readonly block?: boolean | undefined;
-                readonly size?: import('..').QButtonSize | undefined;
-                readonly iconPos?: import('..').QButtonIconPosition | undefined;
-                readonly pill?: boolean | undefined;
-                readonly disabled?: boolean | undefined;
-                readonly loading?: boolean | undefined;
-                readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: import('vue').Attrs;
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import('vue').Slot<any> | undefined;
-            }>;
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: (event: "update:modelValue", value: boolean) => void;
-            $el: HTMLButtonElement;
-            $options: import('vue').ComponentOptionsBase<Readonly<{
-                modelValue?: boolean;
-            } & import('../../types/component').QBaseComponentProps & {
-                label?: string;
-                variant?: import('..').QButtonVariant;
-                color?: string;
-                borderless?: boolean;
-                elevated?: boolean;
-                block?: boolean;
-                size?: import('..').QButtonSize;
-                iconPos?: import('..').QButtonIconPosition;
-                pill?: boolean;
-                disabled?: boolean;
-                loading?: boolean;
-            }> & Readonly<{
-                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                "update:modelValue": (value: boolean) => any;
-            }, string, {}, {}, 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 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<{}> & Omit<Readonly<{
-            modelValue?: boolean;
-        } & import('../../types/component').QBaseComponentProps & {
-            label?: string;
-            variant?: import('..').QButtonVariant;
-            color?: string;
-            borderless?: boolean;
-            elevated?: boolean;
-            block?: boolean;
-            size?: import('..').QButtonSize;
-            iconPos?: import('..').QButtonIconPosition;
-            pill?: boolean;
-            disabled?: boolean;
-            loading?: boolean;
-        }> & Readonly<{
-            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        }>, never> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: {
-                default?(_: {}): any;
-            };
-        }) | null)[];
-    };
-    rootEl: HTMLDivElement;
+    /**
+     * Registered sidebar items used to position the active indicator.
+     *
+     * @category Configuration
+     */
+    items: SidebarItemRegistration[];
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
-} & {
-    "click:item": (id: string) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    "onClick:item"?: ((id: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    itemRefs: (({
-        $: import('vue').ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly modelValue?: boolean | undefined;
-            readonly id?: string | undefined;
-            readonly class?: string | unknown[] | undefined;
-            readonly label?: string | undefined;
-            readonly variant?: import('..').QButtonVariant | undefined;
-            readonly color?: string | undefined;
-            readonly borderless?: boolean | undefined;
-            readonly elevated?: boolean | undefined;
-            readonly block?: boolean | undefined;
-            readonly size?: import('..').QButtonSize | undefined;
-            readonly iconPos?: import('..').QButtonIconPosition | undefined;
-            readonly pill?: boolean | undefined;
-            readonly disabled?: boolean | undefined;
-            readonly loading?: boolean | undefined;
-            readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: import('vue').Attrs;
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import('vue').Slot<any> | undefined;
-        }>;
-        $root: import('vue').ComponentPublicInstance | null;
-        $parent: import('vue').ComponentPublicInstance | null;
-        $host: Element | null;
-        $emit: (event: "update:modelValue", value: boolean) => void;
-        $el: HTMLButtonElement;
-        $options: import('vue').ComponentOptionsBase<Readonly<{
-            modelValue?: boolean;
-        } & import('../../types/component').QBaseComponentProps & {
-            label?: string;
-            variant?: import('..').QButtonVariant;
-            color?: string;
-            borderless?: boolean;
-            elevated?: boolean;
-            block?: boolean;
-            size?: import('..').QButtonSize;
-            iconPos?: import('..').QButtonIconPosition;
-            pill?: boolean;
-            disabled?: boolean;
-            loading?: boolean;
-        }> & Readonly<{
-            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            "update:modelValue": (value: boolean) => any;
-        }, string, {}, {}, 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 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<{}> & Omit<Readonly<{
-        modelValue?: boolean;
-    } & import('../../types/component').QBaseComponentProps & {
-        label?: string;
-        variant?: import('..').QButtonVariant;
-        color?: string;
-        borderless?: boolean;
-        elevated?: boolean;
-        block?: boolean;
-        size?: import('..').QButtonSize;
-        iconPos?: import('..').QButtonIconPosition;
-        pill?: boolean;
-        disabled?: boolean;
-        loading?: boolean;
-    }> & Readonly<{
-        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    }>, never> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: {
-            default?(_: {}): any;
-        };
-    }) | null)[];
+declare const _default: import('vue').DefineComponent<QSidebarAnchorProps, {
+    itemsEl: Readonly<import('vue').ShallowRef<HTMLElement | null>>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QSidebarAnchorProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    items: HTMLDivElement;
 }, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
 //# sourceMappingURL=QSidebarAnchor.vue.d.ts.map

package/esm/components/QSidebar/QSidebarAnchor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QSidebarAnchor.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSidebar/QSidebarAnchor.vue"],"names":[],"mappings":"AA8BA;AA+HC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,GAAG,CAAA;AAG5C,OAAO,EAAE,QAAQ,EAAc,MAAM,KAAK,CAAA;AAE1C,KAAK,WAAW,GAAG,mBAAmB,CAAC;AAmFxC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAoFT,OAAO,IAA6B;;;UAZoC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAyD+qgB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;EAxC73gB;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAwBmvgB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;kBAf53gB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QSidebarAnchor.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSidebar/QSidebarAnchor.vue"],"names":[],"mappings":"AAaA;AAyIC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAA;AAKxD,gFAAgF;AAChF,KAAK,mBAAmB,GAAG;IAC1B;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;;;OAIG;IACH,KAAK,EAAE,uBAAuB,EAAE,CAAA;CAChC,CAAA;;;;;;AAgJF,wBASG"}