@v1nt1248/3nclient-lib 0.2.97 → 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) => ({ v18e0dfb9: _.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), 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,22 +17581,23 @@ var Vo = {
 		], 2));
 	}
 }), [["__cssModules", { $style: {
-	ui3nInput: "_ui3nInput_wmoan_1",
-	ui3nInputField: "_ui3nInputField_wmoan_10",
-	ui3nInputIcon: "_ui3nInputIcon_wmoan_20",
-	ui3nInputLabel: "_ui3nInputLabel_wmoan_24",
-	ui3nInputIconDisabled: "_ui3nInputIconDisabled_wmoan_70",
-	clearBtn: "_clearBtn_wmoan_74",
-	ui3nInputFieldMessage: "_ui3nInputFieldMessage_wmoan_81",
-	ui3nInputErrorMessage: "_ui3nInputErrorMessage_wmoan_91",
-	ui3nInputSuccessMessage: "_ui3nInputSuccessMessage_wmoan_94",
-	clearable: "_clearable_wmoan_98",
-	withIcon: "_withIcon_wmoan_102",
-	error: "_error_wmoan_106",
-	success: "_success_wmoan_113",
-	ui3nInputSuccessIcon: "_ui3nInputSuccessIcon_wmoan_117",
-	disabled: "_disabled_wmoan_123",
-	withLabel: "_withLabel_wmoan_128"
+	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.97",
+  "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

@@ -1,5 +1,6 @@
 <script lang="ts" setup>
   import { computed, onMounted, ref, watch, useCssModule } from 'vue';
+  import isEmpty from 'lodash/isEmpty';
   import Ui3nIcon from '../ui3n-icon/ui3n-icon.vue';
   import Ui3nButton from '../ui3n-button/ui3n-button.vue';
   import type { Ui3nInputEmits, Ui3nInputProps } from './types';
@@ -34,6 +35,7 @@
   const mainCssClasses = computed(() => {
     const val = [css.ui3nInput];
     props.label && val.push(css.withLabel);
+    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);
@@ -241,6 +243,10 @@
     padding: 1px 1px 15px 1px;
     border-radius: var(--spacing-xs);
 
+    &.withoutBottomSpace {
+      padding-bottom: 0;
+    }
+
     &:hover {
       .ui3nInputField:not(:focus-within) {
         background-color: var(--color-bg-control-secondary-hover);