@pequity/squirrel 10.0.2 → 10.1.0

package/dist/cjs/index.js

@@ -17,6 +17,7 @@ const pFileUpload = require("./p-file-upload.js");
 const pIcon_vue_vue_type_script_setup_true_lang = require("./chunks/p-icon.js");
 const useInputClasses = require("./useInputClasses.js");
 const lodashEs = require("lodash-es");
+const vueI18n = require("vue-i18n");
 const vueToastification = require("vue-toastification");
 const pIcon = require("./p-icon.js");
 const pInfoIcon_vue_vue_type_script_setup_true_lang = require("./chunks/p-info-icon.js");
@@ -67,26 +68,27 @@ const pagination = require("./pagination.js");
 const sanitization = require("./sanitization.js");
 const index = require("./chunks/index.js");
 const _hoisted_1$3 = ["data-has-error"];
-const _hoisted_2$3 = {
+const _hoisted_2$3 = ["aria-label"];
+const _hoisted_3$3 = {
   key: 0,
   class: "flex h-28 flex-col items-center justify-center"
 };
-const _hoisted_3$3 = {
+const _hoisted_4$3 = {
   key: 0,
   class: "flex flex-col items-center"
 };
-const _hoisted_4$3 = { class: "mt-2 text-p-gray-50" };
-const _hoisted_5$3 = { class: "text-p-blue-60" };
-const _hoisted_6$3 = {
+const _hoisted_5$3 = { class: "mt-2 text-p-gray-50" };
+const _hoisted_6$3 = { class: "text-p-blue-60" };
+const _hoisted_7$2 = {
   key: 1,
   class: "flex flex-col items-center"
 };
-const _hoisted_7$1 = { class: "mt-2 text-p-purple-60" };
-const _hoisted_8 = ["accept", "multiple", "disabled"];
-const _hoisted_9 = { class: "max-h-48 overflow-y-auto overflow-x-hidden" };
-const _hoisted_10 = ["title"];
-const _hoisted_11 = ["onClick"];
-const _hoisted_12 = { class: "mt-1 text-xs text-p-gray-40" };
+const _hoisted_8 = { class: "mt-2 text-p-purple-60" };
+const _hoisted_9 = ["accept", "multiple", "disabled"];
+const _hoisted_10 = { class: "max-h-48 overflow-y-auto overflow-x-hidden" };
+const _hoisted_11 = ["title"];
+const _hoisted_12 = ["onClick"];
+const _hoisted_13 = { class: "mt-1 text-xs text-p-gray-40" };
 const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "PFileUpload"
@@ -174,8 +176,9 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     const fileInputRef = vue.shallowRef();
     const isDraggingOver = vue.ref(false);
     const toast = vueToastification.useToast();
+    const { t } = vueI18n.useI18n({ useScope: "global" });
     const { labelClasses, errorMsgClasses } = useInputClasses.useInputClasses(props);
-    const fileWord = vue.computed(() => props.multiple ? "files" : "file");
+    const fileWord = vue.computed(() => t("squirrel.file_upload_files", props.multiple ? 2 : 1));
     const files = vue.computed({
       get() {
         return Array.isArray(props.modelValue) ? props.modelValue : [props.modelValue];
@@ -201,7 +204,9 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
         const fileName = file.name || file.url;
         if (res.length + files.value.length >= props.maxNumberOfFiles) {
           if (!(props.multiple && props.maxNumberOfFiles === 1)) {
-            toast.error(`You can only upload a maximum of ${props.maxNumberOfFiles} ${fileWord.value}.`);
+            toast.error(
+              t("squirrel.file_upload_max_files_exceeded", { count: props.maxNumberOfFiles, fileWord: fileWord.value })
+            );
           }
           break;
         }
@@ -217,12 +222,14 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
           const extension = pFileUpload.getFileExtension(fileName) ? `.${pFileUpload.getFileExtension(fileName)}` : "";
           const isValidExtension = extension ? props.fileTypes.includes(extension) : false;
           if (!isValidExtension) {
-            toast.error(`${extension} files are not allowed.`);
+            toast.error(t("squirrel.file_upload_files_not_allowed", { extension }));
             continue;
           }
         }
         if ((file.size || 0) > props.maxSizeInBytes) {
-          toast.error(`File size of ${fileName} exceeds ${pFileUpload.formatBytes(props.maxSizeInBytes)}.`);
+          toast.error(
+            t("squirrel.file_upload_file_size_exceeded", { fileName, maxSize: pFileUpload.formatBytes(props.maxSizeInBytes) })
+          );
           continue;
         }
         res.push(file);
@@ -266,6 +273,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
       }
     });
     return (_ctx, _cache) => {
+      const _component_I18nT = vue.resolveComponent("I18nT");
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass([{ hidden: _ctx.$attrs.hidden }]),
         "data-has-error": !!__props.errorMsg
@@ -282,30 +290,37 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
             __props.errorMsg ? "border-on-error" : "border-p-gray-40 hover:border-primary",
             { "pointer-events-none opacity-50": __props.disabled }
           ]]),
