@pequity/squirrel 10.0.3 → 10.1.0

package/dist/es/index.js

@@ -11,11 +11,12 @@ import { default as default5 } from "./p-drawer.js";
 import { default as default6 } from "./p-dropdown.js";
 import { _ as _imports_0$1 } from "./chunks/p-dropdown-select.js";
 import { a } from "./chunks/p-dropdown-select.js";
-import { defineComponent, shallowRef, ref, computed, onMounted, createElementBlock, openBlock, normalizeClass, createCommentVNode, createElementVNode, withDirectives, unref, toDisplayString, withModifiers, createVNode, createTextVNode, Fragment, renderList, vShow, useAttrs, resolveDirective, normalizeStyle, isRef, renderSlot, provide, useTemplateRef, onBeforeUnmount, watch, mergeProps, toHandlers, withCtx, createBlock } from "vue";
+import { defineComponent, shallowRef, ref, computed, onMounted, resolveComponent, createElementBlock, openBlock, normalizeClass, createCommentVNode, createElementVNode, withDirectives, unref, toDisplayString, withModifiers, createVNode, withCtx, Fragment, renderList, vShow, useAttrs, resolveDirective, normalizeStyle, isRef, renderSlot, provide, useTemplateRef, onBeforeUnmount, watch, mergeProps, toHandlers, createBlock, watchEffect, nextTick } from "vue";
 import { formatBytes, getFileExtension } from "./p-file-upload.js";
 import { _ as _sfc_main$4 } from "./chunks/p-icon.js";
 import { useInputClasses } from "./useInputClasses.js";
 import { uniq, kebabCase } from "lodash-es";
+import { useI18n } from "vue-i18n";
 import { useToast } from "vue-toastification";
 import { P_ICON_ALIASES } from "./p-icon.js";
 import { _ as _7 } from "./chunks/p-info-icon.js";
