@scouterna/ui-webc 3.1.0 → 4.0.0

package/dist/custom-elements.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-02-03T21:38:36",
+  "timestamp": "2026-04-03T21:04:39",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.41.1",
@@ -49,6 +49,84 @@
       "dependencies": [],
       "dependencyGraph": {}
     },
+    {
+      "filePath": "src/components/avatar/avatar.tsx",
+      "encapsulation": "shadow",
+      "tag": "scout-avatar",
+      "readme": "# scout-avatar\n",
+      "docs": "The avatar component is used to display the user's profile picture.\nWrap it with a container, to determine its size, since it scales to fit container.",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "alt",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "alt",
+          "reflectToAttr": false,
+          "docs": "The name of the user.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"\""
+            }
+          ],
+          "default": "\"\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "imageSrc",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "image-src",
+          "reflectToAttr": false,
+          "docs": "The source URL of the user image.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"\""
+            }
+          ],
+          "default": "\"\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
     {
       "filePath": "src/components/bottom-bar/bottom-bar.tsx",
       "encapsulation": "shadow",
@@ -961,6 +1039,287 @@
       "dependencies": [],
       "dependencyGraph": {}
     },
+    {
+      "filePath": "src/components/drawer/drawer.tsx",
+      "encapsulation": "shadow",
+      "tag": "scout-drawer",
+      "readme": "# scout-drawer\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "backButtonLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "back-button-label",
+          "reflectToAttr": false,
+          "docs": "Back button label.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"\""
+            }
+          ],
+          "default": "\"\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "disableBackdrop",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "disable-backdrop",
+          "reflectToAttr": false,
+          "docs": "Disable backdrop for the drawer.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "disableContentPadding",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "disable-content-padding",
+          "reflectToAttr": false,
+          "docs": "Disable drawer content padding. Use only if you have specific use case and you need to use full width.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "exitButtonLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "exit-button-label",
+          "reflectToAttr": false,
+          "docs": "Exit button label.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"\""
+            }
+          ],
+          "default": "\"\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "heading",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "heading",
+          "reflectToAttr": false,
+          "docs": "Heading within the sheet.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"\""
+            }
+          ],
+          "default": "\"\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "open",
+          "reflectToAttr": false,
+          "docs": "Open/close state of the drawer.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "showBackButton",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "show-back-button",
+          "reflectToAttr": false,
+          "docs": "Render back button.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "showExitButton",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "show-exit-button",
+          "reflectToAttr": false,
+          "docs": "Render exit button.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "backButtonClicked",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Fired when clicking backButton (<-)",
+          "docsTags": []
+        },
+        {
+          "event": "exitButtonClicked",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Fired when clicking backButton (X). Also sent when clicking the backdrop.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
     {
       "filePath": "src/components/field/field.tsx",
       "encapsulation": "scoped",
@@ -1764,6 +2123,42 @@
       "docsTags": [],
       "usage": {},
       "props": [
+        {
+          "name": "action",
+          "type": "\"chevron\"",
+          "complexType": {
+            "original": "ActionType",
+            "resolved": "\"chevron\"",
+            "references": {
+              "ActionType": {
+                "location": "local",
+                "path": "/home/runner/work/j26-components/j26-components/packages/ui-webc/src/components/list-view-item/list-view-item.tsx",
+                "id": "src/components/list-view-item/list-view-item.tsx::ActionType"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "action",
+          "reflectToAttr": false,
+          "docs": "The action to display on the right side of the item. For example, a\nchevron. This is purely visual and does not affect the behavior of the item\nin any way. Not visible when the type is \"radio\" or \"checkbox\".",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "null"
+            }
+          ],
+          "default": "null",
+          "values": [
+            {
+              "value": "chevron",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "checked",
           "type": "boolean",
@@ -2576,6 +2971,116 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/segmented-control/segmented-control.tsx",
+      "encapsulation": "shadow",
+      "tag": "scout-segmented-control",
+      "readme": "# scout-segmented-control\n",
+      "docs": "The segmented control component presents a set of options where exactly one\noption is active at a time.\n\nThe component displays an indicator under the selected option and emits a\n`scoutChange` event when the user picks a different option, so you can update\n`value`.\n\nUse button elements as the slotted segment options.",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "size",
+          "type": "\"medium\" | \"small\"",
+          "complexType": {
+            "original": "Size",
+            "resolved": "\"medium\" | \"small\"",
+            "references": {
+              "Size": {
+                "location": "local",
+                "path": "/home/runner/work/j26-components/j26-components/packages/ui-webc/src/components/segmented-control/segmented-control.tsx",
+                "id": "src/components/segmented-control/segmented-control.tsx::Size"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "Visual size of the segmented control.\nUse `small` for dense layouts and `medium` for the default size.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"medium\""
+            }
+          ],
+          "default": "\"medium\"",
+          "values": [
+            {
+              "value": "medium",
+              "type": "string"
+            },
+            {
+              "value": "small",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "value",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "value",
+          "reflectToAttr": false,
+          "docs": "Zero-based index of the currently active segment.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "0"
+            }
+          ],
+          "default": "0",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "scoutChange",
+          "detail": "{ value: number; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{ value: number }",
+            "resolved": "{ value: number; }",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when the active segment changes as a result of a user click.\nThe `value` in the event detail is the zero-based index of the newly selected segment.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [
+        {
+          "event": "click",
+          "capture": true,
+          "passive": false
+        }
+      ],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
     {
       "filePath": "src/components/select/select.tsx",
       "encapsulation": "scoped",
@@ -3313,6 +3818,16 @@
       "docstring": "",
       "path": "src/components/list-view-item/list-view-item.tsx"
     },
+    "src/components/list-view-item/list-view-item.tsx::ActionType": {
+      "declaration": "\"chevron\"",
+      "docstring": "",
+      "path": "src/components/list-view-item/list-view-item.tsx"
+    },
+    "src/components/segmented-control/segmented-control.tsx::Size": {
+      "declaration": "export type Size = \"small\" | \"medium\";",
+      "docstring": "",
+      "path": "src/components/segmented-control/segmented-control.tsx"
+    },
     "src/components/stack/stack.tsx::Direction": {
       "declaration": "export type Direction = \"row\" | \"column\";",
       "docstring": "",