neo.mjs 10.0.0-alpha.4 → 10.0.0-beta.1

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 (98) hide show
  1. package/ServiceWorker.mjs +2 -2
  2. package/apps/portal/index.html +1 -1
  3. package/apps/portal/resources/data/examples_devmode.json +26 -27
  4. package/apps/portal/resources/data/examples_dist_dev.json +26 -27
  5. package/apps/portal/resources/data/examples_dist_esm.json +26 -27
  6. package/apps/portal/resources/data/examples_dist_prod.json +27 -28
  7. package/apps/portal/view/blog/List.mjs +1 -1
  8. package/apps/portal/view/home/FooterContainer.mjs +1 -1
  9. package/apps/portal/view/learn/ContentComponent.mjs +102 -111
  10. package/buildScripts/buildThemes.mjs +1 -1
  11. package/examples/grid/animatedRowSorting/Viewport.mjs +4 -4
  12. package/examples/grid/bigData/ControlsContainer.mjs +3 -3
  13. package/examples/grid/bigData/GridContainer.mjs +8 -8
  14. package/examples/grid/cellEditing/MainContainer.mjs +5 -5
  15. package/examples/grid/container/MainContainer.mjs +4 -4
  16. package/examples/grid/nestedRecordFields/Viewport.mjs +5 -5
  17. package/examples/table/cellEditing/MainContainer.mjs +1 -1
  18. package/examples/table/container/MainContainer.mjs +3 -3
  19. package/examples/table/nestedRecordFields/Viewport.mjs +6 -6
  20. package/examples/tableFiltering/MainContainer.mjs +1 -1
  21. package/examples/tablePerformance/MainContainer.mjs +1 -1
  22. package/examples/tablePerformance/MainContainer2.mjs +1 -1
  23. package/examples/tablePerformance/MainContainer3.mjs +2 -2
  24. package/examples/tableStore/MainContainer.mjs +2 -2
  25. package/learn/UsingTheseTopics.md +2 -2
  26. package/learn/benefits/ConfigSystem.md +2 -2
  27. package/learn/benefits/FormsEngine.md +14 -14
  28. package/learn/benefits/MultiWindow.md +2 -2
  29. package/learn/benefits/OffTheMainThread.md +2 -2
  30. package/learn/benefits/Speed.md +2 -2
  31. package/learn/gettingstarted/ComponentModels.md +4 -4
  32. package/learn/gettingstarted/Config.md +6 -6
  33. package/learn/gettingstarted/DescribingTheUI.md +4 -4
  34. package/learn/gettingstarted/Events.md +6 -6
  35. package/learn/gettingstarted/Extending.md +4 -4
  36. package/learn/gettingstarted/References.md +6 -6
  37. package/learn/gettingstarted/Workspaces.md +6 -6
  38. package/learn/guides/ApplicationBootstrap.md +40 -42
  39. package/learn/guides/ComponentsAndContainers.md +12 -12
  40. package/learn/guides/CustomComponents.md +2 -2
  41. package/learn/guides/MainThreadAddonIntro.md +2 -2
  42. package/learn/guides/PortalApp.md +2 -2
  43. package/learn/guides/StateProviders.md +12 -12
  44. package/learn/guides/events/CustomEvents.md +16 -16
  45. package/learn/guides/events/DomEvents.md +12 -12
  46. package/learn/javascript/ClassFeatures.md +3 -2
  47. package/learn/javascript/Classes.md +8 -8
  48. package/learn/javascript/NewNode.md +4 -4
  49. package/learn/javascript/Overrides.md +8 -8
  50. package/learn/javascript/Super.md +10 -8
  51. package/learn/tutorials/Earthquakes.md +54 -57
  52. package/learn/tutorials/TodoList.md +4 -4
  53. package/package.json +1 -1
  54. package/resources/scss/src/apps/portal/learn/ContentComponent.scss +12 -0
  55. package/resources/scss/src/grid/{View.scss → Body.scss} +2 -2
  56. package/resources/scss/src/grid/VerticalScrollbar.scss +1 -1
  57. package/resources/scss/src/grid/plugin/AnimateRows.scss +1 -1
  58. package/resources/scss/src/grid/plugin/CellEditing.scss +1 -1
  59. package/resources/scss/src/table/{View.scss → Body.scss} +1 -1
  60. package/resources/scss/src/table/plugin/CellEditing.scss +1 -1
  61. package/resources/scss/theme-dark/grid/{View.scss → Body.scss} +1 -1
  62. package/resources/scss/theme-dark/table/{View.scss → Body.scss} +1 -1
  63. package/resources/scss/theme-light/grid/{View.scss → Body.scss} +1 -1
  64. package/resources/scss/theme-light/table/{View.scss → Body.scss} +1 -1
  65. package/resources/scss/theme-neo-light/Global.scss +1 -2
  66. package/resources/scss/theme-neo-light/grid/{View.scss → Body.scss} +1 -1
  67. package/resources/scss/theme-neo-light/table/{View.scss → Body.scss} +1 -1
  68. package/src/DefaultConfig.mjs +2 -2
  69. package/src/core/Base.mjs +59 -12
  70. package/src/core/Util.mjs +14 -2
  71. package/src/draggable/grid/header/toolbar/SortZone.mjs +21 -21
  72. package/src/draggable/table/header/toolbar/SortZone.mjs +1 -1
  73. package/src/grid/{View.mjs → Body.mjs} +19 -20
  74. package/src/grid/Container.mjs +58 -58
  75. package/src/grid/ScrollManager.mjs +56 -56
  76. package/src/grid/VerticalScrollbar.mjs +2 -2
  77. package/src/grid/_export.mjs +2 -2
  78. package/src/grid/column/AnimatedChange.mjs +5 -5
  79. package/src/grid/column/Base.mjs +1 -1
  80. package/src/grid/column/Component.mjs +6 -6
  81. package/src/grid/header/Toolbar.mjs +9 -9
  82. package/src/grid/plugin/AnimateRows.mjs +1 -2
  83. package/src/main/addon/AmCharts.mjs +8 -11
  84. package/src/main/addon/Base.mjs +150 -42
  85. package/src/main/addon/GoogleMaps.mjs +9 -16
  86. package/src/main/addon/HighlightJS.mjs +2 -13
  87. package/src/main/addon/IntersectionObserver.mjs +21 -21
  88. package/src/main/addon/MonacoEditor.mjs +1 -6
  89. package/src/table/{View.mjs → Body.mjs} +19 -20
  90. package/src/table/Container.mjs +43 -43
  91. package/src/table/_export.mjs +2 -2
  92. package/src/table/plugin/CellEditing.mjs +19 -19
  93. package/src/util/Style.mjs +2 -6
  94. package/src/vdom/Helper.mjs +10 -13
  95. package/src/worker/App.mjs +6 -18
  96. package/src/worker/Base.mjs +1 -1
  97. package/src/worker/Manager.mjs +4 -8
  98. package/src/worker/mixin/RemoteMethodAccess.mjs +1 -1