@@ -67,26 +68,27 @@ import { createPagingRange } from "./pagination.js";
 import { sanitizeUrl } from "./sanitization.js";
 import { i, u, C, Q, T } from "./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__ */ defineComponent({
   ...{
     name: "PFileUpload"
@@ -174,8 +176,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const fileInputRef = shallowRef();
     const isDraggingOver = ref(false);
     const toast = useToast();
+    const { t } = useI18n({ useScope: "global" });
     const { labelClasses, errorMsgClasses } = useInputClasses(props);
-    const fileWord = computed(() => props.multiple ? "files" : "file");
+    const fileWord = computed(() => t("squirrel.file_upload_files", props.multiple ? 2 : 1));
     const files = computed({
       get() {
         return Array.isArray(props.modelValue) ? props.modelValue : [props.modelValue];
@@ -201,7 +204,9 @@ const _sfc_main$3 = /* @__PURE__ */ 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__ */ defineComponent({
           const extension = getFileExtension(fileName) ? `.${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 ${formatBytes(props.maxSizeInBytes)}.`);
+          toast.error(
+            t("squirrel.file_upload_file_size_exceeded", { fileName, maxSize: formatBytes(props.maxSizeInBytes) })
+          );
           continue;
         }
         res.push(file);
@@ -266,6 +273,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
+      const _component_I18nT = resolveComponent("I18nT");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([{ hidden: _ctx.$attrs.hidden }]),
         "data-has-error": !!__props.errorMsg
@@ -282,30 +290,37 @@ const _sfc_main$3 = /* @__PURE__ */ 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] = withModifiers(($event) => isDraggingOver.value = true, ["prevent", "stop"])),
           onDragleave: _cache[2] || (_cache[2] = withModifiers(($event) => isDraggingOver.value = false, ["prevent", "stop"])),
           onDrop: withModifiers(onDrop, ["prevent", "stop"]),
           onClick: openFileDialog
         }, [
-          !maxFilesReached.value ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
-            !isDraggingOver.value ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
+          !maxFilesReached.value ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
+            !isDraggingOver.value ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
               createVNode(_sfc_main$4, {
                 icon: "upload",
                 width: "32",
                 class: "text-p-gray-50"
               }),
-              createElementVNode("div", _hoisted_4$3, [
-                _cache[3] || (_cache[3] = createTextVNode(" Drag or ", -1)),
-                createElementVNode("span", _hoisted_5$3, "select " + toDisplayString(fileWord.value), 1)
+              createElementVNode("div", _hoisted_5$3, [
+                createVNode(_component_I18nT, {
+                  keypath: "squirrel.file_upload_drag_or_select",
+                  scope: "global"
+                }, {
+                  select: withCtx(() => [
+                    createElementVNode("span", _hoisted_6$3, toDisplayString(_ctx.$t("squirrel.file_upload_select", { fileWord: fileWord.value })), 1)
+                  ]),
+                  _: 1
+                })
               ])
-            ])) : (openBlock(), createElementBlock("div", _hoisted_6$3, [
+            ])) : (openBlock(), createElementBlock("div", _hoisted_7$2, [
               createVNode(_sfc_main$4, {
                 icon: "tdesign:drag-drop",
                 width: "32",
                 class: "text-primary"
               }),
-              createElementVNode("div", _hoisted_7$1, "Drop " + toDisplayString(fileWord.value), 1)
+              createElementVNode("div", _hoisted_8, toDisplayString(_ctx.$t("squirrel.file_upload_drop", { fileWord: fileWord.value })), 1)
             ])),
             createElementVNode("input", {
               ref_key: "fileInputRef",
@@ -318,9 +333,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
               disabled: __props.disabled,
               "aria-hidden": "true",
               onChange: changeFieldValue
-            }, null, 40, _hoisted_8)
+            }, null, 40, _hoisted_9)
           ])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_9, [
+          createElementVNode("div", _hoisted_10, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(files.value, (file, index) => {
               return openBlock(), createElementBlock("div", {
                 key: index,
@@ -335,7 +350,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                 createElementVNode("div", {
                   class: "truncate",
                   title: file.name
-                }, toDisplayString(file.name), 9, _hoisted_10),
+                }, toDisplayString(file.name), 9, _hoisted_11),
                 createElementVNode("button", {
                   class: "h-5 shrink-0 cursor-pointer overflow-hidden",
                   onClick: withModifiers(($event) => removeFile(index), ["stop"])
@@ -345,17 +360,20 @@ const _sfc_main$3 = /* @__PURE__ */ 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),
         withDirectives(createElementVNode("div", {
           class: normalizeClass(unref(errorMsgClasses))
         }, toDisplayString(__props.errorMsg), 3), [
           [vShow, __props.errorMsg]
         ]),
-        createElementVNode("div", _hoisted_12, toDisplayString(__props.multiple ? `Max ${__props.maxNumberOfFiles}` : "One") + " " + toDisplayString(acceptFileTypes.value) + " " + toDisplayString(__props.multiple ? "files" : "file") + " with size less than " + toDisplayString(unref(formatBytes)(__props.maxSizeInBytes)) + " " + toDisplayString(__props.multiple ? "each" : ""), 1)
+        createElementVNode("div", _hoisted_13, toDisplayString(__props.multiple ? _ctx.$t("squirrel.file_upload_max", __props.maxNumberOfFiles) : _ctx.$t("squirrel.file_upload_one")) + " " + toDisplayString(acceptFileTypes.value) + " " + toDisplayString(_ctx.$t("squirrel.file_upload_files", __props.multiple ? 2 : 1)) + " " + toDisplayString(_ctx.$t("squirrel.file_upload_with_size_less_than", {
+          count: __props.multiple ? 2 : 1,
+          maxSize: unref(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: _imports_0$1
 };
-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__ */ defineComponent({
               ref: actionsContainer,
               class: "flex flex-row justify-between text-xs font-semibold text-primary"
             }, [
-              createElementVNode("p", _hoisted_2$2, toDisplayString(unref(computedItems).length) + " items", 1),
+              createElementVNode("p", _hoisted_2$2, toDisplayString(_ctx.$t("squirrel.select_list_items", unref(computedItems).length)), 1),
               createElementVNode("div", _hoisted_3$2, [
                 unref(computedItems).length === unref(internalItems).length ? (openBlock(), createElementBlock("a", {
                   key: 0,
@@ -590,18 +608,18 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                   ]),
                   onClick: _cache[0] || (_cache[0] = //@ts-ignore
                   (...args) => unref(selectAll) && unref(selectAll)(...args))
-                }, " Select all ", 2)) : (openBlock(), createElementBlock("a", {
+                }, toDisplayString(_ctx.$t("squirrel.select_list_select_all")), 3)) : (openBlock(), createElementBlock("a", {
                   key: 1,
                   class: normalizeClass([unref(computedInsideSelected) ? "pointer-events-none opacity-50" : "cursor-pointer"]),
                   onClick: _cache[1] || (_cache[1] = //@ts-ignore
                   (...args) => unref(selectAll) && unref(selectAll)(...args))
-                }, " Select all filtered ", 2)),
+                }, toDisplayString(_ctx.$t("squirrel.select_list_select_all_filtered")), 3)),
                 _cache[6] || (_cache[6] = createElementVNode("span", { class: "px-1 leading-none" }, ".", -1)),
                 createElementVNode("a", {
                   class: normalizeClass([unref(selectedItems).length ? "cursor-pointer" : "pointer-events-none opacity-50"]),
                   onClick: _cache[2] || (_cache[2] = //@ts-ignore
                   (...args) => unref(clearAll) && unref(clearAll)(...args))
-                }, " Clear all ", 2)
+                }, toDisplayString(_ctx.$t("squirrel.select_list_clear_all")), 3)
               ])
             ], 512)) : createCommentVNode("", true),
             __props.searchable ? (openBlock(), createElementBlock("div", {
@@ -674,7 +692,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                           }), 128))
                         ], 8, _hoisted_5$2)
                       ]),
