From 39e66a96eca274ad8cf9a43d67b4408eb6143c75 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Sun, 20 Oct 2024 15:30:56 -0700
Subject: [PATCH] docs(treeview): update examples

---
 docs/src/pages/framed/TreeView/TreeView.svelte     | 14 +++++++-------
 .../pages/framed/TreeView/TreeViewActive.svelte    | 14 +++++++-------
 .../framed/TreeView/TreeViewCollapseAll.svelte     | 14 +++++++-------
 .../framed/TreeView/TreeViewCollapseNodes.svelte   | 14 +++++++-------
 .../pages/framed/TreeView/TreeViewCompact.svelte   | 14 +++++++-------
 .../pages/framed/TreeView/TreeViewExpandAll.svelte | 14 +++++++-------
 .../framed/TreeView/TreeViewExpandNodes.svelte     | 14 +++++++-------
 .../pages/framed/TreeView/TreeViewExpanded.svelte  | 14 +++++++-------
 .../src/pages/framed/TreeView/TreeViewIcons.svelte | 14 +++++++-------
 .../framed/TreeView/TreeViewMultiselect.svelte     | 14 +++++++-------
 .../pages/framed/TreeView/TreeViewShowNode.svelte  | 10 +++++-----
 docs/src/pages/framed/TreeView/TreeViewSlot.svelte | 14 +++++++-------
 12 files changed, 82 insertions(+), 82 deletions(-)

diff --git a/docs/src/pages/framed/TreeView/TreeView.svelte b/docs/src/pages/framed/TreeView/TreeView.svelte
index 4489cb9c..08079b44 100644
--- a/docs/src/pages/framed/TreeView/TreeView.svelte
+++ b/docs/src/pages/framed/TreeView/TreeView.svelte
@@ -3,16 +3,16 @@
 
   let activeId = "";
   let selectedIds = [];
