@wippy-fe/theme 0.0.57 → 0.0.59

package/contracts/theme-contract.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": "1.0.0",
-  "implementationRelease": "1.0.57",
+  "implementationRelease": "1.0.59",
   "upstream": {
     "package": "@primeuix/themes",
     "version": "2.0.3",

package/effective-contract.json

@@ -1,11 +1,11 @@
 {
   "schemaVersion": "1.0.0",
-  "packageVersion": "0.0.57",
-  "implementationRelease": "1.0.57",
+  "packageVersion": "0.0.59",
+  "implementationRelease": "1.0.59",
   "compatibility": {
-    "themePackageVersion": "0.0.57",
+    "themePackageVersion": "0.0.59",
     "manifestSchemaVersion": "1.0.0",
-    "implementationRelease": "1.0.57",
+    "implementationRelease": "1.0.59",
     "tailwindVersion": "3.4.19",
     "tailwindcssPrimeuiVersion": "0.6.1",
     "primevueVersion": "4.5.5",
@@ -14,7 +14,7 @@
     "referencePrimeuixThemesVersion": "2.0.3",
     "referencePrimeuixThemesIntegrity": "sha512-3fS1883mtCWhgUgNf/feiaaDSOND4EBIOu9tZnzJlJ8QtYyL6eFLcA6V3ymCWqLVXQ1+lTVEZv1gl47FIdXReg==",
     "sourceHashes": {
-      "themeContract": "8ab9d158851abc071fd4b61a14a689e850499f7704a325cfceb72c75ad758013",
+      "themeContract": "f9f9bd1cfedcc9ffe78bbfe8f49928ace81cbcb700ad56ff087b7ae1985dae34",
       "runtimeAcceptanceRequirements": "6bac23fb52a87b18b1661b5ac73747a972e07f40af6961571b5f4dd831d4cb85",
       "themeConfig": "9b484e9da76871d11edda5a555b0d0443a262acd80fb42c74c4fd78e2b23b5ae",
       "tailwindConfig": "f1e862105254f082a78823ea685e3c6dc3ff5822516b7434a1e1141c976adc1d",
@@ -35,7 +35,7 @@
   "acceptance": {
     "status": "unverified",
     "evidenceSchemaVersion": "1.0.0",
-    "inputHash": "079b3ddbcb7a53c661b52ce0e8930e3e93e83a4f231dde37f0f581e98c263958",
+    "inputHash": "9a14e8578298f45bdbb515f450bd63516f73941d3e2f6ad680bc8f8cd5eb4abf",
     "requirements": "contracts/runtime-acceptance-requirements.json",
     "gate": "node scripts/build-theme-contract.mjs --check --acceptance --evidence <path> --evidence-sha256 <hash>"
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wippy-fe/theme",
-  "version": "0.0.57",
+  "version": "0.0.59",
   "description": "Theme variables, shared Tailwind config, and PrimeVue styling for Wippy web components.",
   "type": "module",
   "main": "theme-config.css",

package/primevue-plugin.ts

@@ -1,5 +1,6 @@
 import type { App, VNode } from 'vue'
 import PrimeVue from 'primevue/config'
+import ContextMenu from 'primevue/contextmenu'
 import Menu from 'primevue/menu'
 import Portal from 'primevue/portal'
 import { createCommentVNode, h, renderSlot, Teleport } from 'vue'
@@ -464,6 +465,65 @@ function patchMenuOutsideClick(): void {
   menuOutsideClickPatched = true
 }
 
+interface PrimeVueContextMenuOptions {
+  methods?: {
+    bindOutsideClickListener?: (this: PrimeVueContextMenuInstance) => void
+  }
+}
+
+interface PrimeVueContextMenuInstance {
+  container: HTMLElement | null
+  target: HTMLElement | null
+  outsideClickListener: ((event: MouseEvent) => void) | null
+  visible: boolean
+  hide: () => void
+}
+
+let contextMenuOutsideClickPatched = false
+
+/**
+ * ContextMenu carries the same `event.target` bug as Menu and is NOT covered by
+ * the patch above — they are separate components with their own copy of the
+ * listener.
+ *
+ * The failure inside a shadow root is worse here than for Menu: the retargeted
+ * click makes `container.contains(target)` false, so `hide()` runs in the
+ * CAPTURE phase — before the menu item's own click handler. The command still
+ * fires (Vue re-renders on a microtask, so the synchronous dispatch completes),
+ * but the menu flickers shut on every interaction and submenus never stay open.
+ *
+ * ContextMenu's listener differs from Menu's: it has no popup/inline split and
+ * no `focusedOptionIndex` reset, and it gates the target test on `visible`.
+ * Keep that shape and change only how membership is tested.
+ */
+function patchContextMenuOutsideClick(): void {
+  if (contextMenuOutsideClickPatched)
+    return
+
+  const contextMenu = ContextMenu as unknown as PrimeVueContextMenuOptions
+  if (!contextMenu.methods || typeof contextMenu.methods.bindOutsideClickListener !== 'function')
+    return
+
+  contextMenu.methods.bindOutsideClickListener = function (this: PrimeVueContextMenuInstance) {
+    if (this.outsideClickListener)
+      return
+
+    this.outsideClickListener = (event: MouseEvent) => {
+      const path = event.composedPath()
+      // `path.includes(target)` covers both upstream branches at once —
+      // `target === event.target` and `target.contains(event.target)`.
+      const isOutsideContainer = this.container && !path.includes(this.container)
+      const isOutsideTarget = this.visible ? !(this.target && path.includes(this.target)) : true
+
+      if (isOutsideContainer && isOutsideTarget)
+        this.hide()
+    }
+    document.addEventListener('click', this.outsideClickListener, true)
+  }
+
+  contextMenuOutsideClickPatched = true
+}
+
 let patched = false
 
 /**
@@ -565,6 +625,7 @@ export function patchOverlayPortal(): void {
 export const PrimeVuePlugin = {
   install: (app: App) => {
     patchMenuOutsideClick()
+    patchContextMenuOutsideClick()
     patchOverlayPortal()
     app.use(PrimeVue, { theme: 'none' })
   },

package/tailwind-contract.json

@@ -1,10 +1,10 @@
 {
   "schemaVersion": "1.0.0",
-  "packageVersion": "0.0.57",
+  "packageVersion": "0.0.59",
   "compatibility": {
-    "themePackageVersion": "0.0.57",
+    "themePackageVersion": "0.0.59",
     "manifestSchemaVersion": "1.0.0",
-    "implementationRelease": "1.0.57",
+    "implementationRelease": "1.0.59",
     "tailwindVersion": "3.4.19",
     "tailwindcssPrimeuiVersion": "0.6.1",
     "primevueVersion": "4.5.5",
@@ -13,7 +13,7 @@
     "referencePrimeuixThemesVersion": "2.0.3",
     "referencePrimeuixThemesIntegrity": "sha512-3fS1883mtCWhgUgNf/feiaaDSOND4EBIOu9tZnzJlJ8QtYyL6eFLcA6V3ymCWqLVXQ1+lTVEZv1gl47FIdXReg==",
     "sourceHashes": {
-      "themeContract": "8ab9d158851abc071fd4b61a14a689e850499f7704a325cfceb72c75ad758013",
+      "themeContract": "f9f9bd1cfedcc9ffe78bbfe8f49928ace81cbcb700ad56ff087b7ae1985dae34",
       "runtimeAcceptanceRequirements": "6bac23fb52a87b18b1661b5ac73747a972e07f40af6961571b5f4dd831d4cb85",
       "themeConfig": "9b484e9da76871d11edda5a555b0d0443a262acd80fb42c74c4fd78e2b23b5ae",
       "tailwindConfig": "f1e862105254f082a78823ea685e3c6dc3ff5822516b7434a1e1141c976adc1d",
@@ -34,7 +34,7 @@
   "acceptance": {
     "status": "unverified",
     "evidenceSchemaVersion": "1.0.0",
-    "inputHash": "079b3ddbcb7a53c661b52ce0e8930e3e93e83a4f231dde37f0f581e98c263958",
+    "inputHash": "9a14e8578298f45bdbb515f450bd63516f73941d3e2f6ad680bc8f8cd5eb4abf",
     "requirements": "contracts/runtime-acceptance-requirements.json",
     "gate": "node scripts/build-theme-contract.mjs --check --acceptance --evidence <path> --evidence-sha256 <hash>"
   },

package/tokens.json

@@ -1,15 +1,15 @@
 {
   "schemaVersion": "1.0.0",
-  "packageVersion": "0.0.57",
-  "implementationRelease": "1.0.57",
+  "packageVersion": "0.0.59",
+  "implementationRelease": "1.0.59",
   "generatedFrom": [
     "theme-config.css",
     "contracts/theme-contract.json"
   ],
   "compatibility": {
-    "themePackageVersion": "0.0.57",
+    "themePackageVersion": "0.0.59",
     "manifestSchemaVersion": "1.0.0",
-    "implementationRelease": "1.0.57",
+    "implementationRelease": "1.0.59",
     "tailwindVersion": "3.4.19",
     "tailwindcssPrimeuiVersion": "0.6.1",
     "primevueVersion": "4.5.5",
@@ -18,7 +18,7 @@
     "referencePrimeuixThemesVersion": "2.0.3",
     "referencePrimeuixThemesIntegrity": "sha512-3fS1883mtCWhgUgNf/feiaaDSOND4EBIOu9tZnzJlJ8QtYyL6eFLcA6V3ymCWqLVXQ1+lTVEZv1gl47FIdXReg==",
     "sourceHashes": {
-      "themeContract": "8ab9d158851abc071fd4b61a14a689e850499f7704a325cfceb72c75ad758013",
+      "themeContract": "f9f9bd1cfedcc9ffe78bbfe8f49928ace81cbcb700ad56ff087b7ae1985dae34",
       "runtimeAcceptanceRequirements": "6bac23fb52a87b18b1661b5ac73747a972e07f40af6961571b5f4dd831d4cb85",
       "themeConfig": "9b484e9da76871d11edda5a555b0d0443a262acd80fb42c74c4fd78e2b23b5ae",
       "tailwindConfig": "f1e862105254f082a78823ea685e3c6dc3ff5822516b7434a1e1141c976adc1d",
@@ -39,7 +39,7 @@
   "acceptance": {
     "status": "unverified",
     "evidenceSchemaVersion": "1.0.0",
-    "inputHash": "079b3ddbcb7a53c661b52ce0e8930e3e93e83a4f231dde37f0f581e98c263958",
+    "inputHash": "9a14e8578298f45bdbb515f450bd63516f73941d3e2f6ad680bc8f8cd5eb4abf",
     "requirements": "contracts/runtime-acceptance-requirements.json",
     "gate": "node scripts/build-theme-contract.mjs --check --acceptance --evidence <path> --evidence-sha256 <hash>"
   },