@pequity/squirrel 5.4.1 → 5.4.3

package/dist/es/index.js

@@ -7,54 +7,54 @@ import { _ as _2 } from "./chunks/p-card.js";
 import { default as default5 } from "./p-checkbox.js";
 import { default as default6 } from "./p-chips.js";
 import { default as default7 } from "./p-close-btn.js";
-import { default as default8 } from "./p-date-picker.js";
-import { default as default9 } from "./p-drawer.js";
-import { default as default10 } from "./p-dropdown.js";
+import { _ as _3 } from "./chunks/p-date-picker.js";
+import { default as default8 } from "./p-drawer.js";
+import { default as default9 } from "./p-dropdown.js";
 import { _ as _imports_0$2 } from "./chunks/p-dropdown-select.js";
 import { a as a2 } from "./chunks/p-dropdown-select.js";
-import { defineComponent, shallowRef, ref, computed, onMounted, openBlock, createElementBlock, normalizeClass, unref, toDisplayString, createCommentVNode, createElementVNode, withModifiers, createTextVNode, Fragment, renderList, withDirectives, vShow, pushScopeId, popScopeId, useAttrs, resolveDirective, normalizeStyle, createVNode, isRef, renderSlot, provide, onBeforeUnmount, watch, mergeProps, toHandlers } from "vue";
+import { defineComponent, shallowRef, ref, computed, onMounted, openBlock, createElementBlock, normalizeClass, unref, toDisplayString, createCommentVNode, createElementVNode, withModifiers, createTextVNode, Fragment, renderList, withDirectives, vShow, useAttrs, resolveDirective, normalizeStyle, createVNode, isRef, renderSlot, provide, onBeforeUnmount, watch, mergeProps, toHandlers } from "vue";
 import { formatBytes, getFileExtension } from "./p-file-upload.js";
 import { uniq, kebabCase } from "lodash-es";
 import { useInputClasses } from "./useInputClasses.js";
 import { useToast } from "vue-toastification";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
-import { default as default11 } from "./p-table-filter-icon.js";
-import { default as default12 } from "./p-info-icon.js";
-import { default as default13 } from "./p-inline-date-picker.js";
-import { default as default14 } from "./p-input.js";
-import { default as default15 } from "./p-input-number.js";
-import { _ as _3 } from "./chunks/p-input-percent.js";
+import { default as default10 } from "./p-table-filter-icon.js";
+import { default as default11 } from "./p-info-icon.js";
+import { _ as _4 } from "./chunks/p-inline-date-picker.js";
+import { default as default12 } from "./p-input.js";
+import { default as default13 } from "./p-input-number.js";
+import { _ as _5 } from "./chunks/p-input-percent.js";
 import PInputSearch from "./p-input-search.js";
-import { _ as _4 } from "./chunks/p-link.js";
-import { default as default16 } from "./p-loading.js";
-import { default as default17 } from "./p-modal.js";
-import { _ as _5 } from "./chunks/p-pagination.js";
-import { _ as _6 } from "./chunks/p-pagination-info.js";
-import { default as default18 } from "./p-progress-bar.js";
-import { _ as _7 } from "./chunks/p-ring-loader.js";
-import { _ as _8 } from "./chunks/p-select.js";
-import { _ as _9 } from "./chunks/p-select-btn.js";
+import { _ as _6 } from "./chunks/p-link.js";
+import { default as default14 } from "./p-loading.js";
+import { default as default15 } from "./p-modal.js";
+import { _ as _7 } from "./chunks/p-pagination.js";
+import { _ as _8 } from "./chunks/p-pagination-info.js";
+import { default as default16 } from "./p-progress-bar.js";
+import { _ as _9 } from "./chunks/p-ring-loader.js";
+import { _ as _10 } from "./chunks/p-select.js";
+import { _ as _11 } from "./chunks/p-select-btn.js";
 import { SIZES } from "./p-select-list.js";
 import { splitStringForHighlight } from "./text.js";
 import { toString } from "./string.js";
 import { useSelectList } from "./useSelectList.js";
