@indielayer/ui 2.0.0 → 2.1.0

package/lib/components/modal/Modal.vue.d.ts

@@ -7,44 +7,90 @@ declare const modalProps: {
     size: {
         type: PropType<"xs" | "sm" | "md" | "lg" | "xl" | "full">;
         default: string;
+        description: string;
     };
     position: {
         type: PropType<"top" | "bottom" | "center">;
         default: string;
+        description: string;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        description: string;
+    };
+    showClose: {
+        type: BooleanConstructor;
+        description: string;
     };
-    modelValue: BooleanConstructor;
-    showClose: BooleanConstructor;
     backdrop: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
     };
     hasActions: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
     };
     hasHeader: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
+    };
+    title: {
+        type: StringConstructor;
+        description: string;
+    };
+    description: {
+        type: StringConstructor;
+        description: string;
+    };
+    label: {
+        type: StringConstructor;
+        description: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        description: string;
+    };
+    loadingText: {
+        type: StringConstructor;
+        description: string;
+    };
+    fluid: {
+        type: BooleanConstructor;
+        description: string;
+    };
+    isForm: {
+        type: BooleanConstructor;
+        description: string;
+    };
+    formDisabled: {
+        type: BooleanConstructor;
+        description: string;
+    };
+    formDescription: {
+        type: StringConstructor;
+        description: string;
+    };
+    formTitle: {
+        type: StringConstructor;
+        description: string;
     };
-    title: StringConstructor;
-    description: StringConstructor;
-    label: StringConstructor;
-    loading: BooleanConstructor;
-    loadingText: StringConstructor;
-    fluid: BooleanConstructor;
-    isForm: BooleanConstructor;
-    formDisabled: BooleanConstructor;
-    formDescription: StringConstructor;
-    formTitle: StringConstructor;
     formAutoValidate: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
     };
     formErrors: {
         type: PropType<FormError | FormError[]>;
         default: () => never[];
+        description: string;
+    };
+    persistent: {
+        type: BooleanConstructor;
+        description: string;
     };
-    persistent: BooleanConstructor;
 };
 export type ModalSize = typeof modalSize[number];
 export type ModalPosition = typeof modalPosition[number];
@@ -59,44 +105,90 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     size: {
         type: PropType<"xs" | "sm" | "md" | "lg" | "xl" | "full">;
         default: string;
+        description: string;
     };
     position: {
         type: PropType<"top" | "bottom" | "center">;
         default: string;
+        description: string;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        description: string;
+    };
+    showClose: {
+        type: BooleanConstructor;
+        description: string;
     };
-    modelValue: BooleanConstructor;
-    showClose: BooleanConstructor;
     backdrop: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
     };
     hasActions: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
     };
     hasHeader: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
+    };
+    title: {
+        type: StringConstructor;
+        description: string;
+    };
+    description: {
+        type: StringConstructor;
+        description: string;
+    };
+    label: {
+        type: StringConstructor;
+        description: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        description: string;
+    };
+    loadingText: {
+        type: StringConstructor;
+        description: string;
+    };
+    fluid: {
+        type: BooleanConstructor;
+        description: string;
+    };
+    isForm: {
+        type: BooleanConstructor;
+        description: string;
+    };
+    formDisabled: {
+        type: BooleanConstructor;
+        description: string;
+    };
+    formDescription: {
+        type: StringConstructor;
+        description: string;
+    };
+    formTitle: {
+        type: StringConstructor;
+        description: string;
     };
-    title: StringConstructor;
-    description: StringConstructor;
-    label: StringConstructor;
-    loading: BooleanConstructor;
-    loadingText: StringConstructor;
-    fluid: BooleanConstructor;
-    isForm: BooleanConstructor;
-    formDisabled: BooleanConstructor;
-    formDescription: StringConstructor;
-    formTitle: StringConstructor;
     formAutoValidate: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
     };
     formErrors: {
         type: PropType<FormError | FormError[]>;
         default: () => never[];
+        description: string;
+    };
+    persistent: {
+        type: BooleanConstructor;
+        description: string;
     };
-    persistent: BooleanConstructor;
 }>, {
     open: () => void;
     close: () => void;
@@ -104,44 +196,90 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     size: {
         type: PropType<"xs" | "sm" | "md" | "lg" | "xl" | "full">;
         default: string;
+        description: string;
     };
     position: {
         type: PropType<"top" | "bottom" | "center">;
         default: string;
+        description: string;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        description: string;
+    };
+    showClose: {
+        type: BooleanConstructor;
+        description: string;
     };
-    modelValue: BooleanConstructor;
-    showClose: BooleanConstructor;
     backdrop: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
     };
     hasActions: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
     };
     hasHeader: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
