@brightspace-ui/core 2.77.0 → 2.78.1

package/custom-elements.json

@@ -7224,6 +7224,126 @@
         }
       ]
     },
+    {
+      "name": "d2l-demo-list-nested-lazy-load",
+      "path": "./components/list/demo/demo-list-nested-lazy-load.js"
+    },
+    {
+      "name": "d2l-demo-list-nested",
+      "path": "./components/list/demo/demo-list-nested.js",
+      "attributes": [
+        {
+          "name": "demo-item-key",
+          "type": "string"
+        },
+        {
+          "name": "draggable",
+          "type": "boolean"
+        },
+        {
+          "name": "selectable",
+          "type": "boolean"
+        },
+        {
+          "name": "disable-expand-feature",
+          "type": "boolean"
+        },
+        {
+          "name": "expanded",
+          "type": "boolean"
+        },
+        {
+          "name": "include-secondary-actions",
+          "type": "boolean"
+        },
+        {
+          "name": "include-list-header",
+          "type": "boolean"
+        },
+        {
+          "name": "include-action-href",
+          "type": "boolean"
+        },
+        {
+          "name": "use-button-item",
+          "type": "boolean"
+        },
+        {
+          "name": "show-load-more",
+          "type": "boolean"
+        },
+        {
+          "name": "no-primary-action",
+          "type": "boolean"
+        },
+        {
+          "name": "disable-list-grid",
+          "type": "boolean"
+        }
+      ],
+      "properties": [
+        {
+          "name": "demoItemKey",
+          "attribute": "demo-item-key",
+          "type": "string"
+        },
+        {
+          "name": "draggable",
+          "attribute": "draggable",
+          "type": "boolean"
+        },
+        {
+          "name": "selectable",
+          "attribute": "selectable",
+          "type": "boolean"
+        },
+        {
+          "name": "disableExpandFeature",
+          "attribute": "disable-expand-feature",
+          "type": "boolean"
+        },
+        {
+          "name": "expanded",
+          "attribute": "expanded",
+          "type": "boolean"
+        },
+        {
+          "name": "includeSecondaryActions",
+          "attribute": "include-secondary-actions",
+          "type": "boolean"
+        },
+        {
+          "name": "includeListHeader",
+          "attribute": "include-list-header",
+          "type": "boolean"
+        },
+        {
+          "name": "includeActionHref",
+          "attribute": "include-action-href",
+          "type": "boolean"
+        },
+        {
+          "name": "useButtonListItem",
+          "attribute": "use-button-item",
+          "type": "boolean"
+        },
+        {
+          "name": "showLoadMore",
+          "attribute": "show-load-more",
+          "type": "boolean"
+        },
+        {
+          "name": "noPrimaryAction",
+          "attribute": "no-primary-action",
+          "type": "boolean"
+        },
+        {
+          "name": "disableListGrid",
+          "attribute": "disable-list-grid",
+          "type": "boolean"
+        }
+      ]
+    },
     {
       "name": "d2l-demo-list",
       "path": "./components/list/demo/demo-list.js",
@@ -7290,25 +7410,6 @@
         }
       ]
     },