-import { default as default19 } from "./p-select-pill.js";
-import { default as default20 } from "./p-skeleton-loader.js";
+import { default as default17 } from "./p-select-pill.js";
+import { default as default18 } from "./p-skeleton-loader.js";
 import PTableHeaderCell from "./p-table-header-cell.js";
 import { colsInjectionKey, isFirstColFixedInjectionKey, isLastColFixedInjectionKey, isColsResizableInjectionKey } from "./p-table.js";
 import { MIN_WIDTH_COL_RESIZE } from "./p-table.js";
 import { usePTableColResize } from "./usePTableColResize.js";
-import { _ as _10 } from "./chunks/p-table-loader.js";
+import { _ as _12 } from "./chunks/p-table-loader.js";
 import { SORTING_TYPES } from "./p-table-sort.js";
-import { default as default21 } from "./p-table-td.js";
-import { _ as _11 } from "./chunks/p-tabs.js";
-import { default as default22 } from "./p-textarea.js";
-import { default as default23 } from "./p-toggle.js";
+import { default as default19 } from "./p-table-td.js";
+import { _ as _13 } from "./chunks/p-tabs.js";
+import { default as default20 } from "./p-textarea.js";
+import { default as default21 } from "./p-toggle.js";
 import { P_ICON_ALIASES } from "./p-icon.js";
 import { usePLoading } from "./usePLoading.js";
 import { usePModal } from "./usePModal.js";
 import { usePTableRowVirtualizer } from "./usePTableRowVirtualizer.js";
-import { default as default24 } from "./inputClassesMixin.js";
+import { default as default22 } from "./inputClassesMixin.js";
 import { CURRENCY_INPUT_DEFAULTS } from "./currency.js";
 import { getColor, getColorDeep, getScreen } from "./tailwind.js";
 import { ERROR_MSG, INPUT_BASE, INPUT_ERROR, INPUT_NORMAL, INPUT_SIZES, LABEL_BASE, LABEL_REQUIRED, LABEL_SIZES, SELECT_ARROW, SELECT_BASE, SELECT_SIZES, SPACING_LEFT, SPACING_PREFIX, SPACING_RIGHT, SPACING_SUFFIX, TEXTAREA_BASE } from "./inputClassesShared.js";
@@ -66,7 +66,6 @@ import { setupListKeyboardNavigation } from "./listKeyboardNavigation.js";
 import { toNumberOrNull } from "./number.js";
 const _imports_0$1 = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.8335%206.25016L10.0002%202.0835L14.1668%206.25016'%20stroke='%23767189'%20stroke-width='1.25'%20/%3e%3cpath%20d='M10%202.0835V13.7502'%20stroke='%23767189'%20stroke-width='1.25'%20/%3e%3cpath%20d='M2.91675%2015V18.3333H17.0834V15'%20stroke='%23767189'%20stroke-width='1.25'%20/%3e%3c/svg%3e";
 const _imports_1$1 = "data:image/svg+xml,%3csvg%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M33%2012H14V44H42V21L33%2012Z'%20stroke='%231A123B'%20stroke-width='3'%20/%3e%3cpath%20d='M9%2036H6V4H25L28%207'%20stroke='%231A123B'%20stroke-width='3'%20/%3e%3cpath%20d='M37%2030H19M28%2021V39'%20stroke='%231A123B'%20stroke-width='3'%20/%3e%3c/svg%3e";