-          "aria-label": "dropzone",
+          "aria-label": _ctx.$t("squirrel.file_upload_dropzone"),
           onDragover: _cache[1] || (_cache[1] = vue.withModifiers(($event) => isDraggingOver.value = true, ["prevent", "stop"])),
           onDragleave: _cache[2] || (_cache[2] = vue.withModifiers(($event) => isDraggingOver.value = false, ["prevent", "stop"])),
           onDrop: vue.withModifiers(onDrop, ["prevent", "stop"]),
           onClick: openFileDialog
         }, [
-          !maxFilesReached.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$3, [
-            !isDraggingOver.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$3, [
+          !maxFilesReached.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$3, [
+            !isDraggingOver.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$3, [
               vue.createVNode(pIcon_vue_vue_type_script_setup_true_lang._sfc_main, {
                 icon: "upload",
                 width: "32",
                 class: "text-p-gray-50"
               }),
-              vue.createElementVNode("div", _hoisted_4$3, [
-                _cache[3] || (_cache[3] = vue.createTextVNode(" Drag or ", -1)),
-                vue.createElementVNode("span", _hoisted_5$3, "select " + vue.toDisplayString(fileWord.value), 1)
+              vue.createElementVNode("div", _hoisted_5$3, [
+                vue.createVNode(_component_I18nT, {
+                  keypath: "squirrel.file_upload_drag_or_select",
+                  scope: "global"
+                }, {
+                  select: vue.withCtx(() => [
+                    vue.createElementVNode("span", _hoisted_6$3, vue.toDisplayString(_ctx.$t("squirrel.file_upload_select", { fileWord: fileWord.value })), 1)
+                  ]),
+                  _: 1
+                })
               ])
-            ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$3, [
+            ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$2, [
               vue.createVNode(pIcon_vue_vue_type_script_setup_true_lang._sfc_main, {
                 icon: "tdesign:drag-drop",
                 width: "32",
                 class: "text-primary"
               }),
-              vue.createElementVNode("div", _hoisted_7$1, "Drop " + vue.toDisplayString(fileWord.value), 1)
+              vue.createElementVNode("div", _hoisted_8, vue.toDisplayString(_ctx.$t("squirrel.file_upload_drop", { fileWord: fileWord.value })), 1)
             ])),
             vue.createElementVNode("input", {
               ref_key: "fileInputRef",
@@ -318,9 +333,9 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
               disabled: __props.disabled,
               "aria-hidden": "true",
               onChange: changeFieldValue
-            }, null, 40, _hoisted_8)
+            }, null, 40, _hoisted_9)
           ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_9, [
+          vue.createElementVNode("div", _hoisted_10, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(files.value, (file, index2) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 key: index2,
@@ -335,7 +350,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
                 vue.createElementVNode("div", {
                   class: "truncate",
                   title: file.name
-                }, vue.toDisplayString(file.name), 9, _hoisted_10),
+                }, vue.toDisplayString(file.name), 9, _hoisted_11),
                 vue.createElementVNode("button", {
                   class: "h-5 shrink-0 cursor-pointer overflow-hidden",
                   onClick: vue.withModifiers(($event) => removeFile(index2), ["stop"])
@@ -345,17 +360,20 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
                     width: "20",
                     class: "text-p-gray-60 hover:text-on-error"
                   })
-                ], 8, _hoisted_11)
+                ], 8, _hoisted_12)
               ], 2);
             }), 128))
           ])
-        ], 34),
+        ], 42, _hoisted_2$3),
         vue.withDirectives(vue.createElementVNode("div", {
           class: vue.normalizeClass(vue.unref(errorMsgClasses))
         }, vue.toDisplayString(__props.errorMsg), 3), [
           [vue.vShow, __props.errorMsg]
         ]),
-        vue.createElementVNode("div", _hoisted_12, vue.toDisplayString(__props.multiple ? `Max ${__props.maxNumberOfFiles}` : "One") + " " + vue.toDisplayString(acceptFileTypes.value) + " " + vue.toDisplayString(__props.multiple ? "files" : "file") + " with size less than " + vue.toDisplayString(vue.unref(pFileUpload.formatBytes)(__props.maxSizeInBytes)) + " " + vue.toDisplayString(__props.multiple ? "each" : ""), 1)
+        vue.createElementVNode("div", _hoisted_13, vue.toDisplayString(__props.multiple ? _ctx.$t("squirrel.file_upload_max", __props.maxNumberOfFiles) : _ctx.$t("squirrel.file_upload_one")) + " " + vue.toDisplayString(acceptFileTypes.value) + " " + vue.toDisplayString(_ctx.$t("squirrel.file_upload_files", __props.multiple ? 2 : 1)) + " " + vue.toDisplayString(_ctx.$t("squirrel.file_upload_with_size_less_than", {
+          count: __props.multiple ? 2 : 1,
+          maxSize: vue.unref(pFileUpload.formatBytes)(__props.maxSizeInBytes)
+        })), 1)
       ], 10, _hoisted_1$3);
     };
   }
