@pequity/squirrel 10.0.3 → 10.1.0

package/dist/es/chunks/p-dropdown-select.js

@@ -9,7 +9,7 @@ import { toString } from "../string.js";
 import { splitStringForHighlight } from "../text.js";
 import { omit } from "lodash-es";
 const _imports_0 = "data:image/svg+xml,%3csvg%20width='18'%20height='12'%20viewBox='0%200%2018%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.1383%200.166992L6.30411%209.83366L1.69828%205.27533L0.526611%206.46033L5.71578%2011.597C5.87174%2011.7509%206.08205%2011.8372%206.3012%2011.8372C6.52034%2011.8372%206.73065%2011.7509%206.88661%2011.597L17.3033%201.35366L16.1383%200.166992Z'%20fill='%231A123B'%20/%3e%3c/svg%3e";
-const _hoisted_1 = ["data-has-error"];
+const _hoisted_1 = ["data-has-error", "aria-label"];
 const _hoisted_2 = { class: "truncate text-left text-p-gray-40" };
 const _hoisted_3 = {
   key: 0,
@@ -19,25 +19,26 @@ const _hoisted_4 = {
   class: "max-w-[200px] truncate",
   "data-test": "pill-text"
 };
-const _hoisted_5 = ["onClick"];
+const _hoisted_5 = ["aria-label", "onClick"];
 const _hoisted_6 = {
   key: 1,
   class: "truncate text-left"
 };
-const _hoisted_7 = {
+const _hoisted_7 = ["aria-label"];
+const _hoisted_8 = {
   key: 0,
   class: "mt-3 px-3"
 };
-const _hoisted_8 = { class: "text-p-purple-60" };
-const _hoisted_9 = { class: "flex flex-row" };
-const _hoisted_10 = ["onClick"];
-const _hoisted_11 = ["title"];
-const _hoisted_12 = {
+const _hoisted_9 = { class: "text-p-purple-60" };
+const _hoisted_10 = { class: "flex flex-row" };
+const _hoisted_11 = ["onClick"];
+const _hoisted_12 = ["title"];
+const _hoisted_13 = {
   key: 0,
   class: "ml-auto fill-p-purple-60 pl-2",
   src: _imports_0
 };
-const _hoisted_13 = {
+const _hoisted_14 = {
   key: 1,
   class: "ml-auto h-4 w-[26px] pl-2"
 };
@@ -347,7 +348,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: normalizeClass([{ hidden: unref($attrs).hidden }, unref($attrs).class]),
         "data-has-error": !!__props.errorMsg,
         style: normalizeStyle(style.value),
-        "aria-label": "Dropdown select"
+        "aria-label": _ctx.$t("squirrel.dropdown_select_aria_label")
       }, [
         __props.label ? (openBlock(), createElementBlock("label", {
           key: 0,
@@ -365,15 +366,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "p-select-list": "",
               role: "listbox"
             }), [
-              __props.multiple || __props.searchable ? (openBlock(), createElementBlock("div", _hoisted_7, [
+              __props.multiple || __props.searchable ? (openBlock(), createElementBlock("div", _hoisted_8, [
                 __props.multiple ? (openBlock(), createElementBlock("div", {
                   key: 0,
                   ref_key: "actionsContainer",
                   ref: actionsContainer,
                   class: "flex flex-row justify-between text-xs font-semibold text-primary"
                 }, [
-                  createElementVNode("p", _hoisted_8, toDisplayString(unref(computedItems).length) + " items", 1),
-                  createElementVNode("div", _hoisted_9, [
+                  createElementVNode("p", _hoisted_9, toDisplayString(_ctx.$t("squirrel.dropdown_select_items", unref(computedItems).length)), 1),
+                  createElementVNode("div", _hoisted_10, [
                     unref(computedItems).length === unref(internalItems).length ? (openBlock(), createElementBlock("a", {
                       key: 0,
                       class: normalizeClass([
@@ -381,18 +382,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ]),
                       onClick: _cache[2] || (_cache[2] = //@ts-ignore
                       (...args) => unref(selectAll) && unref(selectAll)(...args))
-                    }, " Select all ", 2)) : (openBlock(), createElementBlock("a", {
+                    }, toDisplayString(_ctx.$t("squirrel.dropdown_select_select_all")), 3)) : (openBlock(), createElementBlock("a", {
                       key: 1,
                       class: normalizeClass([unref(computedInsideSelected) ? "pointer-events-none opacity-50" : "cursor-pointer"]),
                       onClick: _cache[3] || (_cache[3] = //@ts-ignore
                       (...args) => unref(selectAll) && unref(selectAll)(...args))
-                    }, " Select all filtered ", 2)),
+                    }, toDisplayString(_ctx.$t("squirrel.dropdown_select_select_all_filtered")), 3)),
                     _cache[7] || (_cache[7] = createElementVNode("span", { class: "px-1 leading-none" }, ".", -1)),
                     createElementVNode("a", {
                       class: normalizeClass([unref(selectedItems).length ? "cursor-pointer" : "pointer-events-none opacity-50"]),
                       onClick: _cache[4] || (_cache[4] = //@ts-ignore
                       (...args) => unref(clearAll) && unref(clearAll)(...args))
-                    }, " Clear all ", 2)
+                    }, toDisplayString(_ctx.$t("squirrel.dropdown_select_clear_all")), 3)
                   ])
                 ], 512)) : createCommentVNode("", true),
                 __props.searchable ? (openBlock(), createElementBlock("div", {
@@ -460,11 +461,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   class: normalizeClass({ "bg-p-blue-20": index === 1 })
                                 }, toDisplayString(str), 3);
                               }), 128))
-                            ], 8, _hoisted_11)
+                            ], 8, _hoisted_12)
                           ]),