-const _withScopeId = (n) => (pushScopeId("data-v-d07a8f64"), n = n(), popScopeId(), n);
 const _hoisted_1$3 = ["data-has-error"];
 const _hoisted_2$3 = {
   key: 0,
@@ -76,26 +75,18 @@ const _hoisted_3$3 = {
   key: 0,
   class: "flex flex-col items-center"
 };
-const _hoisted_4$3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
-  src: _imports_0$1,
-  class: "h-8 w-8"
-}, null, -1));
-const _hoisted_5$3 = { class: "mt-2 text-p-gray-50" };
-const _hoisted_6$3 = { class: "text-p-blue-60" };
-const _hoisted_7$2 = {
+const _hoisted_4$3 = { class: "mt-2 text-p-gray-50" };
+const _hoisted_5$3 = { class: "text-p-blue-60" };
+const _hoisted_6$3 = {
   key: 1,
   class: "flex flex-col items-center"
 };
-const _hoisted_8 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
-  src: _imports_1$1,
-  class: "h-8 w-8"
-}, null, -1));
-const _hoisted_9 = { class: "mt-2 text-p-purple-60" };
-const _hoisted_10 = ["accept", "multiple", "disabled"];
-const _hoisted_11 = { class: "max-h-48 overflow-y-auto overflow-x-hidden" };
-const _hoisted_12 = ["title"];
-const _hoisted_13 = ["onClick"];
-const _hoisted_14 = { class: "mt-1 text-xs text-p-gray-40" };
+const _hoisted_7 = { 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 _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...{
     name: "PFileUpload"
@@ -266,14 +257,20 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         }, [
           !maxFilesReached.value ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
             !isDraggingOver.value ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
-              _hoisted_4$3,
-              createElementVNode("div", _hoisted_5$3, [
-                createTextVNode(" Drag or "),
-                createElementVNode("span", _hoisted_6$3, "select " + toDisplayString(fileWord.value), 1)
+              _cache[4] || (_cache[4] = createElementVNode("img", {
+                src: _imports_0$1,
+                class: "h-8 w-8"
+              }, null, -1)),
+              createElementVNode("div", _hoisted_4$3, [
+                _cache[3] || (_cache[3] = createTextVNode(" Drag or ")),
+                createElementVNode("span", _hoisted_5$3, "select " + toDisplayString(fileWord.value), 1)
               ])
-            ])) : (openBlock(), createElementBlock("div", _hoisted_7$2, [
-              _hoisted_8,
-              createElementVNode("div", _hoisted_9, "Drop " + toDisplayString(fileWord.value), 1)
+            ])) : (openBlock(), createElementBlock("div", _hoisted_6$3, [
+              _cache[5] || (_cache[5] = createElementVNode("img", {
+                src: _imports_1$1,
+                class: "h-8 w-8"
+              }, null, -1)),
+              createElementVNode("div", _hoisted_7, "Drop " + toDisplayString(fileWord.value), 1)
             ])),
             createElementVNode("input", {
               ref_key: "fileInputRef",
@@ -286,9 +283,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
               disabled: __props.disabled,
               "aria-hidden": "true",
               onChange: changeFieldValue
-            }, null, 40, _hoisted_10)
+            }, null, 40, _hoisted_8)
           ])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_11, [
+          createElementVNode("div", _hoisted_9, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(files.value, (file, index) => {
               return openBlock(), createElementBlock("div", {
                 key: index,
@@ -303,11 +300,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                 createElementVNode("div", {
                   class: "truncate",
                   title: file.name
-                }, toDisplayString(file.name), 9, _hoisted_12),
+                }, toDisplayString(file.name), 9, _hoisted_10),
                 createElementVNode("button", {
                   class: "bg-file-upload-x-icon h-4 w-4 shrink-0 cursor-pointer",
                   onClick: withModifiers(($event) => removeFile(index), ["stop"])
-                }, null, 8, _hoisted_13)
+                }, null, 8, _hoisted_11)
               ], 2);
             }), 128))
           ])
@@ -317,7 +314,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         }, toDisplayString(__props.errorMsg), 3), [
           [vShow, __props.errorMsg]
         ]),
-        createElementVNode("div", _hoisted_14, 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_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)
       ], 10, _hoisted_1$3);
     };
   }
@@ -326,10 +323,9 @@ const pFileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "dat
 const _hoisted_1$2 = ["data-has-error"];
 const _hoisted_2$2 = { class: "text-p-purple-60" };
 const _hoisted_3$2 = { class: "flex flex-row" };
-const _hoisted_4$2 = /* @__PURE__ */ createElementVNode("span", { class: "px-1 leading-none" }, ".", -1);
-const _hoisted_5$2 = ["onClick"];
-const _hoisted_6$2 = ["title"];
-const _hoisted_7$1 = {
+const _hoisted_4$2 = ["onClick"];
+const _hoisted_5$2 = ["title"];
+const _hoisted_6$2 = {
   key: 0,
   class: "ml-auto fill-p-purple-60 pl-2",
   src: _imports_0$2
@@ -449,6 +445,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     closePopperOnSelect: {
       type: Boolean,
       default: true
+    },
+    /**
+     * Focus the search input on mount
+     */
+    focusSearchOnMount: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["update:modelValue", "select"],
@@ -491,7 +494,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       scrollerStyle.value = { maxHeight: `${computedItemSize.value * props.itemsVisible - actionsContainerHeight}px` };
       putSelectedItemsOnTop();
       if (props.searchable) {
-        (_b = inputSearch.value) == null ? void 0 : _b.$el.querySelector("input").focus();
+        props.focusSearchOnMount && ((_b = inputSearch.value) == null ? void 0 : _b.$el.querySelector("input").focus());
       } else {
         setupNavigationSvc();
       }
@@ -541,7 +544,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                   onClick: _cache[1] || (_cache[1] = //@ts-ignore
                   (...args) => unref(selectAll) && unref(selectAll)(...args))
                 }, " Select all filtered ", 2)),
