neo.mjs 4.8.4 → 4.8.6

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 (6) hide show
  1. package/package.json +1 -1
  2. package/resources/scss/src/form/field/trigger/Base.scss +2 -2
  3. package/resources/scss/theme-dark/form/field/trigger/Base.scss +3 -1
  4. package/resources/scss/theme-light/form/field/trigger/Base.scss +3 -1
  5. package/src/container/Base.mjs +10 -8
  6. package/src/list/Base.mjs +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "neo.mjs",
3
- "version": "4.8.4",
3
+ "version": "4.8.6",
4
4
  "description": "The webworkers driven UI framework",
5
5
  "type": "module",
6
6
  "repository": {
package/resources/scss/src/form/field/trigger/Base.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  .neo-field-trigger {
2
2
  align-items : center;
3
- border-left : v(textfield-border-width) solid v(textfield-border-color);
3
+ border-left : v(trigger-border-width) solid v(textfield-border-color);
4
4
  color : v(trigger-color);
5
5
  cursor : pointer;
6
6
  display : flex;
@@ -13,7 +13,7 @@
13
13
 
14
14
  &.neo-align-start {
15
15
  border-left : 0;
16
- border-right: v(textfield-border-width) solid v(textfield-border-color);
16
+ border-right: v(trigger-border-width) solid v(textfield-border-color);
17
17
  }
18
18
 
19
19
  &:hover {
package/resources/scss/theme-dark/form/field/trigger/Base.scss CHANGED
@@ -1,5 +1,6 @@
1
1
  $neoMap: map-merge($neoMap, (
2
2
  'trigger-background-color-hover': #33343d,
3
+ 'trigger-border-width' : 1px,
3
4
  'trigger-color' : #bbb,
4
5
  'trigger-color-hover' : #ddd
5
6
  ));
@@ -7,7 +8,8 @@ $neoMap: map-merge($neoMap, (
7
8
  @if $useCssVars == true {
8
9
  :root .neo-theme-dark {
9
10
  --trigger-background-color-hover: #{neo(trigger-background-color-hover)};
11
+ --trigger-border-width : #{neo(trigger-border-width)};
10
12
  --trigger-color : #{neo(trigger-color)};
11
13
  --trigger-color-hover : #{neo(trigger-color-hover)};
12
14
  }
13
- }
15
+ }
package/resources/scss/theme-light/form/field/trigger/Base.scss CHANGED
@@ -1,5 +1,6 @@
1
1
  $neoMap: map-merge($neoMap, (
2
2
  'trigger-background-color-hover': #fff,
3
+ 'trigger-border-width' : 1px,
3
4
  'trigger-color' : #bbb,
4
5
  'trigger-color-hover' : #1c60a0
5
6
  ));
@@ -7,7 +8,8 @@ $neoMap: map-merge($neoMap, (
7
8
  @if $useCssVars == true {
8
9
  :root .neo-theme-light {
9
10
  --trigger-background-color-hover: #{neo(trigger-background-color-hover)};
11
+ --trigger-border-width : #{neo(trigger-border-width)};
10
12
  --trigger-color : #{neo(trigger-color)};
11
13
  --trigger-color-hover : #{neo(trigger-color-hover)};
12
14
  }
13
- }
15
+ }
package/src/container/Base.mjs CHANGED
@@ -138,15 +138,17 @@ class Base extends Component {
138
138
  super.afterSetMounted(value, oldValue);
139
139
 
140
140
  if (oldValue !== undefined) {
141
- let items = this.items,
142
- i = 0,
143
- len = items.length;
144
-
145
- for (; i < len; i++) {
146
- if (!items[i].vdom.removeDom) {
147
- items[i].mounted = value;
141
+ setTimeout(() => {
142
+ let items = this.items,
143
+ i = 0,
144
+ len = items.length;
145
+
146
+ for (; i < len; i++) {
147
+ if (!items[i].vdom.removeDom) {
148
+ items[i].mounted = value;
149
+ }
148
150
  }
149
- }
151
+ }, 1)
150
152
  }
151
153
  }
152
154
 
package/src/list/Base.mjs CHANGED
@@ -641,8 +641,8 @@ class Base extends Component {
641
641
  listenerId;
642
642
 
643
643
  if (!me.mounted && me.rendering) {
644
- listenerId = me.on('rendered', () => {
645
- me.un('rendered', listenerId);
644
+ listenerId = me.on('mounted', () => {
645
+ me.un('mounted', listenerId);
646
646
  me.createItems();
647
647
  });
648
648
  } else {