@pure-ds/core 0.6.11 → 0.7.2

package/.cursorrules

@@ -186,7 +186,11 @@ form.addEventListener('pw:submit', async (e) => {
 });
 ```
 
-**PDS.toast() is available globally via window.PDS:**
+**PDS.toast() is available from the imported `PDS` runtime:**
+
+```javascript
+import { PDS } from '#pds';
+```
 
 ```javascript
 // All toast types
@@ -362,6 +366,7 @@ This component uses `import { ... } from "#pds/lit"` and **requires** an import
 <script type="importmap">
 {
   "imports": {
+    "#pds": "/assets/pds/core.js",
     "#pds/lit": "/assets/pds/external/lit.js"
   }
 }
@@ -431,6 +436,38 @@ form.getFormData(); // May throw error
   <span data-label>Enable feature</span>
 </label>
 
+<!-- Treeview: lazy node loading -->
+<pds-treeview id="docsTree"></pds-treeview>
+
+<script type="module">
+  const tree = document.getElementById('docsTree');
+  tree.options = {
+    // Initial payload can be shallow (e.g., 2 levels)
+    source: [
+      {
+        id: 'docs',
+        text: 'Docs',
+        hasChildren: true,
+        children: [
+          { id: 'guides', text: 'Guides', hasChildren: true },
+          { id: 'components', text: 'Components', hasChildren: true }
+        ]
+      }
+    ],
+    // Fetch children only when a node is expanded
+    getChildren: async ({ nodeId }) => {
+      const res = await fetch(`/api/tree?parent=${encodeURIComponent(nodeId)}`);
+      return res.ok ? res.json() : [];
+    }
+  };
+</script>
+
+**Treeview lazy-loading rules:**
+- Mark expandable nodes with `hasChildren: true` when children are not yet included in the initial `source`.
+- Provide `options.getChildren({ node, nodeId, host, options, settings })` for node-level fetch on first expand.
+- Prefer shallow initial payloads (root + immediate children), then fetch deeper levels as users expand.
+- Use `node-load` and `node-load-error` events for telemetry, loading UX, and retries.
+
 <form data-required>
   <label><span>Email</span><input type="email" required></label>
 </form>

package/.github/copilot-instructions.md

@@ -186,7 +186,11 @@ form.addEventListener('pw:submit', async (e) => {
 });
 ```
 
-**PDS.toast() is available globally via window.PDS:**
+**PDS.toast() is available from the imported `PDS` runtime:**
+
+```javascript
+import { PDS } from '#pds';
+```
 
 ```javascript
 // All toast types
@@ -362,6 +366,7 @@ This component uses `import { ... } from "#pds/lit"` and **requires** an import
 <script type="importmap">
 {
   "imports": {
+    "#pds": "/assets/pds/core.js",
     "#pds/lit": "/assets/pds/external/lit.js"
   }
 }
@@ -431,6 +436,38 @@ form.getFormData(); // May throw error
   <span data-label>Enable feature</span>
 </label>
 
+<!-- Treeview: lazy node loading -->
+<pds-treeview id="docsTree"></pds-treeview>
+
+<script type="module">
+  const tree = document.getElementById('docsTree');
+  tree.options = {
+    // Initial payload can be shallow (e.g., 2 levels)
+    source: [
+      {
+        id: 'docs',
+        text: 'Docs',
+        hasChildren: true,
+        children: [
+          { id: 'guides', text: 'Guides', hasChildren: true },
+          { id: 'components', text: 'Components', hasChildren: true }
+        ]
+      }
+    ],
+    // Fetch children only when a node is expanded
+    getChildren: async ({ nodeId }) => {
+      const res = await fetch(`/api/tree?parent=${encodeURIComponent(nodeId)}`);
+      return res.ok ? res.json() : [];
+    }
+  };
+</script>
+
+**Treeview lazy-loading rules:**
+- Mark expandable nodes with `hasChildren: true` when children are not yet included in the initial `source`.
+- Provide `options.getChildren({ node, nodeId, host, options, settings })` for node-level fetch on first expand.
+- Prefer shallow initial payloads (root + immediate children), then fetch deeper levels as users expand.
+- Use `node-load` and `node-load-error` events for telemetry, loading UX, and retries.
+
 <form data-required>
   <label><span>Email</span><input type="email" required></label>
 </form>

