Skip to content

Commit 15953d3

Browse files
SyncfusionBuildSyncfusionBuild
committed
Integrated latest changes at 11-20-2024 9:35:57 PM
1 parent 74b2e35 commit 15953d3

18 files changed

+138
-117
lines changed

‎ej2-vue-toc.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3085,7 +3085,7 @@
30853085
</ul>
30863086
</li> <li>Release Notes
30873087
<ul>
3088-
<li>2024 Volume 3 - 27.*<ul><li>Weekly Release<ul><li><a href="/ej2-vue/release-notes/27.1.58">27.1.58</a></li><li><a href="/ej2-vue/release-notes/27.1.57">27.1.57</a></li><li><a href="/ej2-vue/release-notes/27.1.56">27.1.56</a></li><li><a href="/ej2-vue/release-notes/27.1.55">27.1.55</a></li><li><a href="/ej2-vue/release-notes/27.1.53">27.1.53</a></li><li><a href="/ej2-vue/release-notes/27.1.52">27.1.52</a></li><li><a href="/ej2-vue/release-notes/27.1.51">27.1.51</a></li><li><a href="/ej2-vue/release-notes/27.1.50">27.1.50</a></li></ul></li><li><a href="/ej2-vue/release-notes/27.2.2">27.2.2 Service Pack Release</a></li><li><a href="/ej2-vue/release-notes/27.1.48">27.1.48 Main Release</a></li></ul></li><li>2024 Volume 2 - 26.*<ul><li>Weekly Release<ul><li><a href="/ej2-vue/release-notes/26.2.14">26.2.14</a></li><li><a href="/ej2-vue/release-notes/26.2.13">26.2.13</a></li><li><a href="/ej2-vue/release-notes/26.2.12">26.2.12</a></li><li><a href="/ej2-vue/release-notes/26.2.11">26.2.11</a></li><li><a href="/ej2-vue/release-notes/26.2.10">26.2.10</a></li><li><a href="/ej2-vue/release-notes/26.2.9">26.2.9</a></li><li><a href="/ej2-vue/release-notes/26.2.8">26.2.8</a></li><li><a href="/ej2-vue/release-notes/26.2.7">26.2.7</a></li><li><a href="/ej2-vue/release-notes/26.2.5">26.2.5</a></li><li><a href="/ej2-vue/release-notes/26.1.42">26.1.42</a></li><li><a href="/ej2-vue/release-notes/26.1.41">26.1.41</a></li><li><a href="/ej2-vue/release-notes/26.1.40">26.1.40</a></li><li><a href="/ej2-vue/release-notes/26.1.39">26.1.39</a></li><li><a href="/ej2-vue/release-notes/26.1.38">26.1.38</a></li></ul></li><li><a href="/ej2-vue/release-notes/26.2.4">26.2.4 Service Pack Release</a></li><li><a href="/ej2-vue/release-notes/26.1.35">26.1.35 Main Release</a></li></ul></li><li>2024 Volume 1 - 25.*<ul><li>Weekly Release<ul><li><a href="/ej2-vue/release-notes/25.2.7">25.2.7</a></li><li><a href="/ej2-vue/release-notes/25.2.6">25.2.6</a></li><li><a href="/ej2-vue/release-notes/25.2.5">25.2.5</a></li><li><a href="/ej2-vue/release-notes/25.2.4">25.2.4</a></li><li><a href="/ej2-vue/release-notes/25.1.42">25.1.42</a></li><li><a href="/ej2-vue/release-notes/25.1.41">25.1.41</a></li><li><a href="/ej2-vue/release-notes/25.1.40">25.1.40</a></li><li><a href="/ej2-vue/release-notes/25.1.39">25.1.39</a></li><li><a href="/ej2-vue/release-notes/25.1.38">25.1.38</a></li><li><a href="/ej2-vue/release-notes/25.1.37">25.1.37</a></li></ul></li><li><a href="/ej2-vue/release-notes/25.2.3">25.2.3 Service Pack Release</a></li><li><a href="/ej2-vue/release-notes/25.1.35">25.1.35 Main Release</a></li></ul></li>
3088+
<li>2024 Volume 3 - 27.*<ul><li>Weekly Release<ul><li><a href="/ej2-vue/release-notes/27.2.3">27.2.3</a></li><li><a href="/ej2-vue/release-notes/27.1.58">27.1.58</a></li><li><a href="/ej2-vue/release-notes/27.1.57">27.1.57</a></li><li><a href="/ej2-vue/release-notes/27.1.56">27.1.56</a></li><li><a href="/ej2-vue/release-notes/27.1.55">27.1.55</a></li><li><a href="/ej2-vue/release-notes/27.1.53">27.1.53</a></li><li><a href="/ej2-vue/release-notes/27.1.52">27.1.52</a></li><li><a href="/ej2-vue/release-notes/27.1.51">27.1.51</a></li><li><a href="/ej2-vue/release-notes/27.1.50">27.1.50</a></li></ul></li><li><a href="/ej2-vue/release-notes/27.2.2">27.2.2 Service Pack Release</a></li><li><a href="/ej2-vue/release-notes/27.1.48">27.1.48 Main Release</a></li></ul></li><li>2024 Volume 2 - 26.*<ul><li>Weekly Release<ul><li><a href="/ej2-vue/release-notes/26.2.14">26.2.14</a></li><li><a href="/ej2-vue/release-notes/26.2.13">26.2.13</a></li><li><a href="/ej2-vue/release-notes/26.2.12">26.2.12</a></li><li><a href="/ej2-vue/release-notes/26.2.11">26.2.11</a></li><li><a href="/ej2-vue/release-notes/26.2.10">26.2.10</a></li><li><a href="/ej2-vue/release-notes/26.2.9">26.2.9</a></li><li><a href="/ej2-vue/release-notes/26.2.8">26.2.8</a></li><li><a href="/ej2-vue/release-notes/26.2.7">26.2.7</a></li><li><a href="/ej2-vue/release-notes/26.2.5">26.2.5</a></li><li><a href="/ej2-vue/release-notes/26.1.42">26.1.42</a></li><li><a href="/ej2-vue/release-notes/26.1.41">26.1.41</a></li><li><a href="/ej2-vue/release-notes/26.1.40">26.1.40</a></li><li><a href="/ej2-vue/release-notes/26.1.39">26.1.39</a></li><li><a href="/ej2-vue/release-notes/26.1.38">26.1.38</a></li></ul></li><li><a href="/ej2-vue/release-notes/26.2.4">26.2.4 Service Pack Release</a></li><li><a href="/ej2-vue/release-notes/26.1.35">26.1.35 Main Release</a></li></ul></li><li>2024 Volume 1 - 25.*<ul><li>Weekly Release<ul><li><a href="/ej2-vue/release-notes/25.2.7">25.2.7</a></li><li><a href="/ej2-vue/release-notes/25.2.6">25.2.6</a></li><li><a href="/ej2-vue/release-notes/25.2.5">25.2.5</a></li><li><a href="/ej2-vue/release-notes/25.2.4">25.2.4</a></li><li><a href="/ej2-vue/release-notes/25.1.42">25.1.42</a></li><li><a href="/ej2-vue/release-notes/25.1.41">25.1.41</a></li><li><a href="/ej2-vue/release-notes/25.1.40">25.1.40</a></li><li><a href="/ej2-vue/release-notes/25.1.39">25.1.39</a></li><li><a href="/ej2-vue/release-notes/25.1.38">25.1.38</a></li><li><a href="/ej2-vue/release-notes/25.1.37">25.1.37</a></li></ul></li><li><a href="/ej2-vue/release-notes/25.2.3">25.2.3 Service Pack Release</a></li><li><a href="/ej2-vue/release-notes/25.1.35">25.1.35 Main Release</a></li></ul></li>
30893089
<li>2023 Volume 4 - 24.*<ul><li>Weekly Release<ul><li><a href="/ej2-vue/release-notes/24.2.9">24.2.9</a></li><li><a href="/ej2-vue/release-notes/24.2.8">24.2.8</a></li><li><a href="/ej2-vue/release-notes/24.2.7">24.2.7</a></li><li><a href="/ej2-vue/release-notes/24.2.6">24.2.6</a></li><li><a href="/ej2-vue/release-notes/24.2.5">24.2.5</a></li><li><a href="/ej2-vue/release-notes/24.2.4">24.2.4</a></li><li><a href="/ej2-vue/release-notes/24.1.47">24.1.47</a></li><li><a href="/ej2-vue/release-notes/24.1.46">24.1.46</a></li><li><a href="/ej2-vue/release-notes/24.1.45">24.1.45</a></li><li><a href="/ej2-vue/release-notes/24.1.44">24.1.44</a></li><li><a href="/ej2-vue/release-notes/24.1.43">24.1.43</a></li></ul></li><li><a href="/ej2-vue/release-notes/24.2.3">24.2.3 Service Pack Release</a></li><li><a href="/ej2-vue/release-notes/24.1.41">24.1.41 Main Release</a></li></ul></li>
30903090
<li>2023 Volume 3 - 23.*<ul><li> Weekly Release<ul><li><a href="/ej2-vue/release-notes/23.2.7">23.2.7</a></li><li><a href="/ej2-vue/release-notes/23.2.6">23.2.6</a></li><li><a href="/ej2-vue/release-notes/23.2.5">23.2.5</a></li><li><a href="/ej2-vue/release-notes/23.1.44">23.1.44</a></li><li><a href="/ej2-vue/release-notes/23.1.43">23.1.43</a></li><li><a href="/ej2-vue/release-notes/23.1.42">23.1.42</a></li><li><a href="/ej2-vue/release-notes/23.1.41">23.1.41</a></li><li><a href="/ej2-vue/release-notes/23.1.40">23.1.40</a></li><li><a href="/ej2-vue/release-notes/23.1.39">23.1.39</a></li><li><a href="/ej2-vue/release-notes/23.1.38">23.1.38</a></li></ul></li><li><a href="/ej2-vue/release-notes/23.2.4">23.2.4 Service Pack Release</a></li><li><a href="/ej2-vue/release-notes/23.1.36">23.1.36 Main Release</a></li></ul></li>
30913091
<li>2023 Volume 2 - 22.*

