@aziontech/webkit 1.1.0 → 1.3.0

package/src/core/form/field-number/field-number.vue

@@ -2,7 +2,8 @@
   import { computed, toRef, useAttrs } from 'vue'
   import { useField } from 'vee-validate'
   import InputNumber from 'primevue/inputnumber'
-  import LabelBlock from '../label'
+  import Label from '../label'
+  import InputSlot from '../slots/input-slot'
 
   const emit = defineEmits(['blur', 'input'])
   const props = defineProps({
@@ -98,47 +99,49 @@
 </script>
 
 <template>
-  <LabelBlock
-    :for="props.name"
-    :data-testid="customTestId.label"
-    :label="props.label"
-    :isRequired="$attrs.required"
-  />
-  <InputNumber
-    v-model="inputValue"
-    :showButtons="props.showButtons"
-    :placeholder="props.placeholder"
-    :disabled="props.disabled"
-    :readonly="props.readonly"
-    :id="name"
-    :min="props.min"
-    :max="props.max"
-    :step="props.step"
-    :useGrouping="props.useGrouping"
-    type="number"
-    @input="onInput"
-    @blur="onBlur"
-    :pt="{
-      input: {
-        name: props.name
-      }
-    }"
-    :class="[{ 'p-invalid': aditionalError || errorMessage }, props.inputClass]"
-    :data-testid="customTestId.input"
-  />
+  <InputSlot>
+    <Label
+      :for="props.name"
+      :data-testid="customTestId.label"
+      :label="props.label"
+      :isRequired="$attrs.required"
+    />
+    <InputNumber
+      v-model="inputValue"
+      :showButtons="props.showButtons"
+      :placeholder="props.placeholder"
+      :disabled="props.disabled"
+      :readonly="props.readonly"
+      :id="name"
+      :min="props.min"
+      :max="props.max"
+      :step="props.step"
+      :useGrouping="props.useGrouping"
+      type="number"
+      @input="onInput"
+      @blur="onBlur"
+      :pt="{
+        input: {
+          name: props.name
+        }
+      }"
+      :class="[{ 'p-invalid': aditionalError || errorMessage }, props.inputClass]"
+      :data-testid="customTestId.input"
+    />
 
-  <small
-    v-if="aditionalError || errorMessage"
-    class="p-error text-xs font-normal leading-tight"
-    :data-testid="customTestId.error"
-  >
-    {{ aditionalError || errorMessage }}
-  </small>
-  <small
-    class="text-xs text-color-secondary font-normal leading-5"
-    :data-testid="customTestId.description"
-    v-if="props.description"
-  >
-    {{ props.description }}
-  </small>
+    <small
+      v-if="aditionalError || errorMessage"
+      class="p-error text-xs font-normal leading-tight"
+      :data-testid="customTestId.error"
+    >
+      {{ aditionalError || errorMessage }}
+    </small>
+    <small
+      class="text-xs text-color-secondary font-normal leading-5"
+      :data-testid="customTestId.description"
+      v-if="props.description"
+    >
+      {{ props.description }}
+    </small>
+  </InputSlot>
 </template>

package/src/core/form/field-number/field-number.vue.d.ts