@@ -370,7 +388,7 @@ const _hoisted_6$2 = {
   class: "ml-auto fill-p-purple-60 pl-2",
   src: pDropdownSelect_vue_vue_type_script_setup_true_lang._imports_0
 };
-const _hoisted_7 = {
+const _hoisted_7$1 = {
   key: 1,
   class: "ml-auto h-4 w-[26px] pl-2"
 };
@@ -581,7 +599,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
               ref: actionsContainer,
               class: "flex flex-row justify-between text-xs font-semibold text-primary"
             }, [
-              vue.createElementVNode("p", _hoisted_2$2, vue.toDisplayString(vue.unref(computedItems).length) + " items", 1),
+              vue.createElementVNode("p", _hoisted_2$2, vue.toDisplayString(_ctx.$t("squirrel.select_list_items", vue.unref(computedItems).length)), 1),
               vue.createElementVNode("div", _hoisted_3$2, [
                 vue.unref(computedItems).length === vue.unref(internalItems).length ? (vue.openBlock(), vue.createElementBlock("a", {
                   key: 0,
@@ -590,18 +608,18 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
                   ]),
                   onClick: _cache[0] || (_cache[0] = //@ts-ignore
                   (...args) => vue.unref(selectAll) && vue.unref(selectAll)(...args))
-                }, " Select all ", 2)) : (vue.openBlock(), vue.createElementBlock("a", {
+                }, vue.toDisplayString(_ctx.$t("squirrel.select_list_select_all")), 3)) : (vue.openBlock(), vue.createElementBlock("a", {
                   key: 1,
                   class: vue.normalizeClass([vue.unref(computedInsideSelected) ? "pointer-events-none opacity-50" : "cursor-pointer"]),
                   onClick: _cache[1] || (_cache[1] = //@ts-ignore
                   (...args) => vue.unref(selectAll) && vue.unref(selectAll)(...args))
-                }, " Select all filtered ", 2)),
+                }, vue.toDisplayString(_ctx.$t("squirrel.select_list_select_all_filtered")), 3)),
                 _cache[6] || (_cache[6] = vue.createElementVNode("span", { class: "px-1 leading-none" }, ".", -1)),
                 vue.createElementVNode("a", {
                   class: vue.normalizeClass([vue.unref(selectedItems).length ? "cursor-pointer" : "pointer-events-none opacity-50"]),
                   onClick: _cache[2] || (_cache[2] = //@ts-ignore
                   (...args) => vue.unref(clearAll) && vue.unref(clearAll)(...args))
-                }, " Clear all ", 2)
+                }, vue.toDisplayString(_ctx.$t("squirrel.select_list_clear_all")), 3)
               ])
             ], 512)) : vue.createCommentVNode("", true),
             __props.searchable ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -674,7 +692,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
                           }), 128))
                         ], 8, _hoisted_5$2)
                       ]),
-                      vue.unref(isSelected)(vue.unref(getValue)(row.index)) ? (vue.openBlock(), vue.createElementBlock("img", _hoisted_6$2)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7))
+                      vue.unref(isSelected)(vue.unref(getValue)(row.index)) ? (vue.openBlock(), vue.createElementBlock("img", _hoisted_6$2)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$1))
                     ], 2)
                   ], 14, _hoisted_4$2)), [
                     [_directive_close_popper, __props.closePopperOnSelect && !__props.multiple]
@@ -685,7 +703,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
             !vue.unref(computedItems).length ? vue.renderSlot(_ctx.$slots, "no-items", { key: 0 }, () => [
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(["flex items-center justify-center", vue.unref(pSelectList.SIZES)[__props.size]])
-              }, "No items found", 2)
+              }, vue.toDisplayString(_ctx.$t("squirrel.select_list_no_items_found")), 3)
             ]) : vue.createCommentVNode("", true)
           ], 6)
         ], 2),