-    {
-      "name": "d2l-demo-list-drag-and-drop",
-      "path": "./components/list/demo/list-drag-and-drop.js",
-      "attributes": [
-        {
-          "name": "items",
-          "type": "array",
-          "default": "[{\"key\":\"1\",\"primaryText\":\"Introductory Earth Sciences\",\"supportingText\":\"This course explores the geological processes of the Earth's interior and surface. These include volcanism, earthquakes, mountain building, glaciation and weathering.\",\"imgSrc\":\"https://s.brightspace.com/course-images/images/63b162ab-b582-4bf9-8c1d-1dad04714121/tile-high-density-max-size.jpg\",\"dropNested\":true,\"items\":[{\"key\":\"1-1\",\"primaryText\":\"Glaciation\",\"supportingText\":\"Nesting Allowed\",\"imgSrc\":\"https://s.brightspace.com/course-images/images/bf648978-6637-4fdc-815b-81572c436c0e/tile-high-density-max-size.jpg\",\"dropNested\":true,\"items\":[]},{\"key\":\"1-2\",\"primaryText\":\"Weathering\",\"supportingText\":\"Nesting Allowed\",\"imgSrc\":\"https://s.brightspace.com/course-images/images/50f91ba6-7c25-482a-bd71-1c4b7c8d2154/tile-high-density-min-size.jpg\",\"dropNested\":true,\"items\":[]},{\"key\":\"1-3\",\"primaryText\":\"Volcanism\",\"supportingText\":\"Nesting Allowed\",\"imgSrc\":\"https://s.brightspace.com/course-images/images/5eb2371d-6099-4c8d-8aad-075f357012a2/tile-high-density-min-size.jpg\",\"dropNested\":true,\"items\":[]}]},{\"key\":\"2\",\"primaryText\":\"Flow and Transport Through Fractured Rocks\",\"supportingText\":\"Fractures are ubiquitous in geologic media and important in disciplines such as physical and contaminant hydrogeology, geotechnical engineering, civil and environmental engineering, petroleum engineering among other areas.\",\"imgSrc\":\"https://s.brightspace.com/course-images/images/e5fd575a-bc14-4a80-89e1-46f349a76178/tile-high-density-max-size.jpg\",\"items\":[{\"key\":\"2-1\",\"primaryText\":\"Contaminant Transport\",\"supportingText\":\"No Nesting Allowed\",\"imgSrc\":\"https://s.brightspace.com/course-images/images/824fffa1-86a6-4489-84ba-91edfbc1dcc4/tile-high-density-min-size.jpg\",\"dropNested\":false,\"items\":[]},{\"key\":\"2-2\",\"primaryText\":\"Modelling Flow in Fractured Media\",\"supportingText\":\"No Nesting Allowed\",\"imgSrc\":\"https://s.brightspace.com/course-images/images/e18c92a4-b996-444f-84b5-988874feccac/tile-high-density-min-size.jpg\",\"dropNested\":false,\"items\":[]}]},{\"key\":\"3\",\"primaryText\":\"Applied Wetland Science\",\"supportingText\":\"Advanced concepts on wetland ecosystems in the context of regional and global earth systems processes such as carbon and nitrogen cycling and climate change, applications of wetland paleoecology, use of isotopes and other geochemical tools in wetland science, and wetland engineering in landscape rehabilitation and ecotechnology.\",\"imgSrc\":\"https://s.brightspace.com/course-images/images/38e839b1-37fa-470c-8830-b189ce4ae134/tile-high-density-max-size.jpg\",\"items\":[{\"key\":\"3-1\",\"primaryText\":\"Carbon & Nitrogen Cycling\",\"supportingText\":\"Nesting Allowed\",\"imgSrc\":\"https://s.brightspace.com/course-images/images/623b420b-a305-4762-8af8-598f0e72e956/tile-high-density-min-size.jpg\",\"dropNested\":true,\"items\":[]},{\"key\":\"3-2\",\"primaryText\":\"Wetland Engineering\",\"supportingText\":\"Nesting Allowed\",\"imgSrc\":\"https://s.brightspace.com/course-images/images/26102577-8f2a-4e24-84b5-19d76decbc7a/tile-high-density-min-size.jpg\",\"dropNested\":true,\"items\":[]}]}]"
-        }
-      ],
-      "properties": [
-        {
-          "name": "items",
-          "attribute": "items",
-          "type": "array",
-          "default": "[{\"key\":\"1\",\"primaryText\":\"Introductory Earth Sciences\",\"supportingText\":\"This course explores the geological processes of the Earth's interior and surface. These include volcanism, earthquakes, mountain building, glaciation and weathering.\",\"imgSrc\":\"https://s.brightspace.com/course-images/images/63b162ab-b582-4bf9-8c1d-1dad04714121/tile-high-density-max-size.jpg\",\"dropNested\":true,\"items\":[{\"key\":\"1-1\",\"primaryText\":\"Glaciation\",\"supportingText\":\"Nesting Allowed\",\"imgSrc\":\"https://s.brightspace.com/course-images/images/bf648978-6637-4fdc-815b-81572c436c0e/tile-high-density-max-size.jpg\",\"dropNested\":true,\"items\":[]},{\"key\":\"1-2\",\"primaryText\":\"Weathering\",\"supportingText\":\"Nesting Allowed\",\"imgSrc\":\"https://s.brightspace.com/course-images/images/50f91ba6-7c25-482a-bd71-1c4b7c8d2154/tile-high-density-min-size.jpg\",\"dropNested\":true,\"items\":[]},{\"key\":\"1-3\",\"primaryText\":\"Volcanism\",\"supportingText\":\"Nesting Allowed\",\"imgSrc\":\"https://s.brightspace.com/course-images/images/5eb2371d-6099-4c8d-8aad-075f357012a2/tile-high-density-min-size.jpg\",\"dropNested\":true,\"items\":[]}]},{\"key\":\"2\",\"primaryText\":\"Flow and Transport Through Fractured Rocks\",\"supportingText\":\"Fractures are ubiquitous in geologic media and important in disciplines such as physical and contaminant hydrogeology, geotechnical engineering, civil and environmental engineering, petroleum engineering among other areas.\",\"imgSrc\":\"https://s.brightspace.com/course-images/images/e5fd575a-bc14-4a80-89e1-46f349a76178/tile-high-density-max-size.jpg\",\"items\":[{\"key\":\"2-1\",\"primaryText\":\"Contaminant Transport\",\"supportingText\":\"No Nesting Allowed\",\"imgSrc\":\"https://s.brightspace.com/course-images/images/824fffa1-86a6-4489-84ba-91edfbc1dcc4/tile-high-density-min-size.jpg\",\"dropNested\":false,\"items\":[]},{\"key\":\"2-2\",\"primaryText\":\"Modelling Flow in Fractured Media\",\"supportingText\":\"No Nesting Allowed\",\"imgSrc\":\"https://s.brightspace.com/course-images/images/e18c92a4-b996-444f-84b5-988874feccac/tile-high-density-min-size.jpg\",\"dropNested\":false,\"items\":[]}]},{\"key\":\"3\",\"primaryText\":\"Applied Wetland Science\",\"supportingText\":\"Advanced concepts on wetland ecosystems in the context of regional and global earth systems processes such as carbon and nitrogen cycling and climate change, applications of wetland paleoecology, use of isotopes and other geochemical tools in wetland science, and wetland engineering in landscape rehabilitation and ecotechnology.\",\"imgSrc\":\"https://s.brightspace.com/course-images/images/38e839b1-37fa-470c-8830-b189ce4ae134/tile-high-density-max-size.jpg\",\"items\":[{\"key\":\"3-1\",\"primaryText\":\"Carbon & Nitrogen Cycling\",\"supportingText\":\"Nesting Allowed\",\"imgSrc\":\"https://s.brightspace.com/course-images/images/623b420b-a305-4762-8af8-598f0e72e956/tile-high-density-min-size.jpg\",\"dropNested\":true,\"items\":[]},{\"key\":\"3-2\",\"primaryText\":\"Wetland Engineering\",\"supportingText\":\"Nesting Allowed\",\"imgSrc\":\"https://s.brightspace.com/course-images/images/26102577-8f2a-4e24-84b5-19d76decbc7a/tile-high-density-min-size.jpg\",\"dropNested\":true,\"items\":[]}]}]"
-        }
-      ]
-    },
     {
       "name": "d2l-demo-list-item-custom",
       "path": "./components/list/demo/list-item-custom.js",
@@ -7337,56 +7438,66 @@
           "default": "\"normal\""
         },
         {
-          "name": "drag-handle-text",
-          "description": "**Drag & drop:** The drag-handle label for assistive technology. If implementing drag & drop, you should change this to dynamically announce what the drag-handle is moving for assistive technology in keyboard mode.",
-          "type": "string"
+          "name": "disabled",
+          "description": "**Selection:** Disables the input",
+          "type": "boolean",
+          "default": "false"
         },
         {
-          "name": "drop-text",
-          "description": "**Drag & drop:** Text to drag and drop",
-          "type": "string"
+          "name": "selectable",
+          "description": "**Selection:** Indicates an input should be rendered for selecting the item",
+          "type": "boolean",
+          "default": "true"
         },
         {
-          "name": "draggable",
-          "description": "**Drag & drop:** Whether the item is draggable",
+          "name": "selected",
+          "description": "**Selection:** Whether the item is selected",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "drop-nested",
-          "description": "**Drag & drop:** Whether nested items can be dropped on this item",
+          "name": "skeleton",
+          "description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "key",
-          "description": "Value to identify item if selectable",
+          "name": "drag-handle-text",
+          "description": "**Drag & drop:** The drag-handle label for assistive technology. If implementing drag & drop, you should change this to dynamically announce what the drag-handle is moving for assistive technology in keyboard mode.",
           "type": "string"
         },
         {
-          "name": "disabled",
-          "description": "**Selection:** Disables the input",
-          "type": "boolean",
-          "default": "false"
+          "name": "drop-text",
+          "description": "**Drag & drop:** Text to drag and drop",
+          "type": "string"
         },
         {
-          "name": "selectable",
-          "description": "**Selection:** Indicates an input should be rendered for selecting the item",
-          "type": "boolean",
-          "default": "true"
+          "name": "key",
+          "description": "**Selection:** Value to identify item if selectable",
+          "type": "string"
         },
         {
-          "name": "selected",
-          "description": "**Selection:** Whether the item is selected",
+          "name": "draggable",
+          "description": "**Drag & drop:** Whether the item is draggable",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "skeleton",
-          "description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
+          "name": "drop-nested",
+          "description": "**Drag & drop:** Whether nested items can be dropped on this item",
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "expandable",
+          "description": "Whether to show the expand collapse toggle",
+          "type": "boolean"
+        },
+        {
+          "name": "expanded",
+          "description": "Default state for expand collapse toggle - if not set, collapsed will be the default state",
+          "type": "boolean"
+        },
         {
           "name": "labelled-by",
           "description": "The id of element that provides the label for this element",
@@ -7427,8 +7538,35 @@
           "default": "\"normal\""
         },
         {
-          "name": "documentLocaleSettings",
-          "default": "\"getDocumentLocaleSettings()\""
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "**Selection:** Disables the input",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "selectable",
+          "attribute": "selectable",
+          "description": "**Selection:** Indicates an input should be rendered for selecting the item",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "selected",
+          "attribute": "selected",
+          "description": "**Selection:** Whether the item is selected",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "selectionInfo"
+        },
+        {
+          "name": "skeleton",
+          "attribute": "skeleton",
+          "description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
+          "type": "boolean",
+          "default": "false"
         },
         {
           "name": "dragHandleText",
@@ -7442,6 +7580,12 @@
           "description": "**Drag & drop:** Text to drag and drop",
           "type": "string"
         },