-  let children = [
+  let nodes = [
     { id: 0, text: "AI / Machine learning" },
     {
       id: 1,
       text: "Analytics",
-      children: [
+      nodes: [
         {
           id: 2,
           text: "IBM Analytics Engine",
-          children: [
+          nodes: [
             { id: 3, text: "Apache Spark" },
             { id: 4, text: "Hadoop" },
           ],
@@ -24,12 +24,12 @@
     {
       id: 7,
       text: "Blockchain",
-      children: [{ id: 8, text: "IBM Blockchain Platform" }],
+      nodes: [{ id: 8, text: "IBM Blockchain Platform" }],
     },
     {
       id: 9,
       text: "Databases",
-      children: [
+      nodes: [
         { id: 10, text: "IBM Cloud Databases for Elasticsearch" },
         { id: 11, text: "IBM Cloud Databases for Enterprise DB" },
         { id: 12, text: "IBM Cloud Databases for MongoDB" },
@@ -40,14 +40,14 @@
       id: 14,
       text: "Integration",
       disabled: true,
-      children: [{ id: 15, text: "IBM API Connect", disabled: true }],
+      nodes: [{ id: 15, text: "IBM API Connect", disabled: true }],
     },
   ];
 </script>
 
 <TreeView
   labelText="Cloud Products"
-  children="{children}"
+  nodes="{nodes}"
   bind:activeId
   bind:selectedIds
   on:select="{({ detail }) => console.log('select', detail)}"
diff --git a/docs/src/pages/framed/TreeView/TreeViewActive.svelte b/docs/src/pages/framed/TreeView/TreeViewActive.svelte
index fafeb48c..4f856401 100644
--- a/docs/src/pages/framed/TreeView/TreeViewActive.svelte
+++ b/docs/src/pages/framed/TreeView/TreeViewActive.svelte
@@ -3,16 +3,16 @@
 
   let activeId = 0;
   let selectedIds = [];
-  let children = [
+  let nodes = [
     { id: 0, text: "AI / Machine learning" },
     {
       id: 1,
       text: "Analytics",
-      children: [
+      nodes: [
         {
           id: 2,
           text: "IBM Analytics Engine",
-          children: [
+          nodes: [
             { id: 3, text: "Apache Spark" },
             { id: 4, text: "Hadoop" },
           ],
@@ -24,12 +24,12 @@
     {
       id: 7,
       text: "Blockchain",
-      children: [{ id: 8, text: "IBM Blockchain Platform" }],
+      nodes: [{ id: 8, text: "IBM Blockchain Platform" }],
     },
     {
       id: 9,
       text: "Databases",
-      children: [
+      nodes: [
         { id: 10, text: "IBM Cloud Databases for Elasticsearch" },
         { id: 11, text: "IBM Cloud Databases for Enterprise DB" },
         { id: 12, text: "IBM Cloud Databases for MongoDB" },
@@ -40,14 +40,14 @@
       id: 14,
       text: "Integration",
       disabled: true,
-      children: [{ id: 15, text: "IBM API Connect", disabled: true }],
+      nodes: [{ id: 15, text: "IBM API Connect", disabled: true }],
     },
   ];
 </script>
 
 <TreeView
   labelText="Cloud Products"
-  children="{children}"
+  nodes="{nodes}"
   bind:activeId
   bind:selectedIds
   on:select="{({ detail }) => console.log('select', detail)}"
diff --git a/docs/src/pages/framed/TreeView/TreeViewCollapseAll.svelte b/docs/src/pages/framed/TreeView/TreeViewCollapseAll.svelte
index abbd09e0..bb113457 100644
--- a/docs/src/pages/framed/TreeView/TreeViewCollapseAll.svelte
+++ b/docs/src/pages/framed/TreeView/TreeViewCollapseAll.svelte
@@ -3,16 +3,16 @@
 
   let treeview = null;
   let expandedIds = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
-  let children = [
+  let nodes = [
     { id: 0, text: "AI / Machine learning" },
     {
       id: 1,
       text: "Analytics",
-      children: [
+      nodes: [
         {
           id: 2,
           text: "IBM Analytics Engine",
-          children: [
+          nodes: [
             { id: 3, text: "Apache Spark" },
             { id: 4, text: "Hadoop" },
           ],
@@ -24,12 +24,12 @@
     {
       id: 7,
       text: "Blockchain",
-      children: [{ id: 8, text: "IBM Blockchain Platform" }],
+      nodes: [{ id: 8, text: "IBM Blockchain Platform" }],
     },
     {
       id: 9,
       text: "Databases",
-      children: [
+      nodes: [
         { id: 10, text: "IBM Cloud Databases for Elasticsearch" },
         { id: 11, text: "IBM Cloud Databases for Enterprise DB" },
         { id: 12, text: "IBM Cloud Databases for MongoDB" },
@@ -40,7 +40,7 @@
       id: 14,
       text: "Integration",
       disabled: true,
-      children: [{ id: 15, text: "IBM API Connect", disabled: true }],
+      nodes: [{ id: 15, text: "IBM API Connect", disabled: true }],
     },
   ];
 </script>
@@ -53,7 +53,7 @@
   bind:this="{treeview}"
   bind:expandedIds
   labelText="Cloud Products"
-  children="{children}"
+  nodes="{nodes}"
 />
 
 <style>
diff --git a/docs/src/pages/framed/TreeView/TreeViewCollapseNodes.svelte b/docs/src/pages/framed/TreeView/TreeViewCollapseNodes.svelte
index 69bda008..8ab0e8f2 100644
--- a/docs/src/pages/framed/TreeView/TreeViewCollapseNodes.svelte
+++ b/docs/src/pages/framed/TreeView/TreeViewCollapseNodes.svelte
@@ -3,18 +3,18 @@
 
   let treeview = null;
   let expandedIds = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 14];
-  let children = [
+  let nodes = [
     { id: 0, text: "AI / Machine learning" },
     {
       id: 1,
       text: "Analytics",
       disabled: true,
-      children: [
+      nodes: [
         {
           id: 2,
           text: "IBM Analytics Engine",
           disabled: true,
-          children: [
+          nodes: [
             { id: 3, text: "Apache Spark", disabled: true },
             { id: 4, text: "Hadoop", disabled: true },
           ],
@@ -26,12 +26,12 @@
     {
       id: 7,
       text: "Blockchain",
-      children: [{ id: 8, text: "IBM Blockchain Platform" }],
+      nodes: [{ id: 8, text: "IBM Blockchain Platform" }],
     },
     {
       id: 9,
       text: "Databases",
-      children: [
+      nodes: [
         { id: 10, text: "IBM Cloud Databases for Elasticsearch" },
         { id: 11, text: "IBM Cloud Databases for Enterprise DB" },
         { id: 12, text: "IBM Cloud Databases for MongoDB" },
@@ -42,7 +42,7 @@
       id: 14,
       text: "Integration",
       disabled: true,
-      children: [{ id: 15, text: "IBM API Connect", disabled: true }],
+      nodes: [{ id: 15, text: "IBM API Connect", disabled: true }],
     },
   ];
 </script>
@@ -61,7 +61,7 @@
   bind:this="{treeview}"
   bind:expandedIds
   labelText="Cloud Products"
-  children="{children}"
+  nodes="{nodes}"
 />
 
 <style>
diff --git a/docs/src/pages/framed/TreeView/TreeViewCompact.svelte b/docs/src/pages/framed/TreeView/TreeViewCompact.svelte
index 0a9bf2b9..6072c831 100644
--- a/docs/src/pages/framed/TreeView/TreeViewCompact.svelte
+++ b/docs/src/pages/framed/TreeView/TreeViewCompact.svelte
@@ -3,16 +3,16 @@
 
   let activeId = 0;
   let selectedIds = [];
-  let children = [
+  let nodes = [
     { id: 0, text: "AI / Machine learning" },
     {
       id: 1,
       text: "Analytics",
-      children: [
+      nodes: [
         {
           id: 2,
           text: "IBM Analytics Engine",
-          children: [
+          nodes: [
             { id: 3, text: "Apache Spark" },
             { id: 4, text: "Hadoop" },
           ],
@@ -24,12 +24,12 @@
     {
       id: 7,
       text: "Blockchain",
-      children: [{ id: 8, text: "IBM Blockchain Platform" }],
+      nodes: [{ id: 8, text: "IBM Blockchain Platform" }],
     },
     {
       id: 9,
       text: "Databases",
-      children: [
+      nodes: [
         { id: 10, text: "IBM Cloud Databases for Elasticsearch" },
         { id: 11, text: "IBM Cloud Databases for Enterprise DB" },
         { id: 12, text: "IBM Cloud Databases for MongoDB" },
@@ -40,7 +40,7 @@
       id: 14,
       text: "Integration",
       disabled: true,
-      children: [{ id: 15, text: "IBM API Connect", disabled: true }],
+      nodes: [{ id: 15, text: "IBM API Connect", disabled: true }],
     },
   ];
 </script>
@@ -48,7 +48,7 @@
 <TreeView
   size="compact"
   labelText="Cloud Products"
-  children="{children}"
+  nodes="{nodes}"
   bind:activeId
   bind:selectedIds
   on:select="{({ detail }) => console.log('select', detail)}"
diff --git a/docs/src/pages/framed/TreeView/TreeViewExpandAll.svelte b/docs/src/pages/framed/TreeView/TreeViewExpandAll.svelte
index ea10f4ac..b382bf18 100644
--- a/docs/src/pages/framed/TreeView/TreeViewExpandAll.svelte
+++ b/docs/src/pages/framed/TreeView/TreeViewExpandAll.svelte
@@ -2,16 +2,16 @@
   import { TreeView, Button } from "carbon-components-svelte";
 
   let treeview = null;
-  let children = [
+  let nodes = [
     { id: 0, text: "AI / Machine learning" },
     {
       id: 1,
       text: "Analytics",
-      children: [
+      nodes: [
         {
           id: 2,
           text: "IBM Analytics Engine",
-          children: [
+          nodes: [
             { id: 3, text: "Apache Spark" },
             { id: 4, text: "Hadoop" },
           ],
@@ -23,12 +23,12 @@
     {
       id: 7,
       text: "Blockchain",
-      children: [{ id: 8, text: "IBM Blockchain Platform" }],
+      nodes: [{ id: 8, text: "IBM Blockchain Platform" }],
     },
     {
       id: 9,
       text: "Databases",
-      children: [
+      nodes: [
         { id: 10, text: "IBM Cloud Databases for Elasticsearch" },
         { id: 11, text: "IBM Cloud Databases for Enterprise DB" },
         { id: 12, text: "IBM Cloud Databases for MongoDB" },
@@ -39,7 +39,7 @@
       id: 14,
       text: "Integration",
       disabled: true,
-      children: [{ id: 15, text: "IBM API Connect", disabled: true }],
+      nodes: [{ id: 15, text: "IBM API Connect", disabled: true }],
     },
   ];
 </script>
@@ -51,7 +51,7 @@
 <TreeView
   bind:this="{treeview}"
   labelText="Cloud Products"
-  children="{children}"
+  nodes="{nodes}"
 />
 
 <style>
diff --git a/docs/src/pages/framed/TreeView/TreeViewExpandNodes.svelte b/docs/src/pages/framed/TreeView/TreeViewExpandNodes.svelte
index 0c1efeb3..369aa20c 100644
--- a/docs/src/pages/framed/TreeView/TreeViewExpandNodes.svelte
+++ b/docs/src/pages/framed/TreeView/TreeViewExpandNodes.svelte
@@ -2,16 +2,16 @@
   import { TreeView, Button } from "carbon-components-svelte";
 
   let treeview = null;
-  let children = [
+  let nodes = [
     { id: 0, text: "AI / Machine learning" },
     {
       id: 1,
       text: "Analytics",
-      children: [
+      nodes: [
         {
           id: 2,
           text: "IBM Analytics Engine",
-          children: [
+          nodes: [
             { id: 3, text: "Apache Spark" },
             { id: 4, text: "Hadoop" },
           ],
@@ -23,12 +23,12 @@
     {
       id: 7,
       text: "Blockchain",
-      children: [{ id: 8, text: "IBM Blockchain Platform" }],
+      nodes: [{ id: 8, text: "IBM Blockchain Platform" }],
     },
     {
       id: 9,
       text: "Databases",
-      children: [
+      nodes: [
         { id: 10, text: "IBM Cloud Databases for Elasticsearch" },
         { id: 11, text: "IBM Cloud Databases for Enterprise DB" },
         { id: 12, text: "IBM Cloud Databases for MongoDB" },
@@ -39,7 +39,7 @@
       id: 14,
       text: "Integration",
       disabled: true,
-      children: [{ id: 15, text: "IBM API Connect", disabled: true }],
+      nodes: [{ id: 15, text: "IBM API Connect", disabled: true }],
     },
   ];
 </script>
@@ -57,7 +57,7 @@
 <TreeView
   bind:this="{treeview}"
   labelText="Cloud Products"
-  children="{children}"
+  nodes="{nodes}"
 />
 
 <style>
diff --git a/docs/src/pages/framed/TreeView/TreeViewExpanded.svelte b/docs/src/pages/framed/TreeView/TreeViewExpanded.svelte
index 90743621..ba63b6b5 100644
--- a/docs/src/pages/framed/TreeView/TreeViewExpanded.svelte
+++ b/docs/src/pages/framed/TreeView/TreeViewExpanded.svelte
@@ -4,16 +4,16 @@
   let activeId = 1;
   let selectedIds = [];
   let expandedIds = [1, 2, 14];
-  let children = [
+  let nodes = [
     { id: 0, text: "AI / Machine learning" },
     {
       id: 1,
       text: "Analytics",
-      children: [
+      nodes: [
         {
           id: 2,
           text: "IBM Analytics Engine",
-          children: [
+          nodes: [
             { id: 3, text: "Apache Spark" },
             { id: 4, text: "Hadoop" },
           ],
@@ -25,12 +25,12 @@
     {
       id: 7,
       text: "Blockchain",
-      children: [{ id: 8, text: "IBM Blockchain Platform" }],
+      nodes: [{ id: 8, text: "IBM Blockchain Platform" }],
     },
     {
       id: 9,
       text: "Databases",
-      children: [
+      nodes: [
         { id: 10, text: "IBM Cloud Databases for Elasticsearch" },
         { id: 11, text: "IBM Cloud Databases for Enterprise DB" },
         { id: 12, text: "IBM Cloud Databases for MongoDB" },
@@ -41,14 +41,14 @@
       id: 14,
       text: "Integration",
       disabled: true,
-      children: [{ id: 15, text: "IBM API Connect", disabled: true }],
+      nodes: [{ id: 15, text: "IBM API Connect", disabled: true }],
     },
   ];
 </script>
 
 <TreeView
   labelText="Cloud Products"
-  children="{children}"
+  nodes="{nodes}"
   bind:activeId
   bind:selectedIds
   bind:expandedIds
diff --git a/docs/src/pages/framed/TreeView/TreeViewIcons.svelte b/docs/src/pages/framed/TreeView/TreeViewIcons.svelte
index 5c534e0e..0db84209 100644
--- a/docs/src/pages/framed/TreeView/TreeViewIcons.svelte
+++ b/docs/src/pages/framed/TreeView/TreeViewIcons.svelte
@@ -8,18 +8,18 @@
 
   let activeId = 1;
   let selectedIds = [];
-  let children = [
+  let nodes = [
     { id: 0, text: "AI / Machine learning", icon: WatsonMachineLearning },
     {
       id: 1,
       text: "Analytics",
       icon: Analytics,
-      children: [
+      nodes: [
         {
           id: 2,
           text: "IBM Analytics Engine",
           icon: Analytics,
-          children: [
+          nodes: [
             { id: 3, text: "Apache Spark", icon: Analytics },
             { id: 4, text: "Hadoop", icon: Analytics },
           ],
@@ -32,13 +32,13 @@
       id: 7,
       text: "Blockchain",
       icon: Blockchain,
-      children: [{ id: 8, text: "IBM Blockchain Platform", icon: Blockchain }],
+      nodes: [{ id: 8, text: "IBM Blockchain Platform", icon: Blockchain }],
     },
     {
       id: 9,
       text: "Databases",
       icon: DataBase,
-      children: [
+      nodes: [
         {
           id: 10,
           text: "IBM Cloud Databases for Elasticsearch",
@@ -62,7 +62,7 @@
       text: "Integration",
       icon: SignalStrength,
       disabled: true,
-      children: [
+      nodes: [
         {
           id: 15,
           text: "IBM API Connect",
@@ -76,7 +76,7 @@
 
 <TreeView
   labelText="Cloud Products"
-  children="{children}"
+  nodes="{nodes}"
   bind:activeId
   bind:selectedIds
   on:select="{({ detail }) => console.log('select', detail)}"
diff --git a/docs/src/pages/framed/TreeView/TreeViewMultiselect.svelte b/docs/src/pages/framed/TreeView/TreeViewMultiselect.svelte
index 6ea62569..5457950e 100644
--- a/docs/src/pages/framed/TreeView/TreeViewMultiselect.svelte
+++ b/docs/src/pages/framed/TreeView/TreeViewMultiselect.svelte
@@ -3,16 +3,16 @@
 
   let activeId = 0;
   let selectedIds = [0, 7, 9];
-  let children = [
+  let nodes = [
     { id: 0, text: "AI / Machine learning" },
     {
       id: 1,
       text: "Analytics",
-      children: [
+      nodes: [
         {
           id: 2,
           text: "IBM Analytics Engine",
-          children: [
+          nodes: [
             { id: 3, text: "Apache Spark" },
             { id: 4, text: "Hadoop" },
           ],
@@ -24,12 +24,12 @@
     {
       id: 7,
       text: "Blockchain",
-      children: [{ id: 8, text: "IBM Blockchain Platform" }],
+      nodes: [{ id: 8, text: "IBM Blockchain Platform" }],
     },
     {
       id: 9,
       text: "Databases",
-      children: [
+      nodes: [
         { id: 10, text: "IBM Cloud Databases for Elasticsearch" },
         { id: 11, text: "IBM Cloud Databases for Enterprise DB" },
         { id: 12, text: "IBM Cloud Databases for MongoDB" },
@@ -40,14 +40,14 @@
       id: 14,
       text: "Integration",
       disabled: true,
-      children: [{ id: 15, text: "IBM API Connect", disabled: true }],
+      nodes: [{ id: 15, text: "IBM API Connect", disabled: true }],
     },
   ];
 </script>
 
 <TreeView
   labelText="Cloud Products"
-  children="{children}"
+  nodes="{nodes}"
   bind:activeId
   bind:selectedIds
   on:select="{({ detail }) => console.log('select', detail)}"
diff --git a/docs/src/pages/framed/TreeView/TreeViewShowNode.svelte b/docs/src/pages/framed/TreeView/TreeViewShowNode.svelte
index 4ce54f29..e824574f 100644
--- a/docs/src/pages/framed/TreeView/TreeViewShowNode.svelte
+++ b/docs/src/pages/framed/TreeView/TreeViewShowNode.svelte
@@ -5,16 +5,16 @@
   const nodeBlockchain = { id: 8, text: "IBM Blockchain Platform" };
 
   let treeview = null;
-  let children = [
+  let nodes = [
     { id: 0, text: "AI / Machine learning" },
     {
       id: 1,
       text: "Analytics",
-      children: [
+      nodes: [
         {
           id: 2,
           text: "IBM Analytics Engine",
-          children: [nodeSpark, { id: 4, text: "Hadoop" }],
+          nodes: [nodeSpark, { id: 4, text: "Hadoop" }],
         },
         { id: 5, text: "IBM Cloud SQL Query" },
         { id: 6, text: "IBM Db2 Warehouse on Cloud" },
@@ -23,7 +23,7 @@
     {
       id: 7,
       text: "Blockchain",
-      children: [{ id: 8, text: "IBM Blockchain Platform" }],
+      nodes: [{ id: 8, text: "IBM Blockchain Platform" }],
     },
   ];
 </script>
@@ -45,5 +45,5 @@
 <TreeView
   bind:this="{treeview}"
   labelText="Cloud Products"
-  children="{children}"
+  nodes="{nodes}"
 />
diff --git a/docs/src/pages/framed/TreeView/TreeViewSlot.svelte b/docs/src/pages/framed/TreeView/TreeViewSlot.svelte
index e608e545..b1159ca4 100644
--- a/docs/src/pages/framed/TreeView/TreeViewSlot.svelte
+++ b/docs/src/pages/framed/TreeView/TreeViewSlot.svelte
@@ -3,16 +3,16 @@
 
   let activeId = 0;
   let selectedIds = [0, 7, 9];
-  let children = [
+  let nodes = [
     { id: 0, text: "AI / Machine learning" },
     {
       id: 1,
       text: "Analytics",
-      children: [
+      nodes: [
         {
           id: 2,
           text: "IBM Analytics Engine",
-          children: [
+          nodes: [
             { id: 3, text: "Apache Spark" },
             { id: 4, text: "Hadoop" },
           ],
@@ -24,12 +24,12 @@
     {
       id: 7,
       text: "Blockchain",
-      children: [{ id: 8, text: "IBM Blockchain Platform" }],
+      nodes: [{ id: 8, text: "IBM Blockchain Platform" }],
     },
     {
       id: 9,
       text: "Databases",
-      children: [
+      nodes: [
         { id: 10, text: "IBM Cloud Databases for Elasticsearch" },
         { id: 11, text: "IBM Cloud Databases for Enterprise DB" },
         { id: 12, text: "IBM Cloud Databases for MongoDB" },
@@ -40,7 +40,7 @@
       id: 14,
       text: "Integration",
       disabled: true,
-      children: [{ id: 15, text: "IBM API Connect", disabled: true }],
+      nodes: [{ id: 15, text: "IBM API Connect", disabled: true }],
     },
   ];
 </script>
@@ -49,7 +49,7 @@
   labelText="Cloud Products"
   activeId="{activeId}"
   selectedIds="{selectedIds}"
-  children="{children}"
+  nodes="{nodes}"
   let:node
 >
   <span