@winchsa/ui 0.1.13 → 0.1.14

package/dist/components/cards/AppCardActions.vue.d.ts

@@ -39,12 +39,12 @@ declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
     triggerRefresh: typeof triggerRefresh;
     triggeredRemove: typeof triggeredRemove;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    refresh: (hideOverlay: () => void) => any;
     collapsed: (isContentCollapsed: boolean) => any;
+    refresh: (hideOverlay: () => void) => any;
     trash: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onRefresh?: ((hideOverlay: () => void) => any) | undefined;
     onCollapsed?: ((isContentCollapsed: boolean) => any) | undefined;
+    onRefresh?: ((hideOverlay: () => void) => any) | undefined;
     onTrash?: (() => any) | undefined;
 }>, {
     title: string;
@@ -55,12 +55,12 @@ declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
     actionRemove: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    refresh: (hideOverlay: () => void) => any;
     collapsed: (isContentCollapsed: boolean) => any;
+    refresh: (hideOverlay: () => void) => any;
     trash: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onRefresh?: ((hideOverlay: () => void) => any) | undefined;
     onCollapsed?: ((isContentCollapsed: boolean) => any) | undefined;
+    onRefresh?: ((hideOverlay: () => void) => any) | undefined;
     onTrash?: (() => any) | undefined;
 }>, {
     title: string;

package/dist/components/forms/AppBarSearch.vue.d.ts

@@ -550,7 +550,7 @@ declare const refSearchList: import("vue").Ref<({
             } & {
                 item: unknown;
             }) => import("vue").VNodeChild) | undefined;