-                _hoisted_4$2,
+                _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
@@ -611,11 +614,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                               class: normalizeClass({ "bg-p-blue-20": index === 1 })
                             }, toDisplayString(str), 3);
                           }), 128))
-                        ], 8, _hoisted_6$2)
+                        ], 8, _hoisted_5$2)
                       ]),
-                      unref(isSelected)(unref(getValue)(row.index)) ? (openBlock(), createElementBlock("img", _hoisted_7$1)) : createCommentVNode("", true)
+                      unref(isSelected)(unref(getValue)(row.index)) ? (openBlock(), createElementBlock("img", _hoisted_6$2)) : createCommentVNode("", true)
                     ], 2)
-                  ], 14, _hoisted_5$2)), [
+                  ], 14, _hoisted_4$2)), [
                     [_directive_close_popper, __props.closePopperOnSelect && !__props.multiple]
                   ])
                 ], 4);
@@ -878,28 +881,27 @@ 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 = /* @__PURE__ */ createElementVNode("div", { class: "px-4 text-xs font-semibold text-p-gray-40" }, "SORT", -1);
-const _hoisted_3 = { class: "mt-2" };
-const _hoisted_4 = {
+const _hoisted_2 = { class: "mt-2" };
+const _hoisted_3 = {
   key: 0,
   src: _imports_0
 };
-const _hoisted_5 = {
+const _hoisted_4 = {
   key: 1,
   src: _imports_1
 };
-const _hoisted_6 = {
+const _hoisted_5 = {
   key: 0,
   src: _imports_2
 };
-const _hoisted_7 = {
+const _hoisted_6 = {
   key: 1,
   src: _imports_3
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", null, [
     createElementVNode("div", _hoisted_1, [
-      _hoisted_2,
+      _cache[3] || (_cache[3] = createElementVNode("div", { class: "px-4 text-xs font-semibold text-p-gray-40" }, "SORT", -1)),
       createElementVNode("div", {
         class: normalizeClass([
           "px-4 text-xs font-semibold text-primary",
@@ -908,7 +910,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", _ctx.SORTING_TYPES.NO_SORTING))
       }, " Clear ", 2)
     ]),
-    createElementVNode("div", _hoisted_3, [
+    createElementVNode("div", _hoisted_2, [
       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", _ctx.SORTING_TYPES.ASC))
@@ -917,7 +919,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           class: normalizeClass(["text-sm font-semibold text-p-purple-60", { "text-primary": _ctx.modelValue === _ctx.SORTING_TYPES.ASC }])
         }, " Sort ascending ", 2),
         createElementVNode("div", null, [
-          _ctx.modelValue === _ctx.SORTING_TYPES.NO_SORTING || _ctx.modelValue === _ctx.SORTING_TYPES.DESC ? (openBlock(), createElementBlock("img", _hoisted_4)) : (openBlock(), createElementBlock("img", _hoisted_5))
+          _ctx.modelValue === _ctx.SORTING_TYPES.NO_SORTING || _ctx.modelValue === _ctx.SORTING_TYPES.DESC ? (openBlock(), createElementBlock("img", _hoisted_3)) : (openBlock(), createElementBlock("img", _hoisted_4))
         ])
       ]),
       createElementVNode("div", {
@@ -928,7 +930,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           class: normalizeClass(["text-sm font-semibold text-p-purple-60", { "text-primary": _ctx.modelValue === _ctx.SORTING_TYPES.DESC }])
         }, " Sort descending ", 2),
         createElementVNode("div", null, [
-          _ctx.modelValue === _ctx.SORTING_TYPES.NO_SORTING || _ctx.modelValue === _ctx.SORTING_TYPES.ASC ? (openBlock(), createElementBlock("img", _hoisted_6)) : (openBlock(), createElementBlock("img", _hoisted_7))
+          _ctx.modelValue === _ctx.SORTING_TYPES.NO_SORTING || _ctx.modelValue === _ctx.SORTING_TYPES.ASC ? (openBlock(), createElementBlock("img", _hoisted_5)) : (openBlock(), createElementBlock("img", _hoisted_6))
         ])
       ])
     ])
@@ -954,39 +956,39 @@ export {
   default5 as PCheckbox,
   default6 as PChips,
   default7 as PCloseBtn,
-  default8 as PDatePicker,
-  default9 as PDrawer,
-  default10 as PDropdown,
+  _3 as PDatePicker,
+  default8 as PDrawer,
+  default9 as PDropdown,
   a2 as PDropdownSelect,
   pFileUpload as PFileUpload,
-  default11 as PFilterIcon,
+  default10 as PFilterIcon,
   a as PIcon,
-  default12 as PInfoIcon,
-  default13 as PInlineDatePicker,
-  default14 as PInput,
-  default15 as PInputNumber,
-  _3 as PInputPercent,
+  default11 as PInfoIcon,
+  _4 as PInlineDatePicker,
+  default12 as PInput,
+  default13 as PInputNumber,
+  _5 as PInputPercent,
   PInputSearch,
-  _4 as PLink,
-  default16 as PLoading,
-  default17 as PModal,
-  _5 as PPagination,
-  _6 as PPaginationInfo,
-  default18 as PProgressBar,
-  _7 as PRingLoader,
-  _8 as PSelect,
-  _9 as PSelectBtn,
+  _6 as PLink,
+  default14 as PLoading,
+  default15 as PModal,
+  _7 as PPagination,
+  _8 as PPaginationInfo,
+  default16 as PProgressBar,
+  _9 as PRingLoader,
+  _10 as PSelect,
+  _11 as PSelectBtn,
   _sfc_main$2 as PSelectList,
-  default19 as PSelectPill,
-  default20 as PSkeletonLoader,
+  default17 as PSelectPill,
+  default18 as PSkeletonLoader,
   pTable as PTable,
   PTableHeaderCell,
-  _10 as PTableLoader,
+  _12 as PTableLoader,
   pTableSort as PTableSort,
-  default21 as PTableTd,
-  _11 as PTabs,
-  default22 as PTextarea,
-  default23 as PToggle,
+  default19 as PTableTd,
+  _13 as PTabs,
+  default20 as PTextarea,
+  default21 as PToggle,
   P_ICON_ALIASES,
   SELECT_ARROW,
   SELECT_BASE,
@@ -1004,7 +1006,7 @@ export {
   getColorDeep,
   getNextActiveElement,
   getScreen,
-  default24 as inputClassesMixin,
+  default22 as inputClassesMixin,
   isColsResizableInjectionKey,
   isElement,
   isFirstColFixedInjectionKey,

package/dist/es/p-btn.js

@@ -18,7 +18,7 @@ const BUTTON_TYPES = {
   SECONDARY_GHOST_DARK: "secondary-ghost-dark"
 };
 const BUTTON_NATIVE_TYPES = ["button", "submit", "reset"];
-const DEFAULT_CLASSES = `relative inline-block outline-none disabled:opacity-50 disabled:cursor-default disabled:pointer-events-none`;
+const DEFAULT_CLASSES = `relative inline-block outline-none disabled:opacity-50 disabled:cursor-default disabled:pointer-events-none aria-disabled:opacity-50 aria-disabled:cursor-default aria-disabled:pointer-events-none`;
 const BUTTON_CLASSES = {
   [BUTTON_TYPES.PRIMARY]: "text-surface bg-primary hover:bg-accent active:bg-p-blue-80",
   [BUTTON_TYPES.SECONDARY]: "bg-p-gray-20 hover:bg-p-gray-30 active:bg-p-gray-40",
@@ -136,13 +136,15 @@ const _sfc_main = defineComponent({
     sanitizeUrl
   }
 });
-const _hoisted_1 = ["href"];
+const _hoisted_1 = ["href", "disabled", "aria-disabled"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_PRingLoader = resolveComponent("PRingLoader");
   return typeof _ctx.to === "string" && _ctx.isExternalLink(_ctx.to) ? (openBlock(), createElementBlock("a", mergeProps({ key: 0 }, _ctx.$attrs, {
     href: _ctx.sanitizeUrl(_ctx.to),
     target: "_blank",
-    class: _ctx.classes
+    class: _ctx.classes,
+    disabled: !!_ctx.$attrs.disabled ? true : null,
+    "aria-disabled": !!_ctx.$attrs.disabled
   }), [
     renderSlot(_ctx.$slots, "default")
   ], 16, _hoisted_1)) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.to ? "RouterLink" : "button"), mergeProps({
@@ -152,7 +154,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-selected": _ctx.selected,
     class: _ctx.classes
   }, _ctx.$attrs, {
-    disabled: _ctx.$attrs.disabled || _ctx.loading
+    disabled: !!_ctx.$attrs.disabled || _ctx.loading ? true : null,
+    "aria-disabled": _ctx.$attrs.disabled
   }), {
     default: withCtx(() => [
       createElementVNode("div", {
@@ -169,7 +172,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 8, ["style", "color", "size"])) : createCommentVNode("", true)
     ]),
     _: 3
-  }, 16, ["type", "to", "aria-selected", "class", "disabled"]));
+  }, 16, ["type", "to", "aria-selected", "class", "disabled", "aria-disabled"]));
 }
 const PBtn = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/es/p-chips.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, renderSlot, Fragment, renderList, toDisplayString, withDirectives, vShow, pushScopeId, popScopeId } from "vue";
