@quidgest/ui 0.14.10 → 0.14.11

package/esm/composables/overlay.js

@@ -1,130 +1,137 @@
-function M(t, i, n, e) {
-  const d = (e == null ? void 0 : e.offset) ?? 0, o = (e == null ? void 0 : e.placement) ?? "bottom", u = t.getBoundingClientRect(), s = i.getBoundingClientRect(), g = n == null ? void 0 : n.getBoundingClientRect(), r = b(u, s, o, d), h = k(u, s, r), f = C(h, r, d), m = p(f, s, r);
-  let a;
+function $(t, i, n, e) {
+  const o = (e == null ? void 0 : e.offset) ?? 0, r = (e == null ? void 0 : e.crossOffset) ?? 0, g = (e == null ? void 0 : e.placement) ?? "bottom", s = t.getBoundingClientRect(), u = i.getBoundingClientRect(), d = n == null ? void 0 : n.getBoundingClientRect(), h = C(s, u, g, o), l = I(s, u, h), b = y(l, h, o), p = O(b, h, r), c = A(p, u, h);
+  let w;
   if (e != null && e.arrow) {
-    if (!g)
+    if (!d)
       throw new Error("[Quidgest UI] The arrow element must exist to compute its position");
-    a = A(m, u, s, g, r);
+    w = k(c, s, u, d, h);
   }
-  return { overlayCoords: m, arrowCoords: a, placement: r };
+  return { overlayCoords: c, arrowCoords: w, placement: h };
 }
-function b(t, i, n, e) {
-  const d = c(t, i, n, e);
-  if (x(d)) {
-    const o = w(n), s = {
+function C(t, i, n, e) {
+  const o = a(t, i, n, e);
+  if (x(o)) {
+    const r = f(n), s = {
       top: "bottom",
       bottom: "top",
       left: "right",
       right: "left"
-    }[o], g = c(
+    }[r], u = a(
       t,
       i,
       s,
       e
     );
-    if (x(g))
+    if (x(u))
       return n;
-    const r = O(n);
-    return r ? `${s}-${r}` : s;
+    const d = S(n);
+    return d ? `${s}-${d}` : s;
   }
   return n;
 }
-function p(t, i, n) {
-  const e = l(n), d = (u, s, g) => Math.min(Math.max(u, s), g), o = { ...t };
-  return e === "x" ? o.x = d(t.x, 8, window.innerWidth - i.width - 8) : o.y = d(t.y, 8, window.innerHeight - i.height - 8), o;
+function A(t, i, n) {
+  const e = m(n), o = (g, s, u) => Math.min(Math.max(g, s), u), r = { ...t };
+  return e === "x" ? r.x = o(t.x, 8, window.innerWidth - i.width - 8) : r.y = o(t.y, 8, window.innerHeight - i.height - 8), r;
 }
-function C(t, i, n) {
-  const e = w(i);
+function y(t, i, n) {
+  const e = f(i);
   return {
     x: t.x + (e === "left" ? -n : e === "right" ? n : 0),
     y: t.y + (e === "top" ? -n : e === "bottom" ? n : 0)
   };
 }
-function A(t, i, n, e, d) {
-  if (l(d) === "y") {
-    const u = i.top + i.height / 2, s = t.y + n.height / 2, g = s - u, r = n.height / 2 - g - e.height / 2 + 2;
-    if (r > 0 && r < n.height - e.height)
+function O(t, i, n) {
+  const e = f(i);
+  return {
+    x: t.x + (e === "top" || e === "bottom" ? n : 0),
+    y: t.y + (e === "right" || e === "left" ? n : 0)
+  };
+}
+function k(t, i, n, e, o) {
+  if (m(o) === "y") {
+    const g = i.top + i.height / 2, s = t.y + n.height / 2, u = s - g, d = n.height / 2 - u - e.height / 2 + 2;
+    if (d > 0 && d < n.height - e.height)
       return {
-        y: r
+        y: d
       };
   } else {
-    const u = i.left + i.width / 2, s = t.x + n.width / 2, g = s - u, r = n.width / 2 - g - e.width / 2 + 2;
-    if (r > 0 && r < n.width - e.width)
+    const g = i.left + i.width / 2, s = t.x + n.width / 2, u = s - g, d = n.width / 2 - u - e.width / 2 + 2;
+    if (d > 0 && d < n.width - e.width)
       return {
-        x: r
+        x: d
       };
   }
 }
-function k(t, i, n) {
-  const [e, d] = n.split("-"), o = t.x + t.width / 2 - i.width / 2, u = t.y + t.height / 2 - i.height / 2;
+function I(t, i, n) {
+  const [e, o] = n.split("-"), r = t.x + t.width / 2 - i.width / 2, g = t.y + t.height / 2 - i.height / 2;
   let s;
   switch (e) {
     case "top":
-      s = { x: o, y: t.y - i.height };
+      s = { x: r, y: t.y - i.height };
       break;
     case "bottom":
-      s = { x: o, y: t.y + t.height };
+      s = { x: r, y: t.y + t.height };
       break;
     case "left":
-      s = { x: t.x - i.width, y: u };
+      s = { x: t.x - i.width, y: g };
       break;
     case "right":
-      s = { x: t.x + t.width, y: u };
+      s = { x: t.x + t.width, y: g };
       break;
     default:
       throw new Error(`[Quidgest UI] Invalid placement value: ${n}`);
   }
-  if (!d)
+  if (!o)
     return s;
-  const r = l(n) === "y" ? "height" : "width", h = l(n), f = t[r] / 2 - i[r] / 2;
-  switch (d) {
+  const d = m(n) === "y" ? "height" : "width", h = m(n), l = t[d] / 2 - i[d] / 2;
+  switch (o) {
     case "start":
-      s[h] -= f;
+      s[h] -= l;
       break;
     case "end":
-      s[h] += f;
+      s[h] += l;
       break;
     default:
-      throw new Error(`[Quidgest UI] Invalid alignment value: ${d}`);
+      throw new Error(`[Quidgest UI] Invalid alignment value: ${o}`);
   }
   return s;
 }
-function c(t, i, n, e) {
-  const d = w(n);
-  let o = 0;
-  switch (d) {
+function a(t, i, n, e) {
+  const o = f(n);
+  let r = 0;
+  switch (o) {
     case "top":
-      o = t.top - (i.height + e);
+      r = t.top - (i.height + e);
       break;
     case "bottom":
-      o = window.innerHeight - t.bottom - (i.height + e);
+      r = window.innerHeight - t.bottom - (i.height + e);
       break;
     case "left":
-      o = t.left - (i.width + e);
+      r = t.left - (i.width + e);
       break;
     case "right":
-      o = window.innerWidth - t.right - (i.width + e);
+      r = window.innerWidth - t.right - (i.width + e);
       break;
     default:
-      throw new Error(`[Quidgest UI] Invalid side value: ${d}`);
+      throw new Error(`[Quidgest UI] Invalid side value: ${o}`);
   }
-  return o;
+  return r;
 }
-function y(t) {
+function M(t) {
   return t === "x" ? "y" : "x";
 }
-function I(t) {
-  const i = w(t);
+function P(t) {
+  const i = f(t);
   return ["left", "right"].includes(i) ? "x" : "y";
 }
-function l(t) {
-  return y(I(t));
+function m(t) {
+  return M(P(t));
 }
-function w(t) {
+function f(t) {
   const [i] = t.split("-");
   return i;
 }
-function O(t) {
+function S(t) {
   const [, i] = t.split("-");
   return i;
 }
@@ -132,11 +139,11 @@ function x(t) {
   return t < 0;
 }
 export {
-  M as computePosition,
-  l as getAlignmentAxis,
-  O as getAlignmentFromPlacement,
-  I as getMainAxis,
-  y as getOppositeAxis,
-  w as getSideFromPlacement,
+  $ as computePosition,
+  m as getAlignmentAxis,
+  S as getAlignmentFromPlacement,
+  P as getMainAxis,
+  M as getOppositeAxis,
+  f as getSideFromPlacement,
   x as isOutOfBounds
 };

package/esm/index.d.ts

@@ -17,6 +17,7 @@ declare module '@vue/runtime-core' {
 		QCollapsible: typeof import('@quidgest/ui/components')['QCollapsible']
 		QCombobox: typeof import('@quidgest/ui/components')['QCombobox']
 		QDialog: typeof import('@quidgest/ui/components')['QDialog']
+		QDropdownMenu: typeof import('@quidgest/ui/components')['QDropdownMenu']
 		QField: typeof import('@quidgest/ui/components')['QField']
 		QIcon: typeof import('@quidgest/ui/components')['QIcon']
 		QIconFont: typeof import('@quidgest/ui/components')['QIconFont']

package/package.json

@@ -1,14 +1,11 @@
 {
   "name": "@quidgest/ui",
   "description": "Quidgest's UI framework",
-  "version": "0.14.10",
+  "version": "0.14.11",
   "private": false,
   "type": "module",
   "author": "Quidgest",
   "license": "MIT",
-  "engines": {
-    "node": ">=22.0.0"
-  },
   "keywords": [
     "vue",
     "component-library",
@@ -57,39 +54,18 @@
     "@storybook/theming": "^8.4.7",
     "@storybook/vue3": "^8.4.7",
     "@storybook/vue3-vite": "^8.4.7",
-    "@tsconfig/node20": "^20.1.4",
-    "@types/node": "^22.10.5",
-    "@typescript-eslint/eslint-plugin": "^8.19.0",
-    "@typescript-eslint/parser": "^8.19.0",
     "@vitejs/plugin-vue": "^5.2.1",
-    "@vitest/coverage-v8": "^2.1.8",
-    "@vitest/eslint-plugin": "^1.1.24",
-    "@vitest/ui": "^2.1.8",
-    "@vue/eslint-config-prettier": "^10.1.0",
-    "@vue/eslint-config-typescript": "^14.2.0",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.7.0",
     "acorn-walk": "^8.3.4",
     "autoprefixer": "^10.4.20",
     "cssnano": "^7.0.6",
-    "eslint": "^9.17.0",
-    "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-storybook": "^0.11.2",
-    "eslint-plugin-vue": "^9.32.0",
-    "happy-dom": "^16.3.0",
-    "husky": "^9.1.7",
-    "lint-staged": "^15.3.0",
     "postcss": "^8.4.49",
-    "prettier": "^3.4.2",
-    "rimraf": "^6.0.1",
     "sass": "^1.83.1",
     "storybook": "^8.4.7",
-    "stylelint": "^16.12.0",
-    "stylelint-config-sass-guidelines": "^12.1.0",
     "typescript": "~5.6.3",
     "vite": "^6.0.7",
     "vite-plugin-dts": "^4.4.0",
-    "vitest": "^2.1.8",
     "vue-eslint-parser": "^9.4.3",
     "vue-tsc": "^2.2.0"
   },
@@ -102,14 +78,7 @@
     "build:dist": "vite build",
     "build:esm": "node build/esm.js",
     "build:css": "node build/css.js",
-    "type-check": "vue-tsc --noEmit -p tsconfig.dev.json --composite false",
-    "format": "prettier . --check",
-    "format:fix": "prettier . --write",
-    "lint": "eslint --max-warnings 0 .",
-    "lint:fix": "eslint . --fix",
-    "lint:style": "stylelint \"**/*.scss\"",
-    "test": "vitest",
-    "test:coverage": "vitest run --coverage",
+    "type-check": "vue-tsc --noEmit --composite false",
     "storybook": "storybook dev -p 6006",
     "build:storybook": "storybook build"
   }