@aziontech/webkit 1.2.0 → 1.4.0

package/src/core/form/field-dropdown-lazy-loader-with-filter/field-dropdown-lazy-loader-with-filter.vue

@@ -1,117 +1,11 @@
-<template>
-  <LabelBlock
-    v-if="props.label"
-    :for="props.name"
-    :label="props.label"
-    :isRequired="$attrs.required"
-    :data-testid="customTestId.label"
-  />
-  <Dropdown
-    appendTo="self"
-    :id="name"
-    :name="props.name"
-    :loading="loading"
-    v-model="inputValue"
-    :options="data"
-    :optionLabel="props.optionLabel"
-    :optionDisabled="props.optionDisabled"
-    :optionValue="props.optionValue"
-    :placeholder="props.placeholder"
-    :showClear="props.enableClearOption"
-    @change="emitChange"
-    @blur="emitBlur"
-    :class="errorMessage ? 'p-invalid' : ''"
-    v-bind="$attrs"
-    class="w-full"
-    :optionGroupLabel="props.optionGroupLabel"
-    :optionGroupChildren="props.optionGroupChildren"
-    :pt="{
-      clearIcon: {
-        'data-testid': customTestId.clearIcon
-      },
-      filterInput: {
-        class: 'w-full',
-        'data-testid': customTestId.filterInput
-      },
-      trigger: {
-        'data-testid': customTestId.trigger
-      },
-      loadingIcon: {
-        'data-testid': customTestId.loadingIcon
-      }
-    }"
-    :data-testid="customTestId.dropdown"
-    :virtualScrollerOptions="VIRTUAL_SCROLLER_CONFIG"
-  >
-    <template
-      v-if="enableCustomLabel"
-      #value="slotProps"
-    >
-      <span :data-testid="customTestId.value">
-        {{ getLabelBySelectedValue(slotProps.value) }}
-      </span>
-    </template>
-    <template #option="slotProps">
-      <div class="flex align-items-center gap-2">
-        <i
-          v-if="slotProps.option.icon"
-          :class="`pi ${slotProps.option.icon}`"
-        ></i>
-        <div>{{ slotProps.option.name }}</div>
-      </div>
-    </template>
-
-    <template #header>
-      <div class="p-2 flex">
-        <div class="p-inputgroup">
-          <InputText
-            type="text"
-            v-model="search"
-            placeholder="Search"
-            class="w-full rounded-r-none"
-            ref="focusSearch"
-            :data-testid="customTestId.search"
-          />
-          <span
-            class="p-inputgroup-addon"
-            @click="searchFilter"
-          >
-            <i class="pi pi-search"></i>
-          </span>
-        </div>
-      </div>
-    </template>
-
-    <template #footer>
-      <slot name="footer" />
-    </template>
-  </Dropdown>
-
-  <small
-    v-if="errorMessage"
-    :data-testid="customTestId.error"
-    class="p-error text-xs font-normal leading-tight"
-  >
-    {{ errorMessage }}
-  </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>
-</template>
-
 <script setup>
   import Dropdown from 'primevue/dropdown'
   import InputText from 'primevue/inputtext'
   import { useField } from 'vee-validate'
   import { computed, toRef, useSlots, useAttrs, ref, onMounted, watchEffect, watch } from 'vue'
   import { watchDebounced } from '@vueuse/core'