+        {
+          "name": "key",
+          "attribute": "key",
+          "description": "**Selection:** Value to identify item if selectable",
+          "type": "string"
+        },
         {
           "name": "draggable",
           "attribute": "draggable",
@@ -7457,41 +7601,20 @@
           "default": "false"
         },
         {
-          "name": "key",
-          "attribute": "key",
-          "description": "Value to identify item if selectable",
-          "type": "string"
-        },
-        {
-          "name": "disabled",
-          "attribute": "disabled",
-          "description": "**Selection:** Disables the input",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "selectable",
-          "attribute": "selectable",
-          "description": "**Selection:** Indicates an input should be rendered for selecting the item",
-          "type": "boolean",
-          "default": "true"
-        },
-        {
-          "name": "selected",
-          "attribute": "selected",
-          "description": "**Selection:** Whether the item is selected",
-          "type": "boolean",
-          "default": "false"
+          "name": "expandable",
+          "attribute": "expandable",
+          "description": "Whether to show the expand collapse toggle",
+          "type": "boolean"
         },
         {
-          "name": "selectionInfo"
+          "name": "expanded",
+          "attribute": "expanded",
+          "description": "Default state for expand collapse toggle - if not set, collapsed will be the default state",
+          "type": "boolean"
         },
         {
-          "name": "skeleton",
-          "attribute": "skeleton",
-          "description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
-          "type": "boolean",
-          "default": "false"
+          "name": "documentLocaleSettings",
+          "default": "\"getDocumentLocaleSettings()\""
         },
         {
           "name": "labelledBy",
@@ -7512,13 +7635,17 @@
         }
       ],
       "events": [
+        {
+          "name": "d2l-list-item-selected",
+          "description": "Dispatched when the component item is selected"
+        },
         {
           "name": "d2l-list-item-position-change",
           "description": "Dispatched when a draggable list item's position changes in the list. See [Event Details: d2l-list-item-position-change](#event-details%3A-d2l-list-item-position-change)."
         },
         {
-          "name": "d2l-list-item-selected",
-          "description": "Dispatched when the component item is selected"
+          "name": "d2l-list-item-expand-collapse-toggled",
+          "description": "Dispatched whenever the list item expand state is toggled."
         }
       ]
     },