@@ -958,20 +976,21 @@ const _imports_1 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewB
 const _imports_2 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1019_75842)'%3e%3cpath%20d='M11.8%2011.8933C11.75%2011.7716%2011.665%2011.6674%2011.5559%2011.5938C11.4467%2011.5203%2011.3183%2011.4807%2011.1866%2011.48H9.18664C9.16473%2011.4828%209.14248%2011.4812%209.12119%2011.4753C9.0999%2011.4694%209.07999%2011.4594%209.06262%2011.4457C9.04525%2011.4321%209.03077%2011.4151%209.02001%2011.3958C9.00926%2011.3765%209.00245%2011.3553%208.99997%2011.3333V1C8.99997%200.734784%208.89462%200.48043%208.70708%200.292893C8.51954%200.105357%208.26519%200%207.99997%200C7.73476%200%207.4804%200.105357%207.29287%200.292893C7.10533%200.48043%206.99997%200.734784%206.99997%201V11.3333C6.99997%2011.3775%206.98241%2011.4199%206.95116%2011.4512C6.9199%2011.4824%206.87751%2011.5%206.83331%2011.5H4.83331C4.70146%2011.5006%204.57273%2011.5402%204.46341%2011.6139C4.35409%2011.6876%204.26908%2011.7921%204.21913%2011.9141C4.16918%2012.0361%204.15653%2012.1702%204.18279%2012.2994C4.20904%2012.4286%204.27302%2012.5472%204.36664%2012.64L7.54664%2015.8267C7.60861%2015.8892%207.68235%2015.9387%207.76359%2015.9726C7.84483%2016.0064%207.93196%2016.0239%208.01997%2016.0239C8.10798%2016.0239%208.19512%2016.0064%208.27636%2015.9726C8.3576%2015.9387%208.43133%2015.8892%208.49331%2015.8267L11.6733%2012.64C11.7677%2012.5431%2011.8303%2012.4198%2011.853%2012.2864C11.8756%2012.153%2011.8571%2012.0159%2011.8%2011.8933Z'%20fill='%23424E6E'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1019_75842'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
 const _imports_3 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1019_80100)'%3e%3cpath%20d='M11.8%2011.8933C11.75%2011.7716%2011.665%2011.6674%2011.5559%2011.5938C11.4467%2011.5203%2011.3183%2011.4807%2011.1866%2011.48H9.18664C9.16473%2011.4828%209.14248%2011.4812%209.12119%2011.4753C9.0999%2011.4694%209.07999%2011.4594%209.06262%2011.4457C9.04525%2011.4321%209.03077%2011.4151%209.02001%2011.3958C9.00926%2011.3765%209.00245%2011.3553%208.99997%2011.3333V1C8.99997%200.734784%208.89462%200.48043%208.70708%200.292893C8.51954%200.105357%208.26519%200%207.99997%200C7.73476%200%207.4804%200.105357%207.29287%200.292893C7.10533%200.48043%206.99997%200.734784%206.99997%201V11.3333C6.99997%2011.3775%206.98241%2011.4199%206.95116%2011.4512C6.9199%2011.4824%206.87751%2011.5%206.83331%2011.5H4.83331C4.70146%2011.5006%204.57273%2011.5402%204.46341%2011.6139C4.35409%2011.6876%204.26908%2011.7921%204.21913%2011.9141C4.16918%2012.0361%204.15653%2012.1702%204.18279%2012.2994C4.20904%2012.4286%204.27302%2012.5472%204.36664%2012.64L7.54664%2015.8267C7.60861%2015.8892%207.68235%2015.9387%207.76359%2015.9726C7.84483%2016.0064%207.93196%2016.0239%208.01997%2016.0239C8.10798%2016.0239%208.19512%2016.0064%208.27636%2015.9726C8.3576%2015.9387%208.43133%2015.8892%208.49331%2015.8267L11.6733%2012.64C11.7677%2012.5431%2011.8303%2012.4198%2011.853%2012.2864C11.8756%2012.153%2011.8571%2012.0159%2011.8%2011.8933Z'%20fill='%23323CEB'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1019_80100'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
 const _hoisted_1 = { class: "flex items-center justify-between" };