@@ -117,11 +117,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     onInput?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
 }>, {
-    value: string;
-    label: string;
-    placeholder: string;
     description: string;
+    label: string;
     disabled: boolean;
+    value: string;
+    placeholder: string;
     readonly: boolean;
     inputClass: string;
     aditionalError: string;

package/src/core/form/field-number/field-number.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field-number.vue.d.ts","sourceRoot":"","sources":["field-number.vue"],"names":[],"mappings":"wBA0aqB,OAAO,YAAY;;AA3DxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EA0DG"}
+{"version":3,"file":"field-number.vue.d.ts","sourceRoot":"","sources":["field-number.vue"],"names":[],"mappings":"wBA8bqB,OAAO,YAAY;;AA3DxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EA0DG"}

package/src/core/form/field-phone-number/field-phone-number.vue

@@ -3,7 +3,7 @@
   import { useField } from 'vee-validate'
   import Dropdown from 'primevue/dropdown'
   import InputMask from 'primevue/inputmask'
-  import LabelBlock from '../label'
+  import Label from '../label'
 
   const props = defineProps({
     options: {
@@ -76,7 +76,7 @@
 
 <template>
   <div class="flex flex-col sm:max-w-lg w-full gap-2">
-    <LabelBlock
+    <Label
       :data-testid="customTestId.label"
       :for="mobileName"
       :label="props.label"

package/src/core/form/field-phone-number/field-phone-number.vue.d.ts

@@ -65,10 +65,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     "onChange:countryCode"?: ((...args: any[]) => any) | undefined;
     "onChange:mobile"?: ((...args: any[]) => any) | undefined;
 }>, {
-    label: string;
     description: string;
-    disabled: boolean;
+    label: string;
     loading: boolean;
+    disabled: boolean;
     options: unknown[];
     countryCodeName: string;
     mobileName: string;

package/src/core/form/field-radio-block/field-radio-block.vue.d.ts

@@ -43,7 +43,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         required: true;
     };
     inputValue: {
-        type: (StringConstructor | BooleanConstructor | ObjectConstructor)[];
+        type: (BooleanConstructor | StringConstructor | ObjectConstructor)[];
         default: boolean;
     };
     binary: {
@@ -91,7 +91,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         required: true;
     };
     inputValue: {
-        type: (StringConstructor | BooleanConstructor | ObjectConstructor)[];
+        type: (BooleanConstructor | StringConstructor | ObjectConstructor)[];
         default: boolean;
     };
     binary: {

package/src/core/form/field-switch/field-switch.vue.d.ts

@@ -27,7 +27,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: string;
     };
 }>> & Readonly<{}>, {
-    label: string;
     description: string;
+    label: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=field-switch.vue.d.ts.map

package/src/core/form/field-switch-block/field-switch-block.vue.d.ts

@@ -109,8 +109,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>> & Readonly<{
     onOnSwitchChange?: ((...args: any[]) => any) | undefined;
 }>, {
-    value: boolean;
     disabled: boolean;
+    value: boolean;
     readonly: boolean;
     auto: boolean;
     isCard: boolean;

package/src/core/form/field-text/field-text.vue

@@ -2,7 +2,8 @@
   import { computed, ref, toRef, useAttrs, useSlots } from 'vue'
   import { useField } from 'vee-validate'
   import InputText from 'primevue/inputtext'
-  import LabelBlock from '../label'
+  import InputSlot from '../slots/input-slot'
+  import Label from '../label'
 
   const emit = defineEmits(['blur', 'input'])
   const props = defineProps({
@@ -86,43 +87,45 @@
 </script>
 
 <template>
-  <LabelBlock
-    v-if="props.label"
-    :for="props.name"
-    :data-testid="customTestId.label"
-    :label="props.label"
-    :isRequired="attrs.required"
-  />
-  <InputText
-    v-bind="sensitive ? { 'data-sentry-mask': '' } : {}"
-    v-model="inputValue"
-    ref="inputRef"
-    type="text"
-    :data-testid="customTestId.input"
-    :id="name"
-    :name="name"
-    :readonly="readonly"
-    :disabled="disabled"
-    :placeholder="props.placeholder"
-    :class="[{ 'p-invalid': aditionalError || veeValidateErrorMessage }, props.class]"
-    @input="onChange"
-    @keypress.enter.prevent
-    @blur="onBlur"
-  />
-  <small
-    v-if="aditionalError || veeValidateErrorMessage"
-    class="p-error text-xs font-normal leading-tight"
-    :data-testid="customTestId.error"
-  >
-    {{ aditionalError || veeValidateErrorMessage }}
-  </small>
-  <small
-    v-if="props.description || hasDescriptionSlot"
-    class="text-xs text-color-secondary font-normal leading-5"
-    :data-testid="customTestId.description"
-  >
-    <slot name="description">
-      {{ props.description }}
-    </slot>
-  </small>
+  <InputSlot>
+    <Label
+      v-if="props.label"
+      :for="props.name"
+      :data-testid="customTestId.label"
+      :label="props.label"
+      :isRequired="attrs.required"
+    />
+    <InputText
+      v-bind="sensitive ? { 'data-sentry-mask': '' } : {}"
+      v-model="inputValue"
+      ref="inputRef"
+      type="text"
+      :data-testid="customTestId.input"
+      :id="name"
+      :name="name"
+      :readonly="readonly"
+      :disabled="disabled"
+      :placeholder="props.placeholder"
+      :class="[{ 'p-invalid': aditionalError || veeValidateErrorMessage }, props.class]"
+      @input="onChange"
+      @keypress.enter.prevent
+      @blur="onBlur"
+    />
+    <small
+      v-if="aditionalError || veeValidateErrorMessage"
+      class="p-error text-xs font-normal leading-tight"
+      :data-testid="customTestId.error"
+    >
+      {{ aditionalError || veeValidateErrorMessage }}
+    </small>
+    <small
+      v-if="props.description || hasDescriptionSlot"
+      class="text-xs text-color-secondary font-normal leading-5"
+      :data-testid="customTestId.description"
+    >
+      <slot name="description">
+        {{ props.description }}
+      </slot>
+    </small>
+  </InputSlot>
 </template>

package/src/core/form/field-text/field-text.vue.d.ts

@@ -93,11 +93,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     onInput?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
 }>, {
-    value: string;
-    label: string;
-    placeholder: string;
     description: string;
+    label: string;
     disabled: boolean;
+    value: string;
+    placeholder: string;
     readonly: boolean;
     aditionalError: string;
     sensitive: boolean;

package/src/core/form/field-text/field-text.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field-text.vue.d.ts","sourceRoot":"","sources":["field-text.vue"],"names":[],"mappings":"wBAsYqB,OAAO,YAAY;;AADxC,4BAA2B,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;qBAEtD,CAAC,EAAE,CAAC;;;AA/CzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EA4CG"}
+{"version":3,"file":"field-text.vue.d.ts","sourceRoot":"","sources":["field-text.vue"],"names":[],"mappings":"wBA0ZqB,OAAO,YAAY;;AADxC,4BAA2B,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;qBAEtD,CAAC,EAAE,CAAC;;;AA/CzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EA4CG"}

package/src/core/form/field-text-area/field-text-area.vue

@@ -3,7 +3,8 @@
   import { useField } from 'vee-validate'
   import TextArea from 'primevue/textarea'
   import Skeleton from 'primevue/skeleton'
-  import LabelBlock from '../label'
+  import InputSlot from '../slots/input-slot'
+  import Label from '../label'
 
   const emit = defineEmits(['blur', 'input'])
   const props = defineProps({
@@ -117,62 +118,64 @@
 </script>
 
 <template>
-  <LabelBlock
-    :for="props.name"
-    :data-testid="customTestId.label"
-    :label="props.label"
-    :isRequired="attrs.required"
-  />
-  <span
-    class="w-full"
-    :class="iconPositionClass"
-  >
-    <i
-      v-if="props.icon"
-      :class="props.icon"
-      class="text-color-secondary top-5 right-5"
+  <InputSlot>
+    <Label
+      :for="props.name"
+      :data-testid="customTestId.label"
+      :label="props.label"
+      :isRequired="attrs.required"
     />
-    <!-- Skeleton only for textarea input -->
-    <Skeleton
-      v-if="props.loading"
-      width="100%"
-      :height="textareaHeight"
-      borderRadius="6px"
-    />
-    <TextArea
-      v-else
-      v-bind="sensitive ? { 'data-sentry-mask': '' } : {}"
-      v-model="inputValue"
-      ref="inputRef"
-      type="text"
-      class="w-full min-h-[2.75rem]"
-      :class="[{ 'p-invalid': aditionalError || veeValidateErrorMessage }, props.class]"
-      :id="name"
-      :data-testid="customTestId.textarea"
-      :name="props.name"
-      :disabled="props.disabled"
-      :autoResize="props.autoResize"
-      :rows="props.rows"
-      :cols="props.cols"
-      :placeholder="props.placeholder"
-      @input="onChange"
-      @blur="onBlur"
-    />
-  </span>
-  <small
-    v-if="aditionalError || veeValidateErrorMessage"
-    class="p-error text-xs font-normal leading-tight"
-    :data-testid="customTestId.error"
-  >
-    {{ aditionalError || veeValidateErrorMessage }}
-  </small>
-  <small
-    class="text-xs text-color-secondary font-normal leading-5"
-    :data-testid="customTestId.description"
-    v-if="props.description || hasDescriptionSlot"
-  >
-    <slot name="description">
-      {{ props.description }}
-    </slot>
-  </small>
+    <span
+      class="w-full"
+      :class="iconPositionClass"
+    >
+      <i
+        v-if="props.icon"
+        :class="props.icon"
+        class="text-color-secondary top-5 right-5"
+      />
+      <!-- Skeleton only for textarea input -->
+      <Skeleton
+        v-if="props.loading"
+        width="100%"
+        :height="textareaHeight"
+        borderRadius="6px"
+      />
+      <TextArea
+        v-else
+        v-bind="sensitive ? { 'data-sentry-mask': '' } : {}"
+        v-model="inputValue"
+        ref="inputRef"
+        type="text"
+        class="w-full min-h-[2.75rem]"
+        :class="[{ 'p-invalid': aditionalError || veeValidateErrorMessage }, props.class]"
+        :id="name"
+        :data-testid="customTestId.textarea"
+        :name="props.name"
+        :disabled="props.disabled"
+        :autoResize="props.autoResize"
+        :rows="props.rows"
+        :cols="props.cols"
+        :placeholder="props.placeholder"
+        @input="onChange"
+        @blur="onBlur"
+      />
+    </span>
+    <small
+      v-if="aditionalError || veeValidateErrorMessage"
+      class="p-error text-xs font-normal leading-tight"
+      :data-testid="customTestId.error"
+    >
+      {{ aditionalError || veeValidateErrorMessage }}
+    </small>
+    <small
+      class="text-xs text-color-secondary font-normal leading-5"
+      :data-testid="customTestId.description"
+      v-if="props.description || hasDescriptionSlot"
+    >
+      <slot name="description">
+        {{ props.description }}
+      </slot>
+    </small>
+  </InputSlot>
 </template>

package/src/core/form/field-text-area/field-text-area.vue.d.ts

@@ -123,12 +123,12 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     onInput?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
 }>, {
-    value: string;
-    placeholder: string;
     description: string;
-    disabled: boolean;
     icon: string;
     loading: boolean;
+    disabled: boolean;
+    value: string;
+    placeholder: string;
     aditionalError: string;
     sensitive: boolean;
     rows: string | number;

package/src/core/form/field-text-area/field-text-area.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field-text-area.vue.d.ts","sourceRoot":"","sources":["field-text-area.vue"],"names":[],"mappings":"wBA0gBqB,OAAO,YAAY;;AADxC,4BAA2B,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;qBAEtD,CAAC,EAAE,CAAC;;;AA9DzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EA2DG"}
+{"version":3,"file":"field-text-area.vue.d.ts","sourceRoot":"","sources":["field-text-area.vue"],"names":[],"mappings":"wBA8hBqB,OAAO,YAAY;;AADxC,4BAA2B,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;qBAEtD,CAAC,EAAE,CAAC;;;AA9DzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EA2DG"}

package/src/core/form/field-text-icon/field-text-icon.vue

@@ -2,8 +2,11 @@
   import { computed, toRef, ref, watch } from 'vue'
   import { useField } from 'vee-validate'
   import InputText from 'primevue/inputtext'
-  import LabelBlock from '../label'
+  import InputSlot from '../slots/input-slot'
+  import Label from '../label'
+
   const emit = defineEmits(['click-icon'])
+  
   const props = defineProps({
     value: {
       type: String,
@@ -48,7 +51,6 @@
   })
 
   const nameInput = toRef(props, 'name')
-
   const inputValue = ref(props.value)
   const errorMessage = ref('')
   let handleBlur = () => {}
@@ -58,8 +60,10 @@
     const field = useField(nameInput, undefined, {
       initialValue: props.value
     })
+    
     inputValue.value = field.value
     errorMessage.value = field.errorMessage
+    
     handleBlur = field.handleBlur
     handleChange = field.handleChange
   } else {
@@ -81,47 +85,49 @@
 </script>
 
 <template>
-  <LabelBlock
-    :for="props.name"
-    :label="props.label"
-    :isRequired="props.required"
-  />
-  <span
-    class="w-full"
-    :class="iconPositionClass"
-  >
-    <i
-      v-if="props.icon"
-      :class="props.icon"
-      class="text-color-secondary cursor-pointer"
-      @click="handleClick"
+  <InputSlot>
+    <Label
+      :for="props.name"
+      :label="props.label"
+      :isRequired="props.required"
     />
-    <InputText
-      :id="props.name"
-      v-model="inputValue"
-      :name="props.name"
-      :readonly="props.readonly"
-      :disabled="props.disabled"
-      type="text"
+    <span
       class="w-full"
-      :class="{ 'p-invalid': errorMessage }"
-      :placeholder="props.placeholder"
-      @input="handleChange"
-      @blur="handleBlur"
-      v-bind="$attrs"
-    />
-  </span>
+      :class="iconPositionClass"
+    >
+      <i
+        v-if="props.icon"
+        :class="props.icon"
+        class="text-color-secondary cursor-pointer"
+        @click="handleClick"
+      />
+      <InputText
+        :id="props.name"
+        v-model="inputValue"
+        :name="props.name"
+        :readonly="props.readonly"
+        :disabled="props.disabled"
+        type="text"
+        class="w-full"
+        :class="{ 'p-invalid': errorMessage }"
+        :placeholder="props.placeholder"
+        @input="handleChange"
+        @blur="handleBlur"
+        v-bind="$attrs"
+      />
+    </span>
 
-  <small
-    v-if="errorMessage"
-    class="p-error text-xs font-normal leading-tight"
-  >
-    {{ errorMessage }}
-  </small>
-  <small
-    class="text-xs text-color-secondary font-normal leading-5"
-    v-if="props.description"
-  >
-    {{ props.description }}
-  </small>
+    <small
+      v-if="errorMessage"
+      class="p-error text-xs font-normal leading-tight"
+    >
+      {{ errorMessage }}
+    </small>
+    <small
+      class="text-xs text-color-secondary font-normal leading-5"
+      v-if="props.description"
+    >
+      {{ props.description }}
+    </small>
+  </InputSlot>
 </template>

package/src/core/form/field-text-icon/field-text-icon.vue.d.ts

@@ -87,13 +87,13 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }>> & Readonly<{
     "onClick-icon"?: ((...args: any[]) => any) | undefined;
 }>, {
-    value: string;
-    label: string;
-    placeholder: string;
     description: string;
+    label: string;
+    icon: string;
     disabled: boolean;
+    value: string;
+    placeholder: string;
     readonly: boolean;
-    icon: string;
     required: boolean;
     iconPosition: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/src/core/form/field-text-icon/field-text-icon.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field-text-icon.vue.d.ts","sourceRoot":"","sources":["field-text-icon.vue"],"names":[],"mappings":"wBAoXqB,OAAO,YAAY;;AA7CxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EA4CG"}
+{"version":3,"file":"field-text-icon.vue.d.ts","sourceRoot":"","sources":["field-text-icon.vue"],"names":[],"mappings":"wBA8YqB,OAAO,YAAY;;AA7CxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EA4CG"}