npm - @emuanalytics/flow-rdf-ui - Versions diffs - 0.0.20 → 0.0.22 - Mend

@emuanalytics/flow-rdf-ui 0.0.20 → 0.0.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/custom-elements.json +552 -722
package/dist/flow-rdf-ui.d.ts +0 -17
package/dist/flow-rdf-ui.js +830 -1408
package/dist/flow-rdf-ui.umd.cjs +819 -1397
package/dist/vscode.html-custom-data.json +48 -48
package/package.json +1 -1

package/dist/custom-elements.json CHANGED Viewed

@@ -674,97 +674,167 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/badge/badge.js",
+      "path": "components/avatar/avatar.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowBadge",
+          "name": "FlowAvatar",
+          "cssProperties": [
+            {
+              "description": "The size of the avatar.",
+              "name": "--size"
+            }
+          ],
           "cssParts": [
             {
               "description": "The component's base wrapper.",
               "name": "base"
+            },
+            {
+              "description": "The container that wraps the avatar's icon.",
+              "name": "icon"
+            },
+            {
+              "description": "The container that wraps the avatar's initials.",
+              "name": "initials"
+            },
+            {
+              "description": "The avatar image. Only shown when the `image` attribute is set.",
+              "name": "image"
             }
           ],
           "slots": [
             {
-              "description": "The badge's content.",
-              "name": ""
+              "description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
+              "name": "icon"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "variant",
+              "name": "hasError",
               "type": {
-                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
+                "text": "boolean"
               },
-              "default": "'primary'",
-              "description": "The badge's theme variant.",
-              "attribute": "variant",
-              "reflects": true
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "pill",
+              "name": "image",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Draws a pill-style badge with rounded edges.",
-              "attribute": "pill",
-              "reflects": true
+              "default": "''",
+              "description": "The image source to use for the avatar.",
+              "attribute": "image"
             },
             {
               "kind": "field",
-              "name": "pulse",
+              "name": "label",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Makes the badge pulsate to draw attention.",
-              "attribute": "pulse",
+              "default": "''",
+              "description": "A label to use to describe the avatar to assistive devices.",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "initials",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
+              "attribute": "initials"
+            },
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "'eager' | 'lazy'"
+              },
+              "default": "'eager'",
+              "description": "Indicates how the browser should load the image.",
+              "attribute": "loading"
+            },
+            {
+              "kind": "field",
+              "name": "shape",
+              "type": {
+                "text": "'circle' | 'square' | 'rounded'"
+              },
+              "default": "'circle'",
+              "description": "The shape of the avatar.",
+              "attribute": "shape",
               "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "handleImageChange"
             }
           ],
           "attributes": [
             {
-              "name": "variant",
+              "name": "image",
               "type": {
-                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
+                "text": "string"
               },
-              "default": "'primary'",
-              "description": "The badge's theme variant.",
-              "fieldName": "variant"
+              "default": "''",
+              "description": "The image source to use for the avatar.",
+              "fieldName": "image"
             },
             {
-              "name": "pill",
+              "name": "label",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Draws a pill-style badge with rounded edges.",
-              "fieldName": "pill"
+              "default": "''",
+              "description": "A label to use to describe the avatar to assistive devices.",
+              "fieldName": "label"
             },
             {
-              "name": "pulse",
+              "name": "initials",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Makes the badge pulsate to draw attention.",
-              "fieldName": "pulse"
+              "default": "''",
+              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
+              "fieldName": "initials"
+            },
+            {
+              "name": "loading",
+              "type": {
+                "text": "'eager' | 'lazy'"
+              },
+              "default": "'eager'",
+              "description": "Indicates how the browser should load the image.",
+              "fieldName": "loading"
+            },
+            {
+              "name": "shape",
+              "type": {
+                "text": "'circle' | 'square' | 'rounded'"
+              },
+              "default": "'circle'",
+              "description": "The shape of the avatar.",
+              "fieldName": "shape"
             }
           ],
           "superclass": {
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "summary": "Badges are used to draw attention and display statuses or counts.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/badge",
+          "summary": "Avatars are used to represent a person or object.",
+          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/avatar",
           "status": "stable",
           "since": "2.0",
-          "tagName": "flow-ui-badge",
+          "dependencies": [
+            "flow-ui-icon"
+          ],
+          "tagName": "flow-ui-avatar",
           "customElement": true
         }
       ],