-            prepend?: ((arg: {
+            append?: ((arg: {
                 isActive: boolean;
                 isSelected: boolean;
                 isIndeterminate: boolean;
@@ -558,7 +558,7 @@ declare const refSearchList: import("vue").Ref<({
             } & {
                 item: unknown;
             }) => import("vue").VNodeChild) | undefined;
-            append?: ((arg: {
+            prepend?: ((arg: {
                 isActive: boolean;
                 isSelected: boolean;
                 isIndeterminate: boolean;
@@ -607,7 +607,7 @@ declare const refSearchList: import("vue").Ref<({
             } & {
                 item: unknown;
             }) => import("vue").VNodeChild) | undefined;
-            prepend?: false | ((arg: {
+            append?: false | ((arg: {
                 isActive: boolean;
                 isSelected: boolean;
                 isIndeterminate: boolean;
@@ -615,7 +615,7 @@ declare const refSearchList: import("vue").Ref<({
             } & {
                 item: unknown;
             }) => import("vue").VNodeChild) | undefined;
-            append?: false | ((arg: {
+            prepend?: false | ((arg: {
                 isActive: boolean;
                 isSelected: boolean;
                 isIndeterminate: boolean;
@@ -664,7 +664,7 @@ declare const refSearchList: import("vue").Ref<({
         } & {
             item: unknown;
         }) => import("vue").VNodeChild) | undefined;
-        "v-slot:prepend"?: false | ((arg: {
+        "v-slot:append"?: false | ((arg: {
             isActive: boolean;
             isSelected: boolean;
             isIndeterminate: boolean;
@@ -672,7 +672,7 @@ declare const refSearchList: import("vue").Ref<({
         } & {
             item: unknown;
         }) => import("vue").VNodeChild) | undefined;
-        "v-slot:append"?: false | ((arg: {
+        "v-slot:prepend"?: false | ((arg: {
             isActive: boolean;
             isSelected: boolean;
             isIndeterminate: boolean;
@@ -721,7 +721,7 @@ declare const refSearchList: import("vue").Ref<({
         } & {
             item: unknown;
         }) => import("vue").VNode[];
-        prepend: (arg: {
+        append: (arg: {
             isActive: boolean;
             isSelected: boolean;
             isIndeterminate: boolean;
@@ -729,7 +729,7 @@ declare const refSearchList: import("vue").Ref<({
         } & {
             item: unknown;
         }) => import("vue").VNode[];
-        append: (arg: {
+        prepend: (arg: {
             isActive: boolean;
             isSelected: boolean;
             isIndeterminate: boolean;
@@ -1299,7 +1299,7 @@ declare const refSearchList: import("vue").Ref<({
             } & {
                 item: unknown;
             }) => import("vue").VNodeChild) | undefined;
-            prepend?: ((arg: {
+            append?: ((arg: {
                 isActive: boolean;
                 isSelected: boolean;
                 isIndeterminate: boolean;
@@ -1307,7 +1307,7 @@ declare const refSearchList: import("vue").Ref<({
             } & {
                 item: unknown;
             }) => import("vue").VNodeChild) | undefined;
-            append?: ((arg: {
+            prepend?: ((arg: {
                 isActive: boolean;
                 isSelected: boolean;
                 isIndeterminate: boolean;
@@ -1356,7 +1356,7 @@ declare const refSearchList: import("vue").Ref<({
             } & {
                 item: unknown;
             }) => import("vue").VNodeChild) | undefined;
-            prepend?: false | ((arg: {
+            append?: false | ((arg: {
                 isActive: boolean;
                 isSelected: boolean;
                 isIndeterminate: boolean;
@@ -1364,7 +1364,7 @@ declare const refSearchList: import("vue").Ref<({
             } & {
                 item: unknown;
             }) => import("vue").VNodeChild) | undefined;
-            append?: false | ((arg: {
+            prepend?: false | ((arg: {
                 isActive: boolean;
                 isSelected: boolean;
                 isIndeterminate: boolean;
@@ -1413,7 +1413,7 @@ declare const refSearchList: import("vue").Ref<({
         } & {
             item: unknown;
         }) => import("vue").VNodeChild) | undefined;
-        "v-slot:prepend"?: false | ((arg: {
+        "v-slot:append"?: false | ((arg: {
             isActive: boolean;
             isSelected: boolean;
             isIndeterminate: boolean;
@@ -1421,7 +1421,7 @@ declare const refSearchList: import("vue").Ref<({
         } & {
             item: unknown;
         }) => import("vue").VNodeChild) | undefined;
-        "v-slot:append"?: false | ((arg: {
+        "v-slot:prepend"?: false | ((arg: {
             isActive: boolean;
             isSelected: boolean;
             isIndeterminate: boolean;
@@ -1470,7 +1470,7 @@ declare const refSearchList: import("vue").Ref<({
         } & {
             item: unknown;
         }) => import("vue").VNode[];
-        prepend: (arg: {
+        append: (arg: {
             isActive: boolean;
             isSelected: boolean;
             isIndeterminate: boolean;
@@ -1478,7 +1478,7 @@ declare const refSearchList: import("vue").Ref<({
         } & {
             item: unknown;
         }) => import("vue").VNode[];
-        append: (arg: {
+        prepend: (arg: {
             isActive: boolean;
             isSelected: boolean;
             isIndeterminate: boolean;

package/dist/components/forms/LicensePlateInput.vue

@@ -12,37 +12,52 @@ const props = defineProps({
 const model = defineModel({ type: [Array, null], ...{ default: ["", "", "", ""] } });
 const LangLabel = computed(() => props.label ? t(props.label) : "");
 const allowedLetters = ["A", "B", "J", "D", "R", "S", "X", "T", "E", "G", "K", "L", "Z", "N", "H", "U", "V"];
-const allowedArabicLetters = ["\u0623", "\u0628", "\u062D", "\u062F", "\u0631", "\u0633", "\u0635", "\u0637", "\u0639", "\u0642", "\u0643", "\u0644", "\u0645", "\u0646", "\u0647", "\u0648", "\u064A"];
+const allowedArabicLetters = ["\u0623", "\u0627", "\u0628", "\u062D", "\u062F", "\u0631", "\u0633", "\u0635", "\u0637", "\u0639", "\u0642", "\u0643", "\u0644", "\u0645", "\u0646", "\u0647", "\u0648", "\u064A"];
+const normalizeInput = (input) => {
+  const arabicCasting = {
+    "\u0627": "\u0623",
+    "\u0622": "\u0623",
+    "\u0625": "\u0623",
+    "\u0649": "\u064A"
+  };
+  return input.split("").map((char) => arabicCasting[char] || char.toUpperCase()).join("");
+};
+const updateModelAt = (index, value) => {
+  const newModel = [...model.value ?? ["", "", "", ""]];
+  newModel[index] = value;
+  model.value = newModel;
+};
 const handleInput = (e, index) => {
   const input = e.target;
-  const value = input.value;
+  let value = input.value;
   if (!model.value) {
     model.value = ["", "", "", ""];
   }
   if (e.inputType === "deleteContentBackward") {
-    model.value[index] = "";
+    updateModelAt(index, "");
     if (index > 0) {
       document.getElementById(`license-${props.customId || ""}-${index - 1}`)?.focus();
     }
     return;
   }
   if (index < 3) {
+    value = normalizeInput(value);
     if (!allowedLetters.includes(value) && !allowedArabicLetters.includes(value)) {
-      model.value[index] = "";
+      updateModelAt(index, "");
       input.value = "";
       return;
     }
-    model.value[index] = value;
+    updateModelAt(index, value);
     if (value) {
       document.getElementById(`license-${props.customId || ""}-${index + 1}`)?.focus();
     }
   } else {
     if (/\D/.test(value)) {
-      model.value[index] = "";
+      updateModelAt(index, "");
       input.value = "";
       return;
     }
-    model.value[index] = value;
+    updateModelAt(index, value);
   }
 };
 const clear = () => {
@@ -55,7 +70,6 @@ const requiredRule = (value) => {
   return true;
 };
 watch(() => model.value, (newVal) => {
-  console.log(newVal);
   if (Array.isArray(newVal)) {
     model.value = newVal;
   } else {
@@ -92,6 +106,7 @@ watch(() => model.value, (newVal) => {
             :value="model?.[index] ?? ''"
             class="app-license-plate-input-cell"
             type="text"
+            autocomplete="off"
             :maxlength="index === 3 ? 4 : 1"
             :placeholder="index === 3 ? t('inputs.numbers') : t('inputs.character')"
             @input="handleInput($event, index)"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@winchsa/ui",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "type": "module",
   "private": false,
   "publishConfig": {