+    };
+    title: {
+        type: StringConstructor;
+        description: string;
+    };
+    description: {
+        type: StringConstructor;
+        description: string;
+    };
+    label: {
+        type: StringConstructor;
+        description: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        description: string;
+    };
+    loadingText: {
+        type: StringConstructor;
+        description: string;
+    };
+    fluid: {
+        type: BooleanConstructor;
+        description: string;
+    };
+    isForm: {
+        type: BooleanConstructor;
+        description: string;
+    };
+    formDisabled: {
+        type: BooleanConstructor;
+        description: string;
+    };
+    formDescription: {
+        type: StringConstructor;
+        description: string;
+    };
+    formTitle: {
+        type: StringConstructor;
+        description: string;
     };
-    title: StringConstructor;
-    description: StringConstructor;
-    label: StringConstructor;
-    loading: BooleanConstructor;
-    loadingText: StringConstructor;
-    fluid: BooleanConstructor;
-    isForm: BooleanConstructor;
-    formDisabled: BooleanConstructor;
-    formDescription: StringConstructor;
-    formTitle: StringConstructor;
     formAutoValidate: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
     };
     formErrors: {
         type: PropType<FormError | FormError[]>;
         default: () => never[];
+        description: string;
+    };
+    persistent: {
+        type: BooleanConstructor;
+        description: string;
     };