@@ -773,141 +843,115 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowBadge",
-            "module": "components/badge/badge.js"
+            "name": "FlowAvatar",
+            "module": "components/avatar/avatar.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "flow-ui-badge",
+          "name": "flow-ui-avatar",
           "declaration": {
-            "name": "FlowBadge",
-            "module": "components/badge/badge.js"
+            "name": "FlowAvatar",
+            "module": "components/avatar/avatar.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/breadcrumb-item/breadcrumb-item.js",
+      "path": "components/breadcrumb/breadcrumb.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowBreadcrumbItem",
+          "name": "FlowBreadcrumb",
           "cssParts": [
             {
               "description": "The component's base wrapper.",
               "name": "base"
-            },
-            {
-              "description": "The breadcrumb item's label.",
-              "name": "label"
-            },
-            {
-              "description": "The container that wraps the prefix.",
-              "name": "prefix"
-            },
-            {
-              "description": "The container that wraps the suffix.",
-              "name": "suffix"
-            },
-            {
-              "description": "The container that wraps the separator.",
-              "name": "separator"
             }
           ],
           "slots": [
             {
-              "description": "The breadcrumb item's label.",
+              "description": "One or more breadcrumb items to display.",
               "name": ""
             },
             {
-              "description": "An optional prefix, usually an icon or icon button.",
-              "name": "prefix"
-            },
-            {
-              "description": "An optional suffix, usually an icon or icon button.",
-              "name": "suffix"
-            },
-            {
-              "description": "The separator to use for the breadcrumb item. This will only change the separator for this item. If you want to change it for all items in the group, set the separator on `<flow-ui-breadcrumb>` instead.",
+              "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
               "name": "separator"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "hasSlotController",
+              "name": "localize",
               "privacy": "private",
               "readonly": true,
-              "default": "new HasSlotController(this, 'prefix', 'suffix')"
+              "default": "new LocalizeController(this)"
             },
             {
               "kind": "field",
-              "name": "href",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
-              "attribute": "href"
+              "name": "separatorDir",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "target",
+              "name": "defaultSlot",
               "type": {
-                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
-              },
-              "description": "Tells the browser where to open the link. Only used when `href` is set.",
-              "attribute": "target"
+                "text": "HTMLSlotElement"
+              }
             },
             {
               "kind": "field",
-              "name": "rel",
+              "name": "separatorSlot",
               "type": {
-                "text": "string"
-              },
-              "default": "'noreferrer noopener'",
-              "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
-              "attribute": "rel"
-            }
-          ],
-          "attributes": [
+                "text": "HTMLSlotElement"
+              }
+            },
             {
-              "name": "href",
+              "kind": "field",
+              "name": "label",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
-              "fieldName": "href"
+              "default": "''",
+              "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
+              "attribute": "label"
             },
             {
-              "name": "target",
-              "type": {
-                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
-              },
-              "description": "Tells the browser where to open the link. Only used when `href` is set.",
-              "fieldName": "target"
+              "kind": "method",
+              "name": "getSeparator",
+              "privacy": "private"
             },
             {
-              "name": "rel",
+              "kind": "method",
+              "name": "handleSlotChange",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
               "type": {
                 "text": "string"
               },
-              "default": "'noreferrer noopener'",
-              "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
-              "fieldName": "rel"
+              "default": "''",
+              "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
+              "fieldName": "label"
             }
           ],
           "superclass": {
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "summary": "Breadcrumb Items are used inside [breadcrumbs](/components/breadcrumb) to represent different links.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb-item",
+          "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
+          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb",
           "status": "stable",
           "since": "2.0",
-          "tagName": "flow-ui-breadcrumb-item",
+          "dependencies": [
+            "flow-ui-icon"
+          ],
+          "tagName": "flow-ui-breadcrumb",
           "customElement": true
         }
       ],
