@pequity/squirrel 8.4.0 → 8.4.2

package/dist/cjs/chunks/index.js

@@ -45,7 +45,6 @@ const createClassGroupUtils = (config) => {
   };
 };
 const getGroupRecursive = (classParts, classPartObject) => {
-  var _a;
   if (classParts.length === 0) {
     return classPartObject.classGroupId;
   }
@@ -59,15 +58,15 @@ const getGroupRecursive = (classParts, classPartObject) => {
     return void 0;
   }
   const classRest = classParts.join(CLASS_PART_SEPARATOR);
-  return (_a = classPartObject.validators.find(({
+  return classPartObject.validators.find(({
     validator
-  }) => validator(classRest))) == null ? void 0 : _a.classGroupId;
+  }) => validator(classRest))?.classGroupId;
 };
 const arbitraryPropertyRegex = /^\[(.+)\]$/;
 const getGroupIdForArbitraryProperty = (className) => {
   if (arbitraryPropertyRegex.test(className)) {
     const arbitraryPropertyClassName = arbitraryPropertyRegex.exec(className)[1];
-    const property = arbitraryPropertyClassName == null ? void 0 : arbitraryPropertyClassName.substring(0, arbitraryPropertyClassName.indexOf(":"));
+    const property = arbitraryPropertyClassName?.substring(0, arbitraryPropertyClassName.indexOf(":"));
     if (property) {
       return "arbitrary.." + property;
     }

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

@@ -38,6 +38,10 @@ const _hoisted_12 = {
   class: "ml-auto fill-p-purple-60 pl-2",
   src: _imports_0
 };
+const _hoisted_13 = {
+  key: 1,
+  class: "ml-auto h-4 w-[26px] pl-2"
+};
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "PDropdownSelect",
@@ -260,9 +264,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return rest;
     });
     const style = vue.computed(() => $attrs.style);
-    const selectableItemsCount = vue.computed(
-      () => internalItems.value.filter((item) => !isDisabled(item) || isSelected(item[props.itemValue])).length
-    );
     vue.watch(
       dropdownShow,
       (nV) => {
@@ -285,23 +286,21 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       formControl.value && observer && observer.unobserve(formControl.value);
     });
     const onShow = async () => {
-      var _a, _b;
-      const actionsContainerHeight = ((_a = actionsContainer.value) == null ? void 0 : _a.clientHeight) || 0;
+      const actionsContainerHeight = actionsContainer.value?.clientHeight || 0;
       scrollerStyle.value = { maxHeight: `${computedItemSize.value * props.itemsVisible - actionsContainerHeight}px` };
       search.value = "";
       setupNavigationSvc();
       if (props.searchable) {
         await nextLoop();
         await nextFrame();
-        (_b = inputSearch.value) == null ? void 0 : _b.$el.querySelector("input").focus();
+        inputSearch.value?.$el.querySelector("input").focus();
       }
       scrollToActiveItem();
     };
     const onHide = () => {
-      var _a, _b;
       dropdownShow.value = false;
       destroyNavigationSvc();
-      (_b = (_a = formControl.value) == null ? void 0 : _a.querySelector("button")) == null ? void 0 : _b.focus();
+      formControl.value?.querySelector("button")?.focus();
     };
     const handleCreate = () => {
       emit("create", search.value);
@@ -402,13 +401,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         class: vue.normalizeClass([
                           vue.unref(LIST_ITEM_CLASS),
                           {
-                            [vue.unref(LIST_ITEM_ACTIVE_CLASS)]: vue.unref(isSelected)(vue.unref(getValue)(row.index)),
-                            [vue.unref(LIST_ITEM_DISABLED_CLASS)]: vue.unref(isDisabled)(vue.unref(computedItems)[row.index])
-                          }
+                            [vue.unref(LIST_ITEM_ACTIVE_CLASS)]: vue.unref(isSelected)(vue.unref(getValue)(row.index))
+                          },
+                          vue.unref(isDisabled)(vue.unref(computedItems)[row.index]) ? vue.unref(LIST_ITEM_DISABLED_CLASS) : "cursor-pointer"
                         ]),
                         "p-select-list-option-item": "",
                         style: vue.normalizeStyle(listItemStyle.value),
