@wippy-fe/theme 0.0.52 → 0.0.53

package/contracts/theme-contract.json

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

package/effective-contract.json

@@ -1,11 +1,11 @@
 {
   "schemaVersion": "1.0.0",
-  "packageVersion": "0.0.52",
-  "implementationRelease": "1.0.52",
+  "packageVersion": "0.0.53",
+  "implementationRelease": "1.0.53",
   "compatibility": {
-    "themePackageVersion": "0.0.52",
+    "themePackageVersion": "0.0.53",
     "manifestSchemaVersion": "1.0.0",
-    "implementationRelease": "1.0.52",
+    "implementationRelease": "1.0.53",
     "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": "e41c69ba0d676a55cc121b4381d476dd30e959ad9dafec1f250e7ff149c11d39",
+      "themeContract": "2dcbe6fd096aa69d081e793e4c177bd0f791ebd04a12bcd57957f64b9d413f62",
       "runtimeAcceptanceRequirements": "6bac23fb52a87b18b1661b5ac73747a972e07f40af6961571b5f4dd831d4cb85",
       "themeConfig": "9b484e9da76871d11edda5a555b0d0443a262acd80fb42c74c4fd78e2b23b5ae",
       "tailwindConfig": "f1e862105254f082a78823ea685e3c6dc3ff5822516b7434a1e1141c976adc1d",
@@ -35,7 +35,7 @@
   "acceptance": {
     "status": "unverified",
     "evidenceSchemaVersion": "1.0.0",
-    "inputHash": "f7ec739c4bd7dfb2fe95c5062f9e97086cf4edb8ae6914a9810c79710951b03d",
+    "inputHash": "72da773feb9f72ba8b0cfc9b3d2cf85fea673fbe4e501a96df2928ef5b2c5249",
     "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.52",
+  "version": "0.0.53",
   "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 Menu from 'primevue/menu'
 import Portal from 'primevue/portal'
 import { createCommentVNode, h, renderSlot, Teleport } from 'vue'
 
@@ -407,6 +408,62 @@ function teardownOverlayLayer(inst: PortalInstance): void {
   }
 }
 
+interface PrimeVueMenuOptions {
+  methods?: {
+    bindOutsideClickListener?: (this: PrimeVueMenuInstance) => void
+  }
+}
+
+interface PrimeVueMenuInstance {
+  container: HTMLElement | null
+  target: HTMLElement | null
+  outsideClickListener: ((event: MouseEvent) => void) | null
+  overlayVisible: boolean
+  popup: boolean
+  focusedOptionIndex: string | number
+  hide: () => void
+}
+
+let menuOutsideClickPatched = false
+
+/**
+ * PrimeVue 4.5.5 Menu still tests document-capture clicks with `event.target`.
+ * At the document boundary, a click from inside a shadow root is retargeted to
+ * the shadow host, so Menu mistakes its own teleported panel for an outside
+ * click and hides before an input or menu item can handle the event.
+ *
+ * Select already uses `event.composedPath()`. Apply the same rule to Menu while
+ * preserving its popup/inline behavior. Menu is imported and patched by this
+ * plugin so consumers only need to install `PrimeVuePlugin`.
+ */
+function patchMenuOutsideClick(): void {
+  if (menuOutsideClickPatched)
+    return
+
+  const menu = Menu as unknown as PrimeVueMenuOptions
+  if (!menu.methods || typeof menu.methods.bindOutsideClickListener !== 'function')
+    return
+
+  menu.methods.bindOutsideClickListener = function (this: PrimeVueMenuInstance) {
+    if (this.outsideClickListener)
+      return
+
+    this.outsideClickListener = (event: MouseEvent) => {
+      const path = event.composedPath()
+      const isOutsideContainer = this.container && !path.includes(this.container)
+      const isOutsideTarget = !(this.target && path.includes(this.target))
+
+      if (this.overlayVisible && isOutsideContainer && isOutsideTarget)
+        this.hide()
+      else if (!this.popup && isOutsideContainer && isOutsideTarget)
+        this.focusedOptionIndex = -1
+    }
+    document.addEventListener('click', this.outsideClickListener, true)
+  }
+
+  menuOutsideClickPatched = true
+}
+
 let patched = false
 
 /**
@@ -507,6 +564,7 @@ export function patchOverlayPortal(): void {
 
 export const PrimeVuePlugin = {
   install: (app: App) => {
+    patchMenuOutsideClick()
     patchOverlayPortal()
     app.use(PrimeVue, { theme: 'none' })
   },

package/tailwind-contract.json

@@ -1,10 +1,10 @@
 {
   "schemaVersion": "1.0.0",
-  "packageVersion": "0.0.52",
+  "packageVersion": "0.0.53",
   "compatibility": {
-    "themePackageVersion": "0.0.52",
+    "themePackageVersion": "0.0.53",
     "manifestSchemaVersion": "1.0.0",
-    "implementationRelease": "1.0.52",
+    "implementationRelease": "1.0.53",
     "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": "e41c69ba0d676a55cc121b4381d476dd30e959ad9dafec1f250e7ff149c11d39",
+      "themeContract": "2dcbe6fd096aa69d081e793e4c177bd0f791ebd04a12bcd57957f64b9d413f62",
       "runtimeAcceptanceRequirements": "6bac23fb52a87b18b1661b5ac73747a972e07f40af6961571b5f4dd831d4cb85",
       "themeConfig": "9b484e9da76871d11edda5a555b0d0443a262acd80fb42c74c4fd78e2b23b5ae",
       "tailwindConfig": "f1e862105254f082a78823ea685e3c6dc3ff5822516b7434a1e1141c976adc1d",
@@ -34,7 +34,7 @@
   "acceptance": {
     "status": "unverified",
     "evidenceSchemaVersion": "1.0.0",
-    "inputHash": "f7ec739c4bd7dfb2fe95c5062f9e97086cf4edb8ae6914a9810c79710951b03d",
+    "inputHash": "72da773feb9f72ba8b0cfc9b3d2cf85fea673fbe4e501a96df2928ef5b2c5249",
     "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.52",
-  "implementationRelease": "1.0.52",
+  "packageVersion": "0.0.53",
+  "implementationRelease": "1.0.53",
   "generatedFrom": [
     "theme-config.css",
     "contracts/theme-contract.json"
   ],
   "compatibility": {
-    "themePackageVersion": "0.0.52",
+    "themePackageVersion": "0.0.53",
     "manifestSchemaVersion": "1.0.0",
-    "implementationRelease": "1.0.52",
+    "implementationRelease": "1.0.53",
     "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": "e41c69ba0d676a55cc121b4381d476dd30e959ad9dafec1f250e7ff149c11d39",
+      "themeContract": "2dcbe6fd096aa69d081e793e4c177bd0f791ebd04a12bcd57957f64b9d413f62",
       "runtimeAcceptanceRequirements": "6bac23fb52a87b18b1661b5ac73747a972e07f40af6961571b5f4dd831d4cb85",
       "themeConfig": "9b484e9da76871d11edda5a555b0d0443a262acd80fb42c74c4fd78e2b23b5ae",
       "tailwindConfig": "f1e862105254f082a78823ea685e3c6dc3ff5822516b7434a1e1141c976adc1d",
@@ -39,7 +39,7 @@
   "acceptance": {
     "status": "unverified",
     "evidenceSchemaVersion": "1.0.0",
-    "inputHash": "f7ec739c4bd7dfb2fe95c5062f9e97086cf4edb8ae6914a9810c79710951b03d",
+    "inputHash": "72da773feb9f72ba8b0cfc9b3d2cf85fea673fbe4e501a96df2928ef5b2c5249",
     "requirements": "contracts/runtime-acceptance-requirements.json",
     "gate": "node scripts/build-theme-contract.mjs --check --acceptance --evidence <path> --evidence-sha256 <hash>"
   },