-    persistent: BooleanConstructor;
 }>> & Readonly<{
     onSubmit?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;

package/lib/components/modal/Modal.vue_vue_type_script_setup_true_lang.js

@@ -24,61 +24,137 @@ var D = { key: 0 }, O = /* @__PURE__ */ m({
 			"bottom"
 		]
 	},
+	docs: {
+		slots: {
+			default: "Main modal body content.",
+			image: "Optional media above the header.",
+			header: "Replaces the default header region.",
+			"header-content": "Custom header content inside the default header layout.",
+			footer: "Replaces the default actions footer.",
+			actions: "Custom actions row inside the default footer.",
+			"cancel-action": "Cancel / dismiss control in the actions row.",
+			"tertiary-action": "Tertiary action control in the actions row.",
+			"secondary-action": "Secondary action control in the actions row.",
+			"primary-action": "Primary action control in the actions row."
+		},
+		emits: {
+			"update:modelValue": "Emitted when open state changes (v-model).",
+			submit: "Emitted when the inner form submits. Payload is the validation result."
+		},
+		methods: {
+			open: "Open the modal.",
+			close: "Close the modal."
+		}
+	},
 	props: {
 		size: {
 			type: String,
-			default: "lg"
+			default: "lg",
+			description: "Dialog width preset (xs, sm, md, lg, xl, full)."
 		},
 		position: {
 			type: String,
-			default: "center"
+			default: "center",
+			description: "Vertical placement of the dialog (top, center, bottom)."
+		},
+		modelValue: {
+			type: Boolean,
+			description: "Open state (v-model)."
+		},
+		showClose: {
+			type: Boolean,
+			description: "Shows a close button in the corner."
 		},
-		modelValue: Boolean,
-		showClose: Boolean,
 		backdrop: {
 			type: Boolean,
-			default: !0
+			default: !0,
+			description: "Shows a dimmed backdrop behind the dialog."
 		},
 		hasActions: {
 			type: Boolean,
-			default: !0
+			default: !0,
+			description: "Renders the default actions footer region when no footer slot is used."
 		},
 		hasHeader: {
 			type: Boolean,
-			default: !0
-		},
-		title: String,
-		description: String,
-		label: String,
-		loading: Boolean,
-		loadingText: String,
-		fluid: Boolean,
-		isForm: Boolean,
-		formDisabled: Boolean,
-		formDescription: String,
-		formTitle: String,
+			default: !0,
+			description: "Renders the default header region when no header slot is used."
+		},
+		title: {
+			type: String,
+			description: "Header title text."
+		},
+		description: {
+			type: String,
+			description: "Body description shown above the default slot."
+		},
+		label: {
+			type: String,
+			description: "Small label above the title in the header."
+		},
+		loading: {
+			type: Boolean,
+			description: "Loading state for the modal (theme/visual)."
+		},
+		loadingText: {
+			type: String,
+			description: "Text shown while loading."
+		},
+		fluid: {
+			type: Boolean,
+			description: "Stretches the dialog to fill available width within its size."
+		},
+		isForm: {
+			type: Boolean,
+			description: "Wraps content in x-form and enables form submit handling."
+		},
+		formDisabled: {
+			type: Boolean,
+			description: "Disables the inner form when `isForm` is set."
+		},
+		formDescription: {
+			type: String,
+			description: "Description passed to the inner form when `isForm` is set."
+		},
+		formTitle: {
+			type: String,
+			description: "Title passed to the inner form when `isForm` is set."
+		},
 		formAutoValidate: {
 			type: Boolean,
-			default: !0
+			default: !0,
+			description: "Auto-validate the inner form on submit when `isForm` is set."
 		},
 		formErrors: {
 			type: [Array, Object],
-			default: () => []
+			default: () => [],
+			description: "External form errors passed to the inner form when `isForm` is set."
 		},
-		persistent: Boolean
+		persistent: {
+			type: Boolean,
+			description: "Prevents closing on Escape or backdrop click."
+		}
 	},
 	emits: ["update:modelValue", "submit"],
 	setup(m, { expose: O, emit: k }) {
 		let A = m, j = k, M = y(A.modelValue), N = y(!1), P = y(null), F = y(null), { initFocusTrap: I, clearFocusTrap: L } = s(), R;
 		T(M, (e) => {
 			R &&= (R(), void 0), e && setTimeout(() => {
-				R = r(P, U, { ignore: [".v-popper__popper"] });
+				R = r(P, U, { ignore: [
+					".v-popper__popper",
+					".dp__menu",
+					".dp--menu-wrapper"
+				] });
 			});
 		});
 		let z;
 		T(() => A.modelValue, B, { immediate: !0 });
 		async function B() {
 			let e = A.modelValue;
+			if (typeof document > "u" || typeof window > "u") {
+				M.value = e, N.value = e;
+				return;
+			}
 			if (e) {
 				let t = window.innerWidth - document.documentElement.clientWidth;
 				M.value = e, await h(), N.value = e, z = setTimeout(() => {
@@ -87,7 +163,12 @@ var D = { key: 0 }, O = /* @__PURE__ */ m({
 			} else N.value = e, M.value = e, clearTimeout(z), L(), document.body.style.paddingRight = "", document.body.style.overflow = "auto";
 		}
 		typeof window < "u" && i(document, "keydown", H);
-		let V = (e) => [".v-popper__popper", ".x-datepicker"].some((t) => typeof t == "string" ? Array.from(window.document.querySelectorAll(t)).some((t) => t === e.target || e.composedPath().includes(t)) : !1);
+		let V = (e) => [
+			".v-popper__popper",
+			".x-datepicker",
+			".dp__menu",
+			".dp--menu-wrapper"
+		].some((t) => typeof t == "string" ? Array.from(window.document.querySelectorAll(t)).some((t) => t === e.target || e.composedPath().includes(t)) : !1);
 		function H(e) {
 			e.key === "Escape" && !V(e) && M.value && !A.persistent && W();
 		}

package/lib/components/notifications/Notifications.vue.d.ts

@@ -5,35 +5,43 @@ declare const notificationsProps: {
         type: PropType<"left" | "right">;
         default: string;
         validator: (value: string) => boolean;
+        description: string;
     };
     position: {
         type: PropType<"top" | "bottom">;
         default: string;
         validator: (value: string) => boolean;
+        description: string;
     };
     timeout: {
         type: NumberConstructor;
         default: number;
+        description: string;
     };
     removable: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
     };
     pauseOnHover: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
     };
     injectKey: {
         type: (SymbolConstructor | StringConstructor)[];
         default: import("vue").InjectionKey<NotificationInjection>;
+        description: string;
     };
     offset: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
+        description: string;
     };
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
+        readonly description: "Theme or CSS color used for the control accents.";
     };
 };
 declare const validators: {
@@ -79,35 +87,43 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         type: PropType<"left" | "right">;
         default: string;
         validator: (value: string) => boolean;
+        description: string;
     };
     position: {
         type: PropType<"top" | "bottom">;
         default: string;
         validator: (value: string) => boolean;
+        description: string;
     };
     timeout: {
         type: NumberConstructor;
         default: number;
+        description: string;
     };
     removable: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
     };
     pauseOnHover: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
     };
     injectKey: {
         type: (SymbolConstructor | StringConstructor)[];
         default: import("vue").InjectionKey<NotificationInjection>;
+        description: string;
     };
     offset: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
+        description: string;
     };
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
+        readonly description: "Theme or CSS color used for the control accents.";
     };
 }>, {
     log: (notification: NotificationEvent | string) => void;
@@ -121,35 +137,43 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         type: PropType<"left" | "right">;
         default: string;
         validator: (value: string) => boolean;
+        description: string;
     };
     position: {
         type: PropType<"top" | "bottom">;
         default: string;
         validator: (value: string) => boolean;
+        description: string;
     };
     timeout: {
         type: NumberConstructor;
         default: number;
+        description: string;
     };
     removable: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
     };
     pauseOnHover: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
     };
     injectKey: {
         type: (SymbolConstructor | StringConstructor)[];
         default: import("vue").InjectionKey<NotificationInjection>;
+        description: string;
     };
     offset: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
+        description: string;
     };
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
+        readonly description: "Theme or CSS color used for the control accents.";
     };
 }>> & Readonly<{}>, {
     removable: boolean;