@@ -916,183 +960,113 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowBreadcrumbItem",
-            "module": "components/breadcrumb-item/breadcrumb-item.js"
+            "name": "FlowBreadcrumb",
+            "module": "components/breadcrumb/breadcrumb.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "flow-ui-breadcrumb-item",
+          "name": "flow-ui-breadcrumb",
           "declaration": {
-            "name": "FlowBreadcrumbItem",
-            "module": "components/breadcrumb-item/breadcrumb-item.js"
+            "name": "FlowBreadcrumb",
+            "module": "components/breadcrumb/breadcrumb.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/avatar/avatar.js",
+      "path": "components/badge/badge.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowAvatar",
-          "cssProperties": [
-            {
-              "description": "The size of the avatar.",
-              "name": "--size"
-            }
-          ],
+          "name": "FlowBadge",
           "cssParts": [
             {
               "description": "The component's base wrapper.",
               "name": "base"
-            },
-            {
-              "description": "The container that wraps the avatar's icon.",
-              "name": "icon"
-            },
-            {
-              "description": "The container that wraps the avatar's initials.",
-              "name": "initials"
-            },
-            {
-              "description": "The avatar image. Only shown when the `image` attribute is set.",
-              "name": "image"
             }
           ],
           "slots": [
             {
-              "description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
-              "name": "icon"
+              "description": "The badge's content.",
+              "name": ""
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "hasError",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "image",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The image source to use for the avatar.",
-              "attribute": "image"
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "A label to use to describe the avatar to assistive devices.",
-              "attribute": "label"
-            },
-            {
-              "kind": "field",
-              "name": "initials",
+              "name": "variant",
               "type": {
-                "text": "string"
+                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
               },
-              "default": "''",
-              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
-              "attribute": "initials"
+              "default": "'primary'",
+              "description": "The badge's theme variant.",
+              "attribute": "variant",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "loading",
+              "name": "pill",
               "type": {
-                "text": "'eager' | 'lazy'"
+                "text": "boolean"
               },
-              "default": "'eager'",
-              "description": "Indicates how the browser should load the image.",
-              "attribute": "loading"
+              "default": "false",
+              "description": "Draws a pill-style badge with rounded edges.",
+              "attribute": "pill",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "shape",
+              "name": "pulse",
               "type": {
-                "text": "'circle' | 'square' | 'rounded'"
+                "text": "boolean"
               },
-              "default": "'circle'",
-              "description": "The shape of the avatar.",
-              "attribute": "shape",
+              "default": "false",
+              "description": "Makes the badge pulsate to draw attention.",
+              "attribute": "pulse",
               "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "handleImageChange"
             }
           ],
           "attributes": [
             {
-              "name": "image",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The image source to use for the avatar.",
-              "fieldName": "image"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "A label to use to describe the avatar to assistive devices.",
-              "fieldName": "label"
-            },
-            {
-              "name": "initials",
+              "name": "variant",
               "type": {
-                "text": "string"
+                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
               },
-              "default": "''",
-              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
-              "fieldName": "initials"
+              "default": "'primary'",
+              "description": "The badge's theme variant.",
+              "fieldName": "variant"
             },
             {
-              "name": "loading",
+              "name": "pill",
               "type": {
-                "text": "'eager' | 'lazy'"
+                "text": "boolean"
               },
-              "default": "'eager'",
-              "description": "Indicates how the browser should load the image.",
-              "fieldName": "loading"
+              "default": "false",
+              "description": "Draws a pill-style badge with rounded edges.",
+              "fieldName": "pill"
             },
             {
-              "name": "shape",
+              "name": "pulse",
               "type": {
-                "text": "'circle' | 'square' | 'rounded'"
+                "text": "boolean"
               },
-              "default": "'circle'",
-              "description": "The shape of the avatar.",
-              "fieldName": "shape"
+              "default": "false",
+              "description": "Makes the badge pulsate to draw attention.",
+              "fieldName": "pulse"
             }
           ],
           "superclass": {
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "summary": "Avatars are used to represent a person or object.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/avatar",
+          "summary": "Badges are used to draw attention and display statuses or counts.",
+          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/badge",
           "status": "stable",
           "since": "2.0",
-          "dependencies": [
-            "flow-ui-icon"
-          ],
-          "tagName": "flow-ui-avatar",
+          "tagName": "flow-ui-badge",
           "customElement": true
         }
       ],