-const _hoisted_2 = { class: "mt-2" };
-const _hoisted_3 = {
+const _hoisted_2 = { class: "px-4 text-xs font-semibold text-p-gray-40" };
+const _hoisted_3 = { class: "mt-2" };
+const _hoisted_4 = {
   key: 0,
   src: _imports_0
 };
-const _hoisted_4 = {
+const _hoisted_5 = {
   key: 1,
   src: _imports_1
 };
-const _hoisted_5 = {
+const _hoisted_6 = {
   key: 0,
   src: _imports_2
 };
-const _hoisted_6 = {
+const _hoisted_7 = {
   key: 1,
   src: _imports_3
 };
@@ -999,25 +1018,25 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", null, [
         vue.createElementVNode("div", _hoisted_1, [
-          _cache[3] || (_cache[3] = vue.createElementVNode("div", { class: "px-4 text-xs font-semibold text-p-gray-40" }, "SORT", -1)),
+          vue.createElementVNode("div", _hoisted_2, vue.toDisplayString(_ctx.$t("squirrel.table_sort_sort")), 1),
           vue.createElementVNode("div", {
             class: vue.normalizeClass([
               "px-4 text-xs font-semibold text-primary",
               [vue.unref(pTableSort.SORTING_TYPES).ASC, vue.unref(pTableSort.SORTING_TYPES).DESC].includes(__props.modelValue) ? "cursor-pointer opacity-100" : "opacity-50"
             ]),
             onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", vue.unref(pTableSort.SORTING_TYPES).NO_SORTING))
-          }, " Clear ", 2)
+          }, vue.toDisplayString(_ctx.$t("squirrel.table_sort_clear")), 3)
         ]),
-        vue.createElementVNode("div", _hoisted_2, [
+        vue.createElementVNode("div", _hoisted_3, [
           vue.createElementVNode("div", {
             class: "flex cursor-pointer items-center justify-between px-4 py-1 hover:bg-p-blue-10",
             onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:modelValue", vue.unref(pTableSort.SORTING_TYPES).ASC))
           }, [
             vue.createElementVNode("div", {
               class: vue.normalizeClass(["text-sm font-semibold text-p-purple-60", { "text-primary": __props.modelValue === vue.unref(pTableSort.SORTING_TYPES).ASC }])
-            }, " Sort ascending ", 2),
+            }, vue.toDisplayString(_ctx.$t("squirrel.table_sort_sort_ascending")), 3),
             vue.createElementVNode("div", null, [
-              __props.modelValue === vue.unref(pTableSort.SORTING_TYPES).NO_SORTING || __props.modelValue === vue.unref(pTableSort.SORTING_TYPES).DESC ? (vue.openBlock(), vue.createElementBlock("img", _hoisted_3)) : (vue.openBlock(), vue.createElementBlock("img", _hoisted_4))
+              __props.modelValue === vue.unref(pTableSort.SORTING_TYPES).NO_SORTING || __props.modelValue === vue.unref(pTableSort.SORTING_TYPES).DESC ? (vue.openBlock(), vue.createElementBlock("img", _hoisted_4)) : (vue.openBlock(), vue.createElementBlock("img", _hoisted_5))
             ])
           ]),
           vue.createElementVNode("div", {
@@ -1026,9 +1045,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           }, [
             vue.createElementVNode("div", {
               class: vue.normalizeClass(["text-sm font-semibold text-p-purple-60", { "text-primary": __props.modelValue === vue.unref(pTableSort.SORTING_TYPES).DESC }])
-            }, " Sort descending ", 2),
+            }, vue.toDisplayString(_ctx.$t("squirrel.table_sort_sort_descending")), 3),
             vue.createElementVNode("div", null, [
-              __props.modelValue === vue.unref(pTableSort.SORTING_TYPES).NO_SORTING || __props.modelValue === vue.unref(pTableSort.SORTING_TYPES).ASC ? (vue.openBlock(), vue.createElementBlock("img", _hoisted_5)) : (vue.openBlock(), vue.createElementBlock("img", _hoisted_6))
+              __props.modelValue === vue.unref(pTableSort.SORTING_TYPES).NO_SORTING || __props.modelValue === vue.unref(pTableSort.SORTING_TYPES).ASC ? (vue.openBlock(), vue.createElementBlock("img", _hoisted_6)) : (vue.openBlock(), vue.createElementBlock("img", _hoisted_7))
             ])
           ])
         ])