package/ServiceWorker.mjs CHANGED
@@ -20,9 +20,9 @@ class ServiceWorker extends ServiceBase {
20
20
  */
21
21
  singleton: true,
22
22
  /**
23
- * @member {String} version='10.0.0-alpha.4'
23
+ * @member {String} version='10.0.0-beta.1'
24
24
  */
25
- version: '10.0.0-alpha.4'
25
+ version: '10.0.0-beta.1'
26
26
  }
27
27
 
28
28
  /**
@@ -16,7 +16,7 @@
16
16
  "@type": "Organization",
17
17
  "name": "Neo.mjs"
18
18
  },
19
- "datePublished": "2025-06-22",
19
+ "datePublished": "2025-06-26",
20
20
  "publisher": {
21
21
  "@type": "Organization",
22
22
  "name": "Neo.mjs"
@@ -1,144 +1,143 @@
1
1
  [{
2
2
  "id" : 25,
3
3
  "environments": ["Desktop", "Mobile"],
4
- "image" : "devmode/liquid-glass.png",
5
- "name" : "Liquid Glass effect",
6
- "sourceUrl" : "https://github.com/neomjs/liquid-glass-demo/blob/main/apps/myapp/view/GlassComponent.mjs",
7
- "url" : "https://neomjs.github.io/pages2/workspace/neo-liquid-glass-demo/apps/myapp/index.html"
8
- }, {
9
- "id" : 24,
10
- "environments": ["Desktop", "Mobile"],
11
4
  "image" : "devmode/bigData.png",
12
5
  "name" : "Buffered Data Grid with 5M cells",
13
6
  "sourceUrl" : "examples/grid/bigData",
14
7
  "url" : "examples/grid/bigData/index.html"
15
8
  }, {
16
- "id" : 23,
9
+ "id" : 24,
17
10
  "image" : "devmode/sharedcovid.png",
18
11
  "name" : "Multi Window Covid App",
19
12
  "sharedWorkers": true,
20
13
  "sourceUrl" : "apps/sharedcovid",
21
14
  "url" : "apps/sharedcovid/index.html#mainview=table"
22
15
  }, {
23
- "id" : 22,
16
+ "id" : 23,
24
17
  "image" : "devmode/calendar-preview.png",
25
18
  "name" : "Calendar",
26
19
  "sourceUrl": "src/calendar",
27
20
  "url" : "examples/calendar/basic/index.html"
28
21
  }, {
29
- "id" : 21,
22
+ "id" : 22,
30
23
  "image" : "devmode/helix.png",
31
24
  "name" : "component.Helix",
32
25
  "sourceUrl": "examples/component/helix",
33
26
  "url" : "examples/component/helix/index.html"
34
27
  }, {
35
- "id" : 20,
28
+ "id" : 21,
36
29
  "image" : "devmode/mwCoronaGallery.png",
37
30
  "name" : "Multi Window Covid Gallery",
38
31
  "sharedWorkers": true,
39
32
  "sourceUrl" : "examples/component/multiWindowCoronaGallery",
40
33
  "url" : "examples/component/multiWindowCoronaGallery/index.html"
41
34
  }, {
42
- "id" : 19,
35
+ "id" : 20,
43
36
  "image" : "devmode/offscreenCanvas.png",
44
37
  "name" : "OffscreenCanvas",
45
38
  "sourceUrl": "https://github.com/neomjs/offscreen-canvas/",
46
39
  "url" : "https://neomjs.github.io/pages2/workspace/neo-offscreen-canvas-demo/apps/myapp/index.html"
47
40
  }, {
48
- "id" : 18,
41
+ "id" : 19,
49
42
  "image" : "devmode/sharedOffscreenCanvas.png",
50
43
  "name" : "Multi-Window OffscreenCanvas",
51
44
  "sourceUrl" : "https://github.com/neomjs/shared-offscreen",
52
45
  "sharedWorkers": true,
53
46
  "url" : "https://neomjs.github.io/pages2/workspace/neo-shared-offscreen-canvas-demo/apps/mainapp/index.html"
54
47
  }, {
55
- "id" : 17,
48
+ "id" : 18,
56
49
  "image" : "devmode/multi_window_dd.png",
57
50
  "name" : "Multi-Window Drag&Drop",
58
51
  "sharedWorkers": true,
59
52
  "sourceUrl" : "apps/shareddialog",
60
53
  "url" : "apps/shareddialog/index.html"
61
54
  }, {
62
- "id" : 16,
55
+ "id" : 17,
63
56
  "image" : "devmode/tabContainer.png",
64
57
  "name" : "tab.Container",
65
58
  "sourceUrl": "examples/tab/container",
66
59
  "url" : "examples/tab/container/index.html"
67
60
  }, {
68
- "id" : 15,
61
+ "id" : 16,
69
62
  "image" : "devmode/model-component-example.png",
70
63
  "name" : "State Provider Example",
71
64
  "sourceUrl": "examples/stateProvider/advanced",
72
65
  "url" : "examples/stateProvider/advanced/index.html"
73
66
  }, {
74
- "id" : 14,
67
+ "id" : 15,
75
68
  "image" : "devmode/dragdrop.png",
76
69
  "name" : "Dialog drag&drop",
77
70
  "sourceUrl": "examples/dialog",
78
71
  "url" : "examples/dialog/"
79
72
  }, {
80
- "id" : 13,
73
+ "id" : 14,
81
74
  "image" : "dist_prod/colorsApp.png",
82
75
  "name" : "Colors Dashboard",
83
76
  "sharedWorkers": true,
84
77
  "sourceUrl" : "apps/colors",
85
78
  "url" : "apps/colors/index.html"
86
79
  }, {
87
- "id" : 12,
80
+ "id" : 13,
88
81
  "image" : "devmode/covidDashboard.png",
89
82
  "name" : "Covid Dashboard",
90
83
  "sourceUrl": "apps/covid",
91
84
  "url" : "apps/covid/index.html"
92
85
  }, {
93
- "id" : 11,
86
+ "id" : 12,
94
87
  "image" : "devmode/coronaHelix.png",
95
88
  "name" : "COVID-19 Helix",
96
89
  "sourceUrl": "examples/component/coronaHelix",
97
90
  "url" : "examples/component/coronaHelix/index.html"
98
91
  }, {
99
- "id" : 10,
92
+ "id" : 11,
100
93
  "image" : "devmode/coronaGallery.png",
101
94
  "name" : "COVID-19 Gallery",
102
95
  "sourceUrl": "examples/component/coronaGallery",
103
96
  "url" : "examples/component/coronaGallery/index.html"
104
97
  }, {
105
- "id" : 9,
98
+ "id" : 10,
106
99
  "image" : "devmode/gallery.png",
107
100
  "name" : "component.Gallery",
108
101
  "sourceUrl": "examples/component/gallery",
109
102
  "url" : "examples/component/gallery/index.html"
110
103
  }, {
111
- "id" : 8,
104
+ "id" : 9,
112
105
  "image" : "devmode/tableFiltering.png",
113
106
  "name" : "Table Filtering",
114
107
  "sourceUrl": "examples/tableFiltering",
115
108
  "url" : "examples/tableFiltering/"
116
109
  }, {
117
- "id" : 7,
110
+ "id" : 8,
118
111
  "image" : "devmode/dateSelector.png",
119
112
  "name" : "component.DateSelector",
120
113
  "sourceUrl": "examples/component/dateSelector",
121
114
  "url" : "examples/component/dateSelector/index.html"
122
115
  }, {
123
- "id" : 6,
116
+ "id" : 7,
124
117
  "image" : "devmode/dateField.png",
125
118
  "name" : "form.field.Date",
126
119
  "sourceUrl": "examples/form/field/date",
127
120
  "url" : "examples/form/field/date/index.html"
128
121
  }, {
129
- "id" : 5,
122
+ "id" : 6,
130
123
  "image" : "devmode/selectField.png",
131
124
  "name" : "form.field.ComboBox",
132
125
  "sourceUrl": "examples/form/field/combobox",
133
126
  "url" : "examples/form/field/combobox/index.html"
134
127
  }, {
135
- "id" : 4,
128
+ "id" : 5,
136
129
  "environments" : ["Desktop", "Mobile"],
137
130
  "image" : "dist_prod/portalApp.png",
138
131
  "name" : "Portal App",
139
132
  "sharedWorkers": true,
140
133
  "sourceUrl" : "apps/portal",
141
134
  "url" : "apps/portal/index.html"
135
+ }, {
136
+ "id" : 4,
137
+ "image" : "devmode/liquid-glass.png",
138
+ "name" : "Liquid Glass effect",
139
+ "sourceUrl": "https://github.com/neomjs/liquid-glass-demo/blob/main/apps/myapp/view/GlassComponent.mjs",
140
+ "url" : "https://neomjs.github.io/pages2/workspace/neo-liquid-glass-demo/apps/myapp/index.html"
142
141
  }, {
143
142
  "id" : 3,
144
143
  "image" : "devmode/siesta.png",
@@ -1,144 +1,143 @@
1
1
  [{
2
2
  "id" : 24,
3
3
  "environments": ["Desktop", "Mobile"],
4
- "image" : "devmode/liquid-glass.png",
5
- "name" : "Liquid Glass effect",
6
- "sourceUrl" : "https://github.com/neomjs/liquid-glass-demo/blob/main/apps/myapp/view/GlassComponent.mjs",
7
- "url" : "https://neomjs.github.io/pages2/workspace/neo-liquid-glass-demo/dist/development/apps/myapp/index.html"
8
- }, {
9
- "id" : 23,
10
- "environments": ["Desktop", "Mobile"],
11
4
  "image" : "devmode/bigData.png",
12
5
  "name" : "Buffered Data Grid with 5M cells",
13
6
  "sourceUrl" : "examples/grid/bigData",
14
7
  "url" : "dist/development/examples/grid/bigData/index.html"
15
8
  }, {
16
- "id" : 22,
9
+ "id" : 23,
17
10
  "image" : "devmode/sharedcovid.png",
18
11
  "name" : "Multi Window Covid App",
19
12
  "sharedWorkers": true,
20
13
  "sourceUrl" : "apps/sharedcovid",
21
14
  "url" : "dist/development/apps/sharedcovid/index.html#mainview=table"
22
15
  }, {
23
- "id" : 21,
16
+ "id" : 22,
24
17
  "image" : "devmode/calendar-preview.png",
25
18
  "name" : "Calendar",
26
19
  "sourceUrl": "src/calendar",
27
20
  "url" : "dist/development/examples/calendar/basic/index.html"
28
21
  }, {
29
- "id" : 20,
22
+ "id" : 21,
30
23
  "image" : "devmode/helix.png",
31
24
  "name" : "component.Helix",
32
25
  "sourceUrl": "examples/component/helix",
33
26
  "url" : "dist/development/examples/component/helix/index.html"
34
27
  }, {
35
- "id" : 19,
28
+ "id" : 20,
36
29
  "image" : "devmode/mwCoronaGallery.png",
37
30
  "name" : "Multi Window Covid Gallery",
38
31
  "sharedWorkers": true,
39
32
  "sourceUrl" : "examples/component/multiWindowCoronaGallery",
40
33
  "url" : "dist/development/examples/component/multiWindowCoronaGallery/index.html"
41
34
  }, {
42
- "id" : 18,
35
+ "id" : 19,
43
36
  "image" : "devmode/offscreenCanvas.png",
44
37
  "name" : "OffscreenCanvas",
45
38
  "sourceUrl": "https://github.com/neomjs/offscreen-canvas/tree/main/apps/myapp",
46
39
  "url" : "https://neomjs.github.io/pages2/workspace/neo-offscreen-canvas-demo/dist/development/apps/myapp/index.html"
47
40
  }, {
48
- "id" : 17,
41
+ "id" : 18,
49
42
  "image" : "devmode/sharedOffscreenCanvas.png",
50
43
  "name" : "Multi-Window OffscreenCanvas",
51
44
  "sharedWorkers": true,
52
45
  "sourceUrl" : "https://github.com/neomjs/shared-offscreen",
53
46
  "url" : "https://neomjs.github.io/pages2/workspace/neo-shared-offscreen-canvas-demo/dist/development/apps/mainapp/index.html"
54
47
  }, {
55
- "id" : 16,
48
+ "id" : 17,
56
49
  "image" : "devmode/multi_window_dd.png",
57
50
  "name" : "Multi-Window Drag&Drop",
58
51
  "sharedWorkers": true,
59
52
  "sourceUrl" : "apps/shareddialog",
60
53
  "url" : "dist/development/apps/shareddialog/index.html"
61
54
  }, {
62
- "id" : 15,
55
+ "id" : 16,
63
56
  "image" : "devmode/tabContainer.png",
64
57
  "name" : "tab.Container",
65
58
  "sourceUrl": "examples/tab/container",
66
59
  "url" : "dist/development/examples/tab/container/index.html"
67
60
  }, {
68
- "id" : 14,
61
+ "id" : 15,
69
62
  "image" : "devmode/model-component-example.png",
70
63
  "name" : "State Provider Example",
71
64
  "sourceUrl": "examples/stateProvider/advanced",
72
65
  "url" : "dist/development/examples/stateProvider/advanced/index.html"
73
66
  }, {
74
- "id" : 13,
67
+ "id" : 14,
75
68
  "image" : "devmode/dragdrop.png",
76
69
  "name" : "Dialog drag&drop",
77
70
  "sourceUrl": "examples/dialog",
78
71
  "url" : "dist/development/examples/dialog/"
79
72
  }, {
80
- "id" : 12,
73
+ "id" : 13,
81
74
  "image" : "dist_prod/colorsApp.png",
82
75
  "name" : "Colors Dashboard",
83
76
  "sharedWorkers": true,
84
77
  "sourceUrl" : "apps/colors",
85
78
  "url" : "dist/development/apps/colors/index.html"
86
79
  }, {
87
- "id" : 11,
80
+ "id" : 12,
88
81
  "image" : "devmode/covidDashboard.png",
89
82
  "name" : "Covid Dashboard",
90
83
  "sourceUrl": "apps/covid",
91
84
  "url" : "dist/development/apps/covid/index.html#mainview=table"
92
85
  }, {
93
- "id" : 10,
86
+ "id" : 11,
94
87
  "image" : "devmode/coronaHelix.png",
95
88
  "name" : "COVID-19 Helix",
96
89
  "sourceUrl": "examples/component/coronaHelix",
97
90
  "url" : "dist/development/examples/component/coronaHelix/index.html"
98
91
  }, {
99
- "id" : 9,
92
+ "id" : 10,
100
93
  "image" : "devmode/coronaGallery.png",
101
94
  "name" : "COVID-19 Gallery",
102
95
  "sourceUrl": "examples/component/coronaGallery",
103
96
  "url" : "dist/development/examples/component/coronaGallery/index.html"
104
97
  }, {
105
- "id" : 8,
98
+ "id" : 9,
106
99
  "image" : "devmode/gallery.png",
107
100
  "name" : "component.Gallery",
108
101
  "sourceUrl": "examples/component/gallery",
109
102
  "url" : "dist/development/examples/component/gallery/index.html"
110
103
  }, {
111
- "id" : 7,
104
+ "id" : 8,
112
105
  "image" : "devmode/tableFiltering.png",
113
106
  "name" : "Table Filtering",
114
107
  "sourceUrl": "examples/tableFiltering",
115
108
  "url" : "dist/development/examples/tableFiltering/"
116
109
  }, {
117
- "id" : 6,
110
+ "id" : 7,
118
111
  "image" : "devmode/dateSelector.png",
119
112
  "name" : "component.DateSelector",
120
113
  "sourceUrl": "examples/component/dateSelector",
121
114
  "url" : "dist/development/examples/component/dateSelector/index.html"
122
115
  }, {
123
- "id" : 5,
116
+ "id" : 6,
124
117
  "image" : "devmode/dateField.png",
125
118
  "name" : "form.field.Date",
126
119
  "sourceUrl": "examples/form/field/date",
127
120
  "url" : "dist/development/examples/form/field/date/index.html"
128
121
  }, {
129
- "id" : 4,
122
+ "id" : 5,
130
123
  "image" : "devmode/selectField.png",
131
124
  "name" : "form.field.ComboBox",
132
125
  "sourceUrl": "examples/form/field/combobox",
133
126
  "url" : "dist/development/examples/form/field/combobox/index.html"
134
127
  }, {
135
- "id" : 3,
128
+ "id" : 4,
136
129
  "environments" : ["Desktop", "Mobile"],
137
130
  "image" : "dist_prod/portalApp.png",
138
131
  "name" : "Portal App",
139
132
  "sharedWorkers": true,
140
133
  "sourceUrl" : "apps/portal",
141
134
  "url" : "dist/development/apps/portal/index.html"
135
+ }, {
136
+ "id" : 3,
137
+ "image" : "devmode/liquid-glass.png",
138
+ "name" : "Liquid Glass effect",
139
+ "sourceUrl": "https://github.com/neomjs/liquid-glass-demo/blob/main/apps/myapp/view/GlassComponent.mjs",
140
+ "url" : "https://neomjs.github.io/pages2/workspace/neo-liquid-glass-demo/dist/development/apps/myapp/index.html"
142
141
  }, {
143
142
  "hidden" : true,
144
143
  "id" : 2,
@@ -1,138 +1,137 @@
1
1
  [{
2
2
  "id" : 23,
3
3
  "environments": ["Desktop", "Mobile"],
4
- "image" : "devmode/liquid-glass.png",
5
- "name" : "Liquid Glass effect",
6
- "sourceUrl" : "https://github.com/neomjs/liquid-glass-demo/blob/main/apps/myapp/view/GlassComponent.mjs",
7
- "url" : "https://neomjs.github.io/pages2/workspace/neo-liquid-glass-demo/dist/esm/apps/myapp/index.html"
8
- }, {
9
- "id" : 22,
10
- "environments": ["Desktop", "Mobile"],
11
4
  "image" : "devmode/bigData.png",
12
5
  "name" : "Buffered Data Grid with 5M cells",
13
6
  "sourceUrl" : "examples/grid/bigData",
14
7
  "url" : "dist/esm/examples/grid/bigData/index.html"
15
8
  }, {
16
- "id" : 21,
9
+ "id" : 22,
17
10
  "image" : "devmode/sharedcovid.png",
18
11
  "name" : "Multi Window Covid App",
19
12
  "sharedWorkers": true,
20
13
  "sourceUrl" : "apps/sharedcovid",
21
14
  "url" : "dist/esm/apps/sharedcovid/index.html#mainview=table"
22
15
  }, {
23
- "id" : 20,
16
+ "id" : 21,
24
17
  "image" : "devmode/calendar-preview.png",
25
18
  "name" : "Calendar",
26
19
  "sourceUrl": "src/calendar",
27
20
  "url" : "dist/esm/examples/calendar/basic/index.html"
28
21
  }, {
29
- "id" : 19,
22
+ "id" : 20,
30
23
  "image" : "devmode/helix.png",
31
24
  "name" : "component.Helix",
32
25
  "sourceUrl": "examples/component/helix",
33
26
  "url" : "dist/esm/examples/component/helix/index.html"
34
27
  }, {
35
- "id" : 18,
28
+ "id" : 19,
36
29
  "image" : "devmode/offscreenCanvas.png",
37
30
  "name" : "OffscreenCanvas",
38
31
  "sourceUrl": "https://github.com/neomjs/offscreen-canvas/tree/main/apps/myapp",
39
32
  "url" : "https://neomjs.github.io/pages2/workspace/neo-offscreen-canvas-demo/dist/esm/apps/myapp/index.html"
40
33
  }, {
41
- "id" : 17,
34
+ "id" : 18,
42
35
  "image" : "devmode/mwCoronaGallery.png",
43
36
  "name" : "Multi Window Covid Gallery",
44
37
  "sharedWorkers": true,
45
38
  "sourceUrl" : "examples/component/multiWindowCoronaGallery",
46
39
  "url" : "dist/esm/examples/component/multiWindowCoronaGallery/index.html"
47
40
  }, {
48
- "id" : 16,
41
+ "id" : 17,
49
42
  "image" : "devmode/multi_window_dd.png",
50
43
  "name" : "Multi-Window Drag&Drop",
51
44
  "sharedWorkers": true,
52
45
  "sourceUrl" : "apps/shareddialog",
53
46
  "url" : "dist/esm/apps/shareddialog/index.html"
54
47
  }, {
55
- "id" : 15,
48
+ "id" : 16,
56
49
  "image" : "devmode/tabContainer.png",
57
50
  "name" : "tab.Container",
58
51
  "sourceUrl": "examples/tab/container",
59
52
  "url" : "dist/esm/examples/tab/container/index.html"
60
53
  }, {
61
- "id" : 14,
54
+ "id" : 15,
62
55
  "image" : "devmode/model-component-example.png",
63
56
  "name" : "State Provider Example",
64
57
  "sourceUrl": "examples/stateProvider/advanced",
65
58
  "url" : "dist/esm/examples/stateProvider/advanced/index.html"
66
59
  }, {
67
- "id" : 13,
60
+ "id" : 14,
68
61
  "image" : "devmode/dragdrop.png",
69
62
  "name" : "Dialog drag&drop",
70
63
  "sourceUrl": "examples/dialog",
71
64
  "url" : "dist/esm/examples/dialog/"
72
65
  }, {
73
- "id" : 12,
66
+ "id" : 13,
74
67
  "image" : "dist_prod/colorsApp.png",
75
68
  "name" : "Colors Dashboard",
76
69
  "sharedWorkers": true,
77
70
  "sourceUrl" : "apps/colors",
78
71
  "url" : "dist/esm/apps/colors/index.html"
79
72
  }, {
80
- "id" : 11,
73
+ "id" : 12,
81
74
  "image" : "devmode/covidDashboard.png",
82
75
  "name" : "Covid Dashboard",
83
76
  "sourceUrl": "apps/covid",
84
77
  "url" : "dist/esm/apps/covid/index.html#mainview=table"
85
78
  }, {
86
- "id" : 10,
79
+ "id" : 11,
87
80
  "image" : "devmode/coronaHelix.png",
88
81
  "name" : "COVID-19 Helix",
89
82
  "sourceUrl": "examples/component/coronaHelix",
90
83
  "url" : "dist/esm/examples/component/coronaHelix/index.html"
91
84
  }, {
92
- "id" : 9,
85
+ "id" : 10,
93
86
  "image" : "devmode/coronaGallery.png",
94
87
  "name" : "COVID-19 Gallery",
95
88
  "sourceUrl": "examples/component/coronaGallery",
96
89
  "url" : "dist/esm/examples/component/coronaGallery/index.html"
97
90
  }, {
98
- "id" : 8,
91
+ "id" : 9,
99
92
  "image" : "devmode/gallery.png",
100
93
  "name" : "component.Gallery",
101
94
  "sourceUrl": "examples/component/gallery",
102
95
  "url" : "dist/esm/examples/component/gallery/index.html"
103
96
  }, {
104
- "id" : 7,
97
+ "id" : 8,
105
98
  "image" : "devmode/tableFiltering.png",
106
99
  "name" : "Table Filtering",
107
100
  "sourceUrl": "examples/tableFiltering",
108
101
  "url" : "dist/esm/examples/tableFiltering/"
109
102
  }, {
110
- "id" : 6,
103
+ "id" : 7,
111
104
  "image" : "devmode/dateSelector.png",
112
105
  "name" : "component.DateSelector",
113
106
  "sourceUrl": "examples/component/dateSelector",
114
107
  "url" : "dist/esm/examples/component/dateSelector/index.html"
115
108
  }, {
116
- "id" : 5,
109
+ "id" : 6,
117
110
  "image" : "devmode/dateField.png",
118
111
  "name" : "form.field.Date",
119
112
  "sourceUrl": "examples/form/field/date",
120
113
  "url" : "dist/esm/examples/form/field/date/index.html"
121
114
  }, {
122
- "id" : 4,
115
+ "id" : 5,
123
116
  "image" : "devmode/selectField.png",
124
117
  "name" : "form.field.ComboBox",
125
118
  "sourceUrl": "examples/form/field/combobox",
126
119
  "url" : "dist/esm/examples/form/field/combobox/index.html"
127
120
  }, {
128
- "id" : 3,
121
+ "id" : 4,
129
122
  "environments" : ["Desktop", "Mobile"],
130
123
  "image" : "dist_prod/portalApp.png",
131
124
  "name" : "Portal App",
132
125
  "sharedWorkers": true,
133
126
  "sourceUrl" : "apps/portal",
134
127
  "url" : "dist/esm/apps/portal/index.html"
135
- }, {
128
+ },{
129
+ "id" : 3,
130
+ "image" : "devmode/liquid-glass.png",
131
+ "name" : "Liquid Glass effect",
132
+ "sourceUrl": "https://github.com/neomjs/liquid-glass-demo/blob/main/apps/myapp/view/GlassComponent.mjs",
133
+ "url" : "https://neomjs.github.io/pages2/workspace/neo-liquid-glass-demo/dist/esm/apps/myapp/index.html"
134
+ }, , {
136
135
  "hidden" : true,
137
136
  "id" : 2,
138
137
  "image" : "devmode/realworldApp.png",