@pine-ds/core 1.1.0 → 1.3.0-dev.0

package/components/index.d.ts

@@ -21,6 +21,8 @@ export { PdsInput as PdsInput } from '../dist/types/components/pds-input/pds-inp
 export { defineCustomElement as defineCustomElementPdsInput } from './pds-input';
 export { PdsLink as PdsLink } from '../dist/types/components/pds-link/pds-link';
 export { defineCustomElement as defineCustomElementPdsLink } from './pds-link';
+export { PdsLoader as PdsLoader } from '../dist/types/components/pds-loader/pds-loader';
+export { defineCustomElement as defineCustomElementPdsLoader } from './pds-loader';
 export { PdsProgress as PdsProgress } from '../dist/types/components/pds-progress/pds-progress';
 export { defineCustomElement as defineCustomElementPdsProgress } from './pds-progress';
 export { PdsRadio as PdsRadio } from '../dist/types/components/pds-radio/pds-radio';

package/components/pds-loader.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface PdsLoader extends Components.PdsLoader, HTMLElement {}
+export const PdsLoader: {
+    prototype: PdsLoader;
+    new (): PdsLoader;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-06-28T16:05:17",
+  "timestamp": "2024-08-02T17:39:09",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.15.0",
@@ -94,14 +94,8 @@
       ],
       "parts": [],
       "dependents": [],
-      "dependencies": [
-        "pds-icon"
-      ],
-      "dependencyGraph": {
-        "pds-accordion": [
-          "pds-icon"
-        ]
-      }
+      "dependencies": [],
+      "dependencyGraph": {}
     },
     {
       "filePath": "src/components/pds-avatar/pds-avatar.tsx",
@@ -322,14 +316,8 @@
         }
       ],
       "dependents": [],
-      "dependencies": [
-        "pds-icon"
-      ],
-      "dependencyGraph": {
-        "pds-avatar": [
-          "pds-icon"
-        ]
-      }
+      "dependencies": [],
+      "dependencyGraph": {}
     },
     {
       "filePath": "src/components/pds-box/pds-box.tsx",
@@ -2068,13 +2056,8 @@
       "dependents": [
         "pds-copytext"
       ],
-      "dependencies": [
-        "pds-icon"
-      ],
+      "dependencies": [],
       "dependencyGraph": {
-        "pds-button": [
-          "pds-icon"
-        ],
         "pds-copytext": [
           "pds-button"
         ]
@@ -2102,12 +2085,13 @@
           "reflectToAttr": false,
           "docs": "It determines whether or not the checkbox is checked.",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
               "type": "boolean"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -2202,7 +2186,7 @@
             "resolved": "boolean",
             "references": {}
           },
-          "mutable": false,
+          "mutable": true,
           "attr": "indeterminate",
           "reflectToAttr": false,
           "docs": "If `true`, the checkbox will visually appear as indeterminate.\nOnly JavaScript can set the objects `indeterminate` property. See [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes).",
@@ -2363,6 +2347,26 @@
           "composed": true,
           "docs": "Event emitted that contains the `value` and `checked`.",
           "docsTags": []
+        },
+        {
+          "event": "pdsCheckboxInput",
+          "detail": "CheckboxChangeEventDetail<any>",
+          "bubbles": true,
+          "complexType": {
+            "original": "CheckboxChangeEventDetail",
+            "resolved": "CheckboxChangeEventDetail<any>",
+            "references": {
+              "CheckboxChangeEventDetail": {
+                "location": "import",
+                "path": "./checkbox-interface",
+                "id": "src/components/pds-checkbox/checkbox-interface.ts::CheckboxChangeEventDetail"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
         }
       ],
       "listeners": [],
@@ -2370,10 +2374,14 @@
       "slots": [],
       "parts": [],
       "dependents": [
+        "pds-table-head",
         "pds-table-row"
       ],
       "dependencies": [],
       "dependencyGraph": {
+        "pds-table-head": [
+          "pds-checkbox"
+        ],
         "pds-table-row": [
           "pds-checkbox"
         ]
@@ -2591,14 +2599,8 @@
       "slots": [],
       "parts": [],
       "dependents": [],
-      "dependencies": [
-        "pds-icon"
-      ],
-      "dependencyGraph": {
-        "pds-chip": [
-          "pds-icon"
-        ]
-      }
+      "dependencies": [],
+      "dependencyGraph": {}
     },
     {
       "filePath": "src/components/pds-copytext/pds-copytext.tsx",
@@ -2756,16 +2758,11 @@
       "parts": [],
       "dependents": [],
       "dependencies": [
-        "pds-button",
-        "pds-icon"
+        "pds-button"
       ],
       "dependencyGraph": {
         "pds-copytext": [
-          "pds-button",
-          "pds-icon"
-        ],
-        "pds-button": [
-          "pds-icon"
+          "pds-button"
         ]
       }
     },
@@ -3550,14 +3547,131 @@
         }
       ],
       "dependents": [],