@@ -1101,115 +1075,141 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowAvatar",
-            "module": "components/avatar/avatar.js"
+            "name": "FlowBadge",
+            "module": "components/badge/badge.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "flow-ui-avatar",
+          "name": "flow-ui-badge",
           "declaration": {
-            "name": "FlowAvatar",
-            "module": "components/avatar/avatar.js"
+            "name": "FlowBadge",
+            "module": "components/badge/badge.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/breadcrumb/breadcrumb.js",
+      "path": "components/breadcrumb-item/breadcrumb-item.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowBreadcrumb",
+          "name": "FlowBreadcrumbItem",
           "cssParts": [
             {
               "description": "The component's base wrapper.",
               "name": "base"
+            },
+            {
+              "description": "The breadcrumb item's label.",
+              "name": "label"
+            },
+            {
+              "description": "The container that wraps the prefix.",
+              "name": "prefix"
+            },
+            {
+              "description": "The container that wraps the suffix.",
+              "name": "suffix"
+            },
+            {
+              "description": "The container that wraps the separator.",
+              "name": "separator"
             }
           ],
           "slots": [
             {
-              "description": "One or more breadcrumb items to display.",
+              "description": "The breadcrumb item's label.",
               "name": ""
             },
             {
-              "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
+              "description": "An optional prefix, usually an icon or icon button.",
+              "name": "prefix"
+            },
+            {
+              "description": "An optional suffix, usually an icon or icon button.",
+              "name": "suffix"
+            },
+            {
+              "description": "The separator to use for the breadcrumb item. This will only change the separator for this item. If you want to change it for all items in the group, set the separator on `<flow-ui-breadcrumb>` instead.",
               "name": "separator"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "localize",
+              "name": "hasSlotController",
               "privacy": "private",
               "readonly": true,
-              "default": "new LocalizeController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "separatorDir",
-              "privacy": "private"
+              "default": "new HasSlotController(this, 'prefix', 'suffix')"
             },
             {
               "kind": "field",
-              "name": "defaultSlot",
+              "name": "href",
               "type": {
-                "text": "HTMLSlotElement"
-              }
+                "text": "string | undefined"
+              },
+              "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
+              "attribute": "href"
             },
             {
               "kind": "field",
-              "name": "separatorSlot",
+              "name": "target",
               "type": {
-                "text": "HTMLSlotElement"
-              }
+                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
+              },
+              "description": "Tells the browser where to open the link. Only used when `href` is set.",
+              "attribute": "target"
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "rel",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
-              "attribute": "label"
-            },
-            {
-              "kind": "method",
-              "name": "getSeparator",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleSlotChange",
-              "privacy": "private"
+              "default": "'noreferrer noopener'",
+              "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
+              "attribute": "rel"
             }
           ],
           "attributes": [
             {
-              "name": "label",
+              "name": "href",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
+              "fieldName": "href"
+            },
+            {
+              "name": "target",
+              "type": {
+                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
+              },
+              "description": "Tells the browser where to open the link. Only used when `href` is set.",
+              "fieldName": "target"
+            },
+            {
+              "name": "rel",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
-              "fieldName": "label"
+              "default": "'noreferrer noopener'",
+              "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
+              "fieldName": "rel"
             }
           ],
           "superclass": {
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb",
+          "summary": "Breadcrumb Items are used inside [breadcrumbs](/components/breadcrumb) to represent different links.",
+          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb-item",
           "status": "stable",
           "since": "2.0",
-          "dependencies": [
-            "flow-ui-icon"
-          ],
-          "tagName": "flow-ui-breadcrumb",
+          "tagName": "flow-ui-breadcrumb-item",
           "customElement": true
         }
       ],