+import { defineComponent, openBlock, createElementBlock, createElementVNode, renderSlot, Fragment, renderList, toDisplayString, withDirectives, vShow } from "vue";
 import { isObject } from "lodash-es";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = defineComponent({
@@ -63,7 +63,6 @@ const _sfc_main = defineComponent({
     }
   }
 });
-const _withScopeId = (n) => (pushScopeId("data-v-cb511035"), n = n(), popScopeId(), n);
 const _hoisted_1 = {
   ref: "filterChipsRow",
   class: "flex w-full items-center"
@@ -75,8 +74,7 @@ const _hoisted_3 = {
 };
 const _hoisted_4 = ["onClick"];
 const _hoisted_5 = { class: "inline-block truncate" };
-const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("i", { class: "bg-cross ml-2 inline-block h-1.5 w-1.5" }, null, -1));
-const _hoisted_7 = { ref: "afterSlotContainer" };
+const _hoisted_6 = { ref: "afterSlotContainer" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1, [
     createElementVNode("div", _hoisted_2, [
@@ -90,7 +88,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           onClick: ($event) => _ctx.$emit("click:chip", item)
         }, [
           createElementVNode("div", _hoisted_5, toDisplayString(_ctx.getItemText(item)), 1),
-          _hoisted_6
+          _cache[1] || (_cache[1] = createElementVNode("i", { class: "bg-cross ml-2 inline-block h-1.5 w-1.5" }, null, -1))
         ], 8, _hoisted_4);
       }), 128)),
       withDirectives(createElementVNode("div", {
@@ -100,7 +98,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         [vShow, _ctx.items.length > _ctx.maxChipsDisplayed]
       ])
     ], 512),