@@ -7628,55 +7755,65 @@
           "default": "\"normal\""
         },
         {
-          "name": "drag-handle-text",
-          "description": "**Drag & drop:** The drag-handle label for assistive technology. If implementing drag & drop, you should change this to dynamically announce what the drag-handle is moving for assistive technology in keyboard mode.",
-          "type": "string"
+          "name": "disabled",
+          "description": "**Selection:** Disables the input",
+          "type": "boolean",
+          "default": "false"
         },
         {
-          "name": "drop-text",
-          "description": "**Drag & drop:** Text to drag and drop",
-          "type": "string"
+          "name": "selectable",
+          "description": "**Selection:** Indicates an input should be rendered for selecting the item",
+          "type": "boolean",
+          "default": "false"
         },
         {
-          "name": "draggable",
-          "description": "**Drag & drop:** Whether the item is draggable",
+          "name": "selected",
+          "description": "**Selection:** Whether the item is selected",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "drop-nested",
-          "description": "**Drag & drop:** Whether nested items can be dropped on this item",
+          "name": "skeleton",
+          "description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "drag-handle-text",
+          "description": "**Drag & drop:** The drag-handle label for assistive technology. If implementing drag & drop, you should change this to dynamically announce what the drag-handle is moving for assistive technology in keyboard mode.",
+          "type": "string"
+        },
+        {
+          "name": "drop-text",
+          "description": "**Drag & drop:** Text to drag and drop",
+          "type": "string"
+        },
         {
           "name": "key",
-          "description": "Value to identify item if selectable",
+          "description": "**Selection:** Value to identify item if selectable",
           "type": "string"
         },
         {
-          "name": "disabled",
-          "description": "**Selection:** Disables the input",
+          "name": "draggable",
+          "description": "**Drag & drop:** Whether the item is draggable",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "selectable",
-          "description": "**Selection:** Indicates an input should be rendered for selecting the item",
+          "name": "drop-nested",
+          "description": "**Drag & drop:** Whether nested items can be dropped on this item",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "selected",
-          "description": "**Selection:** Whether the item is selected",
-          "type": "boolean",
-          "default": "false"
+          "name": "expandable",
+          "description": "Whether to show the expand collapse toggle",
+          "type": "boolean"
         },
         {
-          "name": "skeleton",
-          "description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
-          "type": "boolean",
-          "default": "false"
+          "name": "expanded",
+          "description": "Default state for expand collapse toggle - if not set, collapsed will be the default state",
+          "type": "boolean"
         },
         {
           "name": "labelled-by",
@@ -7718,8 +7855,35 @@
           "default": "\"normal\""
         },
         {
-          "name": "documentLocaleSettings",
-          "default": "\"getDocumentLocaleSettings()\""
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "**Selection:** Disables the input",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "selectable",
+          "attribute": "selectable",
+          "description": "**Selection:** Indicates an input should be rendered for selecting the item",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "selected",
+          "attribute": "selected",
+          "description": "**Selection:** Whether the item is selected",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "selectionInfo"
+        },
+        {
+          "name": "skeleton",
+          "attribute": "skeleton",
+          "description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
+          "type": "boolean",
+          "default": "false"
         },
         {
           "name": "dragHandleText",
@@ -7733,6 +7897,12 @@
           "description": "**Drag & drop:** Text to drag and drop",
           "type": "string"
         },
