@pequity/squirrel 1.0.28-beta.2 → 1.0.29-beta.1

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

@@ -244,10 +244,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       scrollToActiveItem();
     };
     const onHide = () => {
-      var _a;
+      var _a, _b;
       dropdownShow.value = false;
       destroyNavigationSvc();
-      ((_a = formControl.value) == null ? void 0 : _a.querySelector("button")).focus();
+      (_b = (_a = formControl.value) == null ? void 0 : _a.querySelector("button")) == null ? void 0 : _b.focus();
     };
     return (_ctx, _cache) => {
       const _directive_close_popper = vue.resolveDirective("close-popper");

package/dist/cjs/p-select-pill.js

@@ -54,7 +54,8 @@ const _sfc_main = vue.defineComponent({
       handler() {
         setTimeout(() => this.setPillStyle(), 60);
       },
-      immediate: true
+      immediate: true,
+      flush: "post"
     }
   },
   methods: {
@@ -69,8 +70,10 @@ const _sfc_main = vue.defineComponent({
         return;
       }
       const dimensions = el.offsetWidth !== 0 ? { left: `${el.offsetLeft}px`, width: `${el.offsetWidth}px` } : getOffsetValues(this.$el);
-      this.$refs.pill.style.left = dimensions.left;
-      this.$refs.pill.style.width = dimensions.width;
+      if (this.$refs.pill && this.$refs.pill instanceof HTMLElement) {
+        this.$refs.pill.style.left = dimensions.left;
+        this.$refs.pill.style.width = dimensions.width;
+      }
     }
   }
 });

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