-                      unref(isSelected)(unref(getValue)(row.index)) ? (openBlock(), createElementBlock("img", _hoisted_6$2)) : (openBlock(), createElementBlock("div", _hoisted_7))
+                      unref(isSelected)(unref(getValue)(row.index)) ? (openBlock(), createElementBlock("img", _hoisted_6$2)) : (openBlock(), 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__ */ defineComponent({
             !unref(computedItems).length ? renderSlot(_ctx.$slots, "no-items", { key: 0 }, () => [
               createElementVNode("div", {
                 class: normalizeClass(["flex items-center justify-center", unref(SIZES)[__props.size]])
-              }, "No items found", 2)
+              }, toDisplayString(_ctx.$t("squirrel.select_list_no_items_found")), 3)
             ]) : 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__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
         createElementVNode("div", _hoisted_1, [
-          _cache[3] || (_cache[3] = createElementVNode("div", { class: "px-4 text-xs font-semibold text-p-gray-40" }, "SORT", -1)),
+          createElementVNode("div", _hoisted_2, toDisplayString(_ctx.$t("squirrel.table_sort_sort")), 1),
           createElementVNode("div", {
             class: normalizeClass([
               "px-4 text-xs font-semibold text-primary",
               [unref(SORTING_TYPES).ASC, unref(SORTING_TYPES).DESC].includes(__props.modelValue) ? "cursor-pointer opacity-100" : "opacity-50"
             ]),
             onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", unref(SORTING_TYPES).NO_SORTING))
-          }, " Clear ", 2)
+          }, toDisplayString(_ctx.$t("squirrel.table_sort_clear")), 3)
         ]),
-        createElementVNode("div", _hoisted_2, [
+        createElementVNode("div", _hoisted_3, [
           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", unref(SORTING_TYPES).ASC))
           }, [
             createElementVNode("div", {
               class: normalizeClass(["text-sm font-semibold text-p-purple-60", { "text-primary": __props.modelValue === unref(SORTING_TYPES).ASC }])
-            }, " Sort ascending ", 2),
+            }, toDisplayString(_ctx.$t("squirrel.table_sort_sort_ascending")), 3),
             createElementVNode("div", null, [
-              __props.modelValue === unref(SORTING_TYPES).NO_SORTING || __props.modelValue === unref(SORTING_TYPES).DESC ? (openBlock(), createElementBlock("img", _hoisted_3)) : (openBlock(), createElementBlock("img", _hoisted_4))
+              __props.modelValue === unref(SORTING_TYPES).NO_SORTING || __props.modelValue === unref(SORTING_TYPES).DESC ? (openBlock(), createElementBlock("img", _hoisted_4)) : (openBlock(), createElementBlock("img", _hoisted_5))
             ])
           ]),
           createElementVNode("div", {
@@ -1026,9 +1045,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, [
             createElementVNode("div", {
               class: normalizeClass(["text-sm font-semibold text-p-purple-60", { "text-primary": __props.modelValue === unref(SORTING_TYPES).DESC }])
-            }, " Sort descending ", 2),
+            }, toDisplayString(_ctx.$t("squirrel.table_sort_sort_descending")), 3),
             createElementVNode("div", null, [
-              __props.modelValue === unref(SORTING_TYPES).NO_SORTING || __props.modelValue === unref(SORTING_TYPES).ASC ? (openBlock(), createElementBlock("img", _hoisted_5)) : (openBlock(), createElementBlock("img", _hoisted_6))
+              __props.modelValue === unref(SORTING_TYPES).NO_SORTING || __props.modelValue === unref(SORTING_TYPES).ASC ? (openBlock(), createElementBlock("img", _hoisted_6)) : (openBlock(), createElementBlock("img", _hoisted_7))
             ])
           ])
         ])
