@pine-ds/core 1.1.0 → 1.2.0

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-06-28T16:05:17",
+  "timestamp": "2024-07-15T13:13:52",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.15.0",
@@ -2102,12 +2102,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 +2203,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 +2364,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 +2391,14 @@
       "slots": [],
       "parts": [],
       "dependents": [
+        "pds-table-head",
         "pds-table-row"
       ],
       "dependencies": [],
       "dependencyGraph": {
+        "pds-table-head": [
+          "pds-checkbox"
+        ],
         "pds-table-row": [
           "pds-checkbox"
         ]
@@ -3559,6 +3584,129 @@
         ]
       }
     },
+    {
+      "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."
+        }
+      ],
+      "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",
       "encapsulation": "shadow",
@@ -4931,12 +5079,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,20 +5207,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-checkbox"
         ],
         "pds-table-head-cell": [
           "pds-icon"
@@ -5115,7 +5362,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/esm/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/esm/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}

package/{components/index2.js → dist/esm/index-852fd6bc.js}

@@ -1,4 +1,4 @@
-/* pds-icons v7.0.0, ES Modules */
+/* pds-icons v7.1.0, ES Modules */
 const caretDown = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M.862 4.862c.26-.26.682-.26.943 0L8 11.057l6.195-6.195a.667.667 0 1 1 .943.943L8.471 12.47a.667.667 0 0 1-.942 0L.862 5.805a.667.667 0 0 1 0-.943'/></svg>";
 const checkCircleFilled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><g clip-path='url(#a)'><path d='M8 0C3.58 0 0 3.58 0 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8m4.473 5.807L7.14 11.14c-.26.26-.68.26-.94 0L3.533 8.473a.664.664 0 1 1 .94-.94l2.194 2.194 4.86-4.86c.26-.26.68-.26.94 0 .266.253.266.68.006.94'/></g><defs><clipPath id='a'><path d='M0 0h16v16H0z'/></clipPath></defs></svg>";
 const copy = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><g fill-rule='evenodd' clip-path='url(#a)'><path d='M10 5.333c0-.368.299-.666.667-.666h4c.368 0 .666.298.666.666v9.334a.667.667 0 0 1-.666.666H5.333a.667.667 0 0 1-.666-.666v-4a.667.667 0 1 1 1.333 0V14h8V6h-3.333A.667.667 0 0 1 10 5.333'/><path d='M.667 1.333c0-.368.298-.666.666-.666h9.334c.368 0 .666.298.666.666v9.334a.667.667 0 0 1-.666.666H1.333a.667.667 0 0 1-.666-.666zM2 2v8h8V2z'/></g><defs><clipPath id='a'><path d='M0 0h16v16H0z'/></clipPath></defs></svg>";
@@ -11,4 +11,4 @@ const userFilled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/s
 
 export { copy as a, caretDown as b, checkCircleFilled as c, downSmall as d, upSmall as e, handle as h, launch as l, remove as r, userFilled as u };
 
-//# sourceMappingURL=index2.js.map
+//# sourceMappingURL=index-852fd6bc.js.map