@@ -1036,6 +1055,39 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
+const squirrel$1 = { "close": "Close", "action_bar_clear_all": "Clear All", "select_list_items": "{count} item | {count} items", "select_list_select_all": "Select all", "select_list_select_all_filtered": "Select all filtered", "select_list_clear_all": "Clear all", "select_list_no_items_found": "No items found", "dropdown_select_aria_label": "Dropdown select", "dropdown_select_remove_item": "Remove item", "dropdown_select_clear_selection": "Clear selection", "dropdown_select_all_options_selected": "All options selected", "dropdown_select_options": "option | options", "dropdown_select_selected": "selected", "dropdown_select_items": "@:squirrel.select_list_items", "dropdown_select_select_all": "@:squirrel.select_list_select_all", "dropdown_select_select_all_filtered": "@:squirrel.select_list_select_all_filtered", "dropdown_select_clear_all": "@:squirrel.select_list_clear_all", "dropdown_select_add": "Add", "dropdown_select_no_items_found_type_to_add": "No items found. Type to add", "dropdown_select_no_items_found": "@:squirrel.select_list_no_items_found", "file_upload_dropzone": "dropzone", "file_upload_drag_or_select": "Drag or {select}", "file_upload_drop": "Drop {fileWord}", "file_upload_max": "Max {count}", "file_upload_one": "One", "file_upload_files": "file | files", "file_upload_select": "select {fileWord}", "file_upload_with_size_less_than": "with size less than {maxSize} | with size less than {maxSize} each", "file_upload_max_files_exceeded": "You can only upload a maximum of {count} {fileWord}.", "file_upload_files_not_allowed": "{extension} files are not allowed.", "file_upload_file_size_exceeded": "File size of {fileName} exceeds {maxSize}.", "input_search_press_enter_to_search": "Press enter to search", "input_search_clear_search_input": "Clear search input", "pagination_go_to_previous_page": "go to the previous page", "pagination_go_to_page": "go to page {page}", "pagination_go_to_next_page": "go to the next page", "pagination_info_showing_results": "Showing {from} to {to} of {count} results", "pagination_info_no_results_found": "No results found", "table_sort_sort": "SORT", "table_sort_clear": "Clear", "table_sort_sort_ascending": "Sort ascending", "table_sort_sort_descending": "Sort descending", "tabs_pills_aria_label": "Tabs Pills" };
+const enUS = {
+  squirrel: squirrel$1
+};
+const squirrel = { "close": "Fermer", "action_bar_clear_all": "Effacer tout", "select_list_items": "{count} élément | {count} éléments", "select_list_select_all": "Tout sélectionner", "select_list_select_all_filtered": "Sélectionner tout (filtré)", "select_list_clear_all": "Effacer tout", "select_list_no_items_found": "Aucun élément trouvé", "dropdown_select_aria_label": "Liste déroulante", "dropdown_select_remove_item": "Supprimer l'élément", "dropdown_select_clear_selection": "Effacer la sélection", "dropdown_select_all_options_selected": "Toutes les options sélectionnées", "dropdown_select_options": "option | options", "dropdown_select_selected": "sélectionné", "dropdown_select_items": "@:squirrel.select_list_items", "dropdown_select_select_all": "@:squirrel.select_list_select_all", "dropdown_select_select_all_filtered": "@:squirrel.select_list_select_all_filtered", "dropdown_select_clear_all": "@:squirrel.select_list_clear_all", "dropdown_select_add": "Ajouter", "dropdown_select_no_items_found_type_to_add": "Aucun élément trouvé. Tapez pour ajouter", "dropdown_select_no_items_found": "@:squirrel.select_list_no_items_found", "file_upload_dropzone": "zone de dépôt", "file_upload_drag_or_select": "Glisser ou {select}", "file_upload_drop": "Déposer {fileWord}", "file_upload_max": "Max {count}", "file_upload_one": "Un", "file_upload_files": "fichier | fichiers", "file_upload_select": "sélectionner {fileWord}", "file_upload_with_size_less_than": "avec une taille inférieure à {maxSize} | avec une taille inférieure à {maxSize} chacun", "file_upload_max_files_exceeded": "Vous ne pouvez télécharger qu'un maximum de {count} {fileWord}.", "file_upload_files_not_allowed": "Les fichiers {extension} ne sont pas autorisés.", "file_upload_file_size_exceeded": "La taille du fichier {fileName} dépasse {maxSize}.", "input_search_press_enter_to_search": "Appuyez sur Entrée pour rechercher", "input_search_clear_search_input": "Effacer la saisie de recherche", "pagination_go_to_previous_page": "aller à la page précédente", "pagination_go_to_page": "aller à la page {page}", "pagination_go_to_next_page": "aller à la page suivante", "pagination_info_showing_results": "Affichage de {from} à {to} sur {count} résultats", "pagination_info_no_results_found": "Aucun résultat trouvé", "table_sort_sort": "TRIER", "table_sort_clear": "Effacer", "table_sort_sort_ascending": "Trier par ordre croissant", "table_sort_sort_descending": "Trier par ordre décroissant", "tabs_pills_aria_label": "Onglets pilules" };
+const frCA = {
+  squirrel
+};
+const squirrelMessages = {
+  "en-US": enUS,
+  "fr-CA": frCA
+};
+const isSquirrelLocale = (locale) => {
+  return locale in squirrelMessages;
+};
+const SquirrelPlugin = {
+  install(app, i18n) {
+    const unwatch = vue.watchEffect(() => {
+      const currentLocale = i18n.global.locale.value;
+      if (isSquirrelLocale(currentLocale)) {
+        const existingMessages = i18n.global.getLocaleMessage(currentLocale);
+        if (!("squirrel" in existingMessages)) {
+          i18n.global.mergeLocaleMessage(currentLocale, squirrelMessages[currentLocale]);
+        }
+        if (Object.keys(squirrelMessages).every((locale) => i18n.global.availableLocales.includes(locale))) {
+          vue.nextTick(() => {
+            unwatch();
+          });
+        }
+      }
+    });
+  }
+};
 exports.PActionBar = pActionBar_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.PAlert = pAlert_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.PAvatar = pAvatar_vue_vue_type_script_setup_true_lang._sfc_main;
@@ -1109,3 +1161,4 @@ exports.PFileUpload = _sfc_main$3;
 exports.PSelectList = _sfc_main$2;
 exports.PTable = pTable;
 exports.PTableSort = _sfc_main;
+exports.SquirrelPlugin = SquirrelPlugin;

package/dist/cjs/p-drawer.js

