neo.mjs 4.3.0 → 4.3.2

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 (44) hide show
  1. package/apps/website/view/MainContainer.mjs +1 -0
  2. package/apps/website/view/MainContainerController.mjs +7 -0
  3. package/apps/website/view/blog/List.mjs +41 -3
  4. package/apps/website/view/examples/List.mjs +28 -3
  5. package/apps/website/view/examples/TabContainer.mjs +7 -4
  6. package/apps/website/view/home/DeveloperIntroComponent.mjs +227 -225
  7. package/apps/website/view/home/ExecutiveIntroComponent.mjs +242 -240
  8. package/buildScripts/addConfig.mjs +1 -0
  9. package/examples/tab/container/MainContainer.mjs +78 -5
  10. package/package.json +1 -1
  11. package/resources/scss/src/apps/website/blog/List.scss +2 -2
  12. package/resources/scss/src/apps/website/examples/List.scss +2 -2
  13. package/resources/scss/src/apps/website/home/TabContainer.scss +6 -1
  14. package/resources/scss/src/button/Base.scss +10 -8
  15. package/resources/scss/src/calendar/view/calendars/ColorsList.scss +5 -2
  16. package/resources/scss/src/component/Label.scss +2 -1
  17. package/resources/scss/src/form/field/Radio.scss +6 -4
  18. package/resources/scss/src/form/field/Text.scss +4 -3
  19. package/resources/scss/src/layout/Card.scss +6 -10
  20. package/resources/scss/src/list/Base.scss +11 -3
  21. package/resources/scss/src/tab/Container.scss +2 -1
  22. package/resources/scss/src/tab/header/Toolbar.scss +1 -1
  23. package/resources/scss/src/table/Container.scss +3 -1
  24. package/resources/scss/src/toolbar/Base.scss +69 -3
  25. package/resources/scss/src/tree/List.scss +11 -1
  26. package/resources/scss/theme-dark/button/Base.scss +4 -0
  27. package/resources/scss/theme-light/button/Base.scss +4 -0
  28. package/src/calendar/view/calendars/ColorsList.mjs +18 -0
  29. package/src/calendar/view/calendars/EditContainer.mjs +7 -9
  30. package/src/component/Base.mjs +184 -114
  31. package/src/container/Base.mjs +3 -3
  32. package/src/draggable/toolbar/DragZone.mjs +5 -6
  33. package/src/form/field/Text.mjs +3 -1
  34. package/src/layout/Base.mjs +5 -7
  35. package/src/layout/Card.mjs +32 -35
  36. package/src/layout/Fit.mjs +11 -11
  37. package/src/layout/Flexbox.mjs +32 -40
  38. package/src/layout/HBox.mjs +1 -1
  39. package/src/layout/VBox.mjs +1 -1
  40. package/src/list/Base.mjs +27 -5
  41. package/src/tab/Container.mjs +11 -11
  42. package/src/tab/header/Button.mjs +2 -2
  43. package/src/table/Container.mjs +11 -3
  44. package/src/tree/List.mjs +4 -0
package/apps/website/view/MainContainer.mjs CHANGED
@@ -65,6 +65,7 @@ class MainContainer extends Viewport {
65
65
  tabButtonConfig: {
66
66
  editRoute: false,
67
67
  iconCls : 'fa fa-rss',
68
+ reference: 'blog-header-button',
68
69
  route : 'mainview=blog',
69
70
  text : 'Blog'
70
71
  }
package/apps/website/view/MainContainerController.mjs CHANGED
@@ -42,6 +42,13 @@ class MainContainerController extends ComponentController {
42
42
  return this.getReference(this.mainTabs[tabIndex]);
43
43
  }
44
44
 
45
+ /**
46
+ * @param {Object[]} records
47
+ */
48
+ onBlogPostStoreLoad(records) {
49
+ this.getReference('blog-header-button').badgeText = records.length + ''
50
+ }
51
+
45
52
  /**
46
53
  *
47
54
  */
package/apps/website/view/blog/List.mjs CHANGED
@@ -24,15 +24,39 @@ class List extends BaseList {
24
24
  */
25
25
  className: 'Website.view.blog.List',
26
26
  /**
27
- * @member {String[]} cls=['website-blog-list','neo-list-container','neo-list']
27
+ * @member {String[]} cls=['website-blog-list','neo-list']
28
28
  */
29
- cls: ['website-blog-list', 'neo-list-container', 'neo-list'],
29
+ cls: ['website-blog-list', 'neo-list'],
30
30
  /**
31
31
  * @member {Neo.data.Store} store=BlogPosts
32
32
  */
33
- store: BlogPosts
33
+ store: BlogPosts,
34
+ /**
35
+ * @member {Boolean} useWrapperNode=true
36
+ */
37
+ useWrapperNode: true,
38
+ /**
39
+ * @member {Object} _vdom
40
+ */
41
+ _vdom:
42
+ {cn: [
43
+ {tag: 'ul', cn: []}
44
+ ]}
34
45
  }}
