@pequity/squirrel 8.4.1 → 8.4.2

package/dist/cjs/useSelectList.js

@@ -28,9 +28,9 @@ const createInternalValue = (modelValue, valueIsObject, multiple, itemValue, int
 const nextFrame = () => new Promise((resolve) => requestAnimationFrame(() => requestAnimationFrame(resolve)));
 const nextLoop = (ms) => new Promise((resolve) => setTimeout(resolve, ms || 0));
 const LIST_ITEM_SIZES = { sm: 32, md: 40, lg: 48 };
-const LIST_ITEM_CLASS = "clear-both block w-full cursor-pointer whitespace-nowrap py-1 px-3 text-left text-sm font-medium hover:bg-p-blue-10";
+const LIST_ITEM_CLASS = "clear-both block w-full whitespace-nowrap py-1 px-3 text-left text-sm font-medium hover:bg-p-blue-10";
 const LIST_ITEM_ACTIVE_CLASS = "selected";
-const LIST_ITEM_DISABLED_CLASS = "opacity-30 pointer-events-none";
+const LIST_ITEM_DISABLED_CLASS = "opacity-30 cursor-default";
 const useSelectList = (props, inputSearch, virtualizerRef, emit) => {
   let navigationSvc = null;
   const internalItems = vue.ref([]);
@@ -65,14 +65,8 @@ const useSelectList = (props, inputSearch, virtualizerRef, emit) => {
       };
     })
   );
-  const getValue = (index) => {
-    var _a;
-    return (_a = computedItems.value[index]) == null ? void 0 : _a[props.itemValue];
-  };
-  const getText = (index) => {
-    var _a;
-    return (_a = computedItems.value[index]) == null ? void 0 : _a[props.itemText];
-  };
+  const getValue = (index) => computedItems.value[index]?.[props.itemValue];
+  const getText = (index) => computedItems.value[index]?.[props.itemText];
   vue.watch(
     () => props.modelValue,
     (nV) => {
@@ -107,7 +101,7 @@ const useSelectList = (props, inputSearch, virtualizerRef, emit) => {
     }
   });
   vue.onUnmounted(() => {
-    navigationSvc == null ? void 0 : navigationSvc.destroy();
+    navigationSvc?.destroy();
     navigationSvc = null;
   });
   const putSelectedItemsOnTop = () => {
@@ -128,10 +122,9 @@ const useSelectList = (props, inputSearch, virtualizerRef, emit) => {
     }
   };
   const select = async (e, val) => {
-    var _a, _b;
     const el = e.currentTarget;
-    if (props.multiple && props.searchable && document.activeElement !== ((_a = inputSearch.value) == null ? void 0 : _a.$el.querySelector("input"))) {
-      (_b = inputSearch.value) == null ? void 0 : _b.$el.querySelector("input").focus();
+    if (props.multiple && props.searchable && document.activeElement !== inputSearch.value?.$el.querySelector("input")) {
+      inputSearch.value?.$el.querySelector("input").focus();
     }
     if (props.multiple) {
       if (!isSelected(val)) {
@@ -143,7 +136,7 @@ const useSelectList = (props, inputSearch, virtualizerRef, emit) => {
       emit("update:modelValue", props.valueIsObject ? getItemByValue(val) : val);
     }
     await vue.nextTick();
-    navigationSvc == null ? void 0 : navigationSvc.setFocusedItem(el.parentElement);
+    navigationSvc?.setFocusedItem(el.parentElement);
     emit("select", val);
   };
   const toArrOfObjIfNeeded = (arr) => {
@@ -175,22 +168,21 @@ const useSelectList = (props, inputSearch, virtualizerRef, emit) => {
     }
   };
   const destroyNavigationSvc = () => {
-    navigationSvc == null ? void 0 : navigationSvc.destroy();
+    navigationSvc?.destroy();
     navigationSvc = null;
   };
   const onFocus = async () => {
     setupNavigationSvc();
   };
   const onMousemove = () => {
-    navigationSvc == null ? void 0 : navigationSvc.clearFocusedState();
+    navigationSvc?.clearFocusedState();
   };
   const scrollScrollerToTop = async () => {
     rowVirtualizer.value.scrollToOffset(0);
     await nextFrame();
   };
   const scrollToActiveItem = async (options) => {
-    var _a;
-    if (options == null ? void 0 : options.wait) {
+    if (options?.wait) {
       await nextLoop(options.wait);
     }
     const activeIndex = getActiveItemIndex();
@@ -200,8 +192,8 @@ const useSelectList = (props, inputSearch, virtualizerRef, emit) => {
       });
       await nextLoop();
       await nextFrame();
-      const activeEl = (_a = virtualizerRef.value) == null ? void 0 : _a.querySelector(`.${LIST_ITEM_ACTIVE_CLASS}`);
-      navigationSvc == null ? void 0 : navigationSvc.setFocusedItem(activeEl == null ? void 0 : activeEl.parentNode);
+      const activeEl = virtualizerRef.value?.querySelector(`.${LIST_ITEM_ACTIVE_CLASS}`);
+      navigationSvc?.setFocusedItem(activeEl?.parentNode);
     }
   };
   const getActiveItemIndex = () => {

package/dist/es/chunks/index.js

@@ -44,7 +44,6 @@ const createClassGroupUtils = (config) => {
   };
 };
 const getGroupRecursive = (classParts, classPartObject) => {
-  var _a;
   if (classParts.length === 0) {
     return classPartObject.classGroupId;
   }
@@ -58,15 +57,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/es/chunks/p-dropdown-select.js

@@ -37,6 +37,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__ */ defineComponent({
   ...{
     name: "PDropdownSelect",
@@ -281,23 +285,21 @@ const _sfc_main = /* @__PURE__ */ 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);
@@ -398,13 +400,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         class: normalizeClass([
                           unref(LIST_ITEM_CLASS),
                           {
-                            [unref(LIST_ITEM_ACTIVE_CLASS)]: unref(isSelected)(unref(getValue)(row.index)),
-                            [unref(LIST_ITEM_DISABLED_CLASS)]: unref(isDisabled)(unref(computedItems)[row.index])
-                          }
+                            [unref(LIST_ITEM_ACTIVE_CLASS)]: unref(isSelected)(unref(getValue)(row.index))
+                          },
+                          unref(isDisabled)(unref(computedItems)[row.index]) ? unref(LIST_ITEM_DISABLED_CLASS) : "cursor-pointer"
                         ]),
                         "p-select-list-option-item": "",
                         style: normalizeStyle(listItemStyle.value),
-                        onClick: ($event) => unref(select)($event, unref(getValue)(row.index))
+                        onClick: ($event) => !unref(isDisabled)(unref(computedItems)[row.index]) && unref(select)($event, unref(getValue)(row.index))
                       }, [
                         createElementVNode("div", {
                           class: normalizeClass(["flex items-center", { [unref(SIZES)[__props.size]]: !__props.itemSize }])
@@ -426,7 +428,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                               }), 128))
                             ], 8, _hoisted_11)
                           ]),