-                        onClick: ($event) => vue.unref(select)($event, vue.unref(getValue)(row.index))
+                        onClick: ($event) => !vue.unref(isDisabled)(vue.unref(computedItems)[row.index]) && vue.unref(select)($event, vue.unref(getValue)(row.index))
                       }, [
                         vue.createElementVNode("div", {
                           class: vue.normalizeClass(["flex items-center", { [vue.unref(pSelectList.SIZES)[__props.size]]: !__props.itemSize }])
@@ -430,7 +429,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                               }), 128))
                             ], 8, _hoisted_11)
                           ]),
-                          vue.unref(isSelected)(vue.unref(getValue)(row.index)) ? (vue.openBlock(), vue.createElementBlock("img", _hoisted_12)) : vue.createCommentVNode("", true)
+                          vue.unref(isSelected)(vue.unref(getValue)(row.index)) ? (vue.openBlock(), vue.createElementBlock("img", _hoisted_12)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_13))
                         ], 2)
                       ], 14, _hoisted_10)), [
                         [_directive_close_popper, !__props.multiple]
@@ -502,7 +501,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       ], 8, _hoisted_5)
                     ], 2);
                   }), 128))
-                ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, vue.toDisplayString(__props.multiple ? vue.unref(selectedItems).length === selectableItemsCount.value ? "All options selected" : `${vue.unref(selectedItems).length} option${vue.unref(selectedItems).length > 1 ? "s" : ""} selected` : vue.unref(selectedItems)[0][__props.itemText]), 1))
+                ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, vue.toDisplayString(__props.multiple ? vue.unref(selectedItems).length === vue.unref(computedItems).length ? "All options selected" : `${vue.unref(selectedItems).length} option${vue.unref(selectedItems).length > 1 ? "s" : ""} selected` : vue.unref(selectedItems)[0][__props.itemText]), 1))
               ]),
               __props.clearable && vue.unref(selectedItems).length ? (vue.openBlock(), vue.createElementBlock("button", {
                 key: 2,

package/dist/cjs/chunks/p-icon.js

@@ -1,7 +1,4 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 const vue = require("vue");
 const pIcon = require("../p-icon.js");
 /**
@@ -1742,24 +1739,24 @@ function defineIconifyIcon(name = "iconify-icon") {
     "flip"
   ];
   const IconifyIcon = class extends ParentClass {
+    // Root
+    _shadowRoot;
+    // Initialised
+    _initialised = false;
+    // Icon state
+    _state;
+    // Attributes check queued
+    _checkQueued = false;
+    // Connected
+    _connected = false;
+    // Observer
+    _observer = null;
+    _visible = true;
     /**
      * Constructor
      */
     constructor() {
       super();
-      // Root
-      __publicField(this, "_shadowRoot");
-      // Initialised
-      __publicField(this, "_initialised", false);
-      // Icon state
-      __publicField(this, "_state");
-      // Attributes check queued
-      __publicField(this, "_checkQueued", false);
-      // Connected
-      __publicField(this, "_connected", false);
-      // Observer
-      __publicField(this, "_observer", null);
-      __publicField(this, "_visible", true);
       const root = this._shadowRoot = this.attachShadow({
         mode: "open"
       });

package/dist/cjs/chunks/p-steps.js

@@ -0,0 +1,58 @@
+"use strict";
+const vue = require("vue");
+const pIcon_vue_vue_type_script_setup_true_lang = require("./p-icon.js");
+const lodashEs = require("lodash-es");
+const _hoisted_1 = { class: "flex items-center gap-2" };
+const _hoisted_2 = ["data-state", "onClick"];
+const _hoisted_3 = {
+  key: 0,
+  class: "flex items-center"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PSteps"
+  },
+  __name: "p-steps",
+  props: {
+    activeStep: { default: null },
+    steps: { default: () => [] },
+    clickable: { type: Boolean, default: false }
+  },
+  emits: ["click:step"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const activeStepIndex = vue.computed(() => props.steps.findIndex((s) => s.value === props.activeStep));
+    const stepClasses = (step, stepIndex) => {
+      if (step.value === props.activeStep) {
+        return "border-p-blue-50 bg-p-blue-50 text-surface";
+      }
+      if (activeStepIndex.value < stepIndex) {
+        return "border-p-gray-30 text-p-gray-30";
+      }
+      return "border-p-blue-50 text-p-blue-50";
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.steps, (step, i) => {
+          return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+            key: step.value
+          }, [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(["text-nowrap rounded-full border px-4 py-1 text-sm font-semibold", [stepClasses(step, i), { "cursor-pointer": _ctx.clickable && !step.disabled }]]),
+              "data-state": step.value === _ctx.activeStep ? "active" : "inactive",
+              onClick: ($event) => emit("click:step", step, i)
+            }, vue.toDisplayString(step.text || vue.unref(lodashEs.startCase)(String(step.value))), 11, _hoisted_2),
+            i < _ctx.steps.length - 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+              vue.createVNode(pIcon_vue_vue_type_script_setup_true_lang._sfc_main, {
+                icon: "material-symbols:arrow-right-alt-rounded",
+                class: vue.normalizeClass([activeStepIndex.value <= i ? "text-p-gray-30" : "text-p-blue-50"])
+              }, null, 8, ["class"])
+            ])) : vue.createCommentVNode("", true)
+          ], 64);
+        }), 128))
+      ]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/dom.js

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const isVisible = (element) => {
-  var _a;
   if (!(element instanceof Element)) {
     throw Error("You must provide a DOM element.");
   }
-  return !!(element.offsetWidth || element.offsetHeight || element.getClientRects().length) && window.getComputedStyle(element).visibility !== "hidden" && window.getComputedStyle(element).display !== "none" && ((_a = element.style) == null ? void 0 : _a.transform.includes("translateY(-9999px)")) === false;
+  return !!(element.offsetWidth || element.offsetHeight || element.getClientRects().length) && window.getComputedStyle(element).visibility !== "hidden" && window.getComputedStyle(element).display !== "none" && element.style?.transform.includes("translateY(-9999px)") === false;
 };
 const getNextActiveElement = (list, activeElement, shouldGetNext, isCycleAllowed) => {
   const listLength = list.length;

package/dist/cjs/index.js

@@ -42,6 +42,7 @@ const string = require("./string.js");
 const text = require("./text.js");
 const pSelectPill = require("./p-select-pill.js");
 const pSkeletonLoader = require("./p-skeleton-loader.js");
+const pSteps_vue_vue_type_script_setup_true_lang = require("./chunks/p-steps.js");
 const pTable$1 = require("./p-table.js");
 const usePTableColResize = require("./usePTableColResize.js");
 const pTableHeaderCell = require("./p-table-header-cell.js");
@@ -65,12 +66,12 @@ const object = require("./object.js");
 const pagination = require("./pagination.js");
 const sanitization = require("./sanitization.js");
 const index = require("./chunks/index.js");
-const _hoisted_1$4 = ["data-has-error"];
-const _hoisted_2$4 = {
+const _hoisted_1$3 = ["data-has-error"];
+const _hoisted_2$3 = {
   key: 0,
   class: "flex h-28 flex-col items-center justify-center"
 };
-const _hoisted_3$4 = {
+const _hoisted_3$3 = {
   key: 0,
   class: "flex flex-col items-center"
 };
@@ -80,13 +81,13 @@ const _hoisted_6$3 = {
   key: 1,
   class: "flex flex-col items-center"
 };
-const _hoisted_7$1 = { class: "mt-2 text-p-purple-60" };
+const _hoisted_7$2 = { 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$4 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "PFileUpload"
   },
@@ -197,8 +198,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
       return res;
     };
     const uploadFile = (e) => {
-      var _a, _b;
-      const f = ((_a = e.target) == null ? void 0 : _a.files) || ((_b = e.dataTransfer) == null ? void 0 : _b.files);
+      const f = e.target?.files || e.dataTransfer?.files;
       if (!f) {
         return;
       }
@@ -256,8 +256,8 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
           onDrop: vue.withModifiers(onDrop, ["prevent", "stop"]),
           onClick: openFileDialog
         }, [
-          !maxFilesReached.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$4, [
-            !isDraggingOver.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$4, [
+          !maxFilesReached.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$3, [
+            !isDraggingOver.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$3, [
               vue.createVNode(pIcon_vue_vue_type_script_setup_true_lang._sfc_main, {
                 icon: "upload",
                 width: "32",
@@ -273,7 +273,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
                 width: "32",
                 class: "text-primary"
               }),
-              vue.createElementVNode("div", _hoisted_7$1, "Drop " + vue.toDisplayString(fileWord.value), 1)
+              vue.createElementVNode("div", _hoisted_7$2, "Drop " + vue.toDisplayString(fileWord.value), 1)
             ])),
             vue.createElementVNode("input", {
               ref_key: "fileInputRef",
@@ -324,13 +324,13 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
           [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)
-      ], 10, _hoisted_1$4);
+      ], 10, _hoisted_1$3);
     };
   }
 });