package/custom-elements.json

@@ -1334,6 +1334,34 @@
               "kind": "method",
               "name": "_teardown"
             },
+            {
+              "kind": "method",
+              "name": "_enableInteractiveEditing"
+            },
+            {
+              "kind": "method",
+              "name": "_disableInteractiveEditing",
+              "parameters": [
+                {
+                  "name": "options",
+                  "default": "{}"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "setInteractiveEditingEnabled",
+              "parameters": [
+                {
+                  "name": "enabled",
+                  "default": "true"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "isInteractiveEditingEnabled"
+            },
             {
               "kind": "method",
               "name": "_handleThemeChanged"
@@ -1529,6 +1557,14 @@
               "kind": "method",
               "name": "_buildQuickModeDropdown"
             },
+            {
+              "kind": "method",
+              "name": "_buildQuickModeContent"
+            },
+            {
+              "kind": "method",
+              "name": "createSharedQuickModeMenuItem"
+            },
             {
               "kind": "method",
               "name": "_openDrawer",
@@ -1563,6 +1599,14 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "openDesignSettings"
+            },
+            {
+              "kind": "method",
+              "name": "resetConfig"
+            },
             {
               "kind": "method",
               "name": "openImportDetailsFromToast",
@@ -1741,6 +1785,22 @@
                 "text": "null"
               },
               "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "_interactiveEditingEnabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true"
+            },
+            {
+              "kind": "field",
+              "name": "_interactionListenersAttached",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
             }
           ],
           "events": [
@@ -1897,7 +1957,7 @@
               "name": "_persistImportHistory",
               "parameters": [
                 {
-                  "name": "{ sourceType, result }"
+                  "name": "{ sourceType, importMode, result }"
                 }
               ]
             },
@@ -1928,6 +1988,9 @@
                 },
                 {
                   "name": "fileName"
+                },
+                {
+                  "name": "importMode"
                 }
               ]
             },
@@ -1990,6 +2053,14 @@
               },
               "default": "\"\""
             },
