@qaecy/cue-ui 0.0.3 → 0.0.4

package/README.md

@@ -1,16 +1,16 @@
-# @qaecy/ui
+# @qaecy/cue-ui
 
 Framework-agnostic web components for the [QAECY Cue platform](https://qaecy.com).  
 Drop them into any HTML page — no build step required.
 
 ## Components
 
-| Custom element           | Import path                 | Description                                                                       |
-| ------------------------ | --------------------------- | --------------------------------------------------------------------------------- |
-| `<cue-card>`             | `@qaecy/ui/card`            | Reusable card container with variants, padding, and optional shadow               |
-| `<cue-logo>`             | `@qaecy/ui/logo`            | Animated QAECY logo                                                               |
-| `<cue-document-list-wc>` | `@qaecy/ui/document-list`   | Lazy document list that fetches metadata internally from Cue SDK state            |
-| `<cue-document-viewer>`  | `@qaecy/ui/document-viewer` | Document viewer with Cue SDK integration (PDF, BIM, CAD, images, spreadsheets, …) |
+| Custom element          | Import path                     | Description                                                                       |
+| ----------------------- | ------------------------------- | --------------------------------------------------------------------------------- |
+| `<cue-card>`            | `@qaecy/cue-ui/card`            | Reusable card container with variants, padding, and optional shadow               |
+| `<cue-logo>`            | `@qaecy/cue-ui/logo`            | Animated QAECY logo                                                               |
+| `<cue-document-list>`   | `@qaecy/cue-ui/document-list`   | Lazy document list that fetches metadata internally from Cue SDK state            |
+| `<cue-document-viewer>` | `@qaecy/cue-ui/document-viewer` | Document viewer with Cue SDK integration (PDF, BIM, CAD, images, spreadsheets, …) |
 
 ---
 
@@ -48,7 +48,7 @@ Both components and the Cue SDK are available on [jsDelivr](https://www.jsdelivr
         <div id="viewer-host" style="flex:1; display:contents;"></div>
 
         <!-- 1. Zone.js (Angular runtime requirement) -->
-        <script src="https://cdn.jsdelivr.net/npm/@qaecy/ui/document-viewer/polyfills.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/@qaecy/cue-ui/document-viewer/polyfills.js"></script>
 
         <!-- 2. Cue SDK  -->
         <script type="module">
@@ -60,16 +60,16 @@ Both components and the Cue SDK are available on [jsDelivr](https://www.jsdelivr
 
             // 4. Mount the logo web component
             const logoPolyfills = document.createElement('script');
-            logoPolyfills.src = 'https://cdn.jsdelivr.net/npm/@qaecy/ui/logo/polyfills.js';
+            logoPolyfills.src = 'https://cdn.jsdelivr.net/npm/@qaecy/cue-ui/logo/polyfills.js';
             document.head.appendChild(logoPolyfills);
 
             const logoScript = document.createElement('script');
-            logoScript.src = 'https://cdn.jsdelivr.net/npm/@qaecy/ui/logo/main.js';
+            logoScript.src = 'https://cdn.jsdelivr.net/npm/@qaecy/cue-ui/logo/main.js';
             document.head.appendChild(logoScript);
 
             // 5. Mount the document viewer
             const dvScript = document.createElement('script');
-            dvScript.src = 'https://cdn.jsdelivr.net/npm/@qaecy/ui/document-viewer/main.js';
+            dvScript.src = 'https://cdn.jsdelivr.net/npm/@qaecy/cue-ui/document-viewer/main.js';
             dvScript.onload = () => {
                 customElements.whenDefined('cue-document-viewer').then(() => {
                     const viewer = document.createElement('cue-document-viewer');
@@ -114,8 +114,8 @@ Renders the animated QAECY logo. Adapts automatically to light/dark mode.
 > **Script tags needed**
 >
 > ```html
-> <script src="https://cdn.jsdelivr.net/npm/@qaecy/ui/logo/polyfills.js"></script>
-> <script src="https://cdn.jsdelivr.net/npm/@qaecy/ui/logo/main.js"></script>
+> <script src="https://cdn.jsdelivr.net/npm/@qaecy/cue-ui/logo/polyfills.js"></script>
+> <script src="https://cdn.jsdelivr.net/npm/@qaecy/cue-ui/logo/main.js"></script>
 > ```
 
 ---
@@ -142,9 +142,9 @@ Renders the core Cue card container as a standalone web component.
 > **Script tags needed**
 >
 > ```html
-> <script src="https://cdn.jsdelivr.net/npm/@qaecy/ui/card/polyfills.js"></script>
-> <script src="https://cdn.jsdelivr.net/npm/@qaecy/ui/card/main.js"></script>
-> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@qaecy/ui/card/styles.css" />
+> <script src="https://cdn.jsdelivr.net/npm/@qaecy/cue-ui/card/polyfills.js"></script>
+> <script src="https://cdn.jsdelivr.net/npm/@qaecy/cue-ui/card/main.js"></script>
+> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@qaecy/cue-ui/card/styles.css" />
 > ```
 
 ---
@@ -167,14 +167,17 @@ Supported file types: PDF, IFC/BIM, DXF/CAD, images (PNG, JPG, SVG, …), Markdo
 > **Script tags needed**
 >
 > ```html
-> <script src="https://cdn.jsdelivr.net/npm/@qaecy/ui/document-viewer/polyfills.js"></script>
-> <script src="https://cdn.jsdelivr.net/npm/@qaecy/ui/document-viewer/main.js"></script>
-> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@qaecy/ui/document-viewer/styles.css" />
+> <script src="https://cdn.jsdelivr.net/npm/@qaecy/cue-ui/document-viewer/polyfills.js"></script>
+> <script src="https://cdn.jsdelivr.net/npm/@qaecy/cue-ui/document-viewer/main.js"></script>
+> <link
+>     rel="stylesheet"
+>     href="https://cdn.jsdelivr.net/npm/@qaecy/cue-ui/document-viewer/styles.css"
+> />
 > ```
 
 ---
 
-## `<cue-document-list-wc>`
+## `<cue-document-list>`
 
 Renders a lazy-loaded document table. Pass a `projectId`, `uuids`, and `sdkState`; the component requests metadata and categories internally.
 
@@ -199,7 +202,7 @@ The component emits the same row click outputs as the internal document list (`c
 Custom menu items are appended after the standard ones:
 
 ```js
-const list = document.querySelector('cue-document-list-wc');
+const list = document.querySelector('cue-document-list');
 
 list.customMenuItems = [
     {
@@ -222,9 +225,12 @@ list.customMenuItems = [
 > **Script tags needed**
 >
 > ```html
-> <script src="https://cdn.jsdelivr.net/npm/@qaecy/ui/document-list/polyfills.js"></script>
-> <script src="https://cdn.jsdelivr.net/npm/@qaecy/ui/document-list/main.js"></script>
-> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@qaecy/ui/document-list/styles.css" />
+> <script src="https://cdn.jsdelivr.net/npm/@qaecy/cue-ui/document-list/polyfills.js"></script>
+> <script src="https://cdn.jsdelivr.net/npm/@qaecy/cue-ui/document-list/main.js"></script>
+> <link
+>     rel="stylesheet"
+>     href="https://cdn.jsdelivr.net/npm/@qaecy/cue-ui/document-list/styles.css"
+> />
 > ```
 
 ---
@@ -243,14 +249,14 @@ await cue.auth.signIn('google'); // or 'microsoft', 'email', etc.
 When using npm:
 
 ```bash
-npm install @qaecy/cue-sdk @qaecy/ui
+npm install @qaecy/cue-sdk @qaecy/cue-ui
 ```
 
 ```js
 import { Cue } from '@qaecy/cue-sdk';
-import '@qaecy/ui/card';
-import '@qaecy/ui/document-viewer';
-import '@qaecy/ui/logo';
+import '@qaecy/cue-ui/card';
+import '@qaecy/cue-ui/document-viewer';
+import '@qaecy/cue-ui/logo';
 ```
 
 ---

package/document-list/index.html

@@ -273,7 +273,7 @@
                 overflow: auto;
             }
 
-            cue-document-list-wc {
+            cue-document-list {
                 display: block;
                 width: 100%;
                 min-height: 480px;
@@ -350,7 +350,7 @@
             <main id="list-area">
                 <div id="toolbar">Select a project to load documents.</div>
                 <div id="list-wrapper">
-                    <cue-document-list-wc id="doc-list"></cue-document-list-wc>
+                    <cue-document-list id="doc-list"></cue-document-list>
                 </div>
             </main>
         </div>
@@ -358,11 +358,11 @@
         <script type="module">
             window.addEventListener('load', () => {
                 setTimeout(() => {
-                    if (customElements.get('cue-document-list-wc')) {
-                        console.log('[demo] cue-document-list-wc registered OK');
+                    if (customElements.get('cue-document-list')) {
+                        console.log('[demo] cue-document-list registered OK');
                     } else {
                         console.error(
-                            '[demo] cue-document-list-wc NOT registered after 4 s. Check runtime.js/polyfills.js/main.js loads.'
+                            '[demo] cue-document-list NOT registered after 4 s. Check runtime.js/polyfills.js/main.js loads.'
                         );
                     }
                 }, 4000);
@@ -423,7 +423,7 @@
                 const list = $('doc-list');
                 if (!list || !activeProjectId) return;
 
-                await customElements.whenDefined('cue-document-list-wc');
+                await customElements.whenDefined('cue-document-list');
                 list.projectId = activeProjectId;
                 list.uuids = shownDocs.map((doc) => doc.uuid);
                 list.sdkState = { cue, language: cue.api.language || 'en' };