@v1nt1248/3nclient-lib 0.2.98 → 0.2.99

package/dist/ui3n-components.js

@@ -17436,6 +17436,7 @@ var Vo = {
 		icon: {},
 		iconColor: {},
 		rules: {},
+		hideBottomSpace: { type: Boolean },
 		displayStateMode: {},
 		displayStateWithIcon: { type: Boolean },
 		displayStateMessage: {},
@@ -17455,10 +17456,10 @@ var Vo = {
 		"update:valid"
 	],
 	setup(e, { expose: t, emit: n }) {
-		M((e) => ({ v8dacee64: _.value }));
+		M((e) => ({ v7d68acd3: _.value }));
 		let r = e, l = n, u = j(), d = C(null), f = C(""), p = C(!1), m = C(!1), h = C(""), _ = i(() => r.disabled ? "var(--color-icon-control-primary-disabled)" : r.iconColor || "var(--color-icon-control-primary-default)"), v = i(() => p.value ? !h.value : !0), y = i(() => {
 			let e = [u.ui3nInput];
-			return r.label && e.push(u.withLabel), (0, Qa.default)(r.rules) && e.push(u.withoutValidation), r.icon && e.push(u.withIcon), r.clearable && f.value && e.push(u.clearable), r.disabled && e.push(u.disabled), (h.value && !v.value || r.displayStateMode === "error") && e.push(u.error), r.displayStateMode === "success" && e.push(u.success), e;
+			return r.label && e.push(u.withLabel), r.hideBottomSpace && e.push(u.withoutBottomSpace), r.icon && e.push(u.withIcon), r.clearable && f.value && e.push(u.clearable), r.disabled && e.push(u.disabled), (h.value && !v.value || r.displayStateMode === "error") && e.push(u.error), r.displayStateMode === "success" && e.push(u.success), e;
 		}), S = i(() => {
 			let e = [u.ui3nInputIcon];
 			return r.disabled && e.push(u.ui3nInputIconDisabled), e;
@@ -17580,23 +17581,23 @@ var Vo = {
 		], 2));
 	}
 }), [["__cssModules", { $style: {
-	ui3nInput: "_ui3nInput_1jceu_1",
-	withoutValidation: "_withoutValidation_1jceu_10",
-	ui3nInputField: "_ui3nInputField_1jceu_13",
-	ui3nInputIcon: "_ui3nInputIcon_1jceu_23",
-	ui3nInputLabel: "_ui3nInputLabel_1jceu_27",
-	ui3nInputIconDisabled: "_ui3nInputIconDisabled_1jceu_73",
-	clearBtn: "_clearBtn_1jceu_77",
-	ui3nInputFieldMessage: "_ui3nInputFieldMessage_1jceu_84",
-	ui3nInputErrorMessage: "_ui3nInputErrorMessage_1jceu_94",
-	ui3nInputSuccessMessage: "_ui3nInputSuccessMessage_1jceu_97",
-	clearable: "_clearable_1jceu_101",
-	withIcon: "_withIcon_1jceu_105",
-	error: "_error_1jceu_109",
-	success: "_success_1jceu_116",
-	ui3nInputSuccessIcon: "_ui3nInputSuccessIcon_1jceu_120",
-	disabled: "_disabled_1jceu_126",
-	withLabel: "_withLabel_1jceu_131"
+	ui3nInput: "_ui3nInput_1pq0y_1",
+	withoutBottomSpace: "_withoutBottomSpace_1pq0y_10",
+	ui3nInputField: "_ui3nInputField_1pq0y_13",
+	ui3nInputIcon: "_ui3nInputIcon_1pq0y_23",
+	ui3nInputLabel: "_ui3nInputLabel_1pq0y_27",
+	ui3nInputIconDisabled: "_ui3nInputIconDisabled_1pq0y_73",
+	clearBtn: "_clearBtn_1pq0y_77",
+	ui3nInputFieldMessage: "_ui3nInputFieldMessage_1pq0y_84",
+	ui3nInputErrorMessage: "_ui3nInputErrorMessage_1pq0y_94",
+	ui3nInputSuccessMessage: "_ui3nInputSuccessMessage_1pq0y_97",
+	clearable: "_clearable_1pq0y_101",
+	withIcon: "_withIcon_1pq0y_105",
+	error: "_error_1pq0y_109",
+	success: "_success_1pq0y_116",
+	ui3nInputSuccessIcon: "_ui3nInputSuccessIcon_1pq0y_120",
+	disabled: "_disabled_1pq0y_126",
+	withLabel: "_withLabel_1pq0y_131"
 } }]]), fs = /* @__PURE__ */ V(((e, t) => {
 	var n = Ot(), r = dn(), i = cn(), a = "[object String]";
 	function o(e) {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@v1nt1248/3nclient-lib",
   "license": "AGPL-3.0-or-later",
   "author": "v1nt1248",
-  "version": "0.2.98",
+  "version": "0.2.99",
   "description": "Library for 3NWeb clients",
   "type": "module",
   "files": [

package/src/components/ui3n-input/types.ts

@@ -8,6 +8,7 @@ export interface Ui3nInputProps {
   icon?: string;
   iconColor?: string;
   rules?: Array<(v: unknown) => boolean | string>;
+  hideBottomSpace?: boolean;
   displayStateMode?: 'error' | 'success';
   displayStateWithIcon?: boolean;
   displayStateMessage?: string;

package/src/components/ui3n-input/ui3n-input.vue

@@ -35,7 +35,7 @@
   const mainCssClasses = computed(() => {
     const val = [css.ui3nInput];
     props.label && val.push(css.withLabel);
-    isEmpty(props.rules) && val.push(css.withoutValidation);
+    props.hideBottomSpace && val.push(css.withoutBottomSpace);
     props.icon && val.push(css.withIcon);
     props.clearable && text.value && val.push(css.clearable);
     props.disabled && val.push(css.disabled);
@@ -243,7 +243,7 @@
     padding: 1px 1px 15px 1px;
     border-radius: var(--spacing-xs);
 
-    &.withoutValidation {
+    &.withoutBottomSpace {
       padding-bottom: 0;
     }