neo.mjs 6.15.2 → 6.15.3
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.
- package/apps/ServiceWorker.mjs +2 -2
- package/apps/portal/view/learn/MainContainer.mjs +8 -6
- package/apps/portal/view/learn/PageSectionsPanel.mjs +17 -11
- package/examples/ServiceWorker.mjs +2 -2
- package/package.json +1 -1
- package/resources/scss/src/apps/portal/learn/ContentView.scss +1 -1
- package/resources/scss/src/apps/portal/learn/PageContainer.scss +1 -0
- package/resources/scss/src/apps/portal/learn/PageSectionsList.scss +14 -3
- package/resources/scss/src/apps/portal/learn/PageSectionsPanel.scss +17 -1
- package/resources/scss/theme-neo-light/Global.scss +9 -0
- package/src/DefaultConfig.mjs +2 -2
- package/src/form/field/ComboBox.mjs +6 -7
package/apps/ServiceWorker.mjs
CHANGED
|
@@ -46,14 +46,16 @@ class MainContainer extends Container {
|
|
|
46
46
|
size : 3
|
|
47
47
|
}, {
|
|
48
48
|
module: PageContainer
|
|
49
|
-
},
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
49
|
+
},
|
|
50
|
+
// {
|
|
51
|
+
// module: Splitter,
|
|
52
|
+
// cls : ['main-content-splitter'],
|
|
53
|
+
// size : 3
|
|
54
|
+
// },
|
|
55
|
+
{
|
|
54
56
|
module : PageSectionsPanel,
|
|
55
57
|
reference: 'page-sections-panel',
|
|
56
|
-
width :
|
|
58
|
+
width : 250
|
|
57
59
|
}],
|
|
58
60
|
/**
|
|
59
61
|
* @member {Object} layout={ntype:'hbox',align:'stretch'}
|
|
@@ -19,21 +19,27 @@ class PageSectionsPanel extends Panel {
|
|
|
19
19
|
/**
|
|
20
20
|
* @member {Object[]} headers
|
|
21
21
|
*/
|
|
22
|
-
headers: [{
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
}],
|
|
22
|
+
// headers: [{
|
|
23
|
+
// dock : 'top',
|
|
24
|
+
// items: [{
|
|
25
|
+
// ntype: 'label',
|
|
26
|
+
// text : 'On this page'
|
|
27
|
+
// }, '->', {
|
|
28
|
+
// iconCls: 'fas fa-chevron-right',
|
|
29
|
+
// ui : 'secondary',
|
|
30
|
+
// tooltip: 'Collapse Sections'
|
|
31
|
+
// }]
|
|
32
|
+
// }],
|
|
33
33
|
/**
|
|
34
34
|
* @member {Object[]} items
|
|
35
35
|
*/
|
|
36
36
|
items: [{
|
|
37
|
+
vdom:
|
|
38
|
+
{ cn: [
|
|
39
|
+
{ tag: 'h3', html: 'On this page' },
|
|
40
|
+
]}
|
|
41
|
+
|
|
42
|
+
},{
|
|
37
43
|
module : PageSectionsList,
|
|
38
44
|
reference: 'list'
|
|
39
45
|
}]
|
package/package.json
CHANGED
|
@@ -1,12 +1,23 @@
|
|
|
1
|
+
|
|
2
|
+
|
|
1
3
|
.portal-page-sections-list.neo-list {
|
|
2
4
|
.neo-h3 {
|
|
3
5
|
margin-left: 1.5em;
|
|
4
6
|
}
|
|
5
7
|
|
|
6
8
|
.neo-list-item {
|
|
7
|
-
color :
|
|
8
|
-
height :
|
|
9
|
-
line-height: 1;
|
|
9
|
+
color : var(--sem-color-text-neutral-subdued);
|
|
10
|
+
height : unset;
|
|
10
11
|
white-space: normal;
|
|
12
|
+
padding: 8px 0 8px 8px !important;
|
|
13
|
+
|
|
14
|
+
&[aria-selected=true] {
|
|
15
|
+
background-color: transparent !important;
|
|
16
|
+
color : var(--list-item-color-selected) !important;
|
|
17
|
+
font-weight : 600 !important;
|
|
18
|
+
cursor : default !important;
|
|
19
|
+
|
|
20
|
+
}
|
|
11
21
|
}
|
|
12
22
|
}
|
|
23
|
+
|
|
@@ -1,10 +1,25 @@
|
|
|
1
1
|
.portal-page-sections-panel.neo-panel {
|
|
2
2
|
border: none; // reset the default 1px
|
|
3
3
|
|
|
4
|
-
|
|
4
|
+
|
|
5
|
+
background-color: transparent;
|
|
6
|
+
display: block;
|
|
7
|
+
width: 250px;
|
|
8
|
+
flex-shrink: 0;
|
|
9
|
+
z-index: 1;
|
|
10
|
+
position: fixed;
|
|
11
|
+
top: 80px;
|
|
12
|
+
right: 0px;
|
|
13
|
+
bottom: 0px;
|
|
14
|
+
|
|
15
|
+
@media only screen and (max-width: 1100px) {
|
|
5
16
|
display: none;
|
|
6
17
|
}
|
|
7
18
|
|
|
19
|
+
h3 {
|
|
20
|
+
margin-left: 16px;
|
|
21
|
+
}
|
|
22
|
+
|
|
8
23
|
.neo-panel-header-toolbar {
|
|
9
24
|
border : none; // reset the default 1px
|
|
10
25
|
border-bottom: 1px solid #f2f2f2;
|
|
@@ -21,4 +36,5 @@
|
|
|
21
36
|
}
|
|
22
37
|
}
|
|
23
38
|
}
|
|
39
|
+
|
|
24
40
|
}
|
|
@@ -26,6 +26,15 @@ h2 {
|
|
|
26
26
|
line-height : var(--core-lineheight-headline);
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
+
h3 {
|
|
30
|
+
color : var(--sem-color-fg-neutral-contrast);
|
|
31
|
+
font-family : var(--core-fontfamily-sans);
|
|
32
|
+
font-size : var(--core-fontsize-h3);
|
|
33
|
+
font-weight : var(--core-fontweight-semibold);
|
|
34
|
+
letter-spacing : -0.02em;
|
|
35
|
+
line-height : var(--core-lineheight-headline);
|
|
36
|
+
}
|
|
37
|
+
|
|
29
38
|
p {
|
|
30
39
|
color : var(--sem-color-fg-neutral-contrast);
|
|
31
40
|
font-family : var(--core-fontfamily-sans);
|
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.15.
|
|
263
|
+
* @default '6.15.3'
|
|
264
264
|
* @memberOf! module:Neo
|
|
265
265
|
* @name config.version
|
|
266
266
|
* @type String
|
|
267
267
|
*/
|
|
268
|
-
version: '6.15.
|
|
268
|
+
version: '6.15.3'
|
|
269
269
|
};
|
|
270
270
|
|
|
271
271
|
Object.assign(DefaultConfig, {
|
|
@@ -48,9 +48,9 @@ class ComboBox extends Picker {
|
|
|
48
48
|
/**
|
|
49
49
|
* The millisecond time to delay between input field mutation and applying the input field's
|
|
50
50
|
* new value to the filter
|
|
51
|
-
* @member {Number} filterDelay=
|
|
51
|
+
* @member {Number} filterDelay=50
|
|
52
52
|
*/
|
|
53
|
-
filterDelay :
|
|
53
|
+
filterDelay : 50,
|
|
54
54
|
/**
|
|
55
55
|
* @member {String} filterOperator_='like'
|
|
56
56
|
*/
|
|
@@ -141,7 +141,7 @@ class ComboBox extends Picker {
|
|
|
141
141
|
let me = this;
|
|
142
142
|
|
|
143
143
|
// Create buffered function to respond to input field mutation
|
|
144
|
-
|
|
144
|
+
me.filterOnInput = buffer(me.filterOnInput, me, me.filterDelay);
|
|
145
145
|
|
|
146
146
|
me.typeAhead && me.updateTypeAhead()
|
|
147
147
|
}
|
|
@@ -206,10 +206,11 @@ class ComboBox extends Picker {
|
|
|
206
206
|
* @protected
|
|
207
207
|
*/
|
|
208
208
|
afterSetValue(value, oldValue) {
|
|
209
|
-
super.afterSetValue(value, oldValue);
|
|
210
|
-
|
|
211
209
|
let me = this;
|
|
212
210
|
|
|
211
|
+
// input value changes (super call) need a flag to prevent showing the picker
|
|
212
|
+
me.programmaticValueChange = true;
|
|
213
|
+
super.afterSetValue(value, oldValue);
|
|
213
214
|
me.programmaticValueChange = false;
|
|
214
215
|
|
|
215
216
|
if (me._picker?.isVisible) {
|
|
@@ -304,8 +305,6 @@ class ComboBox extends Picker {
|
|
|
304
305
|
store = me.store,
|
|
305
306
|
record;
|
|
306
307
|
|
|
307
|
-
me.programmaticValueChange = true;
|
|
308
|
-
|
|
309
308
|
// getting a record, nothing to do
|
|
310
309
|
if (Neo.isObject(value)) {
|
|
311
310
|
return value
|