-                          unref(isSelected)(unref(getValue)(row.index)) ? (openBlock(), createElementBlock("img", _hoisted_12)) : createCommentVNode("", true)
+                          unref(isSelected)(unref(getValue)(row.index)) ? (openBlock(), createElementBlock("img", _hoisted_12)) : (openBlock(), createElementBlock("div", _hoisted_13))
                         ], 2)
                       ], 14, _hoisted_10)), [
                         [_directive_close_popper, !__props.multiple]
@@ -526,6 +528,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 export {
-  _sfc_main as _,
-  _imports_0 as a
+  _imports_0 as _,
+  _sfc_main as a
 };

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

@@ -1,6 +1,3 @@
-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);
 import { defineComponent, createElementBlock, openBlock, unref } from "vue";
 import { P_ICON_ALIASES } from "../p-icon.js";
 /**
@@ -1741,24 +1738,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/es/chunks/p-steps.js

@@ -0,0 +1,59 @@
+import { defineComponent, computed, createElementBlock, openBlock, Fragment, renderList, createElementVNode, createCommentVNode, normalizeClass, toDisplayString, unref, createVNode } from "vue";
+import { _ as _sfc_main$1 } from "./p-icon.js";
+import { startCase } from "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__ */ 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 = 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 openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.steps, (step, i) => {
+          return openBlock(), createElementBlock(Fragment, {
+            key: step.value
+          }, [
+            createElementVNode("div", {
+              class: 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)
+            }, toDisplayString(step.text || unref(startCase)(String(step.value))), 11, _hoisted_2),
+            i < _ctx.steps.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_3, [
+              createVNode(_sfc_main$1, {
+                icon: "material-symbols:arrow-right-alt-rounded",
+                class: normalizeClass([activeStepIndex.value <= i ? "text-p-gray-30" : "text-p-blue-50"])
+              }, null, 8, ["class"])
+            ])) : createCommentVNode("", true)
+          ], 64);
+        }), 128))
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/es/dom.js

@@ -1,9 +1,8 @@
 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;