35
46
 
47
+ /**
48
+ * @param {Neo.data.Store} value
49
+ * @param {Neo.data.Store} oldValue
50
+ */
51
+ afterSetStore(value, oldValue) {
52
+ super.afterSetStore(value, oldValue);
53
+
54
+ value.on({
55
+ load : 'onBlogPostStoreLoad',
56
+ scope: this.getController()
57
+ });
58
+ }
59
+
36
60
  /**
37
61
  * @param {Object} record
38
62
  */
@@ -131,6 +155,20 @@ class List extends BaseList {
131
155
 
132
156
  me.vdom = vdom;
133
157
  }
158
+
159
+ /**
160
+ * @returns {Object}
161
+ */
162
+ getVdomRoot() {
163
+ return this.vdom.cn[0];
164
+ }
165
+
166
+ /**
167
+ * @returns {Object}
168
+ */
169
+ getVnodeRoot() {
170
+ return this.vnode.childNodes[0];
171
+ }
134
172
  }
135
173
 
136
174
  Neo.applyClassConfig(List);
package/apps/website/view/examples/List.mjs CHANGED
@@ -23,9 +23,9 @@ class List extends BaseList {
23
23
  */
24
24
  className: 'Website.view.examples.List',
25
25
  /**
26
- * @member {String[]} cls=['website-examples-list','neo-list-container','neo-list']
26
+ * @member {String[]} cls=['website-examples-list','neo-list']
27
27
  */
28
- cls: ['website-examples-list', 'neo-list-container', 'neo-list'],
28
+ cls: ['website-examples-list', 'neo-list'],
29
29
  /**
30
30
  * @member {Neo.data.Store} store=Examples
31
31
  */
@@ -33,7 +33,18 @@ class List extends BaseList {
33
33
  /**
34
34
  * @member {String|null} storeUrl_=null
35
35
  */
36
- storeUrl_: null
36
+ storeUrl_: null,
37
+ /**
38
+ * @member {Boolean} useWrapperNode=true
39
+ */
40
+ useWrapperNode: true,
41
+ /**
42
+ * @member {Object} _vdom
43
+ */
44
+ _vdom:
45
+ {cn: [
46
+ {tag: 'ul', cn: []}
47
+ ]}
37
48
  }}
38
49
 
39
50
  /**
@@ -96,6 +107,20 @@ class List extends BaseList {
96
107
  ]}
97
108
  ];
98
109
  }
110
+
111
+ /**
112
+ * @returns {Object}
113
+ */
114
+ getVdomRoot() {
115
+ return this.vdom.cn[0];
116
+ }
117
+
118
+ /**
119
+ * @returns {Object}
120
+ */
121
+ getVnodeRoot() {
122
+ return this.vnode.childNodes[0];
123
+ }
99
124
  }
100
125
 
101
126
  Neo.applyClassConfig(List);
package/apps/website/view/examples/TabContainer.mjs CHANGED
@@ -17,10 +17,15 @@ class TabContainer extends Container {
17
17
  */
18
18
  activeIndex: 2,
19
19
  /**
20
- * @member {Array} items
20
+ * @member {Object} itemDefaults
21
+ */
22
+ itemDefaults: {
23
+ module: List
24
+ },
25
+ /**
26
+ * @member {Object[]} items
21
27
  */
22
28
  items: [{
23
- module : List,
24
29
  reference : 'examples-devmode-list',
25
30
  storeUrl : '../../apps/website/data/examples_devmode.json',
26
31
  tabButtonConfig: {
@@ -29,7 +34,6 @@ class TabContainer extends Container {
29
34
  text : 'DevMode'
30
35
  }
31
36
  }, {
32
- module : List,
33
37
  reference : 'examples-dist-dev-list',
34
38
  storeUrl : '../../apps/website/data/examples_dist_dev.json',
35
39
  tabButtonConfig: {
@@ -38,7 +42,6 @@ class TabContainer extends Container {
38
42
  text : 'dist/dev'
39
43
  }
40
44
  }, {
41
- module : List,
42
45
  reference : 'examples-dist-prod-list',
43
46
  storeUrl : '../../apps/website/data/examples_dist_prod.json',
44
47
  tabButtonConfig: {