@tekkare/auriga 0.1.116 → 0.1.118

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.1.116"
+  "version": "0.1.118"
 }

package/dist/runtime/components/allIcons2.vue

@@ -670,7 +670,277 @@ export default defineComponent({
       "SmileyAngry",
       "SwimmingPool",
       "SquareSplitHorizontal",
-      "DotOutline"
+      "DotOutline",
+      "OpenAiLogo",
+      "NotEquals",
+      "CigaretteSlash",
+      "Lectern",
+      "Lasso",
+      "CashRegister",
+      "ShippingContainer",
+      "FediverseLogo",
+      "PintGlass",
+      "DropSlash",
+      "CraneTower",
+      "FlipVertical",
+      "UserCircleDashed",
+      "TreasureChest",
+      "FileCpp",
+      "GpsSlash",
+      "CalendarDot",
+      "Tire",
+      "SecurityCamera",
+      "TumblrLogo",
+      "ThreeD",
+      "SkypeLogo",
+      "SupersetOf",
+      "StackMinus",
+      "Panorama",
+      "Mailbox",
+      "Cow",
+      "ColumnsPlusRight",
+      "MonitorArrowUp",
+      "RowsPlusTop",
+      "TipJar",
+      "Asclepius",
+      "HardHat",
+      "HandArrowDown",
+      "Windmill",
+      "FileMd",
+      "CalendarDots",
+      "Barn",
+      "Trolley",
+      "Beanie",
+      "MouseScroll",
+      "Tornado",
+      "Lego",
+      "RowsPlusBottom",
+      "Towel",
+      "Cricket",
+      "CaretLineDown",
+      "Empty",
+      "Island",
+      "City",
+      "BuildingApartment",
+      "FireTruck",
+      "FileTxt",
+      "LessThan",
+      "Joystick",
+      "Cigarette",
+      "ColumnsPlusLeft",
+      "DeviceRotate",
+      "CableCar",
+      "TrayArrowUp",
+      "HeadCircuit",
+      "CalendarSlash",
+      "PicnicTable",
+      "FileIni",
+      "TeaBag",
+      "PersonSimpleSnowboard",
+      "Sailboat",
+      "Farm",
+      "VectorThree",
+      "Clover",
+      "Hurricane",
+      "DeviceMobileSlash",
+      "HandWithdraw",
+      "Ambulance",
+      "MapPinSimple",
+      "Numpad",
+      "Bread",
+      "Blueprint",
+      "Seat",
+      "SteamLogo",
+      "TrayArrowDown",
+      "Popsicle",
+      "DropSimple",
+      "FileCSharp",
+      "HairDryer",
+      "Angle",
+      "LetterCircleP",
+      "Jar",
+      "PhoneList",
+      "Desk",
+      "CowboyHat",
+      "ThreadsLogo",
+      "ClockUser",
+      "SolarPanel",
+      "MapPinArea",
+      "CardsThree",
+      "ScanSmiley",
+      "Sphere",
+      "ApproximateEquals",
+      "CellTower",
+      "Seatbelt",
+      "BeachBall",
+      "PingPong",
+      "ListHeart",
+      "Gps",
+      "HandPeace",
+      "Bomb",
+      "MapPinPlus",
+      "TruckTrailer",
+      "PencilRuler",
+      "ChatSlash",
+      "NetworkX",
+      "Biohazard",
+      "MarkdownLogo",
+      "FileC",
+      "Scribble",
+      "MoneyWavy",
+      "SubsetProperOf",
+      "Rabbit",
+      "Ranking",
+      "ImageBroken",
+      "SolarRoof",
+      "Hospital",
+      "PersonSimpleSwim",
+      "TrolleySuitcase",
+      "MapPinSimpleLine",
+      "MouseLeftClick",
+      "FourK",
+      "Boules",
+      "TreeView",
+      "LetterCircleV",
+      "BoxArrowDown",
+      "NuclearPlant",
+      "FootballHelmet",
+      "Speedometer",
+      "FunnelX",
+      "FilePy",
+      "SprayBottle",
+      "SubsetOf",
+      "CrownCross",
+      "Onigiri",
+      "NotSupersetOf",
+      "HandArrowUp",
+      "NotMemberOf",
+      "Belt",
+      "MastodonLogo",
+      "LinktreeLogo",
+      "MouseMiddleClick",
+      "HandDeposit",
+      "Bulldozer",
+      "PhoneTransfer",
+      "Sock",
+      "UserCircleCheck",
+      "Oven",
+      "ExclamationMark",
+      "Yarn",
+      "CarBattery",
+      "BabyCarriage",
+      "CalendarStar",
+      "GreaterThan",
+      "UserSound",
+      "Golf",
+      "MusicNotesMinus",
+      "CompassRose",
+      "Tilde",
+      "MatrixLogo",
+      "Union",
+      "Racquet",
+      "FunnelSimpleX",
+      "RectangleDashed",
+      "GpsFix",
+      "MapPinSimpleArea",
+      "TextSubscript",
+      "ChatCenteredSlash",
+      "Network",
+      "Eyes",
+      "Memory",
+      "AirplaneTaxiing",
+      "PersonSimpleTaiChi",
+      "ChefHat",
+      "Acorn",
+      "WaveformSlash",
+      "Intersection",
+      "Resize",
+      "Highlighter",
+      "BuildingOffice",
+      "Crane",
+      "Dresser",
+      "Pipe",
+      "SealPercent",
+      "DiscoBall",
+      "StackPlus",
+      "PersonSimpleHike",
+      "Shovel",
+      "Meteor",
+      "Log",
+      "TriangleDashed",
+      "ChatTeardropSlash",
+      "LetterCircleH",
+      "BoxArrowUp",
+      "Visor",
+      "SpinnerBall",
+      "TextTSlash",
+      "BoxingGlove",
+      "LegoSmiley",
+      "LampPendant",
+      "LessThanOrEqual",
+      "CaretLineUp",
+      "QuestionMark",
+      "GlobeSimpleX",
+      "Tractor",
+      "Drone",
+      "AddressBookTabs",
+      "XLogo",
+      "JarLabel",
+      "GraphicsCard",
+      "Axe",
+      "Binary",
+      "PersonSimpleSki",
+      "PhonePause",
+      "LastfmLogo",
+      "LineVertical",
+      "Microscope",
+      "Cheers",
+      "Subway",
+      "TextSuperscript",
+      "CalendarMinus",
+      "PersonSimpleCircle",
+      "GlobeX",
+      "BowlingBall",
+      "VideoConference",
+      "CalendarHeart",
+      "Checkerboard",
+      "Avocado",
+      "SmileyMelting",
+      "ChatCircleSlash",
+      "WashingMachine",
+      "Cheese",
+      "CaretLineLeft",
+      "Invoice",
+      "FlagBannerFold",
+      "BowlSteam",
+      "UserCheck",
+      "CourtBasketball",
+      "MouseRightClick",
+      "GreaterThanOrEqual",
+      "SupersetProperOf",
+      "NetworkSlash",
+      "Pentagon",
+      "Screwdriver",
+      "StandardDefinition",
+      "SubtitlesSlash",
+      "VectorTwo",
+      "BookUser",
+      "Hockey",
+      "Building",
+      "HighDefinition",
+      "PipeWrench",
+      "BaseballHelmet",
+      "Orange",
+      "ReplitLogo",
+      "Cherries",
+      "PixLogo",
+      "FalloutShelter",
+      "MemberOf",
+      "CoffeeBean",
+      "FlipHorizontal",
+      "ListStar",
+      "NotSubsetOf",
+      "CaretLineRight"
     ];
     const filteredIcon = computed(() => {
       return iconNames.filter(

package/dist/runtime/components/argActions.vue

@@ -66,7 +66,7 @@ export default defineComponent({
       type: String,
       default: "en",
       validator: (value) => {
-        return ["en", "fr"].includes(value);
+        return ["en", "fr", "es"].includes(value);
       }
     }
   },
@@ -76,25 +76,25 @@ export default defineComponent({
       let finalText = "";
       switch (props.actionType) {
         case "cancel":
-          finalText = props.lang === "fr" ? "Annuler" : "Cancel";
+          finalText = props.lang === "fr" ? "Annuler" : props.lang === "es" ? "Anular" : "Cancel";
           break;
         case "scope":
-          finalText = props.lang === "fr" ? "Mon scope" : "My scope";
+          finalText = props.lang === "fr" ? "Mon scope" : props.lang === "es" ? "Mi scope" : "My scope";
           break;
         case "clear":
-          finalText = props.lang === "fr" ? "Tout supprimer" : "Clear All";
+          finalText = props.lang === "fr" ? "Tout supprimer" : props.lang === "es" ? "Borrar todo" : "Clear All";
           break;
         case "see-analysis":
-          finalText = props.lang === "fr" ? "Voir l'analyse" : "Go to analysis";
+          finalText = props.lang === "fr" ? "Voir l'analyse" : props.lang === "es" ? "Ver al  an\xE1lisis" : "Go to analysis";
           break;
         case "save-analysis":
-          finalText = props.lang === "fr" ? "Sauvegarder et continuer " : "Save and continue";
+          finalText = props.lang === "fr" ? "Sauvegarder et continuer " : props.lang === "es" ? "Salvar y continuar" : "Save and continue";
           break;
         case "download":
-          finalText = props.lang === "fr" ? "Tout t\xE9l\xE9charger" : "Download all";
+          finalText = props.lang === "fr" ? "Tout t\xE9l\xE9charger" : props.lang === "es" ? "Ver al  an\xE1lisis" : "Download all";
           break;
         case "close":
-          finalText = props.lang === "fr" ? "Fermer" : "Close";
+          finalText = props.lang === "fr" ? "Fermer" : props.lang === "es" ? "Cerrar" : "Close";
       }
       return finalText;
     });

package/dist/runtime/components/argComplexSelect.vue

@@ -37,10 +37,16 @@
           {{
             !!select_placeholder
               ? `${select_placeholder} ${
-                  lang === "fr" ? "sélection" : "select"
+                  lang === "fr"
+                    ? "sélection"
+                    : lang === "es"
+                    ? "selección"
+                    : "select"
                 }`
               : lang === "fr"
               ? "Sélection"
+              : lang === "es"
+              ? "Selección"
               : "Select"
           }}
         </h1>
@@ -74,14 +80,26 @@
         <div class="oip_select_complex_add_selection">
           <div class="oip_select_complex_all_title">
             <div class="oip_select_complex_all_tittle_left">
-              {{ lang === "fr" ? "Disponible" : "Available" }}
+              {{
+                lang === "fr"
+                  ? "Disponible"
+                  : lang === "es"
+                  ? "Disponible"
+                  : "Available"
+              }}
             </div>
             <div
               v-if="show_select_all"
               class="oip_select_complex_all_tittle_right add"
               @click="add_all_element"
             >
-              {{ lang === "fr" ? "Tout sélectionner" : "Select all" }}
+              {{
+                lang === "fr"
+                  ? "Tout sélectionner"
+                  : lang === "es"
+                  ? "Seleccionar todo"
+                  : "Select all"
+              }}
             </div>
             <div
               v-if="max_amount !== null"
@@ -90,6 +108,8 @@
               {{
                 lng === "fr"
                   ? `Maximum: ${max_amount} éléments`
+                  : lang === "es"
+                  ? `Máximo: ${max_amount} artículos`
                   : `Maximum: ${max_amount} items`
               }}
             </div>
@@ -160,13 +180,25 @@
         <div class="oip_select_complex_del_selection">
           <div class="oip_select_complex_all_title">
             <div class="oip_select_complex_all_tittle_left">
-              {{ lang === "fr" ? "Sélectionné" : "Selected" }}
+              {{
+                lang === "fr"
+                  ? "Sélectionné"
+                  : lang === "es"
+                  ? "Selección"
+                  : "Selected"
+              }}
             </div>
             <div
               class="oip_select_complex_all_tittle_right del"
               @click="del_all_element"
             >
-              {{ lang === "fr" ? "Tout effacer" : "Clear all" }}
+              {{
+                lang === "fr"
+                  ? "Tout effacer"
+                  : lang === "es"
+                  ? "Borrar todo"
+                  : "Clear all"
+              }}
             </div>
           </div>
           <div class="oip_search_container">
@@ -207,11 +239,11 @@
         </div>
       </div>
       <div v-if="need_apply" class="oip_select_complex_footer">
-        <arg-btn @click="cancel_function()" btnStyle="secondary"
-          >Cancel</arg-btn
-        >
+        <arg-btn @click="cancel_function()" btnStyle="secondary">{{
+          lang === "fr" ? "Annuler" : lang === "es" ? "Anular" : "Cancel"
+        }}</arg-btn>
         <arg-btn @click="apply_function()" btnStyle="primary">{{
-          lang === "fr" ? "Apply" : "Appliquer"
+          lang === "fr" ? "Apply" : lang === "es" ? "Aplicar" : "Appliquer"
         }}</arg-btn>
       </div>
     </div>
@@ -265,7 +297,7 @@ export default defineComponent({
       type: String,
       default: "en",
       validator: (value) => {
-        return ["en", "fr"].includes(value);
+        return ["en", "fr", "es"].includes(value);
       }
     },
     loader_text: { type: Array, default: null },
@@ -347,37 +379,37 @@ export default defineComponent({
     );
     const getEmptyMsg = computed(() => {
       if (props.empty_msg === null) {
-        return props.lang === "fr" ? "Aucune S\xE9lection" : "No Selection";
+        return props.lang === "fr" ? "Aucune S\xE9lection" : props.lang === "es" ? "Ninguna selecci\xF3n" : "No Selection";
       } else
         return props.empty_msg;
     });
     const getLoaderText = computed(() => {
       if (props.loader_text === null) {
-        return props.lang === "fr" ? ["Chargement...", "Veuillez patienter"] : ["Loading...", "Please wait"];
+        return props.lang === "fr" ? ["Chargement...", "Veuillez patienter"] : props.lang === "es" ? ["Cargando...", "Espere, por favor"] : ["Loading...", "Please wait"];
       } else
         return props.loader_text;
     });
     const getPlaceholderAdd = computed(() => {
       if (props.search_placeholder_add === null) {
-        return props.lang === "fr" ? "Rechercher une option..." : "Search options...";
+        return props.lang === "fr" ? "Rechercher une option..." : props.lang === "es" ? "Buscar una opci\xF3n..." : "Search options...";
       } else
         return props.search_placeholder_add;
     });
     const getPlaceholderDel = computed(() => {
       if (props.search_placeholder_del === null) {
-        return props.lang === "fr" ? "Rechercher parmis les options selection\xE9es..." : "Search selected options...";
+        return props.lang === "fr" ? "Rechercher parmi les options selection\xE9es..." : props.lang === "es" ? "Buscar opciones seleccionadas..." : "Search selected options...";
       } else
         return props.search_placeholder_del;
     });
     const getMaxSelectMsg = computed(() => {
       if (props.reach_max_msg === null) {
-        return props.lang === "fr" ? "Vous avez atteint le maximum d'\xE9l\xE9ments que vous pouvez s\xE9lectionner'" : "You've reached the maximum amount of items you can select";
+        return props.lang === "fr" ? "Vous avez atteint le maximum d'\xE9l\xE9ments que vous pouvez s\xE9lectionner" : props.lang === "es" ? "Ha alcanzado el n\xFAmero m\xE1ximo de elementos que puede seleccionar" : "You've reached the maximum amount of items you can select";
       } else
         return props.reach_max_msg;
     });
     const getEmptyContentMsg = computed(() => {
       if (props.empty_content_msg === null) {
-        return props.lang === "fr" ? "Aucun contenu n'a \xE9t\xE9 trouv\xE9" : "No content was found";
+        return props.lang === "fr" ? "Aucun contenu n'a \xE9t\xE9 trouv\xE9" : props.lang === "es" ? "Ning\xFAn contenido encontrado" : "No content was found";
       } else
         return props.empty_content_msg;
     });

package/dist/runtime/components/argDate.vue

@@ -28,40 +28,40 @@ export default defineComponent({
   setup(props) {
     function monthToString(month) {
       if (month === 0) {
-        return props.lang === "fr" ? props.compact ? "Jan." : "Janvier" : props.compact ? "Jan" : "January";
+        return props.lang === "fr" ? props.compact ? "Jan." : "Janvier" : props.lang === "es" ? props.compact ? "Ene." : "Enero" : props.compact ? "Jan" : "January";
       }
       if (month === 1) {
-        return props.lang === "fr" ? props.compact ? "F\xE9v." : "F\xE9vrier" : props.compact ? "Feb." : "February";
+        return props.lang === "fr" ? props.compact ? "F\xE9v." : "F\xE9vrier" : props.lang === "es" ? props.compact ? "Feb." : "Febrero" : props.compact ? "Feb." : "February";
       }
       if (month === 2) {
-        return props.lang === "fr" ? props.compact ? "Mar." : "Mars" : props.compact ? "Mar." : "March";
+        return props.lang === "fr" ? props.compact ? "Mar." : "Mars" : props.lang === "es" ? props.compact ? "Mar." : "Marzo" : props.compact ? "Mar." : "March";
       }
       if (month === 3) {
-        return props.lang === "fr" ? props.compact ? "Avr." : "Avril" : props.compact ? "Apr." : "April";
+        return props.lang === "fr" ? props.compact ? "Avr." : "Avril" : props.lang === "es" ? props.compact ? "Abr." : "Abril" : props.compact ? "Apr." : "April";
       }
       if (month === 4) {
-        return props.lang === "fr" ? "Mai" : "May";
+        return props.lang === "fr" ? "Mai" : props.lang === "es" ? props.compact ? "May." : "Mayo" : "May";
       }
       if (month === 5) {
-        return props.lang === "fr" ? "Juin" : props.compact ? "Jun." : "June";
+        return props.lang === "fr" ? "Juin" : props.compact ? "Jun." : props.lang === "es" ? props.compact ? "Jun." : "Junio" : "June";
       }
       if (month === 6) {
-        return props.lang === "fr" ? props.compact ? "Juil." : "Juillet" : props.compact ? "Jul." : "July";
+        return props.lang === "fr" ? props.compact ? "Juil." : "Juillet" : props.lang === "es" ? props.compact ? "Jul." : "Julio" : props.compact ? "Jul." : "July";
       }
       if (month === 7) {
-        return props.lang === "fr" ? props.compact ? "Ao\xFB." : "Ao\xFBt" : props.compact ? "Aug." : "August";
+        return props.lang === "fr" ? props.compact ? "Ao\xFB." : "Ao\xFBt" : props.lang === "es" ? props.compact ? "Ago." : "Agosto" : props.compact ? "Aug." : "August";
       }
       if (month === 8) {
-        return props.lang === "fr" ? props.compact ? "Sep." : "Septembre" : props.compact ? "Sep." : "September";
+        return props.lang === "fr" ? props.compact ? "Sep." : "Septembre" : props.lang === "es" ? props.compact ? "Sep." : "Septiembre" : props.compact ? "Sep." : "September";
       }
       if (month === 9) {
-        return props.lang === "fr" ? props.compact ? "Oct." : "Octobre" : props.compact ? "Oct." : "October";
+        return props.lang === "fr" ? props.compact ? "Oct." : "Octobre" : props.lang === "es" ? props.compact ? "Oct." : "Octubre" : props.compact ? "Oct." : "October";
       }
       if (month === 10) {
-        return props.lang === "fr" ? props.compact ? "Nov." : "Novembre" : props.compact ? "Nov." : "November";
+        return props.lang === "fr" ? props.compact ? "Nov." : "Novembre" : props.lang === "es" ? props.compact ? "Nov." : "Noviembre" : props.compact ? "Nov." : "November";
       }
       if (month === 11) {
-        return props.lang === "fr" ? props.compact ? "D\xE9c." : "D\xE9cembre" : props.compact ? "Dec." : "December";
+        return props.lang === "fr" ? props.compact ? "D\xE9c." : "D\xE9cembre" : props.lang === "es" ? props.compact ? "Dic." : "Diciembre" : props.compact ? "Dec." : "December";
       }
     }
     function formatDate(str) {

package/dist/runtime/components/argDate.vue.d.ts

@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     formatDate: (str: string | number) => string;
-    monthToString: (month: number) => "Jan." | "Janvier" | "Jan" | "January" | "Fév." | "Février" | "Feb." | "February" | "Mar." | "Mars" | "March" | "Avr." | "Avril" | "Apr." | "April" | "Mai" | "May" | "Juin" | "Jun." | "June" | "Juil." | "Juillet" | "Jul." | "July" | "Aoû." | "Août" | "Aug." | "August" | "Sep." | "Septembre" | "September" | "Oct." | "Octobre" | "October" | "Nov." | "Novembre" | "November" | "Déc." | "Décembre" | "Dec." | "December" | undefined;
+    monthToString: (month: number) => "Jan." | "Janvier" | "Ene." | "Enero" | "Jan" | "January" | "Fév." | "Février" | "Feb." | "Febrero" | "February" | "Mar." | "Mars" | "Marzo" | "March" | "Avr." | "Avril" | "Abr." | "Abril" | "Apr." | "April" | "Mai" | "May." | "Mayo" | "May" | "Juin" | "Jun." | "Junio" | "June" | "Juil." | "Juillet" | "Jul." | "Julio" | "July" | "Aoû." | "Août" | "Ago." | "Agosto" | "Aug." | "August" | "Sep." | "Septembre" | "Septiembre" | "September" | "Oct." | "Octobre" | "Octubre" | "October" | "Nov." | "Novembre" | "Noviembre" | "November" | "Déc." | "Décembre" | "Dic." | "Diciembre" | "Dec." | "December" | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     rawDate: {
         type: (StringConstructor | NumberConstructor)[];

package/dist/runtime/components/argDropdownSelect.vue

@@ -141,7 +141,7 @@ export default defineComponent({
       type: String,
       default: "en",
       validator: (value) => {
-        return ["en", "fr"].includes(value);
+        return ["en", "fr", "es"].includes(value);
       }
     },
     loader_text: { type: Array, default: null },
@@ -189,25 +189,25 @@ export default defineComponent({
     );
     const getEmptyMsg = computed(() => {
       if (props.empty_msg === null) {
-        return props.lang === "fr" ? "Aucune S\xE9lection" : "No Selection";
+        return props.lang === "fr" ? "Aucune S\xE9lection" : props.lang === "es" ? "Ninguna selecci\xF3n" : "No Selection";
       } else
         return props.empty_msg;
     });
     const getLoaderText = computed(() => {
       if (props.loader_text === null) {
-        return props.lang === "fr" ? ["Chargement...", "Veuillez patienter"] : ["Loading...", "Please wait"];
+        return props.lang === "fr" ? ["Chargement...", "Veuillez patienter"] : props.lang === "es" ? ["Cargando...", "Espera, por favor"] : ["Loading...", "Please wait"];
       } else
         return props.loader_text;
     });
     const getPlaceholder = computed(() => {
       if (props.filter_placeholder === null) {
-        return props.lang === "fr" ? "Rechercher une option..." : "Search options...";
+        return props.lang === "fr" ? "Rechercher une option..." : props.lang === "es" ? "Buscar opciones" : "Search options...";
       } else
         return props.filter_placeholder;
     });
     const getEmptyContentMsg = computed(() => {
       if (props.empty_content_msg === null) {
-        return props.lang === "fr" ? "Aucun contenu n'a \xE9t\xE9 trouv\xE9" : "No content was found";
+        return props.lang === "fr" ? "Aucun contenu n'a \xE9t\xE9 trouv\xE9" : props.lang === "es" ? "Ning\xFAn contenido encontrado" : "No content was found";
       } else
         return props.empty_content_msg;
     });

package/dist/runtime/components/argFilterCard.vue

@@ -6,7 +6,11 @@
   >
     <div class="oip_row v-center space-between full-width">
       <div class="oip_row v-center gap-8">
-        <p class="filters_title">{{ lang === "fr" ? "Filtres" : "Filters" }}</p>
+        <p class="filters_title">
+          {{
+            lang === "fr" ? "Filtres" : lang === "es" ? "Filtros" : "Filters"
+          }}
+        </p>
         <div class="filters_amount">{{ filters_amount }}</div>
         <p
           v-if="haveSaveScope && filtersOpen"
@@ -18,15 +22,19 @@
               ? saveScopeMsg
               : lang === "en"
               ? "Save scope"
+              : lang === "es"
+              ? "Salvar un scope"
               : "Sauvegarder un scope"
           }}
         </p>
-        <p class="filters_clear" @click="clear()">
+        <p v-if="haveClear" class="filters_clear" @click="clear()">
           {{
             clearMsg !== null
               ? clearMsg
               : lang === "en"
               ? "Clear all"
+              : lang === "es"
+              ? "Borrar todo"
               : "Tout effacer"
           }}
         </p>
@@ -44,9 +52,13 @@
           filtersOpen
             ? lang === "en"
               ? "Hide"
+              : lang === "es"
+              ? "Ocultar"
               : "Masquer"
             : lang === "en"
             ? "Show"
+            : lang === "es"
+            ? "Mostrar"
             : "Afficher"
         }}</span>
       </div>
@@ -78,13 +90,14 @@ export default defineComponent({
   props: {
     filters_amount: { type: Number, default: 0 },
     haveSaveScope: { type: Boolean, default: false },
+    haveClear: { type: Boolean, default: true },
     clearMsg: { type: String, default: null },
     saveScopeMsg: { type: String, default: null },
     lang: {
       type: String,
       default: "en",
       validator: (value) => {
-        return ["en", "fr"].includes(value);
+        return ["en", "fr", "es"].includes(value);
       }
     }
   },