-                          unref(isSelected)(unref(getValue)(row.index)) ? (openBlock(), createElementBlock("img", _hoisted_12)) : (openBlock(), createElementBlock("div", _hoisted_13))
+                          unref(isSelected)(unref(getValue)(row.index)) ? (openBlock(), createElementBlock("img", _hoisted_13)) : (openBlock(), createElementBlock("div", _hoisted_14))
                         ], 2)
-                      ], 14, _hoisted_10)), [
+                      ], 14, _hoisted_11)), [
                         [_directive_close_popper, !__props.multiple]
                       ])
                     ], 4);
@@ -480,11 +481,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       onClick: handleCreate
                     }, [
                       createVNode(_sfc_main$1, { icon: "fe:plus-circle" }),
-                      createTextVNode(" Add '" + toDisplayString(unref(search)) + "' ", 1)
+                      createTextVNode(" " + toDisplayString(_ctx.$t("squirrel.dropdown_select_add")) + " '" + toDisplayString(unref(search)) + "' ", 1)
                     ])) : __props.creatable ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                      createTextVNode("No items found. Type to add")
+                      createTextVNode(toDisplayString(_ctx.$t("squirrel.dropdown_select_no_items_found_type_to_add")), 1)
                     ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-                      createTextVNode("No items found")
+                      createTextVNode(toDisplayString(_ctx.$t("squirrel.dropdown_select_no_items_found")), 1)
                     ], 64))
                   ], 2)
                 ]) : createCommentVNode("", true)
@@ -523,7 +524,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       createElementVNode("button", {
                         type: "button",
                         class: "flex items-center justify-center text-p-gray-40 hover:text-p-gray-60",
-                        "aria-label": "Remove item",
+                        "aria-label": _ctx.$t("squirrel.dropdown_select_remove_item"),
                         "data-test": "pill-remove",
                         onClick: withModifiers(($event) => unref(select)($event, item[__props.itemValue]), ["stop"])
                       }, [
@@ -534,12 +535,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ], 8, _hoisted_5)
                     ], 2);
                   }), 128))