-  import LabelBlock from '../label'
+  import InputSlot from '../slots/input-slot'
+  import Label from '../label'
 
   const props = defineProps({
     value: {
@@ -525,3 +419,112 @@
     }
   }
 </script>
+
+<template>
+  <InputSlot>
+    <Label
+      v-if="props.label"
+      :for="props.name"
+      :label="props.label"
+      :isRequired="$attrs.required"
+      :data-testid="customTestId.label"
+    />
+    <Dropdown
+      appendTo="self"
+      :id="name"
+      :name="props.name"
+      :loading="loading"
+      v-model="inputValue"
+      :options="data"
+      :optionLabel="props.optionLabel"
+      :optionDisabled="props.optionDisabled"
+      :optionValue="props.optionValue"
+      :placeholder="props.placeholder"
+      :showClear="props.enableClearOption"
+      @change="emitChange"
+      @blur="emitBlur"
+      :class="errorMessage ? 'p-invalid' : ''"
+      v-bind="$attrs"
+      class="w-full"
+      :optionGroupLabel="props.optionGroupLabel"
+      :optionGroupChildren="props.optionGroupChildren"
+      :pt="{
+        clearIcon: {
+          'data-testid': customTestId.clearIcon
+        },
+        filterInput: {
+          class: 'w-full',
+          'data-testid': customTestId.filterInput
+        },
+        trigger: {
+          'data-testid': customTestId.trigger
+        },
+        loadingIcon: {
+          'data-testid': customTestId.loadingIcon
+        }
+      }"
+      :data-testid="customTestId.dropdown"
+      :virtualScrollerOptions="VIRTUAL_SCROLLER_CONFIG"
+    >
+      <template
+        v-if="enableCustomLabel"
+        #value="slotProps"
+      >
+        <span :data-testid="customTestId.value">
+          {{ getLabelBySelectedValue(slotProps.value) }}
+        </span>
+      </template>
+      <template #option="slotProps">
+        <div class="flex align-items-center gap-2">
+          <i
+            v-if="slotProps.option.icon"
+            :class="`pi ${slotProps.option.icon}`"
+          ></i>
+          <div>{{ slotProps.option.name }}</div>
+        </div>
+      </template>
+
+      <template #header>
+        <div class="p-2 flex">
+          <div class="p-inputgroup">
+            <InputText
+              type="text"
+              v-model="search"
+              placeholder="Search"
+              class="w-full rounded-r-none"
+              ref="focusSearch"
+              :data-testid="customTestId.search"
+            />
+            <span
+              class="p-inputgroup-addon"
+              @click="searchFilter"
+            >
+              <i class="pi pi-search"></i>
+            </span>
+          </div>
+        </div>
+      </template>
+
+      <template #footer>
+        <slot name="footer" />
+      </template>
+    </Dropdown>
+
+    <small
+      v-if="errorMessage"
+      :data-testid="customTestId.error"
+      class="p-error text-xs font-normal leading-tight"
+    >
+      {{ errorMessage }}
+    </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-dropdown-lazy-loader-with-filter/field-dropdown-lazy-loader-with-filter.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field-dropdown-lazy-loader-with-filter.vue.d.ts","sourceRoot":"","sources":["field-dropdown-lazy-loader-with-filter.vue"],"names":[],"mappings":"wBAixCqB,OAAO,YAAY;;AADxC,4BAA2B,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;qBAEtD,CAAC,EAAE,CAAC;;;AAvFzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAoFG"}
+{"version":3,"file":"field-dropdown-lazy-loader-with-filter.vue.d.ts","sourceRoot":"","sources":["field-dropdown-lazy-loader-with-filter.vue"],"names":[],"mappings":"wBAqyCqB,OAAO,YAAY;;AADxC,4BAA2B,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;qBAEtD,CAAC,EAAE,CAAC;;;AAvFzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAoFG"}

package/src/core/form/field-dropdown-multi-select-lazy-loader/field-dropdown-multi-select-lazy-loader.vue

@@ -4,7 +4,8 @@
   import MultiSelect from 'primevue/multiselect'
   import InputText from 'primevue/inputtext'
   import { useField } from 'vee-validate'
