@esportsplus/template 0.23.0 → 0.23.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 (4) hide show
  1. package/build/attributes.js +20 -39
  2. package/package.json +1 -1
  3. package/src/attributes.ts +25 -54
  4. package/src/slot/index.ts +1 -1
package/build/attributes.js CHANGED
@@ -27,52 +27,33 @@ function apply(element, name, value) {
27
27
  function context(element) {
28
28
  return (element[STORE] ??= { element });
29
29
  }
30
- function list(ctx, element, id, name, value, state) {
30
+ function list(ctx, element, id, name, state, value) {
31
31
  if (value == null || value === false || value === '') {
32
32
  value = '';
33
33
  }
34
- let base = name + '.static', delimiter = delimiters[name], store = (ctx ??= context(element)).store ??= {}, dynamic = store[name], type = typeof value;
35
- if (dynamic === undefined) {
36
- let value = (element.getAttribute(name) || '').trim();
37
- store[base] = value;
38
- store[name] = dynamic = {};
34
+ if (!value || typeof value !== 'string') {
35
+ return;
36
+ }
37
+ let delimiter = delimiters[name], store = (ctx ??= context(element)).store ??= {}, v = store[name];
38
+ if (v === undefined) {
39
+ v = store[name] = (element.getAttribute(name) || '').trim();
39
40
  }
40
41
  if (id === null) {
41
- if (value && type === 'string') {
42
- store[base] += (store[base] ? delimiter : '') + value;
43
- }
42
+ v = store[name] += (v ? delimiter : '') + value;
44
43
  }
45
44
  else {
46
- let hot = {};
47
- if (value && type === 'string') {
48
- let part, parts = value.split(delimiter);
49
- for (let i = 0, n = parts.length; i < n; i++) {
50
- part = parts[i].trim();
51
- if (part === '') {
52
- continue;
53
- }
54
- dynamic[part] = null;
55
- hot[part] = null;
56
- }
45
+ let current = delimiter + value, previous = store[id];
46
+ if (previous === undefined) {
47
+ v = store[name] += current;
57
48
  }
58
- let cold = store[id];
59
- if (cold !== undefined) {
60
- for (let part in cold) {
61
- if (part in hot) {
62
- continue;
63
- }
64
- delete dynamic[part];
65
- }
49
+ else if (previous !== current) {
50
+ v = store[name] = store[name].replace(previous, current);
66
51
  }
67
- store[id] = hot;
52
+ store[id] = current;
68
53
  }
69
- value = store[base];
70
- for (let key in dynamic) {
71
- value += (value ? delimiter : '') + key;
72
- }
73
- schedule(ctx, element, name, state, value);
54
+ schedule(ctx, element, name, state, v);
74
55
  }
75
- function property(ctx, element, id, name, value, state) {
56
+ function property(ctx, element, id, name, state, value) {
76
57
  if (value == null || value === false || value === '') {
77
58
  value = '';
78
59
  }
@@ -137,9 +118,9 @@ const set = (element, name, value, state = STATE_HYDRATING) => {
137
118
  else if (isArray(v)) {
138
119
  let last = v.length - 1;
139
120
  for (let i = 0, n = v.length; i < n; i++) {
140
- fn(ctx, element, id, name, v[i], state === STATE_HYDRATING
121
+ fn(ctx, element, id, name, state === STATE_HYDRATING
141
122
  ? state
142
- : i !== last ? STATE_WAITING : state);
123
+ : i !== last ? STATE_WAITING : state, v[i]);
143
124
  }
144
125
  }
145
126
  });
@@ -147,7 +128,7 @@ const set = (element, name, value, state = STATE_HYDRATING) => {
147
128
  return;
148
129
  }
149
130
  if (type !== 'object') {
150
- fn(null, element, null, name, value, state);
131
+ fn(null, element, null, name, state, value);
151
132
  return;
152
133
  }
153
134
  if (isArray(value)) {
@@ -160,7 +141,7 @@ const set = (element, name, value, state = STATE_HYDRATING) => {
160
141
  }
161
142
  return;
162
143
  }
163
- fn(null, element, null, name, value, state);
144
+ fn(null, element, null, name, state, value);
164
145
  };
165
146
  const spread = function (element, value) {
166
147
  if (isObject(value)) {
package/package.json CHANGED
@@ -14,7 +14,7 @@
14
14
  "private": false,
15
15
  "type": "module",
16
16
  "types": "./build/index.d.ts",
17
- "version": "0.23.0",
17
+ "version": "0.23.1",
18
18
  "scripts": {
19
19
  "build": "tsc && tsc-alias",
20
20
  "-": "-"
package/src/attributes.ts CHANGED
@@ -54,72 +54,43 @@ function list(
54
54
  element: Element,
55
55
  id: null | number,
56
56
  name: string,
57
- value: unknown,
58
- state: State
57
+ state: State,
58
+ value: unknown
59
59
  ) {
60
60
  if (value == null || value === false || value === '') {
61
61
  value = '';
62
62
  }
63
63
 
64
- let base = name + '.static',
65
- delimiter = delimiters[name],
66
- store = (ctx ??= context(element)).store ??= {},
67
- dynamic = store[name] as Attributes | undefined,
68
- type = typeof value;
64
+ if (!value || typeof value !== 'string') {
65
+ return;
66
+ }
69
67
 
70
- if (dynamic === undefined) {
71
- let value = (element.getAttribute(name) || '').trim();
68
+ let delimiter = delimiters[name],
69
+ store = (ctx ??= context(element)).store ??= {},
70
+ v = store[name];
72
71
 
73
- store[base] = value;
74
- store[name] = dynamic = {};
72
+ if (v === undefined) {
73
+ v = store[name] = (element.getAttribute(name) || '').trim();
75
74
  }
76
75
 
77
76
  if (id === null) {
78
- if (value && type === 'string') {
79
- store[base] += (store[base] ? delimiter : '') + value;
80
- }
77
+ v = store[name] += (v ? delimiter : '') + value;
81
78
  }
82
79
  else {
83
- let hot: Attributes = {};
80
+ let current = delimiter + value,
81
+ previous = store[id] as string | undefined;
84
82
 
85
- if (value && type === 'string') {
86
- let part: string,
87
- parts = (value as string).split(delimiter);
88
-
89
- for (let i = 0, n = parts.length; i < n; i++) {
90
- part = parts[i].trim();
91
-
92
- if (part === '') {
93
- continue;
94
- }
95
-
96
- dynamic[part] = null;
97
- hot[part] = null;
98
- }
83
+ if (previous === undefined) {
84
+ v = store[name] += current;
99
85
  }
100
-
101
- let cold = store[id] as Attributes | undefined;
102
-
103
- if (cold !== undefined) {
104
- for (let part in cold) {
105
- if (part in hot) {
106
- continue;
107
- }
108
-
109
- delete dynamic[part];
110
- }
86
+ else if (previous !== current) {
87
+ v = store[name] = (store[name] as string).replace(previous, current);
111
88
  }
112
89
 
113
- store[id] = hot;
90
+ store[id] = current;
114
91
  }
115
92
 
116
- value = store[base];
117
-
118
- for (let key in dynamic) {
119
- value += (value ? delimiter : '') + key;
120
- }
121
-
122
- schedule(ctx, element, name, state, value);
93
+ schedule(ctx, element, name, state, v);
123
94
  }
124
95
 
125
96
  function property(
@@ -127,8 +98,8 @@ function property(
127
98
  element: Element,
128
99
  id: null | number,
129
100
  name: string,
130
- value: unknown,
131
- state: State
101
+ state: State,
102
+ value: unknown
132
103
  ) {
133
104
  if (value == null || value === false || value === '') {
134
105
  value = '';
@@ -224,10 +195,10 @@ const set = (element: Element, name: string, value: unknown, state: State = STAT
224
195
  element,
225
196
  id,
226
197
  name,
227
- v[i],
228
198
  state === STATE_HYDRATING
229
199
  ? state
230
- : i !== last ? STATE_WAITING : state
200
+ : i !== last ? STATE_WAITING : state,
201
+ v[i],
231
202
  );
232
203
  }
233
204
  }
@@ -239,7 +210,7 @@ const set = (element: Element, name: string, value: unknown, state: State = STAT
239
210
  }
240
211
 
241
212
  if (type !== 'object') {
242
- fn(null, element, null, name, value, state);
213
+ fn(null, element, null, name, state, value);
243
214
  return;
244
215
  }
245
216
 
@@ -256,7 +227,7 @@ const set = (element: Element, name: string, value: unknown, state: State = STAT
256
227
  return;
257
228
  }
258
229
 
259
- fn(null, element, null, name, value, state);
230
+ fn(null, element, null, name, state, value);
260
231
  };
261
232
 
262
233
  const spread = function (element: Element, value: Attributes | Attributes[]) {
package/src/slot/index.ts CHANGED
@@ -5,7 +5,7 @@ import render from './render';
5
5
 
6
6
  export default (anchor: Element, value: unknown): void => {
7
7
  if (typeof value === 'function') {
8
- effect(anchor, value as Function);
8
+ effect(anchor, value as Parameters<typeof effect>[1]);
9
9
  }
10
10
  else {
11
11
  anchor.after( render(anchor, value) );