@@ -243,10 +243,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       scrollToActiveItem();
     };
     const onHide = () => {
-      var _a;
+      var _a, _b;
       dropdownShow.value = false;
       destroyNavigationSvc();
-      ((_a = formControl.value) == null ? void 0 : _a.querySelector("button")).focus();
+      (_b = (_a = formControl.value) == null ? void 0 : _a.querySelector("button")) == null ? void 0 : _b.focus();
     };
     return (_ctx, _cache) => {
       const _directive_close_popper = resolveDirective("close-popper");

package/dist/es/p-select-pill.js

@@ -53,7 +53,8 @@ const _sfc_main = defineComponent({
       handler() {
         setTimeout(() => this.setPillStyle(), 60);
       },
-      immediate: true
+      immediate: true,
+      flush: "post"
     }
   },
   methods: {
@@ -68,8 +69,10 @@ const _sfc_main = defineComponent({
         return;
       }
       const dimensions = el.offsetWidth !== 0 ? { left: `${el.offsetLeft}px`, width: `${el.offsetWidth}px` } : getOffsetValues(this.$el);
-      this.$refs.pill.style.left = dimensions.left;
-      this.$refs.pill.style.width = dimensions.width;
+      if (this.$refs.pill && this.$refs.pill instanceof HTMLElement) {
+        this.$refs.pill.style.left = dimensions.left;
+        this.$refs.pill.style.width = dimensions.width;
+      }
     }
   }
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pequity/squirrel",
   "description": "Squirrel component library",
-  "version": "1.0.28-beta.2",
+  "version": "1.0.29-beta.1",
   "packageManager": "pnpm@8.9.2",
   "type": "module",
   "scripts": {
@@ -37,18 +37,6 @@
   },
   "main": "./dist/cjs/index.js",
   "module": "./dist/es/index.js",
-  "dependencies": {
-    "@popperjs/core": "2.11.8",
-    "@tanstack/vue-virtual": "3.4.0",
-    "dayjs": "1.11.10",
-    "floating-vue": "5.2.2",
-    "lodash-es": "4.17.21",
-    "v-calendar": "3.1.2",
-    "vue": "3.4.24",
-    "vue-currency-input": "3.1.0",
-    "vue-router": "4.3.0",
-    "vue-toastification": "2.0.0-rc.5"
-  },
   "peerDependencies": {
     "@popperjs/core": "^2.11.8",
     "@tanstack/vue-virtual": "^3.2.0",
@@ -62,58 +50,67 @@
     "vue-toastification": "^2.0.0-rc.5"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.4",
-    "@babel/preset-env": "^7.24.4",
+    "@babel/core": "^7.24.5",
+    "@babel/preset-env": "^7.24.5",
     "@commitlint/cli": "^19.3.0",
     "@commitlint/config-conventional": "^19.2.2",
     "@pequity/eslint-config": "^0.0.12",
+    "@popperjs/core": "2.11.8",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@storybook/addon-a11y": "^8.0.9",
-    "@storybook/addon-actions": "^8.0.9",
-    "@storybook/addon-essentials": "^8.0.9",
-    "@storybook/addon-interactions": "^8.0.9",
-    "@storybook/addon-links": "^8.0.9",
-    "@storybook/blocks": "^8.0.9",
+    "@storybook/addon-a11y": "^8.0.10",
+    "@storybook/addon-actions": "^8.0.10",
+    "@storybook/addon-essentials": "^8.0.10",
+    "@storybook/addon-interactions": "^8.0.10",
+    "@storybook/addon-links": "^8.0.10",
+    "@storybook/blocks": "^8.0.10",
     "@storybook/jest": "^0.2.3",
-    "@storybook/manager-api": "^8.0.9",
-    "@storybook/test-runner": "^0.17.0",
+    "@storybook/manager-api": "^8.0.10",
+    "@storybook/test-runner": "^0.18.0",
     "@storybook/testing-library": "^0.2.2",
-    "@storybook/theming": "^8.0.9",
-    "@storybook/vue3": "^8.0.9",
-    "@storybook/vue3-vite": "^8.0.9",
+    "@storybook/theming": "^8.0.10",
+    "@storybook/vue3": "^8.0.10",
+    "@storybook/vue3-vite": "^8.0.10",
+    "@tanstack/vue-virtual": "3.4.0",
     "@types/jest": "^29.5.12",
     "@types/jsdom": "^21.1.6",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^20.12.7",
+    "@types/node": "^20.12.11",
     "@vitejs/plugin-vue": "^5.0.4",
-    "@vue/compiler-sfc": "3.4.24",
-    "@vue/test-utils": "^2.4.5",
+    "@vue/compiler-sfc": "3.4.27",
+    "@vue/test-utils": "^2.4.6",
     "@vue/vue3-jest": "^29.2.6",
     "autoprefixer": "^10.4.19",
     "babel-jest": "^29.7.0",
+    "dayjs": "1.11.11",
     "eslint": "^8.57.0",
     "eslint-plugin-storybook": "^0.8.0",
-    "glob": "^10.3.12",
+    "floating-vue": "5.2.2",
+    "glob": "^10.3.14",
     "husky": "^9.0.11",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "lint-staged": "^15.2.2",
+    "lodash-es": "4.17.21",
     "make-coverage-badge": "^1.2.0",
     "postcss": "^8.4.38",
     "prettier": "^3.2.5",
     "prettier-plugin-tailwindcss": "^0.5.14",
     "resolve-tspaths": "^0.8.18",
     "rimraf": "^5.0.5",
-    "sass": "^1.75.0",
-    "semantic-release": "^23.0.8",
-    "storybook": "^8.0.9",
-    "svgo": "^3.2.0",
+    "sass": "^1.77.0",
+    "semantic-release": "^23.1.1",
+    "storybook": "^8.0.10",
+    "svgo": "^3.3.2",
     "tailwindcss": "^3.4.3",
     "ts-jest": "^29.1.2",
     "typescript": "5.4.5",
-    "vite": "^5.2.10",
-    "vue-router": "^4.3.2",
+    "v-calendar": "3.1.2",
+    "vite": "^5.2.11",
+    "vue": "3.4.27",
+    "vue-currency-input": "3.1.0",
+    "vue-router": "4.3.2",
+    "vue-toastification": "2.0.0-rc.5",
     "vue-tsc": "2.0.14"
   }
 }

package/squirrel/components/p-dropdown-select/p-dropdown-select.vue

@@ -412,6 +412,6 @@ const onShow = async () => {
 const onHide = () => {
   dropdownShow.value = false;
   destroyNavigationSvc();
-  (formControl.value?.querySelector('button') as HTMLElement).focus();
+  (formControl.value?.querySelector('button') as HTMLElement)?.focus();
 };
 </script>

package/squirrel/components/p-select-pill/p-select-pill.vue

@@ -102,6 +102,7 @@ export default defineComponent({
         setTimeout(() => this.setPillStyle(), 60);
       },
       immediate: true,
+      flush: 'post',
     },
   },
   methods: {
@@ -119,8 +120,11 @@ export default defineComponent({
 
       const dimensions =
         el.offsetWidth !== 0 ? { left: `${el.offsetLeft}px`, width: `${el.offsetWidth}px` } : getOffsetValues(this.$el);
-      (this.$refs.pill as HTMLElement).style.left = dimensions.left;
-      (this.$refs.pill as HTMLElement).style.width = dimensions.width;
+
+      if (this.$refs.pill && this.$refs.pill instanceof HTMLElement) {
+        this.$refs.pill.style.left = dimensions.left;
+        this.$refs.pill.style.width = dimensions.width;
+      }
     },
   },
 });