@quidgest/ui 0.17.9 → 0.19.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"QSection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSection/QSection.vue"],"names":[],"mappings":"AAcA;AA4CC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;AA8BvC,iBAAS,cAAc;WAkCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;wFAQnB,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/{QGroupBox/QGroupBox.vue.js → QSection/QSection.vue.js}

@@ -1,10 +1,10 @@
 import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, renderSlot as s, toDisplayString as c } from "vue";
-//#region src/components/QGroupBox/QGroupBox.vue?vue&type=script&setup=true&lang.ts
+//#region src/components/QSection/QSection.vue?vue&type=script&setup=true&lang.ts
 var l = ["id"], u = {
 	key: 0,
-	class: "q-group-box__title"
-}, d = { class: "q-group-box__content" }, f = /*@__PURE__*/ i({
-	__name: "QGroupBox",
+	class: "q-section__title"
+}, d = { class: "q-section__content" }, f = /*@__PURE__*/ i({
+	__name: "QSection",
 	props: {
 		id: {},
 		class: {},
@@ -15,11 +15,11 @@ var l = ["id"], u = {
 	},
 	setup(i) {
 		let f = i, p = e(() => [
-			"q-group-box",
-			f.variant === "default" ? void 0 : `q-group-box--${f.variant}`,
+			"q-section",
+			f.variant === "default" ? void 0 : `q-section--${f.variant}`,
 			{
-				"q-group-box--block": f.block,
-				"q-group-box--borderless": f.borderless
+				"q-section--block": f.block,
+				"q-section--borderless": f.borderless
 			},
 			f.class
 		]);

package/esm/components/QSection/QSection2.vue.js

@@ -0,0 +1,5 @@
+import e from "./QSection.vue.js";
+//#region src/components/QSection/QSection.vue
+var t = e;
+//#endregion
+export { t as default };

package/esm/components/{QGroupBox → QSection}/index.d.ts

@@ -1,6 +1,6 @@
-declare const QGroupBox: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').QGroupBoxProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        variant: import('./types').QGroupBoxVariant;
+declare const QSection: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').QSectionProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        variant: import('./types').QSectionVariant;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -8,19 +8,19 @@ declare const QGroupBox: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').QGroupBoxProps> & Readonly<{}>, {}, {}, {}, {}, {
-        variant: import('./types').QGroupBoxVariant;
+    }, Readonly<import('./types').QSectionProps> & Readonly<{}>, {}, {}, {}, {}, {
+        variant: import('./types').QSectionVariant;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').QGroupBoxProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    variant: import('./types').QGroupBoxVariant;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').QSectionProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    variant: import('./types').QSectionVariant;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };
 });
-export { QGroupBox };
+export { QSection };
 export * from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSection/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;EAA6B,CAAA;AAG3C,OAAO,EAAE,QAAQ,EAAE,CAAA;AAGnB,cAAc,SAAS,CAAA"}

package/esm/components/QSection/index.js

@@ -0,0 +1,6 @@
+import { setupPropsProxy as e } from "../../utils/setupPropsProxy.js";
+import t from "./QSection2.vue.js";
+//#region src/components/QSection/index.ts
+var n = e(t);
+//#endregion
+export { n as QSection };

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

@@ -0,0 +1,32 @@
+import { QBaseComponentProps } from '../../types/component';
+/**
+ * QSection visual style variants.
+ */
+export type QSectionVariant = 'default' | 'background' | 'minor' | 'minor-border-top' | 'title-background';
+export type QSectionProps = QBaseComponentProps & {
+    /**
+     * The title of the section.
+     *
+     * @category Content
+     */
+    title?: string;
+    /**
+     * If true, the section has no borders.
+     *
+     * @category Presentation
+     */
+    borderless?: boolean;
+    /**
+     * The styling variant of the section.
+     *
+     * @category Presentation
+     */
+    variant?: QSectionVariant;
+    /**
+     * If true, the section spans the full width of its container.
+     *
+     * @category Presentation
+     */
+    block?: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QSection/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE;;GAEG;AACH,MAAM,MAAM,eAAe,GACxB,SAAS,GACT,YAAY,GACZ,OAAO,GACP,kBAAkB,GAClB,kBAAkB,CAAA;AAErB,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,eAAe,CAAA;IAEzB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CACf,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 };