+        {
+          "name": "key",
+          "attribute": "key",
+          "description": "**Selection:** Value to identify item if selectable",
+          "type": "string"
+        },
         {
           "name": "draggable",
           "attribute": "draggable",
@@ -7748,41 +7918,20 @@
           "default": "false"
         },
         {
-          "name": "key",
-          "attribute": "key",
-          "description": "Value to identify item if selectable",
-          "type": "string"
-        },
-        {
-          "name": "disabled",
-          "attribute": "disabled",
-          "description": "**Selection:** Disables the input",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "selectable",
-          "attribute": "selectable",
-          "description": "**Selection:** Indicates an input should be rendered for selecting the item",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "selected",
-          "attribute": "selected",
-          "description": "**Selection:** Whether the item is selected",
-          "type": "boolean",
-          "default": "false"
+          "name": "expandable",
+          "attribute": "expandable",
+          "description": "Whether to show the expand collapse toggle",
+          "type": "boolean"
         },
         {
-          "name": "selectionInfo"
+          "name": "expanded",
+          "attribute": "expanded",
+          "description": "Default state for expand collapse toggle - if not set, collapsed will be the default state",
+          "type": "boolean"
         },
         {
-          "name": "skeleton",
-          "attribute": "skeleton",
-          "description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
-          "type": "boolean",
-          "default": "false"
+          "name": "documentLocaleSettings",
+          "default": "\"getDocumentLocaleSettings()\""
         },
         {
           "name": "labelledBy",
@@ -7807,13 +7956,17 @@
           "name": "d2l-list-item-button-click",
           "description": "Dispatched when the item's primary button action is clicked"
         },