‎ej2-vue/Release-notes/27.2.3.md

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
---
2+
title: Essential Studio for Vue Weekly Release Release Notes
3+
description: Essential Studio for Vue Weekly Release Release Notes
4+
platform: ej2-vue
5+
documentation: ug
6+
---
7+
8+
# Essential Studio for Vue Release Notes
9+
10+
{% include release-info.html date="November 21, 2024" version="v27.2.3" %}
11+
12+
{% directory path: _includes/release-notes/v27.2.3 %}
13+
14+
{% include {{file.url}} %}
15+
16+
{% enddirectory %}

‎ej2-vue/code-snippet/diagram/group/groupchild-cs1/app-composition.vue

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,7 @@ let diagramInstance = null;
2222
2323
onMounted(() => {
2424
diagramInstance = diagramRef.value.ej2Instances;
25+
diagramInstance.select([diagramInstance.getObject('group1')]);
2526
});
2627
2728
const addChild = () => {

‎ej2-vue/code-snippet/diagram/group/groupchild-cs1/app.vue

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,7 @@ export default {
2626
},
2727
mounted() {
2828
diagramInstance = this.$refs.diagramRef.ej2Instances;
29+
diagramInstance.select([diagramInstance.getObject('group1')]);
2930
},
3031
methods: {
3132
addChild() {

‎ej2-vue/code-snippet/diagram/group/groupchild-cs1/index.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,7 @@ new Vue({
2626
},
2727
mounted() {
2828
diagramInstance = this.$refs.diagramRef.ej2Instances;
29+
diagramInstance.select([diagramInstance.getObject('group1')]);
2930
},
3031
methods: {
3132
addChild() {

‎ej2-vue/code-snippet/diagram/group/groupcollection-cs1/indel.html renamed to ‎ej2-vue/code-snippet/diagram/group/groupcollection-cs1/index.html

File renamed without changes.

‎ej2-vue/diagram/complex-layout.md

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -21,14 +21,14 @@ The following example demonstrates how to render a complex hierarchical tree lay
2121

2222
{% tabs %}
2323
{% highlight html tabtitle="Composition API (~/src/App.vue)" %}
24-
{% include code-snippet/diagram/automaticlayout/complexhiertree-cs1/app-composition.vue %}
24+
{% include code-snippet/diagram/automatic-layout/complexhiertree-cs1/app-composition.vue %}
2525
{% endhighlight %}
2626
{% highlight html tabtitle="Options API (~/src/App.vue)" %}
27-
{% include code-snippet/diagram/automaticlayout/complexhiertree-cs1/app.vue %}
27+
{% include code-snippet/diagram/automatic-layout/complexhiertree-cs1/app.vue %}
2828
{% endhighlight %}
2929
{% endtabs %}
3030

31-
{% previewsample "page.domainurl/code-snippet/diagram/automaticlayout/complexhiertree-cs1" %}
31+
{% previewsample "page.domainurl/code-snippet/diagram/automatic-layout/complexhiertree-cs1" %}
3232

3333

3434
## Complex hierarchical tree layout with DataSource
@@ -38,14 +38,14 @@ The following code example illustrates how to create a complex hierarchical tree
3838

3939
{% tabs %}
4040
{% highlight html tabtitle="Composition API (~/src/App.vue)" %}
41-
{% include code-snippet/diagram/automaticlayout/complexhiertree-cs2/app-composition.vue %}
41+
{% include code-snippet/diagram/automatic-layout/complexhiertree-cs2/app-composition.vue %}
4242
{% endhighlight %}
4343
{% highlight html tabtitle="Options API (~/src/App.vue)" %}
44-
{% include code-snippet/diagram/automaticlayout/complexhiertree-cs2/app.vue %}
44+
{% include code-snippet/diagram/automatic-layout/complexhiertree-cs2/app.vue %}
4545
{% endhighlight %}
4646
{% endtabs %}
4747

48-
{% previewsample "page.domainurl/code-snippet/diagram/automaticlayout/complexhiertree-cs2" %}
48+
{% previewsample "page.domainurl/code-snippet/diagram/automatic-layout/complexhiertree-cs2" %}
4949

5050
![Complex hierarchical tree layout](images/complex-2.png)
5151

@@ -61,14 +61,14 @@ The following code example illustrates how to create a complex hierarchical tree
6161

6262
{% tabs %}
6363
{% highlight html tabtitle="Composition API (~/src/App.vue)" %}
64-
{% include code-snippet/diagram/automaticlayout/complexhiertree-cs3/app-composition.vue %}
64+
{% include code-snippet/diagram/automatic-layout/complexhiertree-cs3/app-composition.vue %}
6565
{% endhighlight %}
6666
{% highlight html tabtitle="Options API (~/src/App.vue)" %}
67-
{% include code-snippet/diagram/automaticlayout/complexhiertree-cs3/app.vue %}
67+
{% include code-snippet/diagram/automatic-layout/complexhiertree-cs3/app.vue %}
6868
{% endhighlight %}
6969
{% endtabs %}
7070

71-
{% previewsample "page.domainurl/code-snippet/diagram/automaticlayout/complexhiertree-cs3" %}
71+
{% previewsample "page.domainurl/code-snippet/diagram/automatic-layout/complexhiertree-cs3" %}
7272

7373
>Note: If you want to use line distribution in diagram layout, you need to inject LineDistribution module in the diagram.
7474
@@ -86,14 +86,14 @@ The following code illustrates how to allow a linear arrangement in diagram layo
8686

8787
{% tabs %}
8888
{% highlight html tabtitle="Composition API (~/src/App.vue)" %}
89-
{% include code-snippet/diagram/automaticlayout/complexhiertree-cs4/app-composition.vue %}
89+
{% include code-snippet/diagram/automatic-layout/complexhiertree-cs4/app-composition.vue %}
9090
{% endhighlight %}
9191
{% highlight html tabtitle="Options API (~/src/App.vue)" %}
92-
{% include code-snippet/diagram/automaticlayout/complexhiertree-cs4/app.vue %}
92+
{% include code-snippet/diagram/automatic-layout/complexhiertree-cs4/app.vue %}
9393
{% endhighlight %}
9494
{% endtabs %}
9595

96-
{% previewsample "page.domainurl/code-snippet/diagram/automaticlayout/complexhiertree-cs4" %}
96+
{% previewsample "page.domainurl/code-snippet/diagram/automatic-layout/complexhiertree-cs4" %}
9797

9898

9999
## Enable routing for layout
@@ -107,11 +107,11 @@ The following example shows how to activate enableRouting in the layout:
107107

108108
{% tabs %}
109109
{% highlight html tabtitle="Composition API (~/src/App.vue)" %}
110-
{% include code-snippet/diagram/automaticlayout/complexhiertree-cs5/app-composition.vue %}
110+
{% include code-snippet/diagram/automatic-layout/complexhiertree-cs5/app-composition.vue %}
111111
{% endhighlight %}
112112
{% highlight html tabtitle="Options API (~/src/App.vue)" %}
113-
{% include code-snippet/diagram/automaticlayout/complexhiertree-cs5/app.vue %}
113+
{% include code-snippet/diagram/automatic-layout/complexhiertree-cs5/app.vue %}
114114
{% endhighlight %}
115115
{% endtabs %}
116116

117-
{% previewsample "page.domainurl/code-snippet/diagram/automaticlayout/complexhiertree-cs5" %}
117+
{% previewsample "page.domainurl/code-snippet/diagram/automatic-layout/complexhiertree-cs5" %}

‎ej2-vue/diagram/flowchart-layout.md

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -55,14 +55,14 @@ To render `flowchart` layout, you need to set the [`layoutType`](https://ej2.syn
5555

5656
{% tabs %}
5757
{% highlight html tabtitle="Composition API (~/src/App.vue)" %}
58-
{% include code-snippet/diagram/automaticlayout/flowchart-cs1/app-composition.vue %}
58+
{% include code-snippet/diagram/automatic-layout/flowchart-cs1/app-composition.vue %}
5959
{% endhighlight %}
6060
{% highlight html tabtitle="Options API (~/src/App.vue)" %}
61-
{% include code-snippet/diagram/automaticlayout/flowchart-cs1/app.vue %}
61+
{% include code-snippet/diagram/automatic-layout/flowchart-cs1/app.vue %}
6262
{% endhighlight %}
6363
{% endtabs %}
6464

65-
{% previewsample "page.domainurl/code-snippet/diagram/automaticlayout/flowchart-cs1" %}
65+
{% previewsample "page.domainurl/code-snippet/diagram/automatic-layout/flowchart-cs1" %}
6666

6767
![EJ2 Flowchart layout diagram](./images/flowchart-images/Flowchart_Layout.png)
6868

@@ -121,14 +121,14 @@ The following example demonstrates how to render a flowchart layout using nodes
121121

122122
{% tabs %}
123123
{% highlight html tabtitle="Composition API (~/src/App.vue)" %}
124-
{% include code-snippet/diagram/automaticlayout/flowchart-cs2/app-composition.vue %}
124+
{% include code-snippet/diagram/automatic-layout/flowchart-cs2/app-composition.vue %}
125125
{% endhighlight %}
126126
{% highlight html tabtitle="Options API (~/src/App.vue)" %}
127-
{% include code-snippet/diagram/automaticlayout/flowchart-cs2/app.vue %}
127+
{% include code-snippet/diagram/automatic-layout/flowchart-cs2/app.vue %}
128128
{% endhighlight %}
129129
{% endtabs %}
130130

131-
{% previewsample "page.domainurl/code-snippet/diagram/automaticlayout/flowchart-cs2" %}
131+
{% previewsample "page.domainurl/code-snippet/diagram/automatic-layout/flowchart-cs2" %}
132132

133133
## Customize flowchart layout orientation
134134

@@ -207,14 +207,14 @@ The following example shows flowchart layout with `yesBranchDirection` as `SameA
207207

208208
{% tabs %}
209209
{% highlight html tabtitle="Composition API (~/src/App.vue)" %}
210-
{% include code-snippet/diagram/automaticlayout/flowchart-cs3/app-composition.vue %}
210+
{% include code-snippet/diagram/automatic-layout/flowchart-cs3/app-composition.vue %}
211211
{% endhighlight %}
212212
{% highlight html tabtitle="Options API (~/src/App.vue)" %}
213-
{% include code-snippet/diagram/automaticlayout/flowchart-cs3/app.vue %}
213+
{% include code-snippet/diagram/automatic-layout/flowchart-cs3/app.vue %}
214214
{% endhighlight %}
215215
{% endtabs %}
216216

217-
{% previewsample "page.domainurl/code-snippet/diagram/automaticlayout/flowchart-cs3" %}
217+
{% previewsample "page.domainurl/code-snippet/diagram/automatic-layout/flowchart-cs3" %}
218218

219219
The following table will explain the pictorial representation of the behavior:
220220

@@ -242,13 +242,13 @@ The following example shows how to set custom text to the yes branch and no bran
242242

243243
{% tabs %}
244244
{% highlight html tabtitle="Composition API (~/src/App.vue)" %}
245-
{% include code-snippet/diagram/automaticlayout/flowchart-cs4/app-composition.vue %}
245+
{% include code-snippet/diagram/automatic-layout/flowchart-cs4/app-composition.vue %}
246246
{% endhighlight %}
247247
{% highlight html tabtitle="Options API (~/src/App.vue)" %}
248-
{% include code-snippet/diagram/automaticlayout/flowchart-cs4/app.vue %}
248+
{% include code-snippet/diagram/automatic-layout/flowchart-cs4/app.vue %}
249249
{% endhighlight %}
250250
{% endtabs %}
251251

252-
{% previewsample "page.domainurl/code-snippet/diagram/automaticlayout/flowchart-cs4" %}
252+
{% previewsample "page.domainurl/code-snippet/diagram/automatic-layout/flowchart-cs4" %}
253253

254254
![EJ2 Flowchart layout diagram](./images/flowchart-images/Flowchart_CustomYesOrNoBranches.png)

‎ej2-vue/diagram/group.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,7 @@ The following code illustrates how to group at runtime.
6363

6464
## UnGroup nodes at runtime
6565

66-
Group node can be unGrouped dynamically, by using the [`diagram.unGroup`](https://ej2.syncfusion.com/vue/documentation/api/diagram/#ungroup) method. The following code example shows how to unGroup group node at runtime.
66+
Group node can be ungrouped dynamically, by using the [`diagram.unGroup`](https://ej2.syncfusion.com/vue/documentation/api/diagram/#ungroup) method. The following code example shows how to ungroup a group node at runtime.
6767

6868
{% tabs %}
6969
{% highlight html tabtitle="Composition API (~/src/App.vue)" %}

‎ej2-vue/diagram/hierarchical-layout.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -18,14 +18,14 @@ To arrange the nodes in a hierarchical structure, specify the layout [`type`](ht
1818

1919
{% tabs %}
2020
{% highlight html tabtitle="Composition API (~/src/App.vue)" %}
21-
{% include code-snippet/diagram/automaticlayout/hierarchicallayout-cs-1/app-composition.vue %}
21+
{% include code-snippet/diagram/automatic-layout/hierarchicallayout-cs-1/app-composition.vue %}
2222
{% endhighlight %}
2323
{% highlight html tabtitle="Options API (~/src/App.vue)" %}
24-
{% include code-snippet/diagram/automaticlayout/hierarchicallayout-cs-1/app.vue %}
24+
{% include code-snippet/diagram/automatic-layout/hierarchicallayout-cs-1/app.vue %}
2525
{% endhighlight %}
2626
{% endtabs %}
2727

28-
{% previewsample "page.domainurl/code-snippet/diagram/automaticlayout/hierarchicallayout-cs-1" %}
28+
{% previewsample "page.domainurl/code-snippet/diagram/automatic-layout/hierarchicallayout-cs-1" %}
2929

3030
>Note: If you want to use hierarchical tree layout in diagram, you need to inject HierarchicalTree in the diagram.
3131
@@ -35,14 +35,14 @@ You can create a hierarchical layout with data Source. The following code demons
3535

3636
{% tabs %}
3737
{% highlight html tabtitle="Composition API (~/src/App.vue)" %}
38-
{% include code-snippet/diagram/automaticlayout/hierarchicallayout-cs-2/app-composition.vue %}
38+
{% include code-snippet/diagram/automatic-layout/hierarchicallayout-cs-2/app-composition.vue %}
3939
{% endhighlight %}
4040
{% highlight html tabtitle="Options API (~/src/App.vue)" %}
41-
{% include code-snippet/diagram/automaticlayout/hierarchicallayout-cs-2/app.vue %}
41+
{% include code-snippet/diagram/automatic-layout/hierarchicallayout-cs-2/app.vue %}
4242
{% endhighlight %}
4343
{% endtabs %}
4444

45-
{% previewsample "page.domainurl/code-snippet/diagram/automaticlayout/hierarchicallayout-cs-2" %}
45+
{% previewsample "page.domainurl/code-snippet/diagram/automatic-layout/hierarchicallayout-cs-2" %}
4646

4747
>Note: If you want to convert the data source into layout, you need to inject DataBinding along with HierarchicalTree module in the diagram.
4848

0 commit comments

Comments
 (0)