@pure-ds/core 0.7.1 → 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

@@ -436,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

@@ -1,2 +1,3 @@
-export function ask(message: any, options?: {}): Promise<any>;
+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

@@ -1 +1 @@
-{"version":3,"file":"pds-ask.d.ts","sourceRoot":"","sources":["../../../../../public/assets/js/pds-ask.js"],"names":[],"mappings":"AAuHA,8DAmIC"}
+{"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

@@ -1,12 +1,7 @@
-export var AutoDefiner: {
-    new (options?: {}): {
-        stop(): void;
-        flush: () => Promise<void>;
-    };
-    /**
-     * Dynamically load and (idempotently) define a set of web components by tag name.
-     */
-    define(...args: any[]): Promise<{
+export { M as AutoDefiner };
+declare var M: {
+    new (i?: {}): {};
+    define(...i: any[]): Promise<{
         tag: any;
         status: string;
     }[]>;

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

@@ -1 +1 @@
-{"version":3,"file":"pds-auto-definer.d.ts","sourceRoot":"","sources":["../../../../../public/assets/js/pds-auto-definer.js"],"names":[],"mappings":"AA8CA;;;;;IA+ME;;OAEG;;;;;EA8CH"}
+{"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

@@ -1,11 +1,12 @@
-export var AutoComplete: {
-    new (parent: any, textInput: any, settings: any): {
+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(a: any, b: any): /*elided*/ any;
+        on(t: any, e: any): /*elided*/ any;
         attach(): void;
         resultsDiv: HTMLDivElement;
         controller(): {
@@ -20,14 +21,14 @@ export var AutoComplete: {
             clear: any;
             empty: () => void;
         };
-        moveResult(add: any): void;
+        moveResult(t: any): void;
         rowIndex: any;
         getSelectedDiv(): Element;
-        selectResult(div: any): void;
+        selectResult(t: any): void;
         resultClicked: boolean;
         tabWindow: Window;
-        setText(options: any): void;
-        resultClick(event: any): void;
+        setText(t: any): void;
+        resultClick(t: any): void;
         blurHandler(): void;
         clear(): void;
         cacheTmr: NodeJS.Timeout;
@@ -38,42 +39,30 @@ export var AutoComplete: {
         };
         hide(): void;
         empty(): void;
-        inputHandler(e: any): void;
-        keyDownHandler(e: any): void;
-        keyUpHandler(e: any): void;
-        focusHandler(e: any): void;
-        /**
-         * Shows suggestion box
-         * @param {string} value - String to suggest results for
-         */
-        suggest(value: string, e: any): void;
-        sort(r: any, options: any): any;
-        resultsHandler(r: any, options: any): 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(i: any): any;
-        formatResultItem(item: any, options: any, catHandler: any): any;
-        highlight(str: any, find: any): any;
-        getItems(options: any, e: any): Promise<any>;
+        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(options: any): Promise<any[]>;
-        formatSearch(url: any, options: any): any;
-        createQueryParam(options: any): string;
-        isMatch(options: any, i: any): any;
+        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;
     };
-    /**
-     * Connector logic to call on @focus events.
-     * Lit example:
-     * <input type="search" @focus=${(e) => {AutoComplete.connect(e, this.autoComplete); }} />
-     *
-     * @param {*} event focus event
-     * @param {*} options AutoComplete options
-     */
-    connect(event: any, options: any): any;
-    textFilter(options: any, propertyName: any): (i: any) => any;
+    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

@@ -1 +1 @@
-{"version":3,"file":"pds-autocomplete.d.ts","sourceRoot":"","sources":["../../../../../public/assets/js/pds-autocomplete.js"],"names":[],"mappings":"AA+CA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAwRE;;;WAGG;uBADQ,MAAM;;;;;;;;;;;;;;;;;;;IA5QjB;;;;;;;OAOG;mBAFQ,GAAC,WACD,GAAC;kDAsfM,MAAC;EAgBnB"}
+{"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

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

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

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