@@ -113,7 +113,7 @@ const __default__ = vue.defineComponent({
      */
     closeLabel: {
       type: String,
-      default: "Close"
+      default: ""
     },
     /**
      * Whether to show the backdrop behind the drawer.
@@ -237,7 +237,7 @@ const __default__ = vue.defineComponent({
 });
 const __injectCSSVars__ = () => {
   vue.useCssVars((_ctx) => ({
-    "v0ae27020": _ctx.width
+    "v485968ad": _ctx.width
   }));
 };
 const __setup__ = __default__.setup;
@@ -309,7 +309,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             }, [
               _ctx.enableClose ? (vue.openBlock(), vue.createBlock(_component_PCloseBtn, {
                 key: 0,
-                "aria-label": _ctx.closeLabel,
+                "aria-label": _ctx.closeLabel || _ctx.$t("squirrel.close"),
                 class: "flex-0",
                 disabled: _ctx.disabled,
                 onClick: _ctx.close
@@ -354,5 +354,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["enter-active-class", "leave-active-class", "onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"])
   ], 8, ["to"])) : vue.createCommentVNode("", true);
 }
-const pDrawer = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(__default__, [["render", _sfc_render], ["__scopeId", "data-v-b08a9ced"]]);
+const pDrawer = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(__default__, [["render", _sfc_render], ["__scopeId", "data-v-e3739b6f"]]);
 module.exports = pDrawer;

package/dist/cjs/p-icon.js

@@ -19,6 +19,7 @@ const P_ICON_ALIASES = {
   archive: "solar:archive-outline",
   lock: "material-symbols:lock",
   "drag-horizontal": "ci:drag-horizontal",
+  "drag-vertical": "ci:drag-vertical",
   email: "tabler:mail-filled",
   location: "gridicons:location",
   calendar: "mdi:calendar-today",

package/dist/cjs/p-input-search.js

@@ -4,6 +4,7 @@ const pBtn_types = require("./chunks/p-btn.types.js");
 const pIcon_vue_vue_type_script_setup_true_lang = require("./chunks/p-icon.js");
 const pInput_vue_vue_type_script_setup_true_lang = require("./chunks/p-input.js");
 const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
+const _hoisted_1 = ["aria-label"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "PInputSearch",
@@ -104,7 +105,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           }, null, 2)), [
             [
               _directive_tooltip,
-              { content: "Press enter to search", delay: { show: 100, hide: 0 } },
+              { content: _ctx.$t("squirrel.input_search_press_enter_to_search"), delay: { show: 100, hide: 0 } },
               void 0,
               { bottom: true }
             ]
@@ -112,7 +113,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           query.value ? (vue.openBlock(), vue.createElementBlock("button", {
             key: 1,
             role: "button",
-            "aria-label": "Clear search input",
+            "aria-label": _ctx.$t("squirrel.input_search_clear_search_input"),
             class: vue.normalizeClass(["absolute cursor-pointer", clearIconClasses[__props.size]]),
             onClick: clearSearch
           }, [
@@ -120,12 +121,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               icon: "cancel-circle",
               class: "text-p-gray-40 hover:text-p-gray-50"
             })
-          ], 2)) : vue.createCommentVNode("", true)
+          ], 10, _hoisted_1)) : vue.createCommentVNode("", true)
         ]),
         _: 1
       }, 16, ["modelValue", "size"]);
     };
   }
 });
-const PInputSearch = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-ce44730a"]]);
+const PInputSearch = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-ed3f0628"]]);
 module.exports = PInputSearch;

package/dist/cjs/p-modal.js

@@ -190,7 +190,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   emits: ["before-open", "opening", "opened", "before-close", "closing", "closed", "update:modelValue", "click:overlay"],
   setup(__props, { emit: __emit }) {
     vue.useCssVars((_ctx) => ({
-      "a8364442": __props.maxWidth
+      "v19879df9": __props.maxWidth
     }));
     let animatingZIndex = 0;
     const emit = __emit;
@@ -405,7 +405,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         vue.createVNode(pCloseBtn, {
                           disabled: __props.disabled,
                           class: vue.normalizeClass({ invisible: !__props.enableClose }),
-                          "aria-label": __props.closeLabel,
+                          "aria-label": __props.closeLabel || _ctx.$t("squirrel.close"),
                           onClick: vue.withModifiers(close, ["prevent"])
                         }, null, 8, ["disabled", "class", "aria-label"])
                       ])
@@ -447,5 +447,5 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const pModal = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-5c370dbc"]]);
+const pModal = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-f666f5ac"]]);
 module.exports = pModal;

package/dist/es/chunks/p-action-bar.js

@@ -1,17 +1,19 @@
-import { defineComponent, createBlock, openBlock, Teleport, createElementBlock, createCommentVNode, mergeProps, createElementVNode, createVNode, toDisplayString, Fragment, renderList, withCtx, unref, resolveDynamicComponent } from "vue";
+import { defineComponent, createBlock, openBlock, Teleport, createElementBlock, createCommentVNode, mergeProps, createElementVNode, createVNode, toDisplayString, unref, Fragment, renderList, withCtx, resolveDynamicComponent } from "vue";
 import { _ as _sfc_main$1 } from "./p-btn.js";
 import PCloseBtn from "../p-close-btn.js";
 import PDropdown from "../p-dropdown.js";
 import { _ as _sfc_main$2 } from "./p-icon.js";
 import { isComponent } from "../component.js";
 import { isString } from "../string.js";
+import { useI18n } from "vue-i18n";
 const _hoisted_1 = { class: "flex h-12 w-max select-none items-center rounded-lg bg-p-purple-60 px-2 text-sm font-medium text-white" };
-const _hoisted_2 = { class: "mx-4 whitespace-nowrap" };
-const _hoisted_3 = { class: "flex" };
-const _hoisted_4 = { class: "flex items-center gap-2 px-1" };
+const _hoisted_2 = { class: "text-xs" };
+const _hoisted_3 = { class: "mx-4 whitespace-nowrap" };
+const _hoisted_4 = { class: "flex" };
 const _hoisted_5 = { class: "flex items-center gap-2 px-1" };
-const _hoisted_6 = { class: "bg-p-purple-60 py-2" };
-const _hoisted_7 = { class: "flex items-center gap-2 px-1" };
+const _hoisted_6 = { class: "flex items-center gap-2 px-1" };
+const _hoisted_7 = { class: "bg-p-purple-60 py-2" };
+const _hoisted_8 = { class: "flex items-center gap-2 px-1" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "PActionBar",
@@ -25,6 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["click:dismiss", "click:action"],
   setup(__props) {
+    const { t } = useI18n();
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Teleport, { to: "body" }, [
         __props.show ? (openBlock(), createElementBlock("div", mergeProps({
@@ -41,12 +44,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 variant: "dark",
                 class: "-mr-1"
               }),
-              _cache[1] || (_cache[1] = createElementVNode("div", { class: "text-xs" }, "Clear All", -1))
+              createElementVNode("div", _hoisted_2, toDisplayString(unref(t)("squirrel.action_bar_clear_all")), 1)
             ]),
-            _cache[2] || (_cache[2] = createElementVNode("div", { class: "h-9 w-0.5 shrink-0 rounded bg-p-purple-50" }, null, -1)),
-            createElementVNode("p", _hoisted_2, toDisplayString(__props.label), 1),
-            _cache[3] || (_cache[3] = createElementVNode("div", { class: "mr-2 h-9 w-0.5 shrink-0 rounded bg-p-purple-50" }, null, -1)),
-            createElementVNode("div", _hoisted_3, [
+            _cache[1] || (_cache[1] = createElementVNode("div", { class: "h-9 w-0.5 shrink-0 rounded bg-p-purple-50" }, null, -1)),
+            createElementVNode("p", _hoisted_3, toDisplayString(__props.label), 1),
+            _cache[2] || (_cache[2] = createElementVNode("div", { class: "mr-2 h-9 w-0.5 shrink-0 rounded bg-p-purple-50" }, null, -1)),
+            createElementVNode("div", _hoisted_4, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(__props.actions, (actionOrMenu) => {
                 return openBlock(), createElementBlock(Fragment, {
                   key: `action-${actionOrMenu.label}`
@@ -58,7 +61,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     onClick: ($event) => _ctx.$emit("click:action", actionOrMenu.name)
                   }, {
                     default: withCtx(() => [
-                      createElementVNode("div", _hoisted_4, [
+                      createElementVNode("div", _hoisted_5, [
                         unref(isComponent)(actionOrMenu.icon) ? (openBlock(), createBlock(resolveDynamicComponent(actionOrMenu.icon), {
                           key: 0,
                           class: "h-4 w-4"
@@ -78,7 +81,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     strategy: "fixed"
                   }, {
                     popper: withCtx(({ hide }) => [
-                      createElementVNode("ul", _hoisted_6, [
+                      createElementVNode("ul", _hoisted_7, [
                         (openBlock(true), createElementBlock(Fragment, null, renderList(actionOrMenu.subActions, (subaction) => {
                           return openBlock(), createElementBlock("li", {
                             key: `subaction-${subaction.name}`
@@ -90,7 +93,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                               onClick: ($event) => (_ctx.$emit("click:action", subaction.name), hide())
                             }, {
                               default: withCtx(() => [
-                                createElementVNode("div", _hoisted_7, [
+                                createElementVNode("div", _hoisted_8, [
                                   unref(isComponent)(subaction.icon) ? (openBlock(), createBlock(resolveDynamicComponent(subaction.icon), {
                                     key: 0,
                                     class: "h-4 w-4"
@@ -115,7 +118,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         type: "secondary-ghost-dark"
                       }, {
                         default: withCtx(() => [
-                          createElementVNode("div", _hoisted_5, [
+                          createElementVNode("div", _hoisted_6, [
                             unref(isComponent)(actionOrMenu.icon) ? (openBlock(), createBlock(resolveDynamicComponent(actionOrMenu.icon), {
                               key: 0,
                               class: "h-4 w-4"

package/dist/es/chunks/p-date-picker.js

@@ -1,6 +1,7 @@
 import { defineComponent, mergeModels, useModel, useAttrs, computed, createBlock, openBlock, unref, mergeProps, withCtx, createVNode, withKeys } from "vue";
 import { _ as _sfc_main$1 } from "./p-input.js";
 import VueDatePicker from "@vuepic/vue-datepicker";
+import { useI18n } from "vue-i18n";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "PDatePicker",
@@ -120,10 +121,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const model = useModel(__props, "modelValue");
+    const { locale } = useI18n();
     const attrs = useAttrs();
     const datePickerProps = computed(() => {
       const { modelValue: _, ...propsWithoutModelValue } = props;
-      return propsWithoutModelValue;
+      return { ...propsWithoutModelValue, locale: locale.value };
     });
     const inputPropsAndAttrs = computed(() => {
       const { class: classes, style, ...res } = attrs;