ThatOpen
diff --git a/‎packages/core/package.json‎
Lines changed: 6 additions & 4 deletions b/‎packages/core/package.json‎
Lines changed: 6 additions & 4 deletions
diff --git a/‎packages/core/src/components/Button/index.ts‎
Lines changed: 4 additions & 1 deletion b/‎packages/core/src/components/Button/index.ts‎
Lines changed: 4 additions & 1 deletion
diff --git a/‎packages/core/src/components/Chart/example.html‎
Lines changed: 37 additions & 0 deletions b/‎packages/core/src/components/Chart/example.html‎
Lines changed: 37 additions & 0 deletions
@@ -1,7 +1,7 @@
 {
   "name": "@thatopen/ui",
   "description": "Collection of web components (UI components) meant to be used, but not limited to, BIM applications.",
-  "version": "3.2.4",
+  "version": "3.3.0",
   "author": "That Open Company",
   "contributors": [
     "Juan Hoyos (https://github.com/HoyosJuan)"
@@ -40,8 +40,10 @@
   },
   "dependencies": {
     "@floating-ui/dom": "1.6.3",
-    "iconify-icon": "2.0.0",
-    "lit": "3.1.2"
+    "chart.js": "^4.5.0",
+    "chartjs-plugin-datalabels": "^2.2.0",
+    "iconify-icon": "3.0.1",
+    "lit": "3.3.1"
   },
   "devDependencies": {
     "@types/node": "20.11.30",
@@ -60,4 +62,4 @@
     "vite": "5.1.6",
     "vite-plugin-dts": "3.7.3"
   }
-}
+}
@@ -426,17 +426,20 @@ export class Button extends LitElement {
   private showContextMenu = () => {
     let contextMenu = this._contextMenu;
     if (this.contextMenuTemplate) {
+      const previousDisabledValue = this.disabled
+      this.disabled = true
       contextMenu = Component.create<ContextMenu>(() => {
         const element = Component.create(this.contextMenuTemplate!)
         if (element instanceof ContextMenu) return html`${element}`
         return html`
           <bim-context-menu>${element}</bim-context-menu>
-        `
+          `
       })
       this.append(contextMenu)
       contextMenu.addEventListener("hidden", () => {
         contextMenu?.remove()
       })
+      this.disabled = previousDisabledValue
     }
     if (contextMenu) {
       const id = this.getAttribute("data-context-group");
 
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en" class="bim-ui-dark">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Chart</title>
+  <style>
+    * {
+      box-sizing: border-box;
+    }
+
+    html {
+      font-family: sans-serif;
+    }
+
+    body {
+      background-color: var(--bim-ui_bg-base);
+      height: 100vh;
+      margin: 0;
+      padding: 1rem;
+    }
+
+    bim-pie-chart {
+      padding: 2rem;
+      border: 1px solid var(--bim-ui_bg-contrast-20);
+      background-color: var(--bim-ui_bg-contrast-10);
+      border-radius: 1rem;
+    }
+  </style>
+</head>
+
+<body>
+  <script type="module" src="./example.ts"></script>
+</body>
+
+</html>