-                ])) : (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(__props.multiple ? unref(selectedItems).length === unref(computedItems).length ? "All options selected" : `${unref(selectedItems).length} option${unref(selectedItems).length > 1 ? "s" : ""} selected` : unref(selectedItems)[0][__props.itemText]), 1))
+                ])) : (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(__props.multiple ? unref(selectedItems).length === unref(computedItems).length ? _ctx.$t("squirrel.dropdown_select_all_options_selected") : `${unref(selectedItems).length} ${_ctx.$t("squirrel.dropdown_select_options", unref(selectedItems).length)} ${_ctx.$t("squirrel.dropdown_select_selected")}` : unref(selectedItems)[0][__props.itemText]), 1))
               ]),
               __props.clearable && unref(selectedItems).length ? (openBlock(), createElementBlock("button", {
                 key: 2,
                 class: normalizeClass(["absolute right-9 flex h-6 items-center justify-center text-base text-p-gray-40 hover:text-p-gray-60", [CLEAR_BUTTON_SPACING[__props.size]]]),
-                "aria-label": "Clear selection",
+                "aria-label": _ctx.$t("squirrel.dropdown_select_clear_selection"),
                 onClick: _cache[0] || (_cache[0] = withModifiers(
                   //@ts-ignore
                   (...args) => unref(clearAll) && unref(clearAll)(...args),
@@ -547,7 +548,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ))
               }, [
                 createVNode(_sfc_main$1, { icon: "fe:close" })
-              ], 2)) : createCommentVNode("", true)
+              ], 10, _hoisted_7)) : createCommentVNode("", true)
             ], 16)
           ]),
           _: 3

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

@@ -1,6 +1,7 @@
 import { defineComponent, mergeModels, useModel, useAttrs, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot, createVNode, withDirectives, unref, createCommentVNode, toDisplayString, mergeProps, createElementVNode, vShow } from "vue";
 import { useInputClasses } from "../useInputClasses.js";
 import VueDatePicker from "@vuepic/vue-datepicker";
+import { useI18n } from "vue-i18n";
 const _hoisted_1 = ["data-has-error"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -121,12 +122,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const model = useModel(__props, "modelValue");
+    const { locale } = useI18n();
     const attrs = useAttrs();
     const { labelClasses, errorMsgClasses } = useInputClasses(props);
     const datePickerProps = computed(() => {
       const { modelValue: _, ...propsWithoutModelValue } = props;
       const { class: classes, style: style2, ...attrsWithoutClassAndStyle } = attrs;
-      return { ...propsWithoutModelValue, ...attrsWithoutClassAndStyle };
+      return { ...propsWithoutModelValue, ...attrsWithoutClassAndStyle, locale: locale.value };
     });
     const style = computed(() => {
       return attrs.style;

package/dist/es/chunks/p-pagination-info.js

@@ -58,9 +58,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: "h-6 w-56"
       })) : (openBlock(), createElementBlock("div", _hoisted_1, [
         __props.count ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          createTextVNode("Showing " + toDisplayString(from.value) + " to " + toDisplayString(to.value) + " of " + toDisplayString(__props.count) + " results", 1)
+          createTextVNode(toDisplayString(_ctx.$t("squirrel.pagination_info_showing_results", { from: from.value, to: to.value, count: __props.count })), 1)
         ], 64)) : renderSlot(_ctx.$slots, "no-results", { key: 1 }, () => [
-          _cache[0] || (_cache[0] = createTextVNode("No results found", -1))
+          createTextVNode(toDisplayString(_ctx.$t("squirrel.pagination_info_no_results_found")), 1)
         ])
       ]));
     };

package/dist/es/chunks/p-pagination.js

@@ -6,9 +6,11 @@ const _hoisted_1 = {
   key: 1,
   class: "flex text-p-gray-40"
 };
-const _hoisted_2 = ["onClick"];
-const _hoisted_3 = { class: "flex" };
-const _hoisted_4 = ["aria-label"];
+const _hoisted_2 = ["aria-label"];
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "flex" };
+const _hoisted_5 = ["aria-label"];
+const _hoisted_6 = ["aria-label"];
 const DOTS = "...";
 const BTN_CLASS = "w-6 h-6 flex justify-center items-center mx-1 font-semibold text-sm leading-none";
 const BTN_ACTIVE_CLASS = "text-p-purple-60 bg-p-gray-30 rounded-lg";
