neo.mjs 6.25.0 → 6.26.0

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 (10) hide show
  1. package/apps/ServiceWorker.mjs +2 -2
  2. package/apps/portal/view/learn/MainContainer.mjs +3 -4
  3. package/apps/portal/view/learn/MainContainerController.mjs +8 -1
  4. package/apps/portal/view/learn/PageSectionsContainer.mjs +16 -4
  5. package/apps/portal/view/learn/PageSectionsList.mjs +2 -0
  6. package/examples/ServiceWorker.mjs +2 -2
  7. package/package.json +1 -1
  8. package/resources/scss/src/apps/portal/learn/MainContainer.scss +7 -0
  9. package/resources/scss/src/apps/portal/learn/PageSectionsContainer.scss +31 -1
  10. package/src/DefaultConfig.mjs +2 -2
package/apps/ServiceWorker.mjs CHANGED
@@ -20,9 +20,9 @@ class ServiceWorker extends ServiceBase {
20
20
  */
21
21
  singleton: true,
22
22
  /**
23
- * @member {String} version='6.25.0'
23
+ * @member {String} version='6.26.0'
24
24
  */
25
- version: '6.25.0'
25
+ version: '6.26.0'
26
26
  }
27
27
 
28
28
  /**
package/apps/portal/view/learn/MainContainer.mjs CHANGED
@@ -40,8 +40,9 @@ class MainContainer extends Container {
40
40
  reference: 'tree'
41
41
  }, {
42
42
  ntype : 'button',
43
+ bind : {hidden: data => data.size !== 'x-small'},
43
44
  cls : ['sidenav-button'],
44
- handler: 'onSideNaveToggleButtonClick',
45
+ handler: 'onSideNavToggleButtonClick',
45
46
  iconCls: 'fas fa-bars',
46
47
  ui : 'secondary'
47
48
  }]
@@ -55,9 +56,7 @@ class MainContainer extends Container {
55
56
  module: PageContainer
56
57
  }, {
57
58
  module : PageSectionsContainer,
58
- bind : {hidden: data => data.size !== 'large'},
59
- reference: 'page-sections-container',
60
- width : 250
59
+ reference: 'page-sections-container'
61
60
  }],
62
61
  /**
63
62
  * @member {Object} layout={ntype:'hbox',align:'stretch'}
package/apps/portal/view/learn/MainContainerController.mjs CHANGED
@@ -121,6 +121,13 @@ class MainContainerController extends Controller {
121
121
  this.navigateTo(this.getModel().getData('nextPageRecord').id)
122
122
  }
123
123
 
124
+ /**
125
+ * @param {Object} data
126
+ */
127
+ onPageSectionsToggleButtonClick(data) {
128
+ this.getReference('page-sections-container').toggleCls('neo-expanded')
129
+ }
130
+
124
131
  /**
125
132
  * @param {Object} data
126
133
  */
@@ -159,7 +166,7 @@ class MainContainerController extends Controller {
159
166
  /**
160
167
  * @param {Object} data
161
168
  */
162
- onSideNaveToggleButtonClick(data) {
169
+ onSideNavToggleButtonClick(data) {
163
170
  this.getReference('sidenav-container').toggleCls('neo-expanded')
164
171
  }
165
172
  }
package/apps/portal/view/learn/PageSectionsContainer.mjs CHANGED
@@ -20,21 +20,26 @@ class PageSectionsContainer extends Container {
20
20
  * @member {Object[]} items
21
21
  */
22
22
  items: [{
23
+ ntype : 'button',
24
+ bind : {hidden: data => data.size === 'large'},
25
+ cls : ['sections-container-button'],
26
+ handler: 'onPageSectionsToggleButtonClick',
27
+ iconCls: 'fas fa-bars',
28
+ ui : 'secondary'
29
+ }, {
23
30
  vdom:
24
31
  {cn: [
25
32
  {tag: 'h3', html: 'On this page'}
26
33
  ]}
27
-
28
34
  }, {
29
35
  module : PageSectionsList,
36
+ listeners: {pageListSelect: 'up.onPageListSelect'},
30
37
  reference: 'list'
31
38
  }],
32
39
  /**
33
40
  * @member {Object} layout={ntype:'vbox'}
34
41
  */
35
- layout: {
36
- ntype: 'vbox'
37
- }
42
+ layout: {ntype: 'vbox'}
38
43
  }
39
44
 
40
45
  /**
@@ -44,6 +49,13 @@ class PageSectionsContainer extends Container {
44
49
  get list() {
45
50
  return this.getReference('list')
46
51
  }
52
+
53
+ /**
54
+ * @param {Object} data
55
+ */
56
+ onPageListSelect(data) {
57
+ this.toggleCls('neo-expanded', false)
58
+ }
47
59
  }