-const _hoisted_1$3 = ["data-has-error"];
-const _hoisted_2$3 = { class: "text-p-purple-60" };
-const _hoisted_3$3 = { class: "flex flex-row" };
+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 = ["onClick"];
 const _hoisted_5$2 = ["title"];
 const _hoisted_6$2 = {
@@ -338,7 +338,11 @@ 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 _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_7$1 = {
+  key: 1,
+  class: "ml-auto h-4 w-[26px] pl-2"
+};
+const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "PSelectList",
     inheritAttrs: false
@@ -506,12 +510,11 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     } = useSelectList.useSelectList(props, inputSearch, virtualizerRef, emit);
     const style = vue.computed(() => $attrs.style);
     vue.onMounted(async () => {
-      var _a, _b;
-      const actionsContainerHeight = ((_a = actionsContainer.value) == null ? void 0 : _a.clientHeight) || 0;
+      const actionsContainerHeight = actionsContainer.value?.clientHeight || 0;
       scrollerStyle.value = { maxHeight: `${computedItemSize.value * props.itemsVisible - actionsContainerHeight}px` };
       putSelectedItemsOnTop();
       if (props.searchable) {
-        props.focusSearchOnMount && ((_b = inputSearch.value) == null ? void 0 : _b.$el.querySelector("input").focus());
+        props.focusSearchOnMount && inputSearch.value?.$el.querySelector("input").focus();
       } else {
         setupNavigationSvc();
       }
@@ -546,8 +549,8 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
               ref: actionsContainer,
               class: "flex flex-row justify-between text-xs font-semibold text-primary"
             }, [
-              vue.createElementVNode("p", _hoisted_2$3, vue.toDisplayString(vue.unref(computedItems).length) + " items", 1),
-              vue.createElementVNode("div", _hoisted_3$3, [
+              vue.createElementVNode("p", _hoisted_2$2, vue.toDisplayString(vue.unref(computedItems).length) + " items", 1),
+              vue.createElementVNode("div", _hoisted_3$2, [
                 vue.unref(computedItems).length === vue.unref(internalItems).length ? (vue.openBlock(), vue.createElementBlock("a", {
                   key: 0,
                   class: vue.normalizeClass([
@@ -611,13 +614,13 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
                     class: vue.normalizeClass([
                       vue.unref(LIST_ITEM_CLASS),
                       {
-                        [vue.unref(LIST_ITEM_ACTIVE_CLASS)]: vue.unref(isSelected)(vue.unref(getValue)(row.index)),
-                        [vue.unref(LIST_ITEM_DISABLED_CLASS)]: vue.unref(isDisabled)(vue.unref(computedItems)[row.index])
-                      }
+                        [vue.unref(LIST_ITEM_ACTIVE_CLASS)]: vue.unref(isSelected)(vue.unref(getValue)(row.index))
+                      },
+                      vue.unref(isDisabled)(vue.unref(computedItems)[row.index]) ? vue.unref(LIST_ITEM_DISABLED_CLASS) : "cursor-pointer"
                     ]),
                     "p-select-list-option-item": "",
                     style: vue.normalizeStyle(listItemStyle.value),
-                    onClick: ($event) => vue.unref(select)($event, vue.unref(getValue)(row.index))
+                    onClick: ($event) => !vue.unref(isDisabled)(vue.unref(computedItems)[row.index]) && vue.unref(select)($event, vue.unref(getValue)(row.index))
                   }, [
                     vue.createElementVNode("div", {
                       class: vue.normalizeClass(["flex items-center", { [vue.unref(pSelectList.SIZES)[__props.size]]: !__props.itemSize }])
@@ -639,7 +642,7 @@ const _sfc_main$3 = /* @__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.createCommentVNode("", true)
+                      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]
@@ -659,60 +662,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
         }, vue.toDisplayString(__props.errorMsg), 3), [
           [vue.vShow, __props.errorMsg]
         ])
-      ], 14, _hoisted_1$3);
-    };
-  }
-});
-const _hoisted_1$2 = { class: "flex items-center gap-2" };
-const _hoisted_2$2 = ["data-state", "onClick"];
-const _hoisted_3$2 = {
-  key: 0,
-  class: "flex items-center"
-};
-const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
-  ...{
-    name: "PSteps"
-  },
-  __name: "p-steps",
-  props: {
-    activeStep: { default: null },
-    steps: { default: () => [] },
-    clickable: { type: Boolean, default: false }
-  },
-  emits: ["click:step"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const activeStepIndex = vue.computed(() => props.steps.findIndex((s) => s.value === props.activeStep));
-    const stepClasses = (step, stepIndex) => {
-      if (step.value === props.activeStep) {
-        return "border-p-blue-50 bg-p-blue-50 text-surface";
-      }
-      if (activeStepIndex.value < stepIndex) {
-        return "border-p-gray-30 text-p-gray-30";
-      }
-      return "border-p-blue-50 text-p-blue-50";
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.steps, (step, i) => {
-          return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
-            key: step.value
-          }, [
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass(["text-nowrap rounded-full border px-4 py-1 text-sm font-semibold", [stepClasses(step, i), { "cursor-pointer": _ctx.clickable && !step.disabled }]]),
-              "data-state": step.value === _ctx.activeStep ? "active" : "inactive",
-              onClick: ($event) => emit("click:step", step, i)
-            }, vue.toDisplayString(step.text || vue.unref(lodashEs.startCase)(String(step.value))), 11, _hoisted_2$2),
-            i < _ctx.steps.length - 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2, [
-              vue.createVNode(pIcon_vue_vue_type_script_setup_true_lang._sfc_main, {
-                icon: "material-symbols:arrow-right-alt-rounded",
-                class: vue.normalizeClass([activeStepIndex.value <= i ? "text-p-gray-30" : "text-p-blue-50"])
-              }, null, 8, ["class"])
-            ])) : vue.createCommentVNode("", true)
-          ], 64);
-        }), 128))
-      ]);
+      ], 14, _hoisted_1$2);
     };
   }
 });
@@ -826,12 +776,10 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       return "";
     };
     vue.onMounted(() => {
-      var _a;
-      (_a = scrollWrapper.value) == null ? void 0 : _a.addEventListener("scroll", emitScroll, true);
+      scrollWrapper.value?.addEventListener("scroll", emitScroll, true);
     });
     vue.onBeforeUnmount(() => {
-      var _a;
-      (_a = scrollWrapper.value) == null ? void 0 : _a.removeEventListener("scroll", emitScroll, true);
+      scrollWrapper.value?.removeEventListener("scroll", emitScroll, true);
     });
     vue.watch(isColResizing, (nV) => {
       if (nV === false && colResizingWidth.value > 0) {
@@ -842,7 +790,6 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       tbodyElement
     });
     return (_ctx, _cache) => {
-      var _a, _b;
       return vue.openBlock(), vue.createElementBlock("div", {
         ref_key: "scrollWrapper",
         ref: scrollWrapper,
@@ -852,9 +799,9 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
           key: 0,
           class: "fixed z-[100] w-1 cursor-col-resize bg-p-gray-30",
           style: vue.normalizeStyle({
-            top: `${(_a = scrollWrapper.value) == null ? void 0 : _a.offsetTop}px`,
+            top: `${scrollWrapper.value?.offsetTop}px`,
             left: vue.unref(colResizeHandleLeft),
-            height: `${(_b = scrollWrapper.value) == null ? void 0 : _b.offsetHeight}px`
+            height: `${scrollWrapper.value?.offsetHeight}px`
           }),
           "data-resize-y-axis": ""
         }, null, 4)) : vue.createCommentVNode("", true),
@@ -1074,6 +1021,7 @@ exports.toString = string.toString;
 exports.splitStringForHighlight = text.splitStringForHighlight;
 exports.PSelectPill = pSelectPill;
 exports.PSkeletonLoader = pSkeletonLoader;
+exports.PSteps = pSteps_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.MIN_WIDTH_COL_RESIZE = pTable$1.MIN_WIDTH_COL_RESIZE;
 exports.colsInjectionKey = pTable$1.colsInjectionKey;
 exports.isColsResizableInjectionKey = pTable$1.isColsResizableInjectionKey;
@@ -1107,8 +1055,7 @@ exports.createTV = index.fe;
 exports.defaultConfig = index.ie;
 exports.tv = index.ce;
 exports.voidEmpty = index.x;
-exports.PFileUpload = _sfc_main$4;
-exports.PSelectList = _sfc_main$3;
-exports.PSteps = _sfc_main$2;
+exports.PFileUpload = _sfc_main$3;
+exports.PSelectList = _sfc_main$2;
 exports.PTable = pTable;
 exports.PTableSort = _sfc_main;

package/dist/cjs/listKeyboardNavigation.js

@@ -45,7 +45,7 @@ const setupListKeyboardNavigation = (options) => {
   };
   const setFocusedItem = (el) => {
     clearFocusedState();
-    el == null ? void 0 : el.classList.add(itemFocusClass);
+    el?.classList.add(itemFocusClass);
   };
   const listKeydown = (e) => {
     if ([ARROW_UP_KEY, ARROW_DOWN_KEY].includes(e.key)) {
@@ -63,7 +63,7 @@ const setupListKeyboardNavigation = (options) => {
       if (getFocusedItem()) {
         e.preventDefault();
         const focusedItem = getFocusedItem();
-        const el = itemSelectSelector ? focusedItem == null ? void 0 : focusedItem.querySelector(itemSelectSelector) : getFocusedItem();
+        const el = itemSelectSelector ? focusedItem?.querySelector(itemSelectSelector) : getFocusedItem();
         itemSelectEvents.forEach((e2) => {
           const event = new Event(e2);
           if (el) {

package/dist/cjs/p-dropdown.js

@@ -79,8 +79,7 @@ const _sfc_main = vue.defineComponent({
       e.key === ESCAPE_KEY && this.$refs.vPopper.$refs.popper.hide();
     },
     destroy() {
-      var _a;
-      (_a = this.navigationSvc) == null ? void 0 : _a.destroy();
+      this.navigationSvc?.destroy();
       document.removeEventListener("keydown", this.popoverEscKeydown);
     },
     async updateReference(newReference) {

package/dist/cjs/p-file-upload.js

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const getFileExtension = (fileName) => {
-  var _a;
   if (!fileName || !fileName.includes(".")) {
     return "";
   }
-  return (_a = fileName.split(".").pop()) == null ? void 0 : _a.toLowerCase();
+  return fileName.split(".").pop()?.toLowerCase();
 };
 const formatBytes = (bytes, decimals = 2) => {
   if (!+bytes || bytes <= 0) {

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

@@ -61,8 +61,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const clearSearch = () => {
       query.value = "";
       requestAnimationFrame(() => {
-        var _a;
-        (_a = input.value) == null ? void 0 : _a.$el.querySelector("input").focus();
+        input.value?.$el.querySelector("input").focus();
       });
     };
     const keydownEnter = () => {

package/dist/cjs/p-modal.js

@@ -128,8 +128,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     });
     vue.onMounted(() => {
-      var _a;
-      id.value = "pm-" + ((_a = vue.getCurrentInstance()) == null ? void 0 : _a.uid);
+      id.value = "pm-" + vue.getCurrentInstance()?.uid;
       const valueToWatch = !props.name ? () => props.modelValue : () => modal.state.modals[props.name];
       vue.watch(
         valueToWatch,
@@ -165,12 +164,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const keydown = (e) => {
-      var _a;
       if (e.which === 27 || e.keyCode === 27) {
         close();
       }
       if (e.which === 9 || e.keyCode === 9) {
-        const all = [].slice.call((_a = pmWrapper.value) == null ? void 0 : _a.querySelectorAll(FOCUSABLE_ELEMENTS)).filter(function(el) {
+        const all = [].slice.call(pmWrapper.value?.querySelectorAll(FOCUSABLE_ELEMENTS)).filter(function(el) {
           return !!(el.offsetWidth || el.offsetHeight || el.getClientRects().length);
         });
         if (e.shiftKey) {
@@ -237,7 +235,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
       vue.nextTick(() => {
         window.requestAnimationFrame(() => {
-          var _a, _b;
           const lastZindex = getTopZindex();
           if (lastZindex > 0) {
             const all = getAllVisibleWrappers();
@@ -245,7 +242,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               const wrapper = all[i];
               if (parseInt(wrapper.style.zIndex) === lastZindex) {
                 if (wrapper.contains(elToFocus.value)) {
-                  (_a = elToFocus.value) == null ? void 0 : _a.focus();
+                  elToFocus.value?.focus();
                 } else {
                   handleFocus(wrapper);
                 }
@@ -254,7 +251,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             }
           } else {
             if (document.body.contains(elToFocus.value)) {
-              (_b = elToFocus.value) == null ? void 0 : _b.focus();
+              elToFocus.value?.focus();
             }
           }
           animatingZIndex = 0;

package/dist/cjs/p-skeleton-loader.js

@@ -14,10 +14,7 @@ const isHexColor = (hexColor) => {
   const hex = hexColor.replace("#", "");
   return typeof hexColor === "string" && hexColor.startsWith("#") && hex.length === 6 && !isNaN(Number("0x" + hex));
 };
-const hexToRgb = (hex) => {
-  var _a;
-  return `${(_a = hex.match(/\w\w/g)) == null ? void 0 : _a.map((x) => +`0x${x}`)}`;
-};
+const hexToRgb = (hex) => `${hex.match(/\w\w/g)?.map((x) => +`0x${x}`)}`;
 const _sfc_main = vue.defineComponent({
   name: "PSkeletonLoader",
   props: {

package/dist/cjs/p-steps.js

@@ -1 +1,3 @@
 "use strict";
+const pSteps_vue_vue_type_script_setup_true_lang = require("./chunks/p-steps.js");
+module.exports = pSteps_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/cjs/usePLoading.js

@@ -4,14 +4,8 @@ const vue = require("vue");
 const LOADING_TEXT = "Loading...";
 const show = vue.ref(false);
 const loadingItems = vue.ref([]);
-const content = vue.computed(() => {
-  var _a;
-  return (_a = loadingItems.value[loadingItems.value.length - 1]) == null ? void 0 : _a.content;
-});
-const props = vue.computed(() => {
-  var _a;
-  return (_a = loadingItems.value[loadingItems.value.length - 1]) == null ? void 0 : _a.props;
-});
+const content = vue.computed(() => loadingItems.value[loadingItems.value.length - 1]?.content);
+const props = vue.computed(() => loadingItems.value[loadingItems.value.length - 1]?.props);
 const usePLoading = (options) => {
   const { delay } = { delay: 200, ...options };
   const scope = vue.getCurrentScope();

package/dist/cjs/usePTableColResize.js

@@ -36,9 +36,8 @@ const usePTableColResize = (options) => {
     document.body.classList.remove("cursor-col-resize");
   };
   const colResizeFitToData = (colIndex) => {
-    var _a;
     isColResizing.value = true;
-    const tds = (_a = ths.value[colIndex].closest("table")) == null ? void 0 : _a.querySelectorAll("tbody tr td:nth-child(" + (colIndex + 1) + ") div.w-max");
+    const tds = ths.value[colIndex].closest("table")?.querySelectorAll("tbody tr td:nth-child(" + (colIndex + 1) + ") div.w-max");
     if (!tds) {
       return;
     }