@@ -1218,16 +1218,16 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowBreadcrumb",
-            "module": "components/breadcrumb/breadcrumb.js"
+            "name": "FlowBreadcrumbItem",
+            "module": "components/breadcrumb-item/breadcrumb-item.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "flow-ui-breadcrumb",
+          "name": "flow-ui-breadcrumb-item",
           "declaration": {
-            "name": "FlowBreadcrumb",
-            "module": "components/breadcrumb/breadcrumb.js"
+            "name": "FlowBreadcrumbItem",
+            "module": "components/breadcrumb-item/breadcrumb-item.js"
           }
         }
       ]
@@ -14083,247 +14083,77 @@
             {
               "kind": "method",
               "name": "handlePanelAdded",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "panel",
-                  "type": {
-                    "text": "FlowSplitViewPane"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handlePanelRemoved",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "panel",
-                  "type": {
-                    "text": "FlowSplitViewPane"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "updatePanelInfo",
-              "privacy": "private"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "no-drag-close",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "noDragClose"
-            },
-            {
-              "name": "positions",
-              "type": {
-                "text": "string[]"
-              },
-              "default": "['auto', 'auto', 'auto', 'auto']",
-              "fieldName": "positions"
-            },
-            {
-              "name": "vertical",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "vertical"
-            },
-            {
-              "name": "dragging",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "dragging"
-            }
-          ],
-          "superclass": {
-            "name": "FlowRdfElement",
-            "module": "/src/internal/flow-ui-rdf-element"
-          },
-          "summary": "Split panels display two adjacent panels, allowing the user to reposition them.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/split-panel",
-          "status": "stable",
-          "since": "2.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowSplitView",
-            "module": "components/split-view/split-view.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/split-view/split-view.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./split-view.component.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowSplitView",
-            "module": "components/split-view/split-view.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/split-view-2/split-view-2.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "FlowSplitView",
-          "members": [
-            {
-              "kind": "field",
-              "name": "dragging",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "grid",
-              "type": {
-                "text": "HTMLDivElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "panelSizes",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "default": "'1fr'",
-              "attribute": "panel-sizes"
-            },
-            {
-              "kind": "field",
-              "name": "vertical",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "true",
-              "attribute": "vertical",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "dividerWidth",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "default": "'2px'",
-              "attribute": "dividerWidth"
-            },
-            {
-              "kind": "method",
-              "name": "handleDrag",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "CustomEvent<{ x: number; y: number }>"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleDragStart",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleDragEnd",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "calculatePanelSizes",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "dividerTempate",
-              "privacy": "private"
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "panel",
+                  "type": {
+                    "text": "FlowSplitViewPane"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "panelTemplate",
+              "name": "handlePanelRemoved",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "panelIndex",
+                  "name": "panel",
                   "type": {
-                    "text": "number"
+                    "text": "FlowSplitViewPane"
                   }
                 }
               ]
+            },
+            {
+              "kind": "method",
+              "name": "updatePanelInfo",
+              "privacy": "private"
             }
           ],
           "attributes": [
             {
-              "name": "panel-sizes",
+              "name": "no-drag-close",
               "type": {
-                "text": "string"
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "noDragClose"
+            },
+            {
+              "name": "positions",
+              "type": {
+                "text": "string[]"
               },
-              "default": "'1fr'",
-              "fieldName": "panelSizes"
+              "default": "['auto', 'auto', 'auto', 'auto']",
+              "fieldName": "positions"
             },
             {
               "name": "vertical",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
+              "default": "false",
               "fieldName": "vertical"
             },
             {
-              "name": "dividerWidth",
+              "name": "dragging",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'2px'",
-              "fieldName": "dividerWidth"
+              "default": "false",
+              "fieldName": "dragging"
             }
           ],
           "superclass": {
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
-          }
+          },
+          "summary": "Split panels display two adjacent panels, allowing the user to reposition them.",
+          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/split-panel",
+          "status": "stable",
+          "since": "2.0"
         }
       ],
       "exports": [
@@ -14332,14 +14162,14 @@
           "name": "default",
           "declaration": {
             "name": "FlowSplitView",
-            "module": "components/split-view-2/split-view-2.component.js"
+            "module": "components/split-view/split-view.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/split-view-2/split-view-2.js",
+      "path": "components/split-view/split-view.js",
       "declarations": [],
       "exports": [
         {
@@ -14347,7 +14177,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./split-view-2.component.js"
+            "package": "./split-view.component.js"
           }
         },
         {
@@ -14355,7 +14185,7 @@
           "name": "default",
           "declaration": {
             "name": "FlowSplitView",
-            "module": "components/split-view-2/split-view-2.js"
+            "module": "components/split-view/split-view.js"
           }
         }
       ]
@@ -15329,47 +15159,238 @@
               }
             },
             {
-              "name": "confirm",
+              "name": "confirm",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Confirmation text that gets displayed in a tooltip when the user clicks the icon button.\n If you need to display HTML, use the `confirm` slot instead.",
+              "fieldName": "confirm",
+              "inheritedFrom": {
+                "name": "FlowIconButton",
+                "module": "src/components/icon-button/icon-button.component.ts"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "FlowIconButton",
+            "module": "/src/components/icon-button/icon-button.component"
+          },
+          "summary": "Use a split panel toggle button to control a parent panel's open/closed state",
+          "dependencies": [
+            "flow-ui-icon-button"
+          ],
+          "events": [
+            {
+              "description": "Emitted when the icon button loses focus.",
+              "name": "flow-ui-blur",
+              "reactName": "onFlowUiBlur",
+              "inheritedFrom": {
+                "name": "FlowIconButton",
+                "module": "src/components/icon-button/icon-button.component.ts"
+              }
+            },
+            {
+              "description": "Emitted when the icon button gains focus.",
+              "name": "flow-ui-focus",
+              "reactName": "onFlowUiFocus",
+              "inheritedFrom": {
+                "name": "FlowIconButton",
+                "module": "src/components/icon-button/icon-button.component.ts"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowSplitViewToggleButton",
+            "module": "components/split-view-toggle-button/split-view-toggle-button.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/split-view-toggle-button/split-view-toggle-button.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./split-view-toggle-button.component.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowSplitViewToggleButton",
+            "module": "components/split-view-toggle-button/split-view-toggle-button.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/stepper-panel/stepper-panel.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FlowStepperPanel",
+          "cssProperties": [
+            {
+              "description": "The tab panel's padding.",
+              "name": "--padding"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The tab panel's content.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "attrId",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "readonly": true,
+              "default": "++id"
+            },
+            {
+              "kind": "field",
+              "name": "componentId",
+              "privacy": "private",
+              "readonly": true,
+              "default": "`flow-ui-stepper-panel-${this.attrId}`"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The tab panel's name.",
+              "attribute": "name",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "title",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "subTitle",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "sub-title",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "active",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, the tab panel will be shown.",
+              "attribute": "active",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "complete",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, the tab panel is marked as complete",
+              "attribute": "complete",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "handleStateChange"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The tab panel's name.",
+              "fieldName": "name"
+            },
+            {
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "title"
+            },
+            {
+              "name": "sub-title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "subTitle"
+            },
+            {
+              "name": "active",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, the tab panel will be shown.",
+              "fieldName": "active"
+            },
+            {
+              "name": "complete",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "Confirmation text that gets displayed in a tooltip when the user clicks the icon button.\n If you need to display HTML, use the `confirm` slot instead.",
-              "fieldName": "confirm",
-              "inheritedFrom": {
-                "name": "FlowIconButton",
-                "module": "src/components/icon-button/icon-button.component.ts"
-              }
+              "default": "false",
+              "description": "When true, the tab panel is marked as complete",
+              "fieldName": "complete"
             }
           ],
           "superclass": {
-            "name": "FlowIconButton",
-            "module": "/src/components/icon-button/icon-button.component"
+            "name": "FlowRdfElement",
+            "module": "/src/internal/flow-ui-rdf-element"
           },
-          "summary": "Use a split panel toggle button to control a parent panel's open/closed state",
-          "dependencies": [
-            "flow-ui-icon-button"
-          ],
-          "events": [
-            {
-              "description": "Emitted when the icon button loses focus.",
-              "name": "flow-ui-blur",
-              "reactName": "onFlowUiBlur",
-              "inheritedFrom": {
-                "name": "FlowIconButton",
-                "module": "src/components/icon-button/icon-button.component.ts"
-              }
-            },
-            {
-              "description": "Emitted when the icon button gains focus.",
-              "name": "flow-ui-focus",
-              "reactName": "onFlowUiFocus",
-              "inheritedFrom": {
-                "name": "FlowIconButton",
-                "module": "src/components/icon-button/icon-button.component.ts"
-              }
-            }
-          ]
+          "summary": "Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.",
+          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/tab-panel",
+          "status": "stable",
+          "since": "2.0"
         }
       ],
       "exports": [
@@ -15377,15 +15398,15 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowSplitViewToggleButton",
-            "module": "components/split-view-toggle-button/split-view-toggle-button.component.js"
+            "name": "FlowStepperPanel",
+            "module": "components/stepper-panel/stepper-panel.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/split-view-toggle-button/split-view-toggle-button.js",
+      "path": "components/stepper-panel/stepper-panel.js",
       "declarations": [],
       "exports": [
         {
@@ -15393,15 +15414,15 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./split-view-toggle-button.component.js"
+            "package": "./stepper-panel.component"
           }
         },
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowSplitViewToggleButton",
-            "module": "components/split-view-toggle-button/split-view-toggle-button.js"
+            "name": "FlowStepperPanel",
+            "module": "components/stepper-panel/stepper-panel.js"
           }
         }
       ]