@@ -1036,6 +1055,39 @@ const _sfc_main = /* @__PURE__ */ 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 = 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))) {
+          nextTick(() => {
+            unwatch();
+          });
+        }
+      }
+    });
+  }
+};
 export {
   CURRENCY_INPUT_DEFAULTS,
   MIN_WIDTH_COL_RESIZE,
@@ -1084,6 +1136,7 @@ export {
   P_ICON_ALIASES,
   S as SIZES,
   SORTING_TYPES,
+  SquirrelPlugin,
   i as cn,
   u as cnBase,
   colsInjectionKey,

package/dist/es/p-drawer.js

@@ -112,7 +112,7 @@ const __default__ = defineComponent({
      */
     closeLabel: {
       type: String,
-      default: "Close"
+      default: ""
     },
     /**
      * Whether to show the backdrop behind the drawer.
@@ -236,7 +236,7 @@ const __default__ = defineComponent({
 });
 const __injectCSSVars__ = () => {
   useCssVars((_ctx) => ({
-    "v0ae27020": _ctx.width
+    "v485968ad": _ctx.width
   }));
 };
 const __setup__ = __default__.setup;
@@ -308,7 +308,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             }, [
               _ctx.enableClose ? (openBlock(), 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
@@ -353,7 +353,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["enter-active-class", "leave-active-class", "onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"])
   ], 8, ["to"])) : createCommentVNode("", true);
 }
-const pDrawer = /* @__PURE__ */ _export_sfc(__default__, [["render", _sfc_render], ["__scopeId", "data-v-b08a9ced"]]);
+const pDrawer = /* @__PURE__ */ _export_sfc(__default__, [["render", _sfc_render], ["__scopeId", "data-v-e3739b6f"]]);
 export {
   pDrawer as default
 };

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

@@ -3,6 +3,7 @@ import { S as SIZES } from "./chunks/p-btn.types.js";
 import { _ as _sfc_main$2 } from "./chunks/p-icon.js";
 import { _ as _sfc_main$1 } from "./chunks/p-input.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const _hoisted_1 = ["aria-label"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "PInputSearch",
@@ -103,7 +104,7 @@ const _sfc_main = /* @__PURE__ */ 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 }
             ]
@@ -111,7 +112,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           query.value ? (openBlock(), createElementBlock("button", {
             key: 1,
             role: "button",
-            "aria-label": "Clear search input",
+            "aria-label": _ctx.$t("squirrel.input_search_clear_search_input"),
             class: normalizeClass(["absolute cursor-pointer", clearIconClasses[__props.size]]),
             onClick: clearSearch
           }, [
@@ -119,14 +120,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               icon: "cancel-circle",
               class: "text-p-gray-40 hover:text-p-gray-50"
             })
-          ], 2)) : createCommentVNode("", true)
+          ], 10, _hoisted_1)) : createCommentVNode("", true)
         ]),
         _: 1
       }, 16, ["modelValue", "size"]);
     };
   }
 });
-const PInputSearch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ce44730a"]]);
+const PInputSearch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ed3f0628"]]);
 export {
   PInputSearch as default
 };

package/dist/es/p-modal.js

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

package/dist/squirrel/index.d.ts

@@ -1,6 +1,7 @@
 import './assets/squirrel.css';
 export * from './components';
 export * from './composables';
+export * from './plugin';
 export * from './tailwind/config';
 export * from './utils';
 export * from 'tailwind-variants';

package/dist/squirrel/plugin/index.d.ts

@@ -0,0 +1,11 @@
+import { type Plugin } from 'vue';
+/**
+ * Squirrel Vue Plugin for i18n integration.
+ *
+ * This plugin merges Squirrel's translations with the consumer's existing i18n instance.
+ * This ensures there's only one i18n instance and no component/directive conflicts.
+ *
+ * @param app - Vue application instance
+ * @param i18n - The consumer's i18n instance with mergeLocaleMessage support
+ */
+export declare const SquirrelPlugin: Plugin;