+            {
+              "kind": "field",
+              "name": "_selectedImportMode",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"convert-only\""
+            },
             {
               "kind": "field",
               "name": "_isImporting",
@@ -2632,32 +2703,8 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Horizontal scrolling row with optional heading and snap alignment controls.",
+          "description": "",
           "name": "PdsScrollrow",
-          "cssParts": [
-            {
-              "description": "The scrollable container element",
-              "name": "viewport"
-            },
-            {
-              "description": "The previous/left scroll navigation button",
-              "name": "prev"
-            },
-            {
-              "description": "The next/right scroll navigation button",
-              "name": "next"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Scrollable tile content",
-              "name": "default"
-            },
-            {
-              "description": "Optional heading content rendered in the component header",
-              "name": "heading"
-            }
-          ],
           "members": [
             {
               "kind": "field",
@@ -2747,32 +2794,16 @@
           ],
           "attributes": [
             {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "description": "Accessible label for the scroll region; also used as fallback heading copy"
+              "name": "label"
             },
             {
-              "name": "snap",
-              "type": {
-                "text": "\"start\"|\"center\""
-              },
-              "description": "Snap alignment for tiles when scrolling (default: start)"
+              "name": "snap"
             },
             {
-              "name": "tile-min",
-              "type": {
-                "text": "string"
-              },
-              "description": "Minimum tile width (CSS length, e.g. \"250px\")"
+              "name": "tile-min"
             },
             {
-              "name": "tile-max",
-              "type": {
-                "text": "string"
-              },
-              "description": "Maximum tile width (CSS length, e.g. \"360px\")"
+              "name": "tile-max"
             }
           ],
           "superclass": {

package/dist/types/public/assets/js/pds-ask.d.ts

@@ -0,0 +1,3 @@
+export { E as ask };
+declare function E(n: any, e?: {}): Promise<any>;
+//# sourceMappingURL=pds-ask.d.ts.map

package/dist/types/public/assets/js/pds-ask.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pds-ask.d.ts","sourceRoot":"","sources":["../../../../../public/assets/js/pds-ask.js"],"names":[],"mappings":";AAAokE,iDAwBt3C"}

package/dist/types/public/assets/js/pds-auto-definer.d.ts

@@ -0,0 +1,9 @@
+export { M as AutoDefiner };
+declare var M: {
+    new (i?: {}): {};
+    define(...i: any[]): Promise<{
+        tag: any;
+        status: string;
+    }[]>;
+};
+//# sourceMappingURL=pds-auto-definer.d.ts.map

package/dist/types/public/assets/js/pds-auto-definer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pds-auto-definer.d.ts","sourceRoot":"","sources":["../../../../../public/assets/js/pds-auto-definer.js"],"names":[],"mappings":";AAA62B;;;;;;EAAgwG"}

package/dist/types/public/assets/js/pds-autocomplete.d.ts

@@ -0,0 +1,68 @@
+export { f as AutoComplete };
+declare var f: {
+    new (t: any, e: any, s: any): {
+        settings: any;
+        container: any;
+        input: any;
+        categories: any;
+        caches: Map<any, any>;
+        on(t: any, e: any): /*elided*/ any;
+        attach(): void;
+        resultsDiv: HTMLDivElement;
+        controller(): {
+            show: any;
+            hide: any;
+            clear: any;
+            empty: () => void;
+        };
+        internalController(): {
+            show: any;
+            hide: any;
+            clear: any;
+            empty: () => void;
+        };
+        moveResult(t: any): void;
+        rowIndex: any;
+        getSelectedDiv(): Element;
+        selectResult(t: any): void;
+        resultClicked: boolean;
+        tabWindow: Window;
+        setText(t: any): void;
+        resultClick(t: any): void;
+        blurHandler(): void;
+        clear(): void;
+        cacheTmr: NodeJS.Timeout;
+        show(): void;
+        getViewBounds(): {
+            rect: any;
+            suggestedDirection: string;
+        };
+        hide(): void;
+        empty(): void;
+        inputHandler(t: any): void;
+        keyDownHandler(t: any): void;
+        keyUpHandler(t: any): void;
+        focusHandler(t: any): void;
+        suggest(t: any, e: any): void;
+        sort(t: any, e: any): any;
+        resultsHandler(t: any, e: any): void;
+        results: any;
+        acItems: NodeListOf<Element>;
+        handleImageOrIcon(t: any): any;
+        formatResultItem(t: any, e: any, s: any): any;
+        highlight(t: any, e: any): any;
+        getItems(t: any, e: any): Promise<any>;
+        aborter: AbortController;
+        aborterSignal: AbortSignal;
+        items(t: any): Promise<any[]>;
+        formatSearch(t: any, e: any): any;
+        createQueryParam(t: any): string;
+        isMatch(t: any, e: any): any;
+        addEventListener(type: string, callback: EventListenerOrEventListenerObject | null, options?: AddEventListenerOptions | boolean): void;
+        dispatchEvent(event: Event): boolean;
+        removeEventListener(type: string, callback: EventListenerOrEventListenerObject | null, options?: EventListenerOptions | boolean): void;
+    };
+    connect(t: any, e: any): any;
+    textFilter(t: any, e: any): (s: any) => any;
+};
+//# sourceMappingURL=pds-autocomplete.d.ts.map

package/dist/types/public/assets/js/pds-autocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pds-autocomplete.d.ts","sourceRoot":"","sources":["../../../../../public/assets/js/pds-autocomplete.js"],"names":[],"mappings":";AACwc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAKqxE,MAAC;EAAkM"}

package/dist/types/public/assets/js/pds-enhancers.d.ts

@@ -0,0 +1,7 @@
+export { J as defaultPDSEnhancers };
+declare var J: {
+    run: typeof W;
+    selector: string;
+}[];
+declare function W(t: any): void;
+//# sourceMappingURL=pds-enhancers.d.ts.map

package/dist/types/public/assets/js/pds-enhancers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pds-enhancers.d.ts","sourceRoot":"","sources":["../../../../../public/assets/js/pds-enhancers.js"],"names":[],"mappings":";AAAmpZ;;;IAAoD;AAA15Y,iCAAqP"}