-      "dependencies": [
-        "pds-icon"
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/pds-loader/pds-loader.tsx",
+      "encapsulation": "shadow",
+      "tag": "pds-loader",
+      "readme": "# pds-loader\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "label - Default slot for Loader label text."
+        }
       ],
-      "dependencyGraph": {
-        "pds-link": [
-          "pds-icon"
-        ]
-      }
+      "usage": {},
+      "props": [
+        {
+          "name": "isLoading",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "is-loading",
+          "reflectToAttr": false,
+          "docs": "If false, the loader will be hidden.",
+          "docsTags": [],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "showLabel",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "show-label",
+          "reflectToAttr": false,
+          "docs": "Determines whether the loader should display a label.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "string",
+          "complexType": {
+            "original": "| 'xs' // 24px\n  | 'sm' // 32px\n  | 'md' // 48px\n  | 'lg' // 64px\n  | 'xl' // 80px\n  | string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": true,
+          "docs": "Sets the size of the spinner loader. Value can be preset or custom.",
+          "docsTags": [],
+          "default": "'md'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "variant",
+          "type": "\"spinner\" | \"typing\"",
+          "complexType": {
+            "original": "'spinner' | 'typing'",
+            "resolved": "\"spinner\" | \"typing\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "variant",
+          "reflectToAttr": false,
+          "docs": "Determines the type of loader.",
+          "docsTags": [],
+          "default": "'spinner'",
+          "values": [
+            {
+              "value": "spinner",
+              "type": "string"
+            },
+            {
+              "value": "typing",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "label",
+          "docs": "Default slot for Loader label text."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
     },
     {
       "filePath": "src/components/pds-progress/pds-progress.tsx",
@@ -4479,14 +4593,8 @@
       ],
       "parts": [],
       "dependents": [],
-      "dependencies": [
-        "pds-icon"
-      ],
-      "dependencyGraph": {
-        "pds-sortable-item": [
-          "pds-icon"
-        ]
-      }
+      "dependencies": [],
+      "dependencyGraph": {}
     },
     {
       "filePath": "src/components/pds-switch/pds-switch.tsx",
@@ -4931,12 +5039,51 @@
         }
       ],
       "methods": [],
-      "events": [],
+      "events": [
+        {
+          "event": "pdsTableSelect",
+          "detail": "{ rowIndex: number; isSelected: boolean; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{ rowIndex: number; isSelected: boolean }",
+            "resolved": "{ rowIndex: number; isSelected: boolean; }",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event that is emitted when the checkbox is clicked, carrying the rowIndex and selected value.",
+          "docsTags": []
+        },
+        {
+          "event": "pdsTableSelectAll",
+          "detail": "{ isSelected: boolean; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{ isSelected: boolean }",
+            "resolved": "{ isSelected: boolean; }",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event that is emitted when the select all checkbox is clicked, carrying the selected value.",
+          "docsTags": []
+        }
+      ],
       "listeners": [
         {
           "event": "pdsTableSort",
           "capture": false,
           "passive": false
+        },
+        {
+          "event": "pdsTableSelectAll",
+          "capture": false,
+          "passive": false
+        },
+        {
+          "event": "pdsTableRowSelected",
+          "capture": false,
+          "passive": false
         }
       ],
       "styles": [],
@@ -5020,23 +5167,80 @@
       "docs": "",
       "docsTags": [],
       "usage": {},
-      "props": [],
+      "props": [
+        {
+          "name": "indeterminate",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "indeterminate",
+          "reflectToAttr": false,
+          "docs": "Indicates that the selection state is indeterminate.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "isSelected",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "is-selected",
+          "reflectToAttr": false,
+          "docs": "A local state to track whether the row is currently selected.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
       "methods": [],
-      "events": [],
+      "events": [
+        {
+          "event": "pdsTableSelectAll",
+          "detail": "{ isSelected: boolean; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{ isSelected: boolean }",
+            "resolved": "{ isSelected: boolean; }",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event that is emitted when the select all checkbox is clicked, carrying the selected value.",
+          "docsTags": []
+        }
+      ],
       "listeners": [],
       "styles": [],
       "slots": [],
       "parts": [],
       "dependents": [],
       "dependencies": [
-        "pds-table-head-cell"
+        "pds-table-head-cell",
+        "pds-checkbox"
       ],
       "dependencyGraph": {
         "pds-table-head": [
-          "pds-table-head-cell"
-        ],
-        "pds-table-head-cell": [
-          "pds-icon"
+          "pds-table-head-cell",
+          "pds-checkbox"
         ]
       }
     },
@@ -5095,13 +5299,8 @@
       "dependents": [
         "pds-table-head"
       ],
-      "dependencies": [
-        "pds-icon"
-      ],
+      "dependencies": [],
       "dependencyGraph": {
-        "pds-table-head-cell": [
-          "pds-icon"
-        ],
         "pds-table-head": [
           "pds-table-head-cell"
         ]
@@ -5115,7 +5314,50 @@
       "docs": "",
       "docsTags": [],
       "usage": {},
-      "props": [],
+      "props": [
+        {
+          "name": "indeterminate",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "indeterminate",
+          "reflectToAttr": false,
+          "docs": "Indicates that the selection state is indeterminate.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "isSelected",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "is-selected",
+          "reflectToAttr": false,
+          "docs": "A local state to track whether the row is currently selected.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
       "methods": [],
       "events": [
         {

package/dist/pine-core/closest-d2d192be.js

@@ -0,0 +1,11 @@
+// This helper function is similar to Element.closest(),
+// however it also traverses shadow DOM boundaries.
+const closest = (selector, el) => {
+    return (el &&
+        (('closest' in el && el.closest(selector)) ||
+            closest(selector, el.getRootNode().host)));
+};
+
+export { closest as c };
+
+//# sourceMappingURL=closest-d2d192be.js.map

package/dist/pine-core/closest-d2d192be.js.map

@@ -0,0 +1 @@
+{"file":"closest-d2d192be.js","mappings":"AAAA;AACA;MACa,OAAO,GAAG,CAAC,QAAgB,EAAE,EAAsB;IAC9D,QACE,EAAE;SACD,CAAC,SAAS,IAAI,EAAE,IAAI,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC;YACvC,OAAO,CAAC,QAAQ,EAAG,EAAE,CAAC,WAAW,EAA4B,CAAC,IAAI,CAAC,CAAC,EACvE;AACH;;;;","names":[],"sources":["src/utils/closest.ts"],"sourcesContent":["// This helper function is similar to Element.closest(),\n// however it also traverses shadow DOM boundaries.\nexport const closest = (selector: string, el: Element | Document) => {\n  return (\n    el &&\n    (('closest' in el && el.closest(selector)) ||\n      closest(selector, (el.getRootNode() as unknown as ShadowRoot).host))\n  )\n}\n"],"version":3}