@@ -84,41 +86,41 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         !__props.loading && pages.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_1, [
           createElementVNode("div", {
             class: normalizeClass([BTN_CLASS, Number(__props.modelValue) <= 1 ? ARROW_INACTIVE_CLASS : ARROW_ACTIVE_CLASS]),
-            "aria-label": "go to the previous page",
+            "aria-label": _ctx.$t("squirrel.pagination_go_to_previous_page"),
             onClick: _cache[0] || (_cache[0] = ($event) => setPage(Number(__props.modelValue) - 1))
           }, [
             createVNode(_sfc_main$1, {
               icon: "chevron-left",
               width: "24px"
             })
-          ], 2),
+          ], 10, _hoisted_2),
           (openBlock(true), createElementBlock(Fragment, null, renderList(pages.value, (page, index) => {
             return openBlock(), createElementBlock("div", {
               key: index,
               onClick: ($event) => setPage(Number(page))
             }, [
-              createElementVNode("div", _hoisted_3, [
+              createElementVNode("div", _hoisted_4, [
                 page !== DOTS ? (openBlock(), createElementBlock("div", {
                   key: 0,
                   class: normalizeClass([BTN_CLASS, page === __props.modelValue ? BTN_ACTIVE_CLASS : BTN_INACTIVE_CLASS]),
-                  "aria-label": `go to page ${page}`
-                }, toDisplayString(page), 11, _hoisted_4)) : (openBlock(), createElementBlock("div", {
+                  "aria-label": _ctx.$t("squirrel.pagination_go_to_page", { page })
+                }, toDisplayString(page), 11, _hoisted_5)) : (openBlock(), createElementBlock("div", {
                   key: 1,
                   class: normalizeClass(BTN_CLASS)
                 }, toDisplayString(DOTS)))
               ])
-            ], 8, _hoisted_2);
+            ], 8, _hoisted_3);
           }), 128)),
           createElementVNode("div", {
             class: normalizeClass([BTN_CLASS, __props.modelValue === pageCount.value ? ARROW_INACTIVE_CLASS : ARROW_ACTIVE_CLASS]),
-            "aria-label": "go to the next page",
+            "aria-label": _ctx.$t("squirrel.pagination_go_to_next_page"),
             onClick: _cache[1] || (_cache[1] = ($event) => setPage(Number(__props.modelValue) + 1))
           }, [
             createVNode(_sfc_main$1, {
               icon: "chevron-right",
               width: "24px"
             })
-          ], 2)
+          ], 10, _hoisted_6)
         ])) : createCommentVNode("", true)
       ], 64);
     };

package/dist/es/chunks/p-tabs-pills.js

@@ -1,10 +1,5 @@
 import { defineComponent, createElementBlock, openBlock, Fragment, renderList, normalizeClass, toDisplayString } from "vue";
-const _hoisted_1 = {
-  class: "flex h-6 w-fit flex-row space-x-1 overflow-x-auto rounded bg-p-gray-10 p-1 text-sm font-medium text-p-gray-50",
-  "aria-label": "Tabs Pills",
-  role: "tablist",
-  "aria-orientation": "horizontal"
-};
+const _hoisted_1 = ["aria-label"];
 const _hoisted_2 = ["disabled", "aria-selected", "data-tab", "aria-controls", "onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -20,7 +15,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("nav", _hoisted_1, [
+      return openBlock(), createElementBlock("nav", {
+        class: "flex h-6 w-fit flex-row space-x-1 overflow-x-auto rounded bg-p-gray-10 p-1 text-sm font-medium text-p-gray-50",
+        "aria-label": _ctx.$t("squirrel.tabs_pills_aria_label"),
+        role: "tablist",
+        "aria-orientation": "horizontal"
+      }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (tab) => {
           return openBlock(), createElementBlock("button", {
             key: String(tab[__props.itemValue]),
@@ -36,7 +36,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             onClick: ($event) => _ctx.$emit("update:modelValue", tab[__props.itemValue])
           }, toDisplayString(tab[__props.itemText]), 11, _hoisted_2);
         }), 128))
-      ]);
+      ], 8, _hoisted_1);
     };
   }
 });