-  import LabelBlock from '../label'
+  import Label from '../label'
+  import InputSlot from '../slots/input-slot'
 
   const props = defineProps({
     value: {
@@ -355,95 +356,97 @@
 </script>
 
 <template>
-  <LabelBlock
-    v-if="props.label"
-    :for="props.name"
-    :label="props.label"
-    :isRequired="$attrs.required"
-    :data-testid="customTestId.label"
-  />
-  <MultiSelect
-    :id="name"
-    :name="props.name"
-    :loading="loading"
-    v-model="inputValue"
-    :options="data"
-    :optionLabel="props.optionLabel"
-    :optionDisabled="props.optionDisabled"
-    :optionValue="props.optionValue"
-    :placeholder="props.placeholder"
-    :showClear="props.enableClearOption"
-    @change="emitChange"
-    @blur="emitBlur"
-    :class="errorMessage ? 'p-invalid' : ''"
-    v-bind="$attrs"
-    class="w-full md:w-80"
-    display="chip"
-    :pt="{
-      clearIcon: {
-        'data-testid': customTestId.clearIcon
-      },
-      filterInput: {
-        class: 'w-full',
-        'data-testid': customTestId.filterInput
-      },
-      trigger: {
-        'data-testid': customTestId.trigger
-      },
-      loadingIcon: {
-        'data-testid': customTestId.loadingIcon
-      }
-    }"
-    :data-testid="customTestId.multiselect"
-    :virtualScrollerOptions="VIRTUAL_SCROLLER_CONFIG"
-  >
-    <template
-      v-if="enableCustomLabel"
-      #value="slotProps"
+  <InputSlot>
+    <Label
+      v-if="props.label"
+      :for="props.name"
+      :label="props.label"
+      :isRequired="$attrs.required"
+      :data-testid="customTestId.label"
+    />
+    <MultiSelect
+      :id="name"
+      :name="props.name"
+      :loading="loading"
+      v-model="inputValue"
+      :options="data"
+      :optionLabel="props.optionLabel"
+      :optionDisabled="props.optionDisabled"
+      :optionValue="props.optionValue"
+      :placeholder="props.placeholder"
+      :showClear="props.enableClearOption"
+      @change="emitChange"
+      @blur="emitBlur"
+      :class="errorMessage ? 'p-invalid' : ''"
+      v-bind="$attrs"
+      class="w-full md:w-80"
+      display="chip"
+      :pt="{
+        clearIcon: {
+          'data-testid': customTestId.clearIcon
+        },
+        filterInput: {
+          class: 'w-full',
+          'data-testid': customTestId.filterInput
+        },
+        trigger: {
+          'data-testid': customTestId.trigger
+        },
+        loadingIcon: {
+          'data-testid': customTestId.loadingIcon
+        }
+      }"
+      :data-testid="customTestId.multiselect"
+      :virtualScrollerOptions="VIRTUAL_SCROLLER_CONFIG"
     >
-      <span :data-testid="customTestId.value">
-        {{ getLabelsForSelectedValues(slotProps.value) }}
-      </span>
-    </template>
-    <template #header>
-      <div class="p-2 flex">
-        <div class="p-inputgroup">
-          <InputText
-            type="text"
-            v-model="search"
-            placeholder="Search"
-            class="w-full rounded-r-none"
-            ref="focusSearch"
-            :data-testid="customTestId.search"
-          />
-          <span
-            class="p-inputgroup-addon"
-            @click="searchFilter"
-          >
-            <i class="pi pi-search"></i>
-          </span>
+      <template
+        v-if="enableCustomLabel"
+        #value="slotProps"
+      >
+        <span :data-testid="customTestId.value">
+          {{ getLabelsForSelectedValues(slotProps.value) }}
+        </span>
+      </template>
+      <template #header>
+        <div class="p-2 flex">
+          <div class="p-inputgroup">
+            <InputText
+              type="text"
+              v-model="search"
+              placeholder="Search"
+              class="w-full rounded-r-none"
+              ref="focusSearch"
+              :data-testid="customTestId.search"
+            />
+            <span
+              class="p-inputgroup-addon"
+              @click="searchFilter"
+            >
+              <i class="pi pi-search"></i>
+            </span>
+          </div>
         </div>
-      </div>
-    </template>
-    <template #footer>
-      <slot name="footer" />
-    </template>
-  </MultiSelect>
-  <small
-    v-if="errorMessage"
-    :data-testid="customTestId.error"
-    class="p-error text-xs font-normal leading-tight"
-  >
-    {{ errorMessage }}
-  </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>
+      </template>
+      <template #footer>
+        <slot name="footer" />
+      </template>
+    </MultiSelect>
+    <small
+      v-if="errorMessage"
+      :data-testid="customTestId.error"
+      class="p-error text-xs font-normal leading-tight"
+    >
+      {{ errorMessage }}
+    </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-dropdown-multi-select-lazy-loader/field-dropdown-multi-select-lazy-loader.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field-dropdown-multi-select-lazy-loader.vue.d.ts","sourceRoot":"","sources":["field-dropdown-multi-select-lazy-loader.vue"],"names":[],"mappings":"wBAylCqB,OAAO,YAAY;;AADxC,4BAA2B,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;qBAEtD,CAAC,EAAE,CAAC;;;AApEzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAiEG"}
+{"version":3,"file":"field-dropdown-multi-select-lazy-loader.vue.d.ts","sourceRoot":"","sources":["field-dropdown-multi-select-lazy-loader.vue"],"names":[],"mappings":"wBA6mCqB,OAAO,YAAY;;AADxC,4BAA2B,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;qBAEtD,CAAC,EAAE,CAAC;;;AApEzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAiEG"}

package/src/core/form/field-input-group/field-input-group.vue

@@ -2,7 +2,8 @@
   import { toRef, useSlots, computed, useAttrs } 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 props = defineProps({
     value: {
@@ -67,45 +68,47 @@
 </script>
 
 <template>
-  <LabelBlock
-    v-if="props.label"
-    :for="props.name"
-    :data-testid="customTestId.label"
-    :label="props.label"
-    :isRequired="attrs.required"
-  />
-  <div class="p-inputgroup">
-    <div
-      class="p-inputgroup-addon"
-      v-if="hasIconSlot"
-    >
-      <slot name="icon"></slot>
-    </div>
-
-    <InputText
-      :id="name"
-      v-model="inputValue"
-      :name="name"
-      :readonly="readonly"
-      :disabled="disabled"
-      :class="[{ 'p-invalid': errorMessage }, $attrs.class, inputClass]"
-      type="text"
-      :placeholder="props.placeholder"
-      @input="handleChange"
-      @blur="handleBlur"
+  <InputSlot>
+    <Label
+      v-if="props.label"
+      :for="props.name"
+      :data-testid="customTestId.label"
+      :label="props.label"
+      :isRequired="attrs.required"
     />
-    <slot name="button"></slot>
-  </div>
-  <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>
+    <div class="p-inputgroup">
+      <div
+        class="p-inputgroup-addon"
+        v-if="hasIconSlot"
+      >
+        <slot name="icon"></slot>
+      </div>
+
+      <InputText
+        :id="name"
+        v-model="inputValue"
+        :name="name"
+        :readonly="readonly"
+        :disabled="disabled"
+        :class="[{ 'p-invalid': errorMessage }, $attrs.class, inputClass]"
+        type="text"
+        :placeholder="props.placeholder"
+        @input="handleChange"
+        @blur="handleBlur"
+      />
+      <slot name="button"></slot>
+    </div>
+    <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-input-group/field-input-group.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field-input-group.vue.d.ts","sourceRoot":"","sources":["field-input-group.vue"],"names":[],"mappings":"wBAmVqB,OAAO,YAAY;;AADxC,4BAA2B,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;qBAEtD,CAAC,EAAE,CAAC;;;AAtCzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAmCG"}
+{"version":3,"file":"field-input-group.vue.d.ts","sourceRoot":"","sources":["field-input-group.vue"],"names":[],"mappings":"wBAuWqB,OAAO,YAAY;;AADxC,4BAA2B,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;qBAEtD,CAAC,EAAE,CAAC;;;AAtCzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAmCG"}

package/src/core/form/field-multi-select/field-multi-select.vue

@@ -2,7 +2,7 @@
   import Checkbox from 'primevue/checkbox'
   import { useField } from 'vee-validate'
   import { computed, toRef, useSlots, useAttrs } from 'vue'
-  import LabelBlock from '../label'
+  import Label from '../label'
 
   const props = defineProps({
     value: {
@@ -95,7 +95,7 @@
 </script>
 
 <template>
-  <LabelBlock
+  <Label
     :for="props.name"
     :label="props.label"
     :isRequired="$attrs.required"

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.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"}