+        {
+          "name": "d2l-list-item-selected",
+          "description": "Dispatched when the component item is selected"
+        },
         {
           "name": "d2l-list-item-position-change",
           "description": "Dispatched when a draggable list item's position changes in the list. See [Event Details: d2l-list-item-position-change](#event-details%3A-d2l-list-item-position-change)."
         },
         {
-          "name": "d2l-list-item-selected",
-          "description": "Dispatched when the component item is selected"
+          "name": "d2l-list-item-expand-collapse-toggled",
+          "description": "Dispatched whenever the list item expand state is toggled."
         }
       ],
       "slots": [
@@ -7911,6 +8064,10 @@
       "name": "d2l-list-item-drag-image",
       "path": "./components/list/list-item-drag-image.js",
       "attributes": [
+        {
+          "name": "include-plus-sign",
+          "type": "boolean"
+        },
         {
           "name": "skeleton",
           "description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
@@ -7919,11 +8076,20 @@
         }
       ],
       "properties": [
+        {
+          "name": "includePlusSign",
+          "attribute": "include-plus-sign",
+          "type": "boolean"
+        },
         {
           "name": "count",
           "type": "number",
           "default": "0"
         },
+        {
+          "name": "documentLocaleSettings",
+          "default": "\"getDocumentLocaleSettings()\""
+        },
         {
           "name": "skeleton",
           "attribute": "skeleton",
@@ -8056,55 +8222,65 @@
           "default": "\"normal\""
         },
         {
-          "name": "drag-handle-text",
-          "description": "**Drag & drop:** The drag-handle label for assistive technology. If implementing drag & drop, you should change this to dynamically announce what the drag-handle is moving for assistive technology in keyboard mode.",
-          "type": "string"
+          "name": "disabled",
+          "description": "**Selection:** Disables the input",
+          "type": "boolean",
+          "default": "false"
         },
         {
-          "name": "drop-text",
-          "description": "**Drag & drop:** Text to drag and drop",
-          "type": "string"
+          "name": "selectable",
+          "description": "**Selection:** Indicates an input should be rendered for selecting the item",
+          "type": "boolean",
+          "default": "false"
         },
         {
-          "name": "draggable",
-          "description": "**Drag & drop:** Whether the item is draggable",
+          "name": "selected",
+          "description": "**Selection:** Whether the item is selected",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "drop-nested",
-          "description": "**Drag & drop:** Whether nested items can be dropped on this item",
+          "name": "skeleton",
+          "description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "drag-handle-text",
+          "description": "**Drag & drop:** The drag-handle label for assistive technology. If implementing drag & drop, you should change this to dynamically announce what the drag-handle is moving for assistive technology in keyboard mode.",
+          "type": "string"
+        },
+        {
+          "name": "drop-text",
+          "description": "**Drag & drop:** Text to drag and drop",
+          "type": "string"
+        },
         {
           "name": "key",
-          "description": "Value to identify item if selectable",
+          "description": "**Selection:** Value to identify item if selectable",
           "type": "string"
         },
         {
-          "name": "disabled",
-          "description": "**Selection:** Disables the input",
+          "name": "draggable",
+          "description": "**Drag & drop:** Whether the item is draggable",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "selectable",
-          "description": "**Selection:** Indicates an input should be rendered for selecting the item",
+          "name": "drop-nested",
+          "description": "**Drag & drop:** Whether nested items can be dropped on this item",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "selected",
-          "description": "**Selection:** Whether the item is selected",
-          "type": "boolean",
-          "default": "false"
+          "name": "expandable",
+          "description": "Whether to show the expand collapse toggle",
+          "type": "boolean"
         },
         {
-          "name": "skeleton",
-          "description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
-          "type": "boolean",
-          "default": "false"
+          "name": "expanded",
+          "description": "Default state for expand collapse toggle - if not set, collapsed will be the default state",
+          "type": "boolean"
         },
         {
           "name": "labelled-by",
@@ -8158,8 +8334,35 @@
           "default": "\"normal\""
         },
         {
-          "name": "documentLocaleSettings",
-          "default": "\"getDocumentLocaleSettings()\""
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "**Selection:** Disables the input",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "selectable",
+          "attribute": "selectable",
+          "description": "**Selection:** Indicates an input should be rendered for selecting the item",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "selected",
+          "attribute": "selected",
+          "description": "**Selection:** Whether the item is selected",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "selectionInfo"
+        },
+        {
+          "name": "skeleton",
+          "attribute": "skeleton",
+          "description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
+          "type": "boolean",
+          "default": "false"
         },
         {
           "name": "dragHandleText",
@@ -8173,6 +8376,12 @@
           "description": "**Drag & drop:** Text to drag and drop",
           "type": "string"
         },
+        {
+          "name": "key",
+          "attribute": "key",
+          "description": "**Selection:** Value to identify item if selectable",
+          "type": "string"
+        },
         {
           "name": "draggable",
           "attribute": "draggable",
@@ -8188,41 +8397,20 @@
           "default": "false"
         },
         {
-          "name": "key",
-          "attribute": "key",
-          "description": "Value to identify item if selectable",
-          "type": "string"
-        },
-        {
-          "name": "disabled",
-          "attribute": "disabled",
-          "description": "**Selection:** Disables the input",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "selectable",
-          "attribute": "selectable",
-          "description": "**Selection:** Indicates an input should be rendered for selecting the item",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "selected",
-          "attribute": "selected",
-          "description": "**Selection:** Whether the item is selected",
-          "type": "boolean",
-          "default": "false"
+          "name": "expandable",
+          "attribute": "expandable",
+          "description": "Whether to show the expand collapse toggle",
+          "type": "boolean"
         },
         {
-          "name": "selectionInfo"
+          "name": "expanded",
+          "attribute": "expanded",
+          "description": "Default state for expand collapse toggle - if not set, collapsed will be the default state",
+          "type": "boolean"
         },
         {
-          "name": "skeleton",
-          "attribute": "skeleton",
-          "description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
-          "type": "boolean",
-          "default": "false"
+          "name": "documentLocaleSettings",
+          "default": "\"getDocumentLocaleSettings()\""
         },
         {
           "name": "labelledBy",
@@ -8247,13 +8435,17 @@
           "name": "d2l-list-item-link-click",
           "description": "Dispatched when the item's primary link action is clicked"
         },
+        {
+          "name": "d2l-list-item-selected",
+          "description": "Dispatched when the component item is selected"
+        },
         {
           "name": "d2l-list-item-position-change",
           "description": "Dispatched when a draggable list item's position changes in the list. See [Event Details: d2l-list-item-position-change](#event-details%3A-d2l-list-item-position-change)."
         },
         {
-          "name": "d2l-list-item-selected",
-          "description": "Dispatched when the component item is selected"
+          "name": "d2l-list-item-expand-collapse-toggled",
+          "description": "Dispatched whenever the list item expand state is toggled."
         }
       ],
       "slots": [