-    createElementVNode("div", _hoisted_7, [
+    createElementVNode("div", _hoisted_6, [
       renderSlot(_ctx.$slots, "after", {}, void 0, true)
     ], 512)
   ], 512);

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

@@ -1,140 +1,4 @@
-import dayjs from "dayjs";
-import inputClassesMixin from "./inputClassesMixin.js";
-import { DatePicker } from "v-calendar";
-import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, toDisplayString, createCommentVNode, createVNode, withCtx, createElementVNode, mergeProps, toHandlers, withDirectives, vShow } from "vue";
-import { isString, isDate } from "lodash-es";
-import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
-const selectAttribute = { highlight: { class: "bg-primary", contentClass: "text-white" } };
-const DEFAULT_MASKS = {
-  // The mask for the input
-  input: "DD-MMM-YYYY",
-  // The mask for the model value
-  data: "YYYY-MM-DD"
-};
-const _sfc_main = defineComponent({
-  name: "PDatePicker",
-  components: {
-    DatePicker
-  },
-  mixins: [inputClassesMixin],
-  inheritAttrs: false,
-  props: {
-    modelValue: {
-      type: String,
-      default: ""
-    },
-    label: {
-      type: String,
-      default: ""
-    },
-    errorMsg: {
-      type: String,
-      default: ""
-    },
-    required: {
-      type: Boolean,
-      default: false
-    },
-    minDate: {
-      type: Date,
-      default: null
-    },
-    maxDate: {
-      type: Date,
-      default: null
-    },
-    timezone: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["update:modelValue"],
-  data() {
-    return {
-      // innerValue is a Date object
-      innerValue: null,
-      stopWatch: false,
-      selectAttribute
-    };
-  },
-  computed: {
-    displayPlaceholder() {
-      return isString(this.$attrs.placeholder) ? this.$attrs.placeholder : this.masks.input;
-    },
-    masks() {
-      return Object.assign(DEFAULT_MASKS, this.$attrs.masks);
-    },
-    attrs() {
-      const { class: classes, style, ...rest } = this.$attrs;
-      return rest;
-    },
-    style() {
-      return this.$attrs.style;
-    }
-  },
-  watch: {
-    modelValue: {
-      handler(nV) {
-        if (!this.stopWatch) {
-          this.innerValue = nV ? dayjs(nV, this.masks.data).toDate() : null;
-        }
-      },
-      immediate: true
-    },
-    innerValue(nV) {
-      const toEmit = isDate(nV) && nV.toString() !== "Invalid Date" ? dayjs(nV).format(this.masks.data) : null;
-      this.stopWatch = true;
-      this.$emit("update:modelValue", toEmit);
-      this.$nextTick(() => {
-        this.stopWatch = false;
-      });
-    }
-  }
-});
-const _hoisted_1 = ["data-has-error"];
-const _hoisted_2 = ["value", "placeholder"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_DatePicker = resolveComponent("DatePicker");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass([{ hidden: _ctx.$attrs.hidden }, _ctx.$attrs.class]),
-    "data-has-error": !!_ctx.errorMsg,
-    style: normalizeStyle(_ctx.style)
-  }, [
-    renderSlot(_ctx.$slots, "label", {
-      label: _ctx.label,
-      labelClasses: _ctx.labelClasses
-    }, () => [
-      _ctx.label ? (openBlock(), createElementBlock("label", {
-        key: 0,
-        class: normalizeClass(_ctx.labelClasses)
-      }, toDisplayString(_ctx.label), 3)) : createCommentVNode("", true)
-    ]),
-    createVNode(_component_DatePicker, {
-      modelValue: _ctx.innerValue,
-      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.innerValue = $event),
-      "select-attribute": _ctx.selectAttribute,
-      popover: { visibility: "click", placement: "auto" },
-      "min-date": _ctx.minDate || null,
-      "max-date": _ctx.maxDate || null,
-      masks: _ctx.masks,
-      timezone: _ctx.timezone
-    }, {
-      default: withCtx(({ inputValue, inputEvents }) => [
-        createElementVNode("input", mergeProps({
-          class: [_ctx.inputClasses, { "cursor-pointer": !_ctx.attrs.disabled }],
-          value: inputValue
-        }, _ctx.attrs, { placeholder: _ctx.displayPlaceholder }, toHandlers(inputEvents, true)), null, 16, _hoisted_2)
-      ]),
-      _: 1
-    }, 8, ["modelValue", "select-attribute", "min-date", "max-date", "masks", "timezone"]),
-    withDirectives(createElementVNode("div", {
-      class: normalizeClass(_ctx.errorMsgClasses)
-    }, toDisplayString(_ctx.errorMsg), 3), [
-      [vShow, _ctx.errorMsg]
-    ])
-  ], 14, _hoisted_1);
-}
-const pDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+import { _ as _sfc_main } from "./chunks/p-date-picker.js";
 export {
-  pDatePicker as default
+  _sfc_main as default
 };

package/dist/es/p-info-icon.js

@@ -1,7 +1,5 @@
-import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, pushScopeId, popScopeId, createElementVNode } from "vue";
+import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode } from "vue";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
-const _withScopeId = (n) => (pushScopeId("data-v-804e74f5"), n = n(), popScopeId(), n);
-const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("i", { class: "bg-info-circle-icon block h-3 w-3" }, null, -1));
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "PInfoIcon"
@@ -24,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ], true)
         ]),
         default: withCtx(() => [
-          _hoisted_1
+          _cache[0] || (_cache[0] = createElementVNode("i", { class: "bg-info-circle-icon block h-3 w-3" }, null, -1))
         ]),
         _: 3
       }, 8, ["disabled"]);