@@ -15614,197 +15635,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/stepper-panel/stepper-panel.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "FlowStepperPanel",
-          "cssProperties": [
-            {
-              "description": "The tab panel's padding.",
-              "name": "--padding"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The tab panel's content.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "attrId",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "readonly": true,
-              "default": "++id"
-            },
-            {
-              "kind": "field",
-              "name": "componentId",
-              "privacy": "private",
-              "readonly": true,
-              "default": "`flow-ui-stepper-panel-${this.attrId}`"
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The tab panel's name.",
-              "attribute": "name",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "title",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "subTitle",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "sub-title",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "active",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When true, the tab panel will be shown.",
-              "attribute": "active",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "complete",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When true, the tab panel is marked as complete",
-              "attribute": "complete",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "handleStateChange"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The tab panel's name.",
-              "fieldName": "name"
-            },
-            {
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "title"
-            },
-            {
-              "name": "sub-title",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "subTitle"
-            },
-            {
-              "name": "active",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When true, the tab panel will be shown.",
-              "fieldName": "active"
-            },
-            {
-              "name": "complete",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When true, the tab panel is marked as complete",
-              "fieldName": "complete"
-            }
-          ],
-          "superclass": {
-            "name": "FlowRdfElement",
-            "module": "/src/internal/flow-ui-rdf-element"
-          },
-          "summary": "Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/tab-panel",
-          "status": "stable",
-          "since": "2.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowStepperPanel",
-            "module": "components/stepper-panel/stepper-panel.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/stepper-panel/stepper-panel.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./stepper-panel.component"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowStepperPanel",
-            "module": "components/stepper-panel/stepper-panel.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/switch/switch.js",
@@ -20287,6 +20117,6 @@
   ],
   "package": {
     "name": "@emuanalytics/flow-rdf-ui",
-    "version": "0.0.20"
+    "version": "0.0.22"
   }
 }