48
60
 
49
61
  Neo.setupClass(PageSectionsContainer);
package/apps/portal/view/learn/PageSectionsList.mjs CHANGED
@@ -62,6 +62,8 @@ class PageSectionsList extends List {
62
62
  if (record) {
63
63
  me.isAnimating = true;
64
64
 
65
+ me.fire('pageListSelect', {record});
66
+
65
67
  await Neo.main.DomAccess.scrollIntoView({
66
68
  querySelector: `[data-record-id='${record.id}']`,
67
69
  windowId : me.windowId
package/examples/ServiceWorker.mjs CHANGED
@@ -20,9 +20,9 @@ class ServiceWorker extends ServiceBase {
20
20
  */
21
21
  singleton: true,
22
22
  /**
23
- * @member {String} version='6.25.0'
23
+ * @member {String} version='6.26.0'
24
24
  */
25
- version: '6.25.0'
25
+ version: '6.26.0'
26
26
  }
27
27
 
28
28
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "neo.mjs",
3
- "version": "6.25.0",
3
+ "version": "6.26.0",
4
4
  "description": "The webworkers driven UI framework",
5
5
  "type": "module",
6
6
  "repository": {
package/resources/scss/src/apps/portal/learn/MainContainer.scss CHANGED
@@ -5,6 +5,10 @@
5
5
  margin: 0;
6
6
  }
7
7
 
8
+ .sidenav-button {
9
+ display: none;
10
+ }
11
+
8
12
  .sidenav-container {
9
13
  min-width: 350px;
10
14
  width : 350px;
@@ -17,6 +21,7 @@
17
21
  overflow : visible;
18
22
  position : fixed;
19
23
  transition: left 250ms ease-out;
24
+ z-index : 101;
20
25
 
21
26
  &.neo-expanded {
22
27
  left: 0;
@@ -24,11 +29,13 @@
24
29
 
25
30
  .sidenav-button {
26
31
  box-shadow: 0 5px 10px rgba(0,0,0,.3);
32
+ display : flex;
27
33
  height : 35px;
28
34
  min-width : 35px;
29
35
  position : absolute;
30
36
  right : -42px;
31
37
  width : 35px;
38
+ z-index : 101;
32
39
  }
33
40
  }
34
41
  }
package/resources/scss/src/apps/portal/learn/PageSectionsContainer.scss CHANGED
@@ -3,12 +3,42 @@
3
3
  border : none; // reset the default 1px
4
4
  display : block;
5
5
  flex-shrink : 0;
6
+ min-width : 250px;
6
7
  position : fixed;
7
8
  right : 0;
8
9
  width : 250px;
9
10
  z-index : 1;
10
11
 
11
12
  h3 {
12
- margin-left: 16px;
13
+ margin-bottom: .4em;
14
+ margin-left : 16px;
15
+ }
16
+
17
+ .sections-container-button {
18
+ display: none;
19
+ }
20
+
21
+ @media (max-width: 1296px) {
22
+ background-color: #fff;
23
+ box-shadow : 0 5px 10px rgba(0,0,0,.3);
24
+ overflow : visible;
25
+ right : -250px;
26
+ transition : right 250ms ease-out;
27
+ z-index : 100;
28
+
29
+ &.neo-expanded {
30
+ right: 0;
31
+ }
32
+
33
+ .sections-container-button {
34
+ background-color: #fff;
35
+ box-shadow : 0 5px 10px rgba(0,0,0,.3);
36
+ display : flex;
37
+ height : 35px;
38
+ min-width : 35px;
39
+ position : absolute;
40
+ left : -42px;
41
+ width : 35px;
42
+ }
13
43
  }
14
44
  }
package/src/DefaultConfig.mjs CHANGED
@@ -260,12 +260,12 @@ const DefaultConfig = {
260
260
  useVdomWorker: true,
261
261
  /**
262
262
  * buildScripts/injectPackageVersion.mjs will update this value
263
- * @default '6.25.0'
263
+ * @default '6.26.0'
264
264
  * @memberOf! module:Neo
265
265
  * @name config.version
266
266
  * @type String
267
267
  */
268
- version: '6.25.0'
268
+ version: '6.26.0'
269
269
  };
270
270
 
